/* A product shoot, framed by the darker storefront UI. */
.product-stage {
  position: relative; top: auto;
  --line: rgba(25,30,22,.14);
  --muted: #64695e;
  --white: #171b13;
  color: #171b13;
  background: radial-gradient(ellipse at 34% 36%, #fffffc 0, #f4f3e9 46%, #e5e5d9 100%);
  border: 1px solid rgba(255,255,255,.35);
}
.product-stage__head { padding: 20px 22px 16px; color: #666c60; }
.product-stage__head > span:first-child { color: #252a20; font-weight: 800; letter-spacing: .1em; }
.pack-picker { padding-inline: 20px; }
.pack-picker .pdp__label { color: #555b50; font-size: 10px; letter-spacing: .1em; }
.pack-picker .chips button { background: #ffffff55; color: #252a20; border-color: #ced1c2; box-shadow: none; }
.pack-picker .chips button small { color: #676d60; }
.pack-picker .chips button.on { background: #252b20; color: #f8faee; border-color: #252b20; box-shadow: 0 4px 12px #242b2019; }
.pack-picker .chips button.on small { color: #e0e8cf; }
.pack-picker .chips button:hover { border-color: #252b20; }
.pack-picker .chips button:focus-visible { outline-color: #bf0065; }
.product-stage__word { top: 31%; font-size: clamp(130px,16vw,235px); color: #bac0a7; opacity: .22; letter-spacing: -.09em; }
.product-stage .pdp__viewer { height: clamp(340px,35vw,480px); max-width: 520px; }
.product-stage .pdp__can { filter: none; }
.product-stage .pdp__shadow { display: none; }
.product-stage .pdp__hint { color: #64695e; bottom: 1%; }
.product-stage__foot { padding: 17px 22px; }
.product-stage__foot > span:first-child { color: #252b20; font-size: 20px; }
.product-stage__foot > span:last-child { color: #64695e; }
.pack-value { padding: 20px 22px 22px; }
.pack-value strong { max-width: 22ch; font-size: clamp(23px,2vw,30px); color: #252b20; }
.pack-value p { color: #64695e; font-size: 12px; }
.is-full-pack .pack-value [data-pack-perk] { background: #252b20; color: #e4ff8a; border-color: #252b20; }
@media (max-width: 900px) {
  .product-stage .pdp__viewer { height: clamp(330px,77vw,460px); }
}
@media (max-width: 380px) {
  .product-stage__head { padding-inline: 15px; }
  .pack-picker { padding-inline: 12px; }
  .product-stage .pdp__viewer { height: 320px; }
  .pack-value { padding: 17px; }
}

.stage-flavours { position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; padding: 16px 20px 0; }
.stage-flavours .pdp__label { margin: 0; display: grid; gap: 4px; color: #64695e; font-size: 9px; }
.stage-flavours [data-flavour-label] { color: #252b20; font: 700 12px var(--f-display); text-transform: none; letter-spacing: 0; }
.stage-flavours .swatches { display: flex; gap: 6px; margin: 0; }
.stage-flavours .swatches button { width: 44px; height: 44px; border: 7px solid #f4f3e9; box-shadow: inset 0 0 0 1px #252b2040; }
.stage-flavours .swatches button.on { box-shadow: inset 0 0 0 1px #252b2040, 0 0 0 1.5px #252b20; transform: none; }
.stage-flavours .swatches button:focus-visible { outline: 2px solid #bf0065; outline-offset: 3px; }
.pdp__info h3 { margin-bottom: 28px; }
@media (max-width: 380px) { .stage-flavours { padding-inline: 12px; gap: 10px; } }

@media (max-width: 900px) {
  .product-stage__head { display: grid; gap: 4px; padding-right: 78px; min-height: 66px; align-content: center; }
  .product-stage__head > span:last-child { display: block; font-size: 8px; }
}