/* Product motion uses the approved front artwork; no synthetic back label. */
.bottle-showcase{--spot:#e7b94d;--spot-soft:#f4e7b7;position:relative;isolation:isolate;background:#f7f4eb;color:#0b3442;overflow:hidden;border-bottom:1px solid #d7dfd3;font-family:'DM Sans',Arial,sans-serif}
.bottle-showcase *{box-sizing:border-box}
.bottle-showcase [hidden]{display:none!important}
.bottle-showcase .bs-shell{max-width:1220px;margin:auto;padding:64px 38px;display:grid;grid-template-columns:.95fr 1.05fr;gap:64px;align-items:center}
.bottle-showcase .bs-kicker{font-size:10px;font-weight:700;letter-spacing:2px;color:#276a50;margin:0 0 18px}
.bottle-showcase h2{font-family:Fraunces,Georgia,serif;font-size:clamp(40px,4.5vw,65px);line-height:1.06;letter-spacing:-2px;font-weight:400;margin:0 0 23px}
.bottle-showcase h2 em{color:#276a50;font-weight:400}
.bottle-showcase .bs-intro{max-width:420px;font-size:15px;line-height:1.75;margin:0 0 24px;color:#4f6566}
.bottle-showcase .bs-picker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;max-width:450px}
.bottle-showcase button{font:inherit;cursor:pointer}
.bottle-showcase .bs-choice{border:1px solid #aabbb1;background:transparent;color:#0b3442;border-radius:30px;padding:10px 14px;min-height:42px;font-size:12px;line-height:1.2;transition:background .2s,color .2s}
.bottle-showcase .bs-choice[aria-pressed=true]{background:#0b3442;border-color:#0b3442;color:#fff}
.bottle-showcase .bs-order{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:52px;background:#0b3442;color:#fff;padding:15px 22px;text-decoration:none;font-size:13px;font-weight:700;border-radius:2px}
.bottle-showcase .bs-order:hover{background:#19576a}
.bottle-showcase .bs-note{font-size:10px;line-height:1.6;color:#526766;max-width:410px;margin:13px 0 0}
.bottle-showcase .bs-stage{position:relative;min-width:0;height:580px;perspective:1100px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 48%,#fffdf4 0%,var(--spot-soft) 64%,#eee9dd 100%);border-radius:50% 50% 8px 8px;transition:background 1s}
.bottle-showcase .bs-halo{position:absolute;width:86%;aspect-ratio:1;border:1px solid #0b344226;border-radius:50%;transform:rotateX(65deg) rotateZ(-22deg);bottom:22px;pointer-events:none}
.bottle-showcase .bs-halo:after{content:'';position:absolute;inset:-24px;border:1px dashed #0b34421c;border-radius:50%}
.bottle-showcase .bs-spot{position:absolute;inset:5% 8%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,#ffffffa0 65deg,transparent 145deg,transparent);filter:blur(20px);animation:bs-light 16s linear infinite;pointer-events:none}
.bottle-showcase .bs-shadow{position:absolute;bottom:56px;width:45%;height:23px;border-radius:50%;background:#152d303a;filter:blur(13px);animation:bs-shadow 7s ease-in-out infinite}
.bottle-showcase .bs-bottle-wrap{position:relative;z-index:1;width:100%;height:90%;display:grid;place-items:center;animation:bs-arrive 850ms cubic-bezier(.16,1,.3,1) both;pointer-events:none}
.bottle-showcase .bs-bottle{width:auto;max-width:none;height:100%;max-height:510px;object-fit:contain;clip-path:polygon(50% 5%,60% 5.5%,64% 6.5%,64% 15%,62% 17%,62% 18%,66% 20%,70% 23%,72% 26%,72% 89%,71% 92%,68% 94%,61% 95.2%,50% 95.6%,39% 95.2%,32% 94%,29% 92%,28% 89%,28% 26%,30% 23%,34% 20%,38% 18%,38% 17%,36% 15%,36% 6.5%,40% 5.5%);transform-origin:50% 78%;animation:bs-turn 7s ease-in-out infinite;will-change:transform}
.bottle-showcase .bs-stage-label{position:absolute;z-index:2;left:22px;top:27px;font-size:9px;font-weight:700;letter-spacing:1.5px;max-width:130px}
.bottle-showcase .bs-count{position:absolute;right:22px;top:27px;font-size:10px;letter-spacing:1px}
.bottle-showcase .bs-controls{position:absolute;bottom:14px;left:18px;right:18px;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:10px}
.bottle-showcase .bs-controls button{background:#fffdf3e8;border:1px solid #a9b9af;border-radius:30px;min-width:42px;min-height:42px;padding:8px 14px;color:#0b3442;font-size:11px}
.bottle-showcase .bs-arrows{display:flex;gap:7px}
.bottle-showcase .bs-progress{position:absolute;bottom:0;height:3px;left:0;right:0;background:#0b344215;overflow:hidden;border-radius:0 0 8px 8px}
.bottle-showcase .bs-progress:after{content:'';display:block;height:100%;background:#276a50;transform-origin:left;animation:bs-progress 9s linear infinite}
.bottle-showcase.bs-paused .bs-bottle,.bottle-showcase.bs-paused .bs-spot,.bottle-showcase.bs-paused .bs-shadow,.bottle-showcase.bs-paused .bs-progress:after{animation-play-state:paused}
.bottle-showcase.bs-paused .bs-bottle-wrap{animation:none}
.bottle-showcase .bs-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.bottle-showcase button:focus-visible,.bottle-showcase a:focus-visible{outline:3px solid #966011;outline-offset:4px}
@keyframes bs-arrive{from{opacity:0;transform:translateY(55px) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes bs-turn{0%,100%{transform:translateY(3px) rotateY(-25deg) rotateZ(-5deg)}35%{transform:translateY(-17px) rotateY(25deg) rotateZ(4deg)}70%{transform:translateY(-6px) rotateY(-12deg) rotateZ(-2deg)}}
@keyframes bs-light{to{transform:rotate(360deg)}}
@keyframes bs-shadow{0%,100%{transform:scaleX(1);opacity:.65}35%{transform:scaleX(.78);opacity:.4}70%{transform:scaleX(.9);opacity:.5}}
@keyframes bs-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:850px){.bottle-showcase .bs-shell{gap:30px;padding:48px 25px}.bottle-showcase .bs-stage{height:490px}.bottle-showcase h2{font-size:46px}.bottle-showcase .bs-bottle{max-height:435px}}
@media(max-width:600px){.bottle-showcase .bs-shell{grid-template-columns:1fr;gap:28px;padding:38px 22px}.bottle-showcase .bs-stage{grid-row:1;height:445px;max-width:430px;width:100%;margin:auto}.bottle-showcase h2{font-size:43px}.bottle-showcase .bs-bottle{max-height:390px}.bottle-showcase .bs-picker{gap:7px}.bottle-showcase .bs-choice{padding:10px 12px}.bottle-showcase .bs-order{width:100%}}
@media(prefers-reduced-motion:reduce){.bottle-showcase *,.bottle-showcase *:after{animation:none!important;transition:none!important}.bottle-showcase .bs-bottle{transform:none;will-change:auto}.bottle-showcase .bs-progress{display:none}}

.bottle-showcase .bs-bottle[data-flavor="lemonade"]{clip-path:polygon(49% 2.8%,60% 3.1%,64.5% 4.2%,65% 13.5%,63% 14.5%,63% 18%,68% 20%,72% 23%,73.5% 28%,74% 90%,72% 94%,67% 96%,57% 96.7%,43% 96.7%,33% 96%,26% 95%,23% 92%,23% 29%,24% 25%,27% 22%,32% 19%,35% 17.5%,35% 14.5%,32.5% 13.7%,32.5% 4.4%,37% 3.1%)}
/* Ocean campaign: keep the original front artwork and purchase flow. */
.bottle-showcase{background:#031d2b;color:#f7f4eb;border-color:#164354}
.bottle-showcase .bs-shell{position:relative;gap:48px;padding-top:44px;padding-bottom:44px}
.bottle-showcase .bs-kicker{color:#a5ddd6}
.bottle-showcase #bs-title{font-family:Fraunces,Georgia,serif;font-size:clamp(44px,4.7vw,68px);line-height:1.06;letter-spacing:-2px;font-weight:400;margin:0 0 23px}
.bottle-showcase h2 em,.bottle-showcase #bs-title em{color:#f3bd45;font-weight:400}
.bottle-showcase .bs-intro{color:#c4dadd}
.bottle-showcase .bs-choice{border-color:#527685;color:#e2edef;background:#ffffff06}
.bottle-showcase .bs-choice:hover{background:#ffffff16}
.bottle-showcase .bs-choice[aria-pressed=true]{background:#f3bd45;border-color:#f3bd45;color:#092a39}
.bottle-showcase .bs-order{background:#f3bd45;color:#092a39}
.bottle-showcase .bs-order:hover{background:#ffcf6c}
.bottle-showcase .bs-note,.bottle-showcase .bs-reaction-note{color:#b1c9cf}
.bottle-showcase .bs-stage{height:580px;overflow:hidden;isolation:isolate;border-radius:150px 150px 12px 12px;background:#05334b;border:1px solid #286e80;box-shadow:0 20px 70px #0005}
.bottle-showcase .bs-ocean{position:absolute;inset:0;background:linear-gradient(180deg,#00273b24,#00283b05 60%,#001b30b0),url('/assets/showcase/ocean-aquarium.webp') center/cover;z-index:-2}
.bottle-showcase .bs-beams{position:absolute;inset:-25% -20%;background:conic-gradient(from 155deg at 50% 0%,transparent 0deg,#8ce7fb25 6deg,transparent 14deg,#3be5ed17 25deg,transparent 38deg);filter:blur(8px);transform-origin:50% 0;animation:bs-aquarium 12s ease-in-out infinite;pointer-events:none;z-index:-1}
.bottle-showcase .bs-spot{inset:15% 8%;background:radial-gradient(ellipse,#73f4df35,transparent 66%);filter:blur(12px);animation:bs-waterlight 10s ease-in-out infinite}
.bottle-showcase .bs-stage-label,.bottle-showcase .bs-count{color:#edfaff;text-shadow:0 1px 8px #00172b;top:35px}
.bottle-showcase .bs-stage-label{font-size:10px;line-height:1.5}
.bottle-showcase .bs-halo{border-color:#9cf5e942;bottom:30px;background:#3ccdd60a;box-shadow:0 0 26px #48dada18}
.bottle-showcase .bs-halo:after{border-color:#b2f7ef25}
.bottle-showcase .bs-shadow{background:#0009}
.bottle-showcase .bs-bottle{animation:bs-ocean-turn 10s ease-in-out infinite}
.bottle-showcase .bs-progress{background:#a2e9ed25}
.bottle-showcase .bs-progress:after{background:#70ddd5}
.bottle-showcase .bs-bubbles{position:absolute;inset:0;pointer-events:none}
.bottle-showcase .bs-bubbles i{position:absolute;left:var(--x);bottom:-25px;width:var(--size);height:var(--size);border-radius:50%;border:1px solid #c7ffff70;background:radial-gradient(circle at 30% 25%,#d9ffff80,transparent 55%);box-shadow:0 0 9px #69e0ea20;animation:bs-bubble var(--duration) linear var(--delay) infinite}
.bottle-showcase .bs-camera-glow{position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(ellipse at 14% 26%,#c5fbff5c,transparent 29%),radial-gradient(ellipse at 94% 40%,#a6f4ff30,transparent 22%);opacity:0;animation:bs-camera 14s ease-in-out infinite}
.bottle-showcase .bs-reactions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px}
.bottle-showcase .bs-reactions>span{flex-basis:100%;font-size:9px;letter-spacing:1.5px;color:#b6d6da;margin-bottom:3px}
.bottle-showcase .bs-reactions button{min-height:42px;border:1px solid #527685;border-radius:24px;padding:9px 14px;color:#e8f4f4;background:#ffffff08;font-size:12px;display:inline-flex;align-items:center;gap:7px}
.bottle-showcase .bs-reactions button[aria-pressed=true]{border-color:#f3bd45;background:#f3bd4520;color:#ffda88}
.bottle-showcase .bs-reaction-note{font-size:10px;line-height:1.5;margin:8px 0 0;min-height:15px}
.bottle-showcase .bs-reaction-floats{position:absolute;inset:0;pointer-events:none;z-index:4}
.bottle-showcase .bs-reaction-floats span{position:absolute;bottom:20%;left:var(--rx);color:#ffd273;font-size:28px;animation:bs-react 1.8s ease-out forwards;text-shadow:0 2px 12px #0005}
.bottle-showcase.bs-paused .bs-beams,.bottle-showcase.bs-paused .bs-bubbles i,.bottle-showcase.bs-paused .bs-camera-glow{animation-play-state:paused}
@keyframes bs-ocean-turn{0%,100%{transform:translateY(4px) rotateY(-22deg) rotateZ(-4deg)}45%{transform:translateY(-14px) rotateY(24deg) rotateZ(4deg)}75%{transform:translateY(-5px) rotateY(0deg) rotateZ(-1deg)}}
@keyframes bs-aquarium{0%,100%{transform:rotate(-6deg);opacity:.65}50%{transform:rotate(8deg);opacity:1}}
@keyframes bs-waterlight{0%,100%{transform:translateX(-10px) scale(.9);opacity:.5}50%{transform:translateX(15px) scale(1.1);opacity:1}}
@keyframes bs-bubble{0%{transform:translate3d(0,0,0);opacity:0}12%{opacity:.65}85%{opacity:.5}100%{transform:translate3d(18px,-650px,0);opacity:0}}
@keyframes bs-camera{0%,68%,89%,100%{opacity:0}75%{opacity:.65}82%{opacity:0}}
@keyframes bs-react{0%{transform:translateY(0) scale(.7);opacity:0}15%{opacity:1}100%{transform:translateY(-160px) rotate(14deg) scale(1.3);opacity:0}}
@media(max-width:850px){.bottle-showcase .bs-shell{gap:28px}.bottle-showcase .bs-stage{height:490px}}
@media(max-width:600px){.bottle-showcase .bs-shell{padding:28px 22px 38px;gap:26px}.bottle-showcase .bs-stage{height:440px;border-radius:100px 100px 12px 12px}.bottle-showcase #bs-title{font-size:43px}.bottle-showcase .bs-reactions{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.bottle-showcase *,.bottle-showcase *:after{animation:none!important;transition:none!important}.bottle-showcase .bs-bottle{transform:none;will-change:auto}.bottle-showcase .bs-camera-glow,.bottle-showcase .bs-reaction-floats{display:none}}
.bottle-showcase .bs-stage-label{left:50%;top:15px;transform:translateX(-50%);max-width:80%;width:max-content;text-align:center;font-size:9px}
.bottle-showcase .bs-count{top:auto;bottom:70px;right:20px;color:#d1e8ec}
/* Interactive square bottle uses the current artwork once ready. */
.bottle-showcase .bs-bottle-wrap{pointer-events:auto}
.bottle-showcase .bs-turntable{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y;outline-offset:-10px}
.bottle-showcase .bs-turntable:active{cursor:grabbing}
.bottle-showcase .bs-turntable:focus-visible{outline:2px solid #f3bd45;border-radius:20px}
.bottle-showcase .bs-3d-ready .bs-bottle{visibility:hidden}
.bottle-showcase .bs-turn-hint{position:absolute;left:50%;bottom:74px;transform:translateX(-50%);white-space:nowrap;font-size:8px;letter-spacing:1.2px;color:#d1e8ec;pointer-events:none}
.bottle-showcase .bs-progress{display:none}
.bottle-showcase .bs-count{bottom:auto;top:44px;right:22px;font-size:9px;opacity:.75}
@media(max-width:600px){.bottle-showcase .bs-turn-hint{bottom:69px;font-size:7px}.bottle-showcase .bs-controls{left:12px;right:12px;gap:6px}.bottle-showcase .bs-controls button{padding:8px 11px}.bottle-showcase .bs-count{top:40px;right:16px}}
/* Decorative overflow must never become a focus-scrolled inner viewport. */
.bottle-showcase .bs-stage{overflow:clip}
#top,.bottle-showcase{scroll-margin-top:200px}
@media(max-width:600px){
  .bottle-showcase .bs-copy{display:contents}
  .bottle-showcase .bs-picker{grid-row:2;margin:0}
  .bottle-showcase .bs-stage{scroll-margin-top:128px}
  .bottle-showcase .bs-kicker{margin:0}
  .bottle-showcase #bs-title,.bottle-showcase .bs-intro{margin:0}
  .bottle-showcase .bs-reactions{margin-top:0}
}

/* Square bottle reference approved from the October 21 recording. */
.bottle-showcase .bs-bottle[data-shape="square"]{clip-path:none;max-width:100%;height:100%;object-fit:contain}
/* Keep both control rows below the photographed panels. */
.bottle-showcase .bs-bottle-wrap{height:80%;margin-bottom:35px}

/* Campaign atmosphere: richer depth and continuous soft light, kept behind the label. */
.bottle-showcase .bs-ocean{filter:saturate(1.35) brightness(1.15);transform:scale(1.07);animation:bs-ocean-drift 18s ease-in-out infinite alternate}
.bottle-showcase .bs-beams{background:conic-gradient(from 150deg at 50% 0%,transparent 0deg,#a4fcff69 7deg,transparent 16deg,#49f5e746 26deg,transparent 39deg);filter:blur(5px)}
.bottle-showcase .bs-spot{background:radial-gradient(ellipse,var(--spot) 0%,#55f5db3b 36%,transparent 67%);opacity:.35;mix-blend-mode:screen}
.bottle-showcase .bs-bubbles i{border-color:#d8ffffb3;box-shadow:inset 2px 2px 5px #d8ffff55,0 0 18px #67f9ec4a}
.bottle-showcase .bs-camera-glow{z-index:0;background:radial-gradient(ellipse at 8% 28%,#d8ffff9c,transparent 25%),radial-gradient(ellipse at 94% 60%,#9affdd80,transparent 26%);animation:bs-soft-glow 8s ease-in-out infinite}
.bottle-showcase .bs-read-label{display:block;margin-top:18px;padding:10px 0;background:none;border:0;border-bottom:1px solid #9bcecc;color:#e4f6ef;font-size:12px;text-align:left}
.bottle-showcase.bs-paused .bs-ocean{animation-play-state:paused}
@keyframes bs-ocean-drift{from{transform:scale(1.07) translate(-1%,0)}to{transform:scale(1.12) translate(1%,1%)}}
@keyframes bs-soft-glow{0%,100%{opacity:.25;transform:translateY(-2%)}50%{opacity:.75;transform:translateY(3%)}}
@media(prefers-reduced-motion:reduce){.bottle-showcase .bs-ocean,.bottle-showcase .bs-camera-glow{animation:none!important}}

@media(max-width:600px){.bottle-showcase .bs-bottle-wrap{height:76%;margin-bottom:45px}}