/* Accessible product choices with official-label renders and a photo fallback. */
.photo-lineup{position:absolute;z-index:3;inset:26% 6% 175px;max-width:1240px;margin-inline:auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:clamp(9px,1.5vw,24px);opacity:0;visibility:hidden;align-items:stretch}
.lineup-product{min-width:0;min-height:0;padding:0 0 9px;border:0;background:transparent;color:#f7f9ed;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;position:relative;isolation:isolate;border-radius:12px;will-change:transform}
.lineup-product:before{content:'';position:absolute;z-index:-1;inset:18% -2% 25%;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--flavour-color) 12%,transparent),transparent 68%);opacity:0;transition:opacity .35s}
.lineup-product.is-selected:before{opacity:1}
/* The image must not contribute its intrinsic height to the grid or cover the controls. */
.lineup-product-image{display:block;position:relative;flex:1 1 0;min-height:0;width:100%;transition:transform .4s cubic-bezier(.2,.75,.2,1);transform-origin:center bottom}
.lineup-product-image img{display:block;position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:contain;object-position:center bottom;filter:drop-shadow(6px 10px 6px #0007);user-select:none}
.lineup-product-image.is-photo img{border-radius:9px;filter:none;object-position:center}
.lineup-product.is-selected .lineup-product-image{transform:translateY(-8px)}
.lineup-product-name{display:block;flex-shrink:0;margin-top:15px;font:600 clamp(11px,1.15vw,15px)/1.25 var(--display);letter-spacing:-.25px;text-align:center;white-space:nowrap}
.lineup-product-range{flex-shrink:0;margin-top:6px;font:500 8px/1.2 var(--sans);letter-spacing:1.25px;color:#cad6ba}
.lineup-product:after{content:'';position:absolute;width:18px;height:2px;bottom:0;background:var(--flavour-color);opacity:0;transform:scaleX(.3);transition:transform .25s,opacity .25s}
.lineup-product.is-selected:after{opacity:1;transform:scaleX(1)}
@media(hover:hover){.lineup-product:hover .lineup-product-image{transform:translateY(-8px)}.lineup-product:hover:before{opacity:.7}}
.lineup-copy{top:10%;padding-inline:6%}
.lineup-copy h2{font-size:clamp(38px,4.15vw,62px)}
.lineup-copy .eyebrow{margin-bottom:13px}
.lineup-copy .lineup-instruction{font-size:11px;line-height:1.5;color:#d3dec4;margin:14px 0 0}
.flavour-controls{bottom:76px;display:flex;align-items:center;flex-direction:column;gap:11px}
.flavour-controls .swatches{display:none}
#selected-flavour{margin:0;font-size:11px}
.lineup-actions{display:flex;align-items:center;gap:24px;min-height:44px}
.selected-product-link{display:flex;align-items:center;gap:24px;min-height:44px;padding:12px 22px;background:#e5efcf;color:#173423;border:1px solid #e5efcf;border-radius:30px;font:600 11px/1.3 var(--sans);transition:background .2s}
.selected-product-link span{font-size:18px;line-height:1}
.selected-product-link:hover{background:#fff}
.compare-link{display:flex;align-items:center;gap:12px;min-height:44px;font:500 11px/1.3 var(--sans);color:#eef4e1}
.compare-link:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:740px){
  .photo-lineup{inset:27% 13% 175px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:19px 26px}
  .lineup-product{padding-bottom:5px}
  .lineup-product-name{font-size:11px;margin-top:6px}
  .lineup-product-range{display:none}
  .lineup-product.is-selected .lineup-product-image{transform:translateY(-4px)}
  .lineup-copy{top:8%}
  .lineup-copy h2{font-size:44px}
  .lineup-copy .mobile-break{display:none}
}
@media(max-width:620px){
  .photo-lineup{inset:27% 6% 176px;gap:19px 14px}
  .lineup-copy{top:8%;padding-inline:6%}
  .lineup-copy h2{font-size:38px;line-height:1.05}
  .lineup-copy .mobile-break{display:block}
  .lineup-copy .eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:9px}
  .lineup-copy .lineup-instruction{font-size:10px;margin-top:9px}
  .lineup-product-name{font-size:10px;letter-spacing:-.2px;white-space:normal;min-height:25px;display:flex;align-items:center;justify-content:center;max-width:95px}
  .flavour-controls{bottom:70px;gap:8px}
  #selected-flavour{font-size:10px}
  .lineup-actions{gap:15px}
  .selected-product-link{padding:11px 15px;gap:14px;font-size:10px}
  .compare-link{font-size:9px;gap:6px}
}
@media(max-height:720px) and (min-width:741px){.photo-lineup{inset:23% 6% 178px}.lineup-copy{top:5%}.lineup-copy h2{font-size:clamp(36px,3.7vw,54px)}.lineup-copy .eyebrow{margin-bottom:9px}.lineup-copy .lineup-instruction{margin-top:10px}.flavour-controls{bottom:78px}}
@media(max-height:600px) and (min-width:1000px){.photo-lineup{inset:27% 8% 146px}.lineup-copy{top:6%}.lineup-copy h2{font-size:35px}.lineup-copy .lineup-instruction{margin-top:7px}.lineup-product-name{margin-top:8px}.flavour-controls{bottom:52px;gap:5px}}
@media(prefers-reduced-motion:reduce){.lineup-product-image,.lineup-product:before,.lineup-product:after{transition:none}}
body.reduced .lineup-product-image,body.reduced .lineup-product:before,body.reduced .lineup-product:after{transition:none}
body.reduced .lineup-copy{top:16%}
body.reduced .photo-lineup{top:33%}