/* CBI Color Media v1.2.0 */
.cbi-color-gallery-shell{width:100%;min-width:0;position:relative}
html body.single-product.cbi-exact-body .cbi-single-product-reference .cbi-color-gallery-shell>[data-cbi-color-gallery][hidden],
html body.cbi-exact-body.single-product .cbi-single-product-reference .cbi-color-gallery-shell>[data-cbi-color-gallery][hidden],
html body.single-product.cbi-exact-body .cbi-single-product-reference .cbi-color-gallery-shell>[data-cbi-color-gallery][aria-hidden="true"],
html body.cbi-exact-body.single-product .cbi-single-product-reference .cbi-color-gallery-shell>[data-cbi-color-gallery][aria-hidden="true"],
html body.single-product.cbi-exact-body .cbi-single-product-reference .cbi-color-gallery-shell>[data-cbi-color-gallery]:not(.is-active),
html body.cbi-exact-body.single-product .cbi-single-product-reference .cbi-color-gallery-shell>[data-cbi-color-gallery]:not(.is-active){display:none!important;visibility:hidden!important;pointer-events:none!important}
html body.single-product.cbi-exact-body .cbi-single-product-reference .cbi-color-gallery-shell>[data-cbi-color-gallery].is-active,
html body.cbi-exact-body.single-product .cbi-single-product-reference .cbi-color-gallery-shell>[data-cbi-color-gallery].is-active{visibility:visible!important;pointer-events:auto!important}

/* Mobile quick view: stable bottom sheet, safe-area aware, no nested full-page overflow. */
body.cbi-mobile-quick-opened{overflow:hidden!important;overscroll-behavior:none!important}
body.cbi-exact-body .cbi-mobile-quick-modal{height:100dvh!important;padding-top:env(safe-area-inset-top)!important}
body.cbi-exact-body .cbi-mobile-quick-dialog{display:grid!important;grid-template-rows:minmax(0,auto) auto minmax(0,1fr)!important;width:min(100%,560px)!important;max-height:calc(100dvh - env(safe-area-inset-top))!important;overflow:hidden!important;padding-bottom:env(safe-area-inset-bottom)!important}
body.cbi-exact-body .cbi-mobile-quick-gallery{min-height:0!important;max-height:min(58dvh,520px)!important}
body.cbi-exact-body .cbi-mobile-quick-slide{flex:0 0 100%!important;min-width:100%!important;aspect-ratio:1/1!important;background:#fff!important}
body.cbi-exact-body .cbi-mobile-quick-detail{position:static!important;justify-self:end!important;margin:-38px 12px 8px 0!important;z-index:3!important;background:rgba(255,255,255,.94)!important;border-radius:999px!important;text-decoration:none!important}
body.cbi-exact-body .cbi-mobile-quick-info{min-height:0!important;overflow:auto!important;overscroll-behavior:contain!important;padding:14px 20px max(18px,env(safe-area-inset-bottom))!important}

@media(max-width:769px){
  html body.single-product.cbi-exact-body .cbi-single-product-reference .cbi-color-gallery-shell,
  html body.cbi-exact-body.single-product .cbi-single-product-reference .cbi-color-gallery-shell{width:100%!important;max-width:100%!important;overflow:hidden!important}
  html body.single-product.cbi-exact-body .cbi-single-product-reference .cbi-color-gallery-shell>[data-cbi-color-gallery].is-active,
  html body.cbi-exact-body.single-product .cbi-single-product-reference .cbi-color-gallery-shell>[data-cbi-color-gallery].is-active{display:block!important}
}

@media(max-width:430px){
  body.cbi-exact-body .cbi-mobile-quick-dialog{width:100%!important;border-radius:16px 16px 0 0!important}
  body.cbi-exact-body .cbi-mobile-quick-gallery{max-height:50dvh!important}
  body.cbi-exact-body .cbi-mobile-quick-info{padding-left:16px!important;padding-right:16px!important}
  body.cbi-exact-body .cbi-mobile-quick-sizes{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
}