/*
 * Retail Experience Framework v20.4.8
 * Balanced product-page gallery support and compact relocated highlights.
 */

body.single-product.ref-v2047-product-layout-balance .content-row.ref-v2047-product-balanced{
  align-items:stretch!important;
}

@media(min-width:850px){
  body.single-product.ref-v2047-product-layout-balance .product-gallery.ref-v2047-gallery-stack{
    display:flex!important;
    flex-direction:column!important;
    align-self:stretch!important;
    min-width:0!important;
  }

  body.single-product.ref-v2047-product-layout-balance .product-gallery.ref-v2047-gallery-stack>.product-images{
    flex:0 0 auto!important;
    width:100%!important;
  }
}

/* The support area lives inside a half-width gallery column, so its internal
   cards must use the available width rather than forming two cramped columns. */
body.single-product.ref-v2047-product-layout-balance .ref-v2046-gallery-support.ref-v2047-support-compact{
  grid-template-columns:minmax(0,1fr) minmax(168px,.56fr)!important;
  gap:12px!important;
  margin:16px 0 0!important;
}

body.single-product.ref-v2047-product-layout-balance .ref-v2047-support-compact>div,
body.single-product.ref-v2047-product-layout-balance .ref-v2047-support-compact>aside{
  padding:15px!important;
  border-radius:18px!important;
}

body.single-product.ref-v2047-product-layout-balance .ref-v2047-support-compact header>p{
  margin:5px 0 10px!important;
  font-size:11px!important;
  line-height:1.42!important;
}

body.single-product.ref-v2047-product-layout-balance .ref-v2047-support-compact h2{
  font-size:18px!important;
}

body.single-product.ref-v2047-product-layout-balance .ref-v2047-support-compact .ref-v2046-support-product-grid{
  grid-template-columns:1fr!important;
  gap:8px!important;
}

body.single-product.ref-v2047-product-layout-balance .ref-v2047-support-compact .ref-v2046-support-product{
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:10px!important;
  min-height:74px!important;
  padding:8px 10px!important;
  border-radius:14px!important;
}

body.single-product.ref-v2047-product-layout-balance .ref-v2047-support-compact .ref-v2046-support-image{
  width:58px!important;
  height:58px!important;
  aspect-ratio:1!important;
}

body.single-product.ref-v2047-product-layout-balance .ref-v2047-support-compact .ref-v2046-support-product h3{
  margin-bottom:3px!important;
  font-size:11.5px!important;
  line-height:1.28!important;
  -webkit-line-clamp:2!important;
}

body.single-product.ref-v2047-product-layout-balance .ref-v2047-support-compact .ref-v2046-support-price{
  margin-bottom:2px!important;
  font-size:11.5px!important;
}

body.single-product.ref-v2047-product-layout-balance .ref-v2047-support-compact .ref-v2046-support-link{
  font-size:9.5px!important;
}

body.single-product.ref-v2047-product-layout-balance .ref-v2047-support-compact .ref-v2046-support-information>div{
  gap:7px!important;
  margin-top:10px!important;
}

body.single-product.ref-v2047-product-layout-balance .ref-v2047-support-compact .ref-v2046-support-information p{
  grid-template-columns:20px minmax(0,1fr)!important;
  gap:7px!important;
  font-size:10.5px!important;
}

body.single-product.ref-v2047-product-layout-balance .ref-v2047-support-compact .ref-v2046-support-information i{
  width:20px!important;
  height:20px!important;
  font-size:9px!important;
}

/* Move the existing product Highlights component beneath the gallery support
   area. The same local palette and component profile are retained, but the box
   is deliberately shorter and denser so it closes the empty lower-left gap. */
body.single-product.ref-v2047-product-layout-balance .ref-px2-highlights.ref-v2047-gallery-highlights{
  width:100%!important;
  margin:12px 0 0!important;
  padding:17px 18px!important;
  border-radius:18px!important;
  box-shadow:0 12px 28px rgba(25,30,42,.055)!important;
}

body.single-product.ref-v2047-product-layout-balance .ref-v2047-gallery-highlights .ref-px2-eyebrow{
  margin-bottom:3px!important;
  font-size:9px!important;
}

body.single-product.ref-v2047-product-layout-balance .ref-v2047-gallery-highlights h3{
  margin:0 0 11px!important;
  font-size:19px!important;
  line-height:1.15!important;
}

body.single-product.ref-v2047-product-layout-balance .ref-v2047-gallery-highlights .ref-px2-highlight-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}

