/* Fan Favorites · Version 2 — the reference layout, section for section, in Chups colours and type */
:root{--hero-bg:var(--tangerine-40)}
body.v2{background:var(--paper)}

/* hero */
.v2 .vhero__title{margin-bottom:clamp(2.4rem,4vw,3.4rem)}
.v2 .vhero{padding-bottom:0}

/* intro */
.vintro{padding-block:clamp(4.5rem,8vw,6.5rem) clamp(2.5rem,5vw,3.5rem);display:flex;flex-direction:column;align-items:center}
.vintro__icon{width:52px;height:52px;margin-bottom:1.3rem}
.vintro .t-lead{max-width:44ch;margin-bottom:1.8rem;font-weight:700}
.vintro .vbtn{--gap:var(--paper)}

/* dish carousel */
.vmenu{padding-bottom:clamp(4.5rem,8vw,6.5rem)}

/* how it works */
.vhow{padding-block:var(--pad)}
.vhow .t-h2{margin-bottom:clamp(2.2rem,4vw,3.2rem)}

/* community */
.vfans{background:var(--cream);padding-block:var(--pad)}
.vfans .t-h2{margin-bottom:.5rem}

/* guide */
.vguide-wrap{padding-block:var(--pad)}
.vguide-wrap .t-h2{max-width:16ch;margin:0 auto clamp(2.2rem,4vw,3.2rem)}

/* final */
.v2 .vfinal{--hero-bg:var(--tangerine-40)}

@media (max-width:900px){
  .vsplit__media .vsticker{left:auto!important;right:1rem;top:auto!important;bottom:-2.6rem}
  .vsplit__media .vburst{right:1rem!important;top:auto!important;bottom:-2.8rem}
  .vsplit__copy{padding-top:3.6rem}
}

/* ═══ Mexican page ═══ */
.mx .vhero__title{margin-bottom:1rem}
.vhero__sub{max-width:none;margin:0 auto clamp(1.8rem,3vw,2.6rem);font-weight:700;font-size:clamp(1.25rem,1.05rem + .9vw,1.8rem);line-height:1.35;color:var(--eggplant)}
.vhero__sub em{font-style:italic;color:var(--strawberry)}
.vintro__tag{font-size:clamp(1.05rem,1rem + .35vw,1.25rem);margin:-.6rem 0 1.8rem;color:var(--eggplant)}
.vintro__tag strong{color:var(--strawberry)}
.vsplit__copy p strong{color:inherit}

.vmoms2{background:var(--cream);padding-block:var(--pad)}
.vmoms2__head{margin:0 auto clamp(2.2rem,4vw,3.2rem)}
.vmoms2__head .t-kicker{color:var(--strawberry);margin-bottom:.7rem}
.vmoms2__head .t-h2{max-width:26ch;margin:0 auto 1rem;font-size:clamp(1.9rem,1.2rem + 2.5vw,3.6rem)}   /* two lines on desktop */
.vmoms2__head p{max-width:62ch;margin-inline:auto}
.vmoms2__head .t-lead{margin-bottom:.6rem;font-weight:700}
.vmoms2__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.2rem,2.5vw,2rem);margin-bottom:clamp(2rem,4vw,3rem)}
.vprofile{display:grid;grid-template-columns:minmax(150px,220px) 1fr;gap:1.3rem;align-items:center;border:var(--line);border-radius:var(--r);background:var(--paper);padding:1.1rem}
.vprofile__pic{display:block;aspect-ratio:1;border-radius:14px;overflow:hidden;border:var(--line);background:var(--peach-40)}
.vprofile__pic img{width:100%;height:100%;object-fit:cover}
.vprofile .t-h3{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.15rem}
.vprofile__cz{font-weight:900;font-size:.85rem;color:var(--tangerine);margin-bottom:.6rem}
.vprofile .vchips{margin-bottom:.7rem}
.vprofile__story{font-size:.98rem;line-height:1.55;margin-bottom:.7rem}
.vlink{font-weight:900;color:var(--strawberry)}
.vlang{display:flex;gap:.1rem;margin-right:.2rem;padding:.15rem;border-radius:9px;background:rgba(75,41,89,.06);font:800 .74rem/1 var(--text);letter-spacing:.06em}
.vlang a{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .6rem;border-radius:8px;color:var(--eggplant);text-decoration:none;opacity:.65;transition:background .2s,opacity .2s}
.vflag{width:18px;height:auto;border-radius:2px;box-shadow:0 0 0 1px rgba(75,41,89,.15)}
.vlang a:hover{opacity:1;background:rgba(75,41,89,.08)}
.vlang a[aria-current]{opacity:1;background:var(--eggplant);color:var(--cream)}
.vsheet__lang{display:inline-block;margin-top:1rem;font-weight:800;color:var(--strawberry);text-decoration:underline;text-underline-offset:3px}
.vfab{display:none}
@media (max-width:720px){.vfab{display:inline-flex;align-items:center;gap:.5rem;position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:50;padding:.95rem 1.6rem;border-radius:999px;background:var(--strawberry);color:#fff;font:800 1rem/1 var(--text);text-decoration:none;white-space:nowrap;box-shadow:0 8px 24px rgba(75,41,89,.28);transition:transform .2s}.vfab:active{transform:translateX(-50%) scale(.97)}body.mx{padding-bottom:calc(74px + env(safe-area-inset-bottom))}}
.vsample{display:inline-block;font:900 .62rem/1 var(--text);letter-spacing:.08em;text-transform:uppercase;padding:.3rem .5rem;border-radius:999px;background:var(--tangerine-40);color:var(--eggplant)}

.vconnect{padding-block:var(--pad) clamp(1.5rem,3vw,2.5rem);max-width:66ch}
.vconnect .t-h2{margin-bottom:1rem}
.vconnect .t-lead{font-weight:700;margin-bottom:.8rem}
.vconnect p+p{margin-top:.7rem}
.vconnect__sign{font-size:1.1rem;font-weight:700;color:var(--eggplant);margin-bottom:1.6rem!important}
.vmenu__foot{text-align:center;margin-top:clamp(1.2rem,2.5vw,2rem)}
.vmenu__foot .t-kicker{color:var(--strawberry);margin-bottom:.5rem}
.vmenu__foot .t-h3{max-width:48ch;margin-inline:auto;font-weight:700;font-size:clamp(1rem,.95rem + .3vw,1.2rem);color:var(--muted)}
.vchips--incl li{font-size:.72rem}
.vcard__desc{-webkit-line-clamp:4}

.vhow__foot{margin-top:clamp(2rem,4vw,3rem)}
.vhow__foot p{max-width:46ch;margin:0 auto 1.3rem;color:var(--muted)}
.vfans__lead{max-width:40ch;margin:.5rem auto 0}
.vfans__cta{margin-top:2rem}
.vfaqs{padding-block:var(--pad)}
.vfaqs .t-h2{margin-bottom:clamp(1.6rem,3vw,2.4rem)}

@media (max-width:900px){
  .vmoms2__grid{grid-template-columns:1fr}
  .vprofile{grid-template-columns:120px 1fr;align-items:start}
}
@media (max-width:520px){
  .vprofile{grid-template-columns:1fr;text-align:center}
  .vprofile__pic{max-width:220px;margin-inline:auto}
  .vprofile .t-h3,.vprofile .vchips{justify-content:center}
}