:root{--black:#0b0b0b;--white:#fff;--pink:#e91550;--red:#d80f43;--yellow:#f1b900;--cream:#faf8f3;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",Arial,sans-serif;color:var(--black);background:#fff}img{display:block;width:100%}a{color:inherit}
.header{height:84px;padding:0 5vw;display:flex;align-items:center;gap:28px;background:rgba(255,255,255,.97);position:sticky;top:0;z-index:30;border-bottom:1px solid #eee}.logo img{height:68px;width:auto;max-width:160px}.header nav{display:flex;justify-content:center;gap:30px;flex:1}.header nav a{text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.04em}.age-badge{border:2px solid var(--pink);color:var(--pink);border-radius:10px;padding:6px 10px;font-weight:800}.menu-btn{display:none;background:none;border:0;font-size:25px}
.hero{display:grid;grid-template-columns:.76fr 1.24fr;min-height:660px;background:#fff;color:#111;overflow:hidden}.hero-copy{padding:90px 5vw 70px max(6vw,calc((100vw - var(--max))/2));display:flex;flex-direction:column;justify-content:center}.kicker{font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#111}.kicker.dark{color:var(--pink)}.hero h1{font-size:clamp(62px,7vw,100px);line-height:.88;letter-spacing:-.06em;margin:14px 0 24px}.hero h1 span{color:var(--pink)}.hero-sub{font-size:21px;line-height:1.45}.quick-specs{display:flex;gap:18px;margin:25px 0 30px}.quick-specs div{padding-right:18px;border-right:1px solid #555}.quick-specs div:last-child{border-right:0}.quick-specs strong,.quick-specs small{display:block}.quick-specs strong{font-size:22px}.quick-specs small{font-size:9px;letter-spacing:.12em}.cta{display:inline-flex;width:max-content;text-decoration:none;background:var(--pink);color:#fff;padding:14px 20px;border-radius:999px;font-size:12px;font-weight:800}.cta.light{background:#fff;color:#111}.hero-art{min-height:660px}.hero-art img{height:100%;object-fit:cover;object-position:center}
.section-title{text-align:center;padding:75px 5vw 35px}.section-title h2{font-size:clamp(40px,5vw,68px);margin:6px 0}.section-title h2 span{color:var(--pink)}
.flavours{display:grid;grid-template-columns:1fr 1fr}.flavour{min-height:690px;display:grid;grid-template-rows:1fr auto;overflow:hidden}.flavour-photo{min-height:450px}.flavour-photo img{height:100%;object-fit:cover}.flavour-copy{text-align:center;padding:55px 7vw}.flavour-copy h2{font-size:64px;letter-spacing:-.05em;margin:7px 0 15px}.flavour-copy p:not(.kicker){font-size:17px;line-height:1.65}.lemon{background:#ffe9a0}.lemon h2{color:#cc9700}.lemon-kicker{color:#b98400}.raspberry{background:#fac5d2}.raspberry h2{color:var(--red)}.raspberry-kicker{color:var(--red)}.chips{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:17px}.chips span{border:1px solid rgba(0,0,0,.25);border-radius:999px;font-size:10px;font-weight:800;padding:8px 10px}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);background:#111;color:#fff;padding:55px max(5vw,calc((100vw - var(--max))/2))}.benefits div{text-align:center;padding:20px;border-right:1px solid #333}.benefits div:last-child{border-right:0}.benefits b,.benefits span{display:block}.benefits b{font-size:15px;color:#fff}.benefits span{font-size:12px;color:#bbb;margin-top:8px}
.about{display:grid;grid-template-columns:1.05fr .95fr;min-height:560px;background:#f8f5ef}.about-photo img{height:100%;object-fit:cover}.about-copy{padding:75px max(6vw,calc((100vw - var(--max))/2)) 75px 7vw;display:flex;flex-direction:column;justify-content:center}.about-copy .kicker{color:var(--pink)}.about-copy h2{font-size:clamp(45px,5vw,72px);line-height:1.04;letter-spacing:-.05em;margin:10px 0 20px}.about-copy p{font-size:17px;line-height:1.7;color:#444}
.pick{display:grid;grid-template-columns:.75fr 1.25fr;min-height:560px;background:#fff;color:#111;border-top:1px solid #eee;border-bottom:1px solid #eee}.pick-copy{padding:75px 5vw 75px max(6vw,calc((100vw - var(--max))/2));display:flex;flex-direction:column;justify-content:center}.pick-copy h2{font-size:clamp(50px,6vw,78px);line-height:.95;margin:8px 0 15px}.pick-copy p{color:#555}.pick-art img{height:100%;object-fit:cover}
.stores{max-width:var(--max);margin:auto;padding:90px 5vw}.stores-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.stores-heading h2{font-size:54px;margin:5px 0}.stores-heading p{margin:5px 0;color:#666}.manage-link{text-decoration:none;font-size:12px;font-weight:800;border:1px solid #ccc;padding:11px 15px;border-radius:999px}.store-tools{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin:30px 0 18px}.store-tools input,.store-tools select{padding:15px 16px;border:1px solid #ccc;border-radius:12px;font:inherit}.store-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.store-card{border:1px solid #e5e2dc;border-radius:16px;padding:20px;background:#fff;box-shadow:0 10px 35px rgba(0,0,0,.05)}.store-card h3{margin:0 0 8px;font-size:18px}.store-card p{margin:5px 0;color:#666;font-size:13px}.store-card .store-actions{display:flex;gap:9px;margin-top:14px}.store-card a{text-decoration:none;font-size:12px;font-weight:800;color:var(--pink)}
.contact{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;gap:35px;background:#0b0b0b;color:#fff;padding:50px max(5vw,calc((100vw - 1250px)/2));align-items:start}.footer-logo{width:145px;height:auto}.contact-block span{display:block;color:#ffb2c6;font-size:10px;font-weight:800;letter-spacing:.12em;margin-bottom:10px}.contact-block a{display:block;color:#eee;text-decoration:none;font-size:13px;margin:7px 0;overflow-wrap:anywhere}
footer{display:flex;justify-content:space-between;padding:16px 5vw;background:#0b0b0b;color:#888;border-top:1px solid #333;font-size:11px}
.age-gate{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);padding:20px}.age-gate.hidden{display:none}.age-card{background:#fff;width:min(460px,100%);padding:38px;border-radius:18px;text-align:center;box-shadow:0 30px 100px rgba(0,0,0,.45)}.age-card img{width:150px;height:auto;margin:0 auto 10px}.age-card h2{font-size:34px;margin:12px 0}.age-card p{color:#666;line-height:1.5}.age-card button{width:100%;padding:14px;border-radius:999px;font-weight:800;font-family:inherit;cursor:pointer}.primary-btn{background:var(--pink);color:#fff;border:1px solid var(--pink);margin-top:15px}.secondary-btn{background:#fff;color:#111;border:1px solid #111;margin-top:9px}.age-card small{display:block;color:#777;margin-top:17px}
@media(max-width:840px){.header{height:72px}.logo img{height:56px}.menu-btn{display:block;margin-left:auto}.age-badge{display:none}.header nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:24px 5vw;flex-direction:column;border-bottom:1px solid #ddd}.header nav.open{display:flex}.hero,.flavours,.about,.pick,.contact{grid-template-columns:1fr}.hero-copy{padding:60px 7vw}.hero-art{min-height:500px}.flavour{min-height:auto}.flavour-photo{min-height:420px}.raspberry .flavour-copy{order:2}.benefits{grid-template-columns:1fr 1fr}.benefits div:nth-child(2){border-right:0}.about-photo{min-height:460px}.about-copy{padding:60px 7vw}.pick-copy{padding:60px 7vw}.pick-art{min-height:480px}.store-grid{grid-template-columns:1fr}.store-tools{grid-template-columns:1fr}.stores-heading{align-items:start;flex-direction:column}.contact{grid-template-columns:1fr 1fr}.contact>img{grid-column:1/-1;margin:auto}footer{flex-direction:column;text-align:center;gap:7px}}

/* Requested refinement: cleaner flavour panels with one real can per flavour */
.flavours{gap:0}
.flavour{grid-template-rows:minmax(420px,520px) auto}
.single-can-photo{padding:34px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.single-can-photo img{width:100%;height:100%;object-fit:cover;border-radius:14px;box-shadow:0 16px 42px rgba(0,0,0,.10)}
.lemon-can-photo img{object-position:center center}
.raspberry-can-photo img{object-position:center center}
.flavour-copy{padding-top:42px;padding-bottom:48px}
.footer-logo-badge{width:165px;min-height:120px;background:#fff;border:2px solid #111;border-radius:16px;padding:14px;display:flex;align-items:center;justify-content:center}
.footer-logo-badge .footer-logo{width:135px;height:auto}
@media(max-width:840px){
  .single-can-photo{padding:22px}
  .flavour{grid-template-rows:minmax(380px,470px) auto}
  .footer-logo-badge{grid-column:1/-1;margin:auto}
}


/* ===== Multi-page refinement ===== */
.home-only{min-height:calc(100vh - 84px)}
.simple-page-hero{padding:88px 5vw 54px;max-width:1200px;margin:auto}
.simple-page-hero h1{font-size:clamp(50px,6vw,84px);line-height:1;letter-spacing:-.05em;margin:8px 0 15px}
.simple-page-hero p{font-size:18px;color:#555;max-width:700px}
.drink-grid{max-width:1200px;margin:0 auto 70px;padding:0 5vw;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.drink-panel{border-radius:22px;overflow:hidden;box-shadow:0 18px 60px rgba(0,0,0,.08)}
.drink-image{height:500px;background:#fff;overflow:hidden}
.drink-image img{width:100%;height:100%;object-fit:cover}
.drink-copy{text-align:center;padding:40px 36px 46px}
.lemon-panel{background:#ffe8a3}.lemon-panel h2{color:#c89400}
.raspberry-panel{background:#fac5d2}.raspberry-panel h2{color:#d80f43}
.drink-copy h2{font-size:58px;letter-spacing:-.05em;margin:8px 0 14px}
.drink-copy p:not(.kicker){font-size:17px;line-height:1.65}
.standalone-about{max-width:1200px;margin:0 auto 70px;border-radius:22px;overflow:hidden}
.about-campaign{max-width:1200px;margin:0 auto 80px;padding:0 5vw}
.about-campaign img{border-radius:20px}
.standalone-stores{padding-top:10px}
.contact-page-grid{max-width:1100px;margin:0 auto 90px;padding:0 5vw;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.contact-page-grid article{background:#111;color:#fff;padding:34px;border-radius:18px;min-height:280px}
.contact-page-grid article span{display:block;color:#ffb2c6;font-size:11px;font-weight:800;letter-spacing:.12em}
.contact-page-grid article h2{font-size:28px;line-height:1.15;margin:14px 0 26px}
.contact-page-grid article a{display:block;color:#fff;text-decoration:none;margin:10px 0;overflow-wrap:anywhere}
.compact-footer-contact{margin-top:0}
@media(max-width:840px){
  .home-only{min-height:auto}
  .drink-grid,.contact-page-grid{grid-template-columns:1fr}
  .drink-image{height:420px}
  .simple-page-hero{padding-top:60px}
}