/*
 * v1.4.62 — shared shop/category card source of truth.
 * Loaded AFTER home-loop.css / woocommerce.css / skins-cards.css so the same
 * two-column product card is used on homepage, shop and product categories.
 */

@media (max-width: 639px) {
  /* WooCommerce archives put the `woocommerce` class on BODY itself.
     Select from body directly so category/shop cards receive the same rules as homepage. */
  /* Header: reserve fixed, safe space for hamburger + logo + four actions. */
  .pr-header .pr-container.pr-header__inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.28rem !important;
    padding-left: max(0.72rem, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(0.72rem, env(safe-area-inset-right, 0px)) !important;
    overflow: visible !important;
  }

  .pr-header .pr-nav-toggle {
    flex: 0 0 34px !important;
    width: 34px !important;
    height: 34px !important;
  }

  .pr-header .pr-logo,
  body.pr-card-story .pr-header .pr-logo {
    display: block !important;
    flex: 0 1 126px !important;
    width: 126px !important;
    max-width: 126px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    font-size: 0.93rem !important;
    line-height: 1.02 !important;
    white-space: normal !important;
  }

  .pr-header .pr-logo em,
  body.pr-card-story .pr-header .pr-logo em {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: inherit !important;
    white-space: normal !important;
  }

  .pr-header .pr-header__actions {
    display: flex !important;
    flex: 0 0 auto !important;
    gap: 0.08rem !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .pr-header .pr-cart-link,
  .pr-header .pr-search-open,
  .pr-header .pr-account-link,
  .pr-header .pr-wishlist-link {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
  }

  /* One canonical two-column grid for home + shop + category archives. */
  body.pr-mobile-products-2 ul.products,
  body.pr-mobile-products-2.pr-shop-view ul.products,
  body.pr-mobile-products-2.pr-shop-view .pr-shop-layout__main ul.products,
  body.pr-mobile-products-2 .pr-featured--home .woocommerce ul.products,
  body.pr-mobile-products-2 .pr-featured--home .woocommerce ul.products.columns-1,
  body.pr-mobile-products-2 .pr-featured--home .woocommerce ul.products.columns-3,
  body.pr-mobile-products-2 .pr-featured--home .woocommerce ul.products.columns-4 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.7rem !important;
  }



  /* Subcategory cards on parent product-category archives.
     WooCommerce renders these as li.product-category, not li.product. */
  body.pr-mobile-products-2 ul.products li.product-category,
  body.pr-mobile-products-2.pr-shop-view ul.products li.product-category {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 15px !important;
    box-sizing: border-box !important;
  }

  body.pr-mobile-products-2 ul.products li.product-category > a,
  body.pr-mobile-products-2.pr-shop-view ul.products li.product-category > a {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    color: inherit !important;
    text-decoration: none !important;
  }

  body.pr-mobile-products-2 ul.products li.product-category a img,
  body.pr-mobile-products-2.pr-shop-view ul.products li.product-category a img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    aspect-ratio: 1 / 1.04 !important;
    object-fit: cover !important;
    border: 0 !important;
    border-bottom: 1px solid var(--pr-line) !important;
    border-radius: 0 !important;
  }

  body.pr-mobile-products-2 ul.products li.product-category .woocommerce-loop-category__title,
  body.pr-mobile-products-2.pr-shop-view ul.products li.product-category .woocommerce-loop-category__title {
    display: -webkit-box !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0.65rem 0.72rem 0.72rem !important;
    min-height: calc(0.86rem * 1.2 * 2 + 1.37rem) !important;
    max-height: none !important;
    overflow: hidden !important;
    font-family: var(--pr-display) !important;
    font-size: 0.86rem !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
    text-align: left !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    box-sizing: border-box !important;
  }

  body.pr-mobile-products-2 ul.products li.product-category .woocommerce-loop-category__title .count,
  body.pr-mobile-products-2.pr-shop-view ul.products li.product-category .woocommerce-loop-category__title .count {
    display: inline !important;
    margin-left: 0.2rem !important;
    padding: 0 !important;
    background: transparent !important;
    color: currentColor !important;
    font-family: inherit !important;
    font-size: 0.68em !important;
    font-weight: 600 !important;
    opacity: 0.55 !important;
  }

  body.pr-card-story.pr-mode-light.pr-mobile-products-2 ul.products li.product-category {
    background:
      radial-gradient(ellipse 65% 80% at 12% 30%, rgba(var(--pr-rose-rgb), 0.08), transparent 62%),
      linear-gradient(145deg, #fff 0%, #fffdfb 48%, rgba(var(--pr-rose-rgb), 0.03) 76%, var(--pr-cream) 100%) !important;
    color: var(--pr-ink) !important;
    border-color: rgba(var(--pr-rose-rgb), 0.32) !important;
  }

  body.pr-card-story.pr-mode-light.pr-mobile-products-2 ul.products li.product-category .woocommerce-loop-category__title {
    color: var(--pr-ink) !important;
  }

  body.pr-card-story.pr-mode-dark.pr-mobile-products-2 ul.products li.product-category {
    background:
      radial-gradient(ellipse 68% 82% at 12% 28%, rgba(var(--pr-rose-rgb), 0.16), transparent 62%),
      linear-gradient(145deg, #1a1018 0%, #1e121a 44%, #24161f 76%, #291a23 100%) !important;
    color: #fff !important;
    border-color: rgba(var(--pr-rose-rgb), 0.34) !important;
  }

  body.pr-card-story.pr-mode-dark.pr-mobile-products-2 ul.products li.product-category .woocommerce-loop-category__title {
    color: #fff !important;
  }

  body.pr-mobile-products-2 ul.products li.product,
  body.pr-mobile-products-2.pr-shop-view ul.products li.product {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 15px !important;
    box-sizing: border-box !important;
  }

  body.pr-mobile-products-2 ul.products li.product .woocommerce-LoopProduct-link,
  body.pr-mobile-products-2 ul.products li.product > a.woocommerce-LoopProduct-link {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.pr-mobile-products-2 ul.products li.product a img,
  body.pr-mobile-products-2 ul.products li.product img.attachment-woocommerce_thumbnail,
  body.pr-mobile-products-2 ul.products li.product .attachment-woocommerce_thumbnail {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    aspect-ratio: 1 / 1.10 !important;
    object-fit: cover !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--pr-line) !important;
    border-radius: 0 !important;
  }

  body.pr-mobile-products-2 ul.products li.product .pr-loop-cat,
  body.pr-mobile-products-2.pr-shop-view ul.products li.product .pr-loop-cat {
    display: block !important;
    padding: 0.62rem 0.72rem 0 !important;
    margin: 0 !important;
    font-size: 0.54rem !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
  }

  body.pr-mobile-products-2 ul.products li.product .woocommerce-loop-product__title,
  body.pr-mobile-products-2.pr-shop-view ul.products li.product .woocommerce-loop-product__title {
    display: -webkit-box !important;
    padding: 0.22rem 0.72rem 0.08rem !important;
    margin: 0 !important;
    min-height: calc(0.82rem * 1.22 * 3) !important;
    max-height: calc(0.82rem * 1.22 * 3) !important;
    overflow: hidden !important;
    font-size: 0.82rem !important;
    line-height: 1.22 !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
  }

  body.pr-mobile-products-2 ul.products li.product .pr-loop-swatches {
    display: none !important;
  }

  body.pr-mobile-products-2 ul.products li.product .price,
  body.pr-mobile-products-2.pr-shop-view ul.products li.product .price {
    display: block !important;
    padding: 0.24rem 0.72rem 0.45rem !important;
    margin: 0 !important;
    font-size: 0.86rem !important;
    line-height: 1.22 !important;
    font-weight: 800 !important;
  }

  body.pr-mobile-products-2 ul.products li.product .price del {
    font-size: 0.72rem !important;
  }

  body.pr-mobile-products-2 ul.products li.product .button,
  body.pr-mobile-products-2 ul.products li.product a.button,
  body.pr-mobile-products-2 ul.products li.product .added_to_cart,
  body.pr-mobile-products-2.pr-shop-view ul.products li.product .button,
  body.pr-mobile-products-2.pr-shop-view ul.products li.product a.button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: auto 0.72rem 0.72rem !important;
    width: calc(100% - 1.44rem) !important;
    max-width: none !important;
    min-height: 42px !important;
    padding: 0.62rem 0.3rem !important;
    border-radius: 999px !important;
    font-size: 0.72rem !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    text-align: center !important;
  }

  /* LIGHT product cards: readable dark text on a soft, continuous background. */
  body.pr-card-story.pr-mode-light.pr-mobile-products-2 ul.products li.product {
    background:
      radial-gradient(ellipse 65% 80% at 12% 30%, rgba(var(--pr-rose-rgb), 0.10), transparent 62%),
      linear-gradient(145deg, #fff 0%, #fffdfb 42%, rgba(var(--pr-rose-rgb), 0.035) 72%, var(--pr-cream) 100%) !important;
    color: var(--pr-ink) !important;
    border-color: rgba(var(--pr-rose-rgb), 0.32) !important;
  }

  body.pr-card-story.pr-mode-light.pr-mobile-products-2 ul.products li.product .woocommerce-loop-product__title {
    color: var(--pr-ink) !important;
  }

  body.pr-card-story.pr-mode-light.pr-mobile-products-2 ul.products li.product .pr-loop-cat,
  body.pr-card-story.pr-mode-light.pr-mobile-products-2 ul.products li.product .price {
    color: var(--pr-rose-dark) !important;
  }

  /* DARK product cards: readable white title and muted metadata, no split seam. */
  body.pr-card-story.pr-mode-dark.pr-mobile-products-2 ul.products li.product {
    background:
      radial-gradient(ellipse 68% 82% at 12% 28%, rgba(var(--pr-rose-rgb), 0.18), transparent 62%),
      linear-gradient(145deg, #1a1018 0%, #1e121a 42%, #24161f 74%, #291a23 100%) !important;
    color: #fff !important;
    border-color: rgba(var(--pr-rose-rgb), 0.34) !important;
  }

  body.pr-card-story.pr-mode-dark.pr-mobile-products-2 ul.products li.product .woocommerce-loop-product__title {
    color: #fff !important;
  }

  body.pr-card-story.pr-mode-dark.pr-mobile-products-2 ul.products li.product .pr-loop-cat {
    color: rgba(255, 255, 255, 0.62) !important;
  }

  body.pr-card-story.pr-mode-dark.pr-mobile-products-2 ul.products li.product .price {
    color: var(--pr-rose) !important;
  }

  body.pr-card-story.pr-mode-dark.pr-mobile-products-2 ul.products li.product .price del {
    color: rgba(255, 255, 255, 0.46) !important;
  }
}

/* Very narrow phones: preserve the logo and four action buttons without clipping. */
@media (max-width: 380px) {
  .pr-header .pr-logo,
  body.pr-card-story .pr-header .pr-logo {
    flex-basis: 110px !important;
    width: 110px !important;
    max-width: 110px !important;
    font-size: 0.85rem !important;
  }

  .pr-header .pr-cart-link,
  .pr-header .pr-search-open,
  .pr-header .pr-account-link,
  .pr-header .pr-wishlist-link {
    width: 31px !important;
    height: 31px !important;
    min-width: 31px !important;
  }
}


/* v1.4.60 — subcategory cards on tablet/desktop.
   These rules touch ONLY li.product-category; product cards remain unchanged. */
@media (min-width: 640px) {
  body.woocommerce ul.products li.product-category,
  body.pr-shop-view ul.products li.product-category,
  .woocommerce ul.products li.product-category {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: var(--pr-card-radius, 16px) !important;
    box-sizing: border-box !important;
  }

  body.woocommerce ul.products li.product-category > a,
  body.pr-shop-view ul.products li.product-category > a,
  .woocommerce ul.products li.product-category > a {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    color: inherit !important;
    text-decoration: none !important;
  }

  body.woocommerce ul.products li.product-category a img,
  body.pr-shop-view ul.products li.product-category a img,
  .woocommerce ul.products li.product-category a img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    aspect-ratio: 1 / 0.92 !important;
    object-fit: cover !important;
    border: 0 !important;
    border-bottom: 1px solid var(--pr-line) !important;
    border-radius: 0 !important;
  }

  body.woocommerce ul.products li.product-category .woocommerce-loop-category__title,
  body.pr-shop-view ul.products li.product-category .woocommerce-loop-category__title,
  .woocommerce ul.products li.product-category .woocommerce-loop-category__title {
    display: -webkit-box !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0.9rem 1rem 1rem !important;
    min-height: calc(1rem * 1.25 * 2 + 1.9rem) !important;
    max-height: none !important;
    overflow: hidden !important;
    font-family: var(--pr-display) !important;
    font-size: 1rem !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
    text-align: left !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    box-sizing: border-box !important;
  }

  body.woocommerce ul.products li.product-category .woocommerce-loop-category__title .count,
  body.pr-shop-view ul.products li.product-category .woocommerce-loop-category__title .count,
  .woocommerce ul.products li.product-category .woocommerce-loop-category__title .count {
    display: inline !important;
    margin-left: 0.25rem !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: currentColor !important;
    font: inherit !important;
    font-size: 0.68em !important;
    font-weight: 600 !important;
    opacity: 0.5 !important;
    vertical-align: baseline !important;
  }

  body.pr-card-story.pr-mode-light ul.products li.product-category {
    background:
      radial-gradient(ellipse 70% 72% at 14% 24%, rgba(var(--pr-rose-rgb), 0.07), transparent 62%),
      linear-gradient(145deg, #fff 0%, #fffdfb 54%, rgba(var(--pr-rose-rgb), 0.025) 78%, var(--pr-cream) 100%) !important;
    color: var(--pr-ink) !important;
    border-color: rgba(var(--pr-rose-rgb), 0.28) !important;
  }

  body.pr-card-story.pr-mode-light ul.products li.product-category .woocommerce-loop-category__title {
    color: var(--pr-ink) !important;
  }

  body.pr-card-story.pr-mode-dark ul.products li.product-category {
    background:
      radial-gradient(ellipse 70% 72% at 14% 24%, rgba(var(--pr-rose-rgb), 0.15), transparent 62%),
      linear-gradient(145deg, #1a1018 0%, #1e121a 46%, #24161f 76%, #291a23 100%) !important;
    color: #fff !important;
    border-color: rgba(var(--pr-rose-rgb), 0.34) !important;
  }

  body.pr-card-story.pr-mode-dark ul.products li.product-category .woocommerce-loop-category__title {
    color: #fff !important;
  }
}

/* Larger desktop: slightly more breathing room without oversized category names. */
@media (min-width: 1200px) {
  body.woocommerce ul.products li.product-category .woocommerce-loop-category__title,
  body.pr-shop-view ul.products li.product-category .woocommerce-loop-category__title,
  .woocommerce ul.products li.product-category .woocommerce-loop-category__title {
    padding: 1rem 1.1rem 1.1rem !important;
    font-size: 1.05rem !important;
    line-height: 1.25 !important;
  }
}

/* v1.4.63 — desktop product cards: proportions closer to mobile. */
@media (min-width: 640px) {
  body.woocommerce ul.products li.product .pr-loop-cat,
  body.pr-shop-view ul.products li.product .pr-loop-cat,
  .woocommerce ul.products li.product .pr-loop-cat,
  .pr-featured--home .woocommerce ul.products li.product .pr-loop-cat {
    font-size: 0.60rem !important;
    line-height: 1.22 !important;
    letter-spacing: 0.065em !important;
  }

  body.woocommerce ul.products li.product .woocommerce-loop-product__title,
  body.pr-shop-view ul.products li.product .woocommerce-loop-product__title,
  .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .pr-featured--home .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 0.86rem !important;
    line-height: 1.22 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    overflow: hidden !important;
  }
}