/* VeraGloss Aurora v1.0.225 — readable two-across mobile product cards.
   Only homepage product carousels and WooCommerce catalog/shop listings are scoped.
   Product detail pages, descriptions in WordPress, desktop/tablet CSS, cart and
   checkout are intentionally unchanged. */

@media (max-width:760px) {
  /* Both product listing routes use the same two-column grid on every phone. */
  body .vg-all-products-page .vg-all-products-grid ul.products,
  body .vg-shop-page #vg-shop-products ul.products {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:12px!important;
    row-gap:16px!important;
  }
  body .vg-all-products-page .vg-all-products-grid ul.products > li.product,
  body .vg-shop-page #vg-shop-products ul.products > li.product {
    min-width:0!important;
    width:auto!important;
    margin:0!important;
  }

  /* The homepage remains a swipeable carousel, with precisely two visible cards. */
  body .aurora-product-carousel ul.products,
  body .aurora-auto-carousel ul.products {
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:12px!important;
    padding:10px 8px 14px!important;
    scroll-padding-inline:8px!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none;
  }
  body .aurora-product-carousel ul.products::-webkit-scrollbar,
  body .aurora-auto-carousel ul.products::-webkit-scrollbar {
    display:none!important;
    width:0!important;
    height:0!important;
  }
  body .aurora-product-carousel ul.products > li.product,
  body .aurora-auto-carousel ul.products > li.product {
    flex:0 0 calc((100% - 12px)/2)!important;
    width:calc((100% - 12px)/2)!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
  }

  /* Larger photographs with a quiet, consistent frame. */
  body :is(.aurora-product-carousel,.aurora-auto-carousel,.vg-all-products-grid,#vg-shop-products)
    ul.products li.product.vg-product-card {
    --vg-card-inset:10px!important;
    --vg-card-frame-inset:8px!important;
    --vg-photo-frame-inset:8px!important;
    min-width:0!important;
  }
  body :is(.aurora-product-carousel,.aurora-auto-carousel,.vg-all-products-grid,#vg-shop-products)
    ul.products li.product.vg-product-card .vg-card-photo-frame > img:is(.wp-post-image,.attachment-woocommerce_thumbnail,.vg-card-photo-outgoing),
  body :is(.aurora-product-carousel,.aurora-auto-carousel,.vg-all-products-grid,#vg-shop-products)
    ul.products li.product.vg-product-card[data-vg-card-variations] .vg-card-photo-frame > img:is(.wp-post-image,.attachment-woocommerce_thumbnail,.vg-card-photo-outgoing) {
    padding:12px!important;
    padding-bottom:12px!important;
    object-fit:contain!important;
  }

  /* Product detail descriptions are preserved; hide only the excerpts on cards. */
  body :is(.aurora-product-carousel,.aurora-auto-carousel,.vg-all-products-grid,#vg-shop-products)
    ul.products li.product.vg-product-card .vg-product-subtitle {
    display:none!important;
  }
  body :is(.aurora-product-carousel,.aurora-auto-carousel,.vg-all-products-grid,#vg-shop-products)
    ul.products li.product.vg-product-card .vg-card-content {
    padding:11px 10px 12px!important;
    gap:0!important;
  }
  body :is(.aurora-product-carousel,.aurora-auto-carousel,.vg-all-products-grid,#vg-shop-products)
    ul.products li.product.vg-product-card .woocommerce-loop-product__title {
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    font-size:14px!important;
    line-height:18px!important;
    font-weight:500!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    margin:0 0 5px!important;
    overflow:hidden!important;
    overflow-wrap:anywhere;
    letter-spacing:-.02em!important;
  }
  body :is(.aurora-product-carousel,.aurora-auto-carousel,.vg-all-products-grid,#vg-shop-products)
    ul.products li.product.vg-product-card .price {
    font-size:13px!important;
    line-height:18px!important;
    height:auto!important;
    min-height:19px!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    gap:0 4px!important;
    justify-content:flex-start!important;
    align-content:flex-start!important;
    overflow:visible!important;
    overflow-wrap:anywhere;
  }
  body :is(.aurora-product-carousel,.aurora-auto-carousel,.vg-all-products-grid,#vg-shop-products)
    ul.products li.product.vg-product-card .vg-card-rating {
    font-size:10px!important;
    line-height:14px!important;
    height:14px!important;
    min-height:14px!important;
    max-height:14px!important;
    margin:3px 0 0!important;
    gap:4px!important;
  }
  body :is(.aurora-product-carousel,.aurora-auto-carousel,.vg-all-products-grid,#vg-shop-products)
    ul.products li.product.vg-product-card .vg-card-rating.is-empty {
    display:none!important;
  }
  body :is(.aurora-product-carousel,.aurora-auto-carousel,.vg-all-products-grid,#vg-shop-products)
    ul.products li.product.vg-product-card .vg-card-stars {
    width:50px!important;
    flex-basis:50px!important;
    height:12px!important;
    line-height:12px!important;
  }
  body :is(.aurora-product-carousel,.aurora-auto-carousel,.vg-all-products-grid,#vg-shop-products)
    ul.products li.product.vg-product-card .vg-card-star {
    width:10px!important;
    font-size:10px!important;
    line-height:12px!important;
  }
  body :is(.aurora-product-carousel,.aurora-auto-carousel,.vg-all-products-grid,#vg-shop-products)
    ul.products li.product.vg-product-card .vg-card-review-count {
    font-size:10px!important;
    line-height:12px!important;
  }

  /* Comfortable full-width buttons with an aligned bottom edge on each row. */
  body :is(.aurora-product-carousel,.aurora-auto-carousel,.vg-all-products-grid,#vg-shop-products)
    ul.products li.product.vg-product-card .vg-card-actions {
    display:flex!important;
    flex:0 0 auto!important;
    min-width:0!important;
    width:calc(100% - 20px)!important;
    max-width:calc(100% - 20px)!important;
    margin:auto 10px 10px!important;
    padding:0!important;
    gap:0!important;
  }
  body :is(.aurora-product-carousel,.aurora-auto-carousel,.vg-all-products-grid,#vg-shop-products)
    ul.products li.product.vg-product-card .vg-card-actions > .button {
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    height:auto!important;
    padding:9px 8px!important;
    font-size:11px!important;
    line-height:15px!important;
    text-align:center!important;
    justify-content:center!important;
    white-space:normal!important;
    overflow-wrap:anywhere;
    letter-spacing:0!important;
  }
  body :is(.aurora-product-carousel,.aurora-auto-carousel,.vg-all-products-grid,#vg-shop-products)
    ul.products li.product.vg-product-card .vg-card-actions > .button:not(.loading):not(.added)::after {
    display:none!important;
  }
  body :is(.aurora-product-carousel,.aurora-auto-carousel,.vg-all-products-grid,#vg-shop-products)
    ul.products li.product.vg-product-card > .vg-wishlist {
    top:8px!important;
    right:8px!important;
    width:30px!important;
    height:30px!important;
  }

  /* Keep homepage section rhythm close to its content, not to the old carousel. */
  body .aurora-section:has(> .aurora-container .aurora-product-carousel),
  body .aurora-section:has(> .aurora-container .aurora-auto-carousel) {
    padding-top:42px!important;
    padding-bottom:42px!important;
  }
  body .aurora-section:has(> .aurora-container .aurora-product-carousel) .aurora-section-head,
  body .aurora-section:has(> .aurora-container .aurora-auto-carousel) .aurora-section-head {
    margin-bottom:17px!important;
  }
  body .aurora-product-carousel .aurora-carousel-controls,
  body .aurora-auto-carousel .aurora-carousel-controls {
    padding:6px 8px 0!important;
  }
}


/* VeraGloss Aurora 1.0.233 — unified mobile product-card rhythm.
   Same card component for Trending Now, Best Sellers, All Products and Shop.
   Only cards, not single-product details, cart, wishlist grid or checkout. */
@media (max-width:760px) {
  body :is(.aurora-product-carousel,.aurora-auto-carousel,.vg-all-products-grid,#vg-shop-products)
  ul.products li.product.vg-product-card {
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    align-self:stretch!important;
    min-width:0!important;
    border-radius:7px!important;
  }
  /* Identical square frames without cropping/warping source product images. */
  body :is(.aurora-product-carousel,.aurora-auto-carousel,.vg-all-products-grid,#vg-shop-products)
  ul.products li.product.vg-product-card .vg-card-photo-frame {
    width:100%!important;
    aspect-ratio:1/1!important;
    overflow:hidden!important;
  }
  body :is(.aurora-product-carousel,.aurora-auto-carousel,.vg-all-products-grid,#vg-shop-products)
  ul.products li.product.vg-product-card .vg-card-photo-frame > img:is(.wp-post-image,.attachment-woocommerce_thumbnail,.vg-card-photo-outgoing) {
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    padding:11px!important;
    box-sizing:border-box!important;
  }
  body :is(.aurora-product-carousel,.aurora-auto-carousel,.vg-all-products-grid,#vg-shop-products)
  ul.products li.product.vg-product-card .vg-card-content {
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 auto!important;
    min-width:0!important;
    padding:10px 9px 11px!important;
    gap:0!important;
  }
  body :is(.aurora-product-carousel,.aurora-auto-carousel,.vg-all-products-grid,#vg-shop-products)
  ul.products li.product.vg-product-card .woocommerce-loop-product__title {
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    flex:0 0 34px!important;
    font-size:13px!important;
    line-height:17px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    margin:0 0 4px!important;
    padding:0!important;
    overflow:hidden!important;
    overflow-wrap:anywhere!important;
  }
  body :is(.aurora-product-carousel,.aurora-auto-carousel,.vg-all-products-grid,#vg-shop-products)
  ul.products li.product.vg-product-card .vg-product-subtitle {
    display:none!important;
  }
  body :is(.aurora-product-carousel,.aurora-auto-carousel,.vg-all-products-grid,#vg-shop-products)
  ul.products li.product.vg-product-card .price {
    display:flex!important;
    flex:0 0 auto!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    align-content:flex-start!important;
    flex-wrap:wrap!important;
    height:auto!important;
    min-height:18px!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    gap:0 5px!important;
    font-size:12.5px!important;
    line-height:18px!important;
    white-space:normal!important;
    overflow:visible!important;
  }
  /* Keep one uniform, tight row even when the product has no reviews. */
  body :is(.aurora-product-carousel,.aurora-auto-carousel,.vg-all-products-grid,#vg-shop-products)
  ul.products li.product.vg-product-card .vg-card-rating,
  body :is(.aurora-product-carousel,.aurora-auto-carousel,.vg-all-products-grid,#vg-shop-products)
  ul.products li.product.vg-product-card .vg-card-rating.is-empty {
    display:flex!important;
    flex:0 0 15px!important;
    height:15px!important;
    min-height:15px!important;
    max-height:15px!important;
    margin:3px 0 7px!important;
    padding:0!important;
    align-items:center!important;
    line-height:15px!important;
    gap:4px!important;
  }
  body :is(.aurora-product-carousel,.aurora-auto-carousel,.vg-all-products-grid,#vg-shop-products)
  ul.products li.product.vg-product-card .vg-card-rating.is-empty {
    visibility:hidden!important;
  }
  body :is(.aurora-product-carousel,.aurora-auto-carousel,.vg-all-products-grid,#vg-shop-products)
  ul.products li.product.vg-product-card .vg-card-actions {
    display:flex!important;
    flex:0 0 auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:auto 0 0!important;
    padding:0!important;
    align-items:stretch!important;
  }
  body :is(.aurora-product-carousel,.aurora-auto-carousel,.vg-all-products-grid,#vg-shop-products)
  ul.products li.product.vg-product-card .vg-card-actions > .button {
    display:flex!important;
    flex:1 1 auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:40px!important;
    margin:0!important;
    padding:8px 6px!important;
    font-size:11px!important;
    line-height:15px!important;
    font-weight:600!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  body :is(.aurora-product-carousel,.aurora-auto-carousel,.vg-all-products-grid,#vg-shop-products)
  ul.products li.product.vg-product-card .vg-card-actions > .button:not(.loading):not(.added)::after {
    display:none!important;
  }
}


/* VeraGloss Aurora 1.0.242 — mobile carousel-heading layout.
   Match desktop's right-aligned section CTA, without shrinking product cards or
   changing section headers outside Trending Now and Best Sellers. */
@media (max-width:760px) {
  body .aurora-section:has(> .aurora-container .aurora-auto-carousel) .aurora-section-head {
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:9px!important;
  }
  body .aurora-section:has(> .aurora-container .aurora-auto-carousel) .aurora-section-head > div {
    flex:1 1 auto;
    min-width:0;
  }
  body .aurora-section:has(> .aurora-container .aurora-auto-carousel) .aurora-section-head .aurora-kicker {
    display:block;
    font-size:8px;
    line-height:1.35;
    letter-spacing:.12em;
  }
  body .aurora-section:has(> .aurora-container .aurora-auto-carousel) .aurora-section-head h2 {
    font-size:clamp(22px,6.65vw,27px)!important;
    line-height:1.08!important;
    margin-top:5px!important;
    letter-spacing:-.028em;
    white-space:nowrap;
  }
  body .aurora-section:has(> .aurora-container .aurora-auto-carousel) .aurora-section-head > a {
    flex:0 0 auto;
    align-self:flex-end;
    white-space:nowrap;
    font-size:10px!important;
    line-height:1.3;
    padding-bottom:4px;
    margin-bottom:2px;
    text-align:right;
    font-weight:700;
  }
  body .aurora-section:has(> .aurora-container .aurora-auto-carousel) .aurora-section-head > a span {
    display:inline;
    margin-left:5px;
  }
}
@media (max-width:360px) {
  body .aurora-section:has(> .aurora-container .aurora-auto-carousel) .aurora-section-head {
    gap:6px!important;
  }
  body .aurora-section:has(> .aurora-container .aurora-auto-carousel) .aurora-section-head h2 {
    font-size:22px!important;
  }
  body .aurora-section:has(> .aurora-container .aurora-auto-carousel) .aurora-section-head > a {
    font-size:9px!important;
  }
}


/* VeraGloss Aurora 1.0.248 — mobile carousel polish.
   Scope: homepage carousel spacing/arrows, and product-card outlines across
   homepage/shop/catalog. No changes to desktop, product details or checkout. */
@media (max-width:760px) {
  /* One visible, warm-taupe perimeter around each collection card. */
  /* Separate the ID selector: including #vg-shop-products inside :is()
     gave EVERY carousel selector ID-level specificity, preventing touch glow. */
  body :is(.aurora-product-carousel,.aurora-auto-carousel,.vg-all-products-grid)
  ul.products li.product.vg-product-card,
  body #vg-shop-products ul.products li.product.vg-product-card {
    border:1px solid #C9BBA7!important;
    box-shadow:0 3px 10px rgba(23,45,56,.045)!important;
  }

  /* Reduce the empty space between product cards, arrows and next section. */
  body .aurora-section:has(> .aurora-container .aurora-product-carousel),
  body .aurora-section:has(> .aurora-container .aurora-auto-carousel) {
    padding-bottom:24px!important;
  }
  body .aurora-product-carousel ul.products,
  body .aurora-auto-carousel ul.products {
    padding-bottom:8px!important;
  }
  body .aurora-product-carousel .aurora-carousel-controls,
  body .aurora-auto-carousel .aurora-carousel-controls {
    gap:8px!important;
    margin-top:0!important;
    padding:0 8px!important;
  }

  /* Maintain the existing arrow locations/actions with smaller circles. */
  body .aurora-carousel-controls .aurora-carousel-arrow {
    flex:0 0 38px!important;
    width:38px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0!important;
  }
  body .aurora-carousel-controls .aurora-carousel-arrow svg {
    width:18px!important;
    height:18px!important;
  }
}