/* Share the header/footer container on every screen size. */
#fc-products .products-wrap{
 width:var(--fc-content-width,min(1320px,calc(100vw - clamp(18px,4vw,48px) * 2)))!important;
 max-width:none!important;
 margin-inline:auto!important;
}
#fc-products .product-hero .intro h1{
 font-family:Arial,Helvetica,sans-serif!important;
 font-style:normal!important;
 font-weight:800!important;
 text-transform:none!important;
}

#fc-products .products-body{padding-bottom:25px!important}
@media(max-width:760px){
 /* Preserve the original full-card scene. Move only the product grouping down. */
 #fc-products #v2 .taste-slide:nth-child(n){grid-template-columns:minmax(0,1fr) clamp(88px,26vw,140px)!important;grid-template-rows:240px auto!important;column-gap:10px;min-height:0!important;padding:0 18px 24px!important;align-items:center}
 #fc-products #v2 .taste-slide:is([data-slide="1"],[data-slide="3"]){grid-template-columns:clamp(88px,26vw,140px) minmax(0,1fr)!important}
 #fc-products #v2 .taste-slide:nth-child(n) .taste-copy{grid-row:2!important;grid-column:1!important;padding:16px 0 0!important;min-width:0;align-items:flex-end!important;text-align:right!important}
 #fc-products #v2 .taste-slide:is([data-slide="1"],[data-slide="3"]) .taste-copy{grid-column:2!important;align-items:flex-start!important;text-align:left!important}
 #fc-products #v2 .taste-slide:nth-child(n) .large-pack{grid-row:2!important;grid-column:2!important;height:250px!important;padding:0!important;margin:12px 0 0!important;align-self:center;width:100%;background:none!important}
 #fc-products #v2 .taste-slide:is([data-slide="1"],[data-slide="3"]) .large-pack{grid-column:1!important}
 #fc-products #v2 .taste-slide:nth-child(n) .large-pack img.bottle{width:100%!important;max-width:100%!important;height:236px!important;object-fit:contain!important}
 #fc-products #v2 .taste-slide:nth-child(n) .taste-copy h2{font-size:clamp(26px,6.5vw,34px)!important;line-height:1.1;letter-spacing:-1px;margin:10px 0 14px!important}
 #fc-products #v2 .taste-slide:nth-child(n) .taste-copy h2 span{font-size:14px;margin-top:8px}
 #fc-products #v2 .taste-slide:nth-child(n) .taste-copy p{font-size:13px;line-height:1.5;margin:0 0 14px!important}
 #fc-products #v2 .taste-slide:nth-child(n) .volumes{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end!important}
 #fc-products #v2 .taste-slide:is([data-slide="1"],[data-slide="3"]) .volumes{justify-content:flex-start!important}
 #fc-products #v2 .taste-slide:nth-child(n) .volumes button{padding:8px 9px;font-size:11px;min-width:0}
 #fc-products #v2 .taste-slide:nth-child(n) .taste-copy .redbutton{width:100%;margin-top:14px!important;padding:10px 8px!important;font-size:11px;line-height:1.35;min-height:44px}
}

@media(max-width:760px){
 #fc-products #v2 .taste-slide:nth-child(n) .large-pack{height:295px!important;overflow:visible!important}
 #fc-products #v2 .taste-slide:nth-child(n) .large-pack img.bottle{width:calc(var(--mobile-pack-height,295px) * 2 / 3)!important;max-width:none!important;height:var(--mobile-pack-height,295px)!important;flex-shrink:0!important}
 /* Keep the source ratio: cover against the whole tall card cropped faces. */
 #fc-products #v2 .taste-slide:nth-child(n) .flavour-scene img{width:200%!important;height:auto!important;aspect-ratio:3/1;object-fit:contain!important;inset:0 0 auto auto!important;object-position:right top!important}
 #fc-products #v2 .taste-slide:is([data-slide="1"],[data-slide="3"]) .flavour-scene img{inset:0 auto auto 0!important;object-position:left top!important}
}

