/* ═══════════════════════════════════════════════════════════════════════
   POUR DECISIONS — POP layer (v1): bright, commercial, branded product art.
   Loads after theme-bar.css and wins.
   ═══════════════════════════════════════════════════════════════════════ */
:root{
  --paper:#FFFFFF !important; --cream:#FFFFFF !important; --paper-2:#EEF9F8; --paper-3:#DFF3F1;
  --bar:#0B5C57; --bar-2:#0F7A73; --bar-3:#14B8AC;
  --brass:#FF8A00; --brass-2:#FFB800; --brass-soft:#FFF1D6;
  --gold:#FF8A00 !important; --gold-deep:#E07600 !important; --gold-glow:#FFB800 !important;
  --teal:#14B8AC !important; --teal-ink:#0B5C57 !important; --pink:#14B8AC !important; --pink-deep:#0F7A73 !important;
  --ink:#0F1F1E !important; --muted:#5E6B69 !important; --line:#DDE9E7;
  --straw:#FF3D6E; --mango:#FFB800; --lime:#8BE000; --grape:#7A3DFF; --dragon:#FF2D9B; --beet:#D81B60; --kale:#1FA84E; --cocoa:#B05A1E; --avo:#3DBE4E;
  --shadow-1:0 12px 32px rgba(11,92,87,.10); --shadow-2:0 24px 60px rgba(11,92,87,.18);
}
html,body,.pdbody,.pd-app{background:#FFFFFF !important;}
.hm-h1,.hm-h2,.mn-title{color:var(--bar) !important;}
.hm-eyebrow{color:var(--brass) !important;}
.hm-link{border-bottom-color:var(--brass);}
.hm-btn-gold{background:var(--brass) !important;color:#fff !important;box-shadow:0 14px 30px rgba(255,138,0,.35) !important;}
.hm-btn-ghost{background:rgba(255,255,255,.16) !important;border-color:rgba(255,255,255,.7) !important;}
.hm-avatar{background:var(--brass) !important;color:#fff !important;border-color:var(--brass) !important;}

/* ── Photos: punch them up ──────────────────────────────────────────── */
.hm-space img,.hm-visit-photo,.ph-band img.bg,.hm-band img.bg{filter:saturate(1.3) contrast(1.06) brightness(1.04);}

/* ── HERO: color block + animated blender ──────────────────────────── */
.hm-hero-pop{position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,#14B8AC 0%,#0F7A73 55%,#0B5C57 100%);padding:112px 20px 34px;min-height:600px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;}
.hm-hero-pop::before{content:"";position:absolute;width:520px;height:520px;right:-160px;top:-140px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#FFB800 0%,#FF8A00 45%,rgba(255,138,0,0) 72%);opacity:.95;}
.hm-hero-pop::after{content:"";position:absolute;width:420px;height:420px;left:-200px;bottom:-220px;border-radius:50%;background:radial-gradient(circle,#FF3D6E 0%,rgba(255,61,110,0) 70%);opacity:.7;}
.hm-hero-pop > *{position:relative;z-index:2;}
.hm-hero-pop .hm-eyebrow{color:#FFE7A8 !important;}
.hm-hero-pop .hm-h1{color:#fff !important;font-size:54px !important;text-shadow:0 6px 30px rgba(0,0,0,.25);max-width:11ch;}
.hm-hero-pop .hm-h1 em{color:#FFB800;}
.hm-hero-pop .hm-lede{color:rgba(255,255,255,.92) !important;margin:0 0 18px !important;}
.hm-hero-pop .hm-hours{color:rgba(255,255,255,.85);}
.hm-hero-pop .hm-hours i{background:#FFB800;}
.blender{position:absolute !important;right:-10px;top:70px;width:230px;height:auto;z-index:1 !important;filter:drop-shadow(0 30px 40px rgba(0,0,0,.35));}
@media(min-width:768px){.hm-hero-pop{min-height:640px;padding:140px 40px 48px;}.hm-hero-pop .hm-h1{font-size:84px !important;}.blender{width:380px;right:6%;top:40px;}}
@media(min-width:1200px){.blender{width:440px;right:10%;}}

/* blender animation */
.blender .vortex{animation:spin 1.1s linear infinite;transform-origin:150px 200px;}
.blender .blades{animation:spin .25s linear infinite;transform-origin:150px 258px;}
.blender .chunk{animation:orbit 2.2s linear infinite;transform-origin:150px 190px;}
.blender .chunk.c2{animation-duration:1.7s;animation-direction:reverse;}
.blender .chunk.c3{animation-duration:2.9s;}
.blender .drop{animation:bob 1.4s ease-in-out infinite;}
.blender .drop.d2{animation-delay:.4s;}.blender .drop.d3{animation-delay:.8s;}
.blender .jar-glow{animation:pulse 2.4s ease-in-out infinite;}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes orbit{from{transform:rotate(0deg) translateX(0)}to{transform:rotate(360deg) translateX(0)}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes pulse{0%,100%{opacity:.35}50%{opacity:.7}}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}
@keyframes rise{0%{transform:translateY(0);opacity:0}15%{opacity:.9}100%{transform:translateY(-70px);opacity:0}}
@keyframes shimmer{0%{transform:translateX(-30px)}100%{transform:translateX(30px)}}

/* ── PRODUCT ART (cups / bottles / shots / bowls) ───────────────────── */
.pa{display:block;width:100%;height:100%;overflow:visible;}
.pa .glass{fill:#fff;fill-opacity:.22;stroke:#fff;stroke-opacity:.75;stroke-width:2;}
.pa .sheen{fill:#fff;fill-opacity:.28;}
.pa .shade{fill:#000;fill-opacity:.10;}
.pa .lid{fill:#fff;fill-opacity:.92;}
.pa .rim{fill:#fff;}
.pa .straw{fill:#fff;}
.pa .strawStripe{fill:#FF8A00;}
.pa .label{fill:#fff;fill-opacity:.96;}
.pa .cap{fill:#0B5C57;}
.pa .bub{fill:#fff;fill-opacity:.7;animation:rise 2.6s ease-in infinite;}
.pa .bub.b2{animation-delay:.9s;}.pa .bub.b3{animation-delay:1.7s;}
.pa-wrap{display:grid;place-items:center;}
.pa-float{animation:floaty 4s ease-in-out infinite;}
@media(prefers-reduced-motion:reduce){.pa .bub,.pa-float,.blender *{animation:none !important;}}

/* ── Category tiles → backdrop + product ───────────────────────────── */
.hm-cat{background:var(--tint,#14B8AC) !important;display:grid !important;grid-template-rows:1fr auto;padding:0 !important;align-items:end;}
.hm-cat::after{background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.28) 100%) !important;}
.hm-cat img{display:none !important;}
.hm-cat .pa-wrap{position:relative;z-index:2;padding:18px 18px 0;height:100%;}
.hm-cat .pa{max-height:100%;width:auto;height:100%;}
.hm-cat > span{padding:0 16px 16px;}
.hm-cat.wide .pa-wrap{padding:16px 0 0;}
.hm-cat.wide .pa{height:100%;}
.hm-cat-name{text-shadow:0 2px 12px rgba(0,0,0,.25);}
.hm-cat-sub{opacity:.95 !important;}
.hm-cat::before{content:"";position:absolute;inset:auto -30% -40% -30%;height:80%;border-radius:50%;background:rgba(255,255,255,.18);}

/* favorites: mini cup instead of dot */
.hm-row{grid-template-columns:44px 1fr auto 40px !important;}
.hm-row-dot{display:none !important;}
.hm-row .pa-mini{width:44px;height:64px;}
.hm-row-price{color:var(--bar) !important;}
.hm-row-add{background:var(--brass) !important;}
.hm-menu{border-color:var(--line) !important;}

/* ── MENU hero: color backdrop + product ───────────────────────────── */
.mn-hero{background:var(--tint,#14B8AC) !important;min-height:320px;}
.mn-hero img.bg{display:none !important;}
.mn-hero::after{background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.35) 100%) !important;}
.mn-hero::before{content:"";position:absolute;width:420px;height:420px;right:-120px;top:-160px;border-radius:50%;background:rgba(255,255,255,.18);}
.mn-hero .pa-wrap{position:absolute;right:8px;top:54px;width:150px;height:230px;z-index:2;filter:drop-shadow(0 24px 30px rgba(0,0,0,.3));}
.mn-hero .mn-title{max-width:9ch;}
.mn-hero .mn-chip.on{background:#fff;color:var(--bar);border-color:#fff;}
.mn-hero .hm-eyebrow{color:rgba(255,255,255,.85) !important;}
@media(min-width:768px){.mn-hero .pa-wrap{right:8%;width:220px;height:330px;top:40px;}}
/* juicer for the juices category */
.juicer .stream{animation:pour 2.6s ease-in-out infinite;transform-origin:60px 60px;}
.juicer .fillup{animation:fillup 2.6s ease-in-out infinite;transform-origin:60px 200px;}
@keyframes pour{0%,10%{transform:scaleY(0)}35%,75%{transform:scaleY(1)}95%,100%{transform:scaleY(0)}}
@keyframes fillup{0%,15%{transform:scaleY(.15)}80%,100%{transform:scaleY(1)}}

/* menu cards: product tile */
.menu-tile{background:var(--tint,#EEF9F8) !important;width:64px !important;height:86px !important;display:grid !important;place-items:center;overflow:visible !important;}
.menu-tile::after{display:none !important;}
.menu-tile .pa{width:56px;height:80px;}
.pd-app .pd-pcs .pd-pc{background:var(--paper-2) !important;color:var(--bar) !important;}
.bf-row .on,.bf-row .bf-chip.on{background:var(--bar) !important;color:#fff !important;}

/* ── DETAIL: bright backdrop in the drink's color, big product ─────── */
.dt-hero{background:var(--tint,#14B8AC) !important;min-height:460px;justify-content:flex-end !important;}
.dt-hero img.bg{display:none !important;}
.dt-hero::after{background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.4) 100%) !important;}
.dt-hero::before{content:"";position:absolute;width:520px;height:520px;left:50%;top:-40px;transform:translateX(-50%);border-radius:50%;background:rgba(255,255,255,.16);}
.dt-hero .pa-wrap{position:absolute;left:50%;top:70px;transform:translateX(-50%);width:200px;height:300px;z-index:2;filter:drop-shadow(0 30px 40px rgba(0,0,0,.35));}
.dt-hero > div:last-child{margin-top:250px !important;}
.dt-body{background:#fff !important;}
.dt-body,.dt-body *{color:var(--ink) !important;}
.dt-body p{color:var(--muted) !important;}
.dt-body .bf-detail-label,.dt-body [style*="letter-spacing:.16em"]{color:var(--brass) !important;}
.dt-body .ig-hint{color:var(--muted) !important;}
.dt-body span.tap[style*="border-radius:99px"]{background:var(--paper-2) !important;color:var(--bar) !important;border-color:transparent !important;}
.dt-body .bf-detail-pill{background:var(--paper-2) !important;color:var(--bar) !important;border:0 !important;}
.dt-body .al-box{background:var(--brass-soft) !important;border-color:#FFD98A !important;}
.dt-body .al-box b{color:#B45F00 !important;}
.dt-body .al-pill{background:#fff !important;color:#B45F00 !important;}
.dt-body [style*="background:var(--gold)"],.dt-body button[style*="var(--gold)"]{color:#fff !important;}
@media(min-width:768px){.dt-hero{min-height:560px;}.dt-hero .pa-wrap{width:260px;height:390px;top:80px;}.dt-hero > div:last-child{margin-top:330px !important;}}

/* ── Bands: bright teal instead of near-black ───────────────────────── */
.hm-band{background:linear-gradient(135deg,#0F7A73,#0B5C57) !important;}
.hm-band::after{background:linear-gradient(180deg,rgba(11,92,87,.2) 0%,rgba(11,92,87,.7) 50%,rgba(11,92,87,.96) 100%) !important;}
.hm-band .hm-kicker{color:#FFB800 !important;}
.hm-band .hm-pill-gold{background:var(--brass) !important;border-color:var(--brass) !important;color:#fff !important;}
.hm-band .hm-btn-gold{color:#fff !important;}
.pd-bottom-nav-wrap > *{background:#fff !important;border-top:1px solid var(--line) !important;box-shadow:0 -10px 30px rgba(11,92,87,.08);}
.pd-bottom-nav-wrap [style*="grid-template-columns"] > div{color:#7C8A88 !important;}
.pd-bottom-nav-wrap [style*="grid-template-columns"] > div[style*="font-weight:800"],.pd-bottom-nav-wrap [style*="grid-template-columns"] > div[style*="font-weight: 800"]{color:var(--bar) !important;}
.pd-drawer{background:var(--bar) !important;}
.igp{background:linear-gradient(160deg,#0F7A73,#0B5C57) !important;}
.ig-strip{background:var(--bar) !important;}
.ev-feat{box-shadow:var(--shadow-2) !important;}
.hm-ingstrip img{filter:saturate(1.3);}
.pa-color{display:contents;}
.pa-wrap .pa-color,.pa-mini .pa-color,.menu-tile .pa-color{display:block;width:100%;height:100%;}
.pa-mini{display:block;}

/* ── Fix pass A ─────────────────────────────────────────────────────── */
.pa [fill="#fff"][d],.pa [fill="#FFFFFF"][d],.blender [fill="#fff"][d]{fill:#fff !important;}
.hm,.pd-main-scroll,.ev,.mn-list,.mn-body{background:#fff !important;}
.hm-cat{display:block !important;}
.hm-cat .pa-wrap{position:absolute !important;left:0;right:0;top:0;bottom:62px;padding:14px 14px 0 !important;height:auto !important;display:grid;place-items:end center;}
.hm-cat .pa{height:100% !important;width:auto !important;max-width:72%;}
.hm-cat > span{position:absolute;left:16px;right:16px;bottom:14px;padding:0 !important;z-index:3;}
.hm-cat.wide .pa-wrap{left:42%;right:0;top:0;bottom:0;padding:12px 0 0 !important;}
.hm-cat.wide > span{right:auto;max-width:42%;}
.hm-cat.wide .pa{max-width:100%;}
.blender{top:52px;right:-22px;width:214px;}
@media(min-width:768px){.blender{top:40px;right:6%;width:380px;}}

/* ── Fix pass B: product art always fits its box, anchored bottom ───── */
.pa-color{display:block !important;width:100%;height:100%;}
.pa{width:100% !important;height:100% !important;max-width:none !important;}
.hm-cat .pa-wrap{display:block;padding:14px 22px 0 !important;}
.hm-cat.wide .pa-wrap{left:44%;padding:14px 18px 0 !important;}
.hm-row .pa-mini{width:44px;height:64px;display:block;}
.menu-tile .pa-color{padding:4px 0 2px;}

/* ── Fix pass C ─────────────────────────────────────────────────────── */
.pa-color{color:var(--pa-c,#14B8AC) !important;}
.pd-app .pd-pc,.pd-app .pd-pc *{color:#0B5C57 !important;}
.mn-hero .mn-title,.mn-hero .mn-sub{color:#fff !important;max-width:58%;}
.mn-hero{min-height:380px;padding-bottom:30px;}
.mn-hero .pa-wrap{width:128px;height:200px;top:60px;right:14px;}
.mn-nav > img{display:none;}
@media(min-width:768px){.mn-hero .pa-wrap{width:210px;height:320px;top:44px;right:8%;}.mn-nav > img{display:block;}}
.pa-color svg,.pa-color svg *{color:var(--pa-c,#14B8AC) !important;}
.pa path[fill="currentColor"],.pa rect[fill="currentColor"],.pa ellipse[fill="currentColor"]{fill:var(--pa-c,#14B8AC) !important;}
.dt-hero .pa-wrap{left:auto !important;right:16px;transform:none !important;width:186px;height:284px;top:56px;}
.dt-hero > div:last-child{margin-top:240px !important;max-width:62%;}
@media(min-width:768px){.dt-hero .pa-wrap{right:12%;width:250px;height:380px;top:70px;}.dt-hero > div:last-child{max-width:55%;margin-top:320px !important;}}

/* ── Logo on every hero, sized right ───────────────────────────────── */
.mn-nav > img{display:block !important;height:60px !important;filter:drop-shadow(0 6px 16px rgba(0,0,0,.3));}
.mn-nav{top:12px;}
.mn-hero{padding-top:100px;}
.dt-hero .pd-hero-logo{display:block !important;height:60px !important;width:auto !important;left:50% !important;transform:translateX(-50%) !important;position:absolute !important;top:0;filter:drop-shadow(0 6px 16px rgba(0,0,0,.3)) !important;}
.dt-hero > div:first-of-type{min-height:64px !important;}
.hm-top .hm-logo{height:64px !important;}
.ev-head{padding-top:14px !important;}
.ev-head::after{content:"";}
.ph-band .hm-h1{font-size:40px !important;}
@media(min-width:768px){.mn-nav > img{height:72px !important;}.dt-hero .pd-hero-logo{height:72px !important;}}

/* ── Research pass: hierarchy, marquee, stickers, reveals ───────────── */
html,body,.pdbody,.pd-app,.hm,.pd-main-scroll,.ev,.mn-list,.mn-body{background:#F8F7F3 !important;}
.hm-menu,.ig-row,.hm-visit,.hm-ingstrip,.menu-grid > .tap,.ev-row{background:#fff !important;}
.hm-hero-pop .hm-h1{font-size:60px !important;line-height:.9 !important;letter-spacing:-.04em !important;}
.hm-h2{font-size:34px !important;letter-spacing:-.03em !important;}
.hm-eyebrow,.hm-kicker,.bf-title{font-size:12px !important;letter-spacing:.22em !important;}
.hm-cat-name{font-size:28px !important;}
.hm-row-name{font-size:21px !important;}
@media(min-width:768px){.hm-hero-pop .hm-h1{font-size:104px !important;}.hm-h2{font-size:44px !important;}.hm-cat-name{font-size:36px !important;}}
/* marquee divider */
.mq{overflow:hidden;background:var(--brass);color:#fff;font-family:'Bebas Neue',Impact,sans-serif;font-size:22px;letter-spacing:.16em;padding:14px 0;white-space:nowrap;position:relative;}
.mq-track{display:inline-flex;gap:0;animation:mq 28s linear infinite;will-change:transform;}
.mq-track span{padding:0 22px;}
.mq-track span i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#fff;margin-left:22px;vertical-align:middle;opacity:.9;}
@keyframes mq{to{transform:translateX(-50%)}}
.mq.teal{background:var(--bar);}
@media(prefers-reduced-motion:reduce){.mq-track{animation:none;}}
/* sticker badge in hero */
.stk{position:absolute;right:18px;bottom:150px;width:118px;height:118px;border-radius:50%;background:#FFB800;color:#0B5C57;display:grid;place-items:center;text-align:center;font-family:'Bebas Neue',Impact,sans-serif;font-size:17px;letter-spacing:.08em;line-height:1.05;transform:rotate(-12deg);box-shadow:0 16px 30px rgba(0,0,0,.25);z-index:3 !important;padding:12px;}
.stk b{display:block;font-size:30px;color:#fff;letter-spacing:.02em;}
@media(min-width:768px){.stk{right:10%;bottom:auto;top:110px;width:150px;height:150px;font-size:20px;}.stk b{font-size:40px;}}
@media(max-width:400px){.stk{display:none;}}
/* stickers: rotate tag pills a touch */
.bf-pill,.al-pill{transform:rotate(-2deg);}
.bf-pills .bf-pill:nth-child(2n){transform:rotate(2deg);}
/* product depth */
.hm-cat .pa{filter:drop-shadow(0 26px 26px rgba(0,0,0,.35));}
.menu-tile .pa{filter:drop-shadow(0 8px 10px rgba(0,0,0,.18));}
/* scroll reveals (below the fold only; JS adds .in) */
.rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.22,.68,0,1.1);}
.rv.in{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none;}}
/* scroll-driven reveals, CSS only (framework re-renders wipe JS classes) */
.rv{opacity:1;transform:none;transition:none;}
@supports (animation-timeline: view()) {
  @media(prefers-reduced-motion:no-preference){
    .hm .hm-sec, .menu-grid > .tap, .ev-row, .ig-row {animation:rvIn linear both;animation-timeline:view();animation-range:entry 0% entry 45%;}
  }
}
@keyframes rvIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}

/* ---- pop v3 ---- */
.hm-status b{font-weight:800;}
.hm-status .st-s{display:none;}
@media(max-width:430px){.hm-status .st-l{display:none;}.hm-status .st-s{display:inline;}}
.hm-cat.food::before{content:"";position:absolute;inset:0 !important;height:auto !important;border-radius:inherit;background:var(--photo) center/cover no-repeat;transform:scale(1.02);transition:transform .5s ease;}
.hm-cat.food:hover::before{transform:scale(1.07);}
.hm-cat.food::after{background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.62) 100%) !important;}
.hm-cat.food .pa-wrap{display:none !important;}
.hm-cat.food .hm-cat-name{text-shadow:0 3px 14px rgba(0,0,0,.45);}
@media(min-width:768px){.stk{right:calc(6% + 410px);top:84px;}}
@media(min-width:1200px){.stk{right:calc(6% + 430px);}}

.hm-legal{grid-column:1/-1;font-size:12px;color:#8A8F8C;padding:6px 0 0;}
.hm-legal a{color:#8A8F8C;text-decoration:none;font-weight:700;}

/* ---- pop v4: the lineup (product cards) ---- */
.hm-favs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(156px,1fr);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:6px 16px 18px;scroll-padding:0 16px;scrollbar-width:none;}
.hm-favs::-webkit-scrollbar{display:none;}
.hm-fav{scroll-snap-align:start;position:relative;background:var(--tint,#EEF9F8);border-radius:22px;padding:14px 14px 16px;display:flex;flex-direction:column;gap:10px;min-height:300px;box-shadow:0 10px 30px rgba(11,92,87,.08);}
.hm-fav-art{position:relative;height:156px;display:block;overflow:visible;}
.hm-fav-art::after{content:"";position:absolute;left:22%;right:22%;bottom:-6px;height:12px;border-radius:50%;background:rgba(0,0,0,.16);filter:blur(4px);}
.hm-fav-art .pa-color{display:block;height:100%;width:100%;position:relative;z-index:1;}
.hm-fav-art .pa{height:100%;width:100%;filter:drop-shadow(0 14px 16px rgba(0,0,0,.22));animation:pa-bob 5s ease-in-out infinite;}
.hm-fav:nth-child(2n) .hm-fav-art .pa{animation-delay:-1.7s;}.hm-fav:nth-child(3n) .hm-fav-art .pa{animation-delay:-3.1s;}
@keyframes pa-bob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(-1.5deg)}}
.hm-fav-body{display:block;padding-right:44px;}
.hm-fav-name{display:block;font-family:var(--f-display);font-style:italic;font-weight:900;font-size:20px;line-height:1.02;letter-spacing:-.02em;color:var(--ink);}
.hm-fav-ing{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;color:var(--muted);line-height:1.35;margin-top:5px;}
.hm-fav-price{display:block;font-family:var(--f-num);font-size:22px;color:var(--bar);margin-top:8px;line-height:1;}
.hm-fav-price small{display:block;font-family:var(--f-body);font-size:10.5px;font-weight:800;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-top:3px;}
.hm-fav-add{position:absolute;right:12px;bottom:12px;width:40px;height:40px;border-radius:50%;background:var(--brass) !important;color:#fff !important;border:0;font-size:22px;line-height:1;display:grid;place-items:center;box-shadow:0 8px 18px rgba(255,138,0,.4);}
@media(min-width:768px){.hm-favs{grid-auto-flow:row;grid-template-columns:repeat(3,1fr);overflow:visible;margin:0;padding:6px 0 8px;}}
@media(min-width:1200px){.hm-favs{grid-template-columns:repeat(6,1fr);gap:14px;}.hm-fav-art{height:176px;}}
@media(prefers-reduced-motion:reduce){.hm-fav-art .pa{animation:none;}}

/* ---- pop v5: logo leads the stack ---- */
.hm-hero-pop .hm-top .hm-logo{display:none !important;}
.hm-hero-pop{padding-top:96px !important;}
.hm-logo-lead{display:block;width:200px;height:auto;margin:0 0 16px -6px;position:relative;z-index:3;filter:drop-shadow(0 10px 22px rgba(0,0,0,.35));}
.hm-hero-pop .hm-eyebrow{margin-top:0 !important;}
.blender{width:205px !important;right:-36px !important;top:34px !important;}
.mn-hero{min-height:360px !important;padding-top:70px !important;}
.mn-logo-lead{display:block;width:150px;height:auto;margin:0 0 12px -4px;position:relative;z-index:3;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35));}
.mn-hero .pa-wrap{top:64px !important;right:6px !important;width:140px !important;height:215px !important;}
@media(min-width:768px){
  .hm-logo-lead{width:280px;margin:0 0 22px -8px;}
  .blender{width:380px !important;right:6% !important;top:40px !important;}
  .mn-logo-lead{width:190px;}
  .mn-hero .pa-wrap{width:190px !important;height:290px !important;right:8% !important;top:40px !important;}
}
@media(min-width:1200px){.blender{width:440px !important;right:10% !important;}}

/* ---- pop v6: one header system everywhere ---- */
.pd-grove{background:linear-gradient(135deg,#14B8AC 0%,#0F7A73 55%,#0B5C57 100%) !important;color:#fff !important;padding:16px 20px 30px !important;}
.pd-grove .pd-palm-l,.pd-grove .pd-palm-r{display:none !important;}
.pd-grove::before{content:"";position:absolute;width:420px;height:420px;right:-140px;top:-200px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#FFB800 0%,#FF8A00 45%,rgba(255,138,0,0) 72%);opacity:.9;pointer-events:none;}
.pd-hero-nav{position:relative;z-index:2;flex-wrap:wrap !important;justify-content:space-between !important;row-gap:0 !important;min-height:0 !important;}
.pd-hero-nav > div:first-child{order:1;}
.pd-hero-nav > span{order:2;}
img.pd-hero-logo[src][style]{order:3 !important;flex:0 0 100% !important;height:auto !important;width:190px !important;max-width:62vw !important;margin:18px 0 0 -4px !important;position:static !important;transform:none !important;filter:drop-shadow(0 10px 22px rgba(0,0,0,.35)) !important;object-fit:contain;}
.pd-hero-nav button.tap{background:rgba(255,255,255,.16) !important;border:1.5px solid rgba(255,255,255,.4) !important;color:#fff !important;}
.pd-hero-nav button.tap svg *{stroke:#fff !important;}
.pd-hero-body{position:relative;z-index:2;text-align:left !important;margin-top:12px !important;}
.pd-grove .pd-hero-title{color:#fff !important;font-family:var(--f-display) !important;font-style:italic !important;font-weight:900 !important;font-size:46px !important;line-height:.95 !important;letter-spacing:-.035em !important;text-shadow:0 4px 18px rgba(0,0,0,.25) !important;text-align:left !important;}
.pd-grove .pd-hero-body p,.pd-grove .vq-sub,.pd-grove .pd-hero-sub{color:rgba(255,255,255,.9) !important;text-align:left !important;margin-left:0 !important;}
.pd-grove .vq-eyebrow,.pd-grove .hm-kicker{color:#FFE7A8 !important;text-align:left !important;}
.pd-grove .pd-hero-body > *{margin-left:0 !important;margin-right:0 !important;}
.pd-grove > div[style*="height:56px"]{display:none !important;}
@media(min-width:768px){img.pd-hero-logo[src][style]{width:250px !important;}.pd-grove .pd-hero-title{font-size:64px !important;}.pd-grove{padding:24px 40px 40px !important;}}
/* detail: product is the hero, logo small */
.dt-hero img.pd-hero-logo[src][style]{height:56px !important;width:auto !important;max-width:none !important;margin:0 !important;flex:none !important;order:0 !important;position:absolute !important;left:50% !important;top:14px !important;transform:translateX(-50%) !important;}
/* 2 oz cup sits centred in the small menu tiles */
.menu-tile .pa.pa-shot{transform:translateY(-22%);}

/* ---- pop v7: footer ---- */
.pd-foot{background:#0B5C57;color:#fff;padding:16px 16px 26px;margin-top:28px;}
.pd-foot-map{position:relative;border-radius:22px;overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.25);}
.pd-foot-map iframe{filter:saturate(.9);}
.pd-foot-dir{position:absolute;right:12px;bottom:12px;background:var(--brass);color:#fff;font-weight:800;font-size:13px;padding:10px 14px;border-radius:99px;text-decoration:none;box-shadow:0 8px 18px rgba(0,0,0,.25);}
.pd-foot-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px;padding:22px 4px 6px;font-size:13.5px;line-height:1.45;color:rgba(255,255,255,.85);}
.pd-foot-grid > div b{display:block;color:#fff;font-size:15px;}
.pd-foot-grid a{color:#fff;text-decoration:none;display:block;}
.pd-foot-grid a:not(:has(b)){color:rgba(255,255,255,.85);word-break:break-all;}
.pd-foot-k{font-size:10.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#FFB800;margin-bottom:6px;}
.pd-foot-logo{grid-column:1/-1;width:150px;height:auto;filter:drop-shadow(0 8px 18px rgba(0,0,0,.3));margin:2px 0 -4px -4px;}
.pd-foot-legal{border-top:1px solid rgba(255,255,255,.14);margin-top:14px;padding-top:14px;font-size:12px;color:rgba(255,255,255,.6);}
.pd-foot-legal a{color:rgba(255,255,255,.8);text-decoration:none;font-weight:700;}
@media(min-width:768px){.pd-foot{padding:24px 40px 34px;}.pd-foot-grid{grid-template-columns:auto 1fr 1fr 1fr;align-items:start;gap:24px;}.pd-foot-logo{grid-column:auto;width:170px;margin-right:24px;}.pd-foot-map iframe{height:240px;}}
/* ---- pop v7: Ask Piña button ---- */
.pd-pina-fab{position:fixed !important;right:16px !important;bottom:96px !important;z-index:80;display:flex !important;align-items:center;gap:8px;height:52px;padding:0 18px 0 13px !important;background:var(--brass) !important;color:#fff;border:0 !important;border-radius:99px !important;box-shadow:0 12px 28px rgba(255,138,0,.42),0 3px 8px rgba(0,0,0,.15) !important;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .3s,padding .3s;}
.pd-pina-fab .pf-label{font-family:var(--f-display);font-style:italic;font-weight:900;font-size:16px;letter-spacing:-.01em;white-space:nowrap;}
.pf-min .pd-pina-fab{padding:0 13px !important;}
.pf-min .pd-pina-fab .pf-label{display:none;}
.is-scrolling .pd-pina-fab{transform:translateY(140%);opacity:0;pointer-events:none;}
.pd-pina-fab:active{transform:scale(.94);}
@media(min-width:1024px){.pd-pina-fab{right:28px !important;bottom:28px !important;}}

/* ---- pop v7b: polish ---- */
.hm-logo-lead{width:190px;}
.blender{width:182px !important;right:-28px !important;top:30px !important;}
.pd-grove :is(h1,h2,h3,.pd-hero-title,.hm-h1,.hm-h2){color:#fff !important;}
.pd-grove p{color:rgba(255,255,255,.9) !important;}
.pd-grove .vq-eyebrow,.pd-grove .hm-kicker,.pd-grove .pd-kicker{background:rgba(255,255,255,.14) !important;color:#FFE7A8 !important;display:inline-block;padding:6px 12px;border-radius:99px;}
@media(min-width:768px){.hm-logo-lead{width:280px;}.blender{width:380px !important;right:6% !important;top:40px !important;}}
@media(min-width:1200px){.blender{width:440px !important;right:10% !important;}}

/* ---- pop v8: one logo, one scale ---- */
:root{--logo-w:190px;}
@media(min-width:768px){:root{--logo-w:250px;}}
.hm-logo-lead,.mn-logo-lead{width:var(--logo-w) !important;margin:0 0 16px -5px !important;}
img.pd-hero-logo[src][style]{width:var(--logo-w) !important;}
.mn-hero .pa-wrap{top:72px !important;}
/* detail: lead logo, product beside/below it */
.dt-hero > div:has(> img.pd-hero-logo){display:flex !important;flex-wrap:wrap !important;justify-content:space-between !important;align-items:center;min-height:0 !important;}
.dt-hero img.pd-hero-logo[src][style]{position:static !important;left:auto !important;top:auto !important;transform:none !important;order:3 !important;flex:0 0 auto !important;width:var(--logo-w) !important;height:auto !important;max-width:var(--logo-w) !important;margin-right:auto !important;margin:14px 0 0 -5px !important;filter:drop-shadow(0 10px 22px rgba(0,0,0,.35)) !important;}
.dt-hero{min-height:540px !important;}
.dt-hero .pa-wrap{top:196px !important;right:12px !important;width:170px !important;height:262px !important;}
.dt-hero > div:last-child{margin-top:250px !important;max-width:58%;}
@media(min-width:768px){.dt-hero{min-height:620px !important;}.dt-hero .pa-wrap{top:170px !important;right:10% !important;width:240px !important;height:370px !important;}.dt-hero > div:last-child{margin-top:300px !important;max-width:55%;}}
/* no doubles */
.pd-sidebar > div:first-child img{display:none !important;}
.pd-sidebar > div:first-child{padding:26px 20px 18px !important;}
.pd-foot-logo{display:none !important;}
.pd-foot-grid{grid-template-columns:1fr 1fr 1fr;gap:16px 12px;}
.pd-foot-grid > div:nth-child(2){grid-column:1/-1;}
@media(min-width:768px){.pd-foot-grid{grid-template-columns:1fr 1fr 1fr;}.pd-foot-grid > div:nth-child(2){grid-column:auto;}}

.dt-hero > div:has(> img.pd-hero-logo)::after{content:"";flex:0 0 100%;order:2;height:0;}

/* ---- pop v8c: grove logo exactly --logo-w on every viewport ---- */
.pd-hero-nav > span{order:2 !important;flex:0 0 100% !important;width:100% !important;height:0 !important;margin:0 !important;}
img.pd-hero-logo[src][style]{flex:0 0 auto !important;width:var(--logo-w) !important;max-width:var(--logo-w) !important;height:auto !important;margin:14px auto 0 -4px !important;}
.pd-hero-body{align-items:flex-start !important;}
.pd-grove .pd-hero-title{font-size:46px !important;}
@media(min-width:768px){.pd-grove .pd-hero-title{font-size:64px !important;}}

/* one logo on home: the lead only */
.hm-top .hm-logo{display:none !important;}
.hm-top{justify-content:flex-end !important;}

.pd-grove > svg[viewBox="0 0 240 520"],.dt-hero > svg[viewBox="0 0 240 520"]{display:none !important;}

.pd-foot{margin-bottom:-28px;}
.pd-foot-grid a b{white-space:nowrap;}
.pd-foot-grid a:not(:has(b)){font-size:12.5px;overflow-wrap:anywhere;word-break:normal;}

/* real food photos (menu.json "photo") — full-bleed hero on the item page */
.dt-hero img.bg.dt-photo{display:block !important;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.dt-hero:has(img.dt-photo)::before{display:none;}
.dt-hero:has(img.dt-photo)::after{background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,.15) 55%,rgba(0,0,0,.7) 100%) !important;z-index:1;}
.dt-hero:has(img.dt-photo) .pa-wrap{display:none !important;}