body.single-product.ref-v2047-product-layout-balance .ref-v2047-gallery-highlights .ref-px2-highlight{
  min-height:38px!important;
  padding:8px 10px!important;
  gap:8px!important;
  border-radius:12px!important;
  font-size:11.5px!important;
  line-height:1.32!important;
}

body.single-product.ref-v2047-product-layout-balance .ref-v2047-gallery-highlights .ref-px2-highlight i{
  flex-basis:20px!important;
  width:20px!important;
  height:20px!important;
  font-size:9px!important;
}

/* The second reassurance row remains useful, but it no longer needs oversized
   pill spacing after Highlights leaves the summary column. */
body.single-product.ref-v2047-product-layout-balance .product-info .ref-px2-reassurance{
  gap:8px!important;
  margin-top:12px!important;
}

body.single-product.ref-v2047-product-layout-balance .product-info .ref-px2-reassurance>div{
  min-height:40px!important;
  padding:8px 11px!important;
  font-size:11px!important;
}

body.single-product.ref-v2047-product-layout-balance .product-info .ref-px2-reassurance>div>span{
  flex-basis:19px!important;
  width:19px!important;
  height:19px!important;
}

@media(max-width:1100px) and (min-width:850px){
  body.single-product.ref-v2047-product-layout-balance .ref-v2046-gallery-support.ref-v2047-support-compact{
    grid-template-columns:1fr!important;
  }

  body.single-product.ref-v2047-product-layout-balance .ref-v2047-support-compact .ref-v2046-support-information>div{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(max-width:849px){
  body.single-product.ref-v2047-product-layout-balance .ref-v2046-gallery-support.ref-v2047-support-compact,
  body.single-product.ref-v2047-product-layout-balance .ref-px2-highlights.ref-v2047-gallery-highlights{
    flex-basis:100%!important;
    max-width:100%!important;
    width:100%!important;
  }

  body.single-product.ref-v2047-product-layout-balance .ref-v2046-gallery-support.ref-v2047-support-compact{
    grid-template-columns:1fr!important;
    margin:16px 15px 0!important;
  }

  body.single-product.ref-v2047-product-layout-balance .ref-v2047-support-compact .ref-v2046-support-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body.single-product.ref-v2047-product-layout-balance .ref-v2047-gallery-highlights{
    margin:12px 15px 0!important;
  }
}

@media(max-width:560px){
  body.single-product.ref-v2047-product-layout-balance .ref-v2047-support-compact .ref-v2046-support-product-grid,
  body.single-product.ref-v2047-product-layout-balance .ref-v2047-gallery-highlights .ref-px2-highlight-grid{
    grid-template-columns:1fr!important;
  }
}

/* ---------- Catalogue product-link reliability ----------
   Valid image/title links remain the primary navigation. Decorative layers and
   hidden grid-tool wrappers must never sit above them or swallow the click. */
body.ref-v2047-catalogue-link-repair .products .product-small .col-inner,
body.ref-v2047-catalogue-link-repair .products .product-small .product-small.box,
body.ref-v2047-catalogue-link-repair .products .product-small .box-image,
body.ref-v2047-catalogue-link-repair .products .product-small .box-text{
  isolation:isolate!important;
}

body.ref-v2047-catalogue-link-repair .products .product-small .box-image .image-fade_in_back,
body.ref-v2047-catalogue-link-repair .products .product-small .box-image .image-fade_in_back>a,
body.ref-v2047-catalogue-link-repair .products .product-small .woocommerce-loop-product__link,
body.ref-v2047-catalogue-link-repair .products .product-small .product-title>a,
body.ref-v2047-catalogue-link-repair .products .product-small .name>a{
  position:relative!important;
  z-index:8!important;
  pointer-events:auto!important;
}

body.ref-v2047-catalogue-link-repair .products .product-small .col-inner::before,
body.ref-v2047-catalogue-link-repair .products .product-small .col-inner::after,
body.ref-v2047-catalogue-link-repair .products .product-small .product-small.box::before,
body.ref-v2047-catalogue-link-repair .products .product-small .product-small.box::after,
body.ref-v2047-catalogue-link-repair .products .product-small .box-image::before,
body.ref-v2047-catalogue-link-repair .products .product-small .box-image::after{
  pointer-events:none!important;
}

/* Flatsome's grid-tools wrapper may cover the image even while the Quick View
   control is visually hidden. Only the actual Quick View link remains active. */
body.ref-v2047-catalogue-link-repair .products .product-small .image-tools.grid-tools{
  pointer-events:none!important;
}
body.ref-v2047-catalogue-link-repair .products .product-small .image-tools.grid-tools .quick-view{
  pointer-events:auto!important;
}