@media(max-width:760px){#fc-products #v2 .taste-slide:nth-child(n) .large-pack{height:var(--mobile-pack-height,295px)!important}}

/* Mobile: blend the photograph itself into the white product area. */
@media(max-width:760px){
 #fc-products #v2 .taste-slide:nth-child(n){background:#fff!important}
 #fc-products #v2 .taste-slide:nth-child(n) .flavour-scene img{
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 62%,rgba(0,0,0,.85) 72%,rgba(0,0,0,.4) 86%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,#000 0%,#000 62%,rgba(0,0,0,.85) 72%,rgba(0,0,0,.4) 86%,transparent 100%)!important;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
 }
 #fc-products #v2 .taste-slide:nth-child(n) .scene-light{background:none!important}
}

/* Mobile filter grid and overlapping packshot. */
@media(max-width:760px){
 #fc-products #products-filters{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:14px 0!important}
 #fc-products #products-filters .hero-tastes{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;width:100%!important;max-width:100%!important;overflow:visible!important;padding:0!important}
 #fc-products #products-filters .hero-tastes button{margin:0!important;padding:10px 4px!important;min-height:44px;white-space:normal!important;border-radius:6px!important;background:#f2f3f5!important;font-size:12px!important;line-height:1.2;color:#444b53!important}
 #fc-products #products-filters .hero-tastes button.selected{background:#ed0024!important;color:#fff!important}
 #fc-products #products-filters .hero-tastes button::after{display:none!important}
 #fc-products #products-filters .hero-volume{display:flex!important;width:100%!important;gap:5px!important;margin:0!important;flex-wrap:wrap!important}
 #fc-products #products-filters .hero-volume>span{width:auto!important;flex-basis:auto!important;margin-right:3px!important}
 #fc-products #products-filters .hero-volume button{min-height:40px!important;flex:1 0 34px!important;padding:8px 6px!important}
 #fc-products #products-filters #count{display:none!important}
 #fc-products #v2 .taste-slide:nth-child(n) .large-pack img.bottle{height:calc(var(--mobile-pack-height,295px) * 1.25)!important;width:calc(var(--mobile-pack-height,295px) * 1.25 * 2 / 3)!important;transform:translateY(-10%)!important;max-height:none!important}
 #fc-products #v2 .taste-slide:nth-child(n) .large-pack{isolation:isolate;z-index:2!important}
 #fc-products .products-go{min-height:0!important;padding-bottom:14px!important;margin-bottom:0!important}
 #fc-products .products-body{padding-bottom:10px!important}
 .fc-shared:not(.fc-home) .public-shell>#main:has(#fc-products){padding-bottom:18px!important}
}

/* Mirror the clipped scene as a whole, preserving its crop and fade. */
@media(max-width:760px){
 #fc-products #v2 .taste-slide:nth-child(n) .flavour-scene{
  transform:scaleX(-1)!important;
  transform-origin:50% 50%!important;
 }
}

/* Mobile light belongs to the scene, outside the bottle blending group. */
@media(max-width:760px){
 #fc-products #v2 .taste-slide:nth-child(n) .large-pack{
  mix-blend-mode:multiply!important;isolation:auto!important;
 }
 #fc-products #v2 .taste-slide:nth-child(n) .large-pack::before{content:none!important}
 #fc-products #v2 .taste-slide:nth-child(n) .scene-light{
  --pack-light-x:calc(100% - 18px - clamp(44px,13vw,70px));
  background:radial-gradient(ellipse clamp(88px,26vw,125px) 165px at var(--pack-light-x) 245px,
   rgba(255,255,255,.94) 0%,rgba(255,255,255,.84) 20%,rgba(255,255,255,.58) 40%,rgba(255,255,255,.27) 60%,rgba(255,255,255,.07) 80%,rgba(255,255,255,0) 100%)!important;
  pointer-events:none;z-index:1;
 }
 #fc-products #v2 .taste-slide:is([data-slide="1"],[data-slide="3"]) .scene-light{
  --pack-light-x:calc(18px + clamp(44px,13vw,70px));
 }
}
