/* Flavory homepage v2 — built only from the Flavory brand kit (Radix v3 scales, Alfa Slab One + Glegoo, Munchy) plus the background mesh (bg-mesh.webp from the design system; its top and bottom edges match, so it tiles down the page without a seam). */
:root{
  --ink:var(--blueberry-12);          /* ground-pepper / text-strong */
  --muted:var(--pepper-11);        /* pepper-11 */
  --line:var(--pepper-6);         /* pepper-6 */
  --line-c:var(--pepper-7);       /* pepper-7 */
  --p2:var(--pepper-2);           /* pepper-2 */
  --sb:var(--starberry-9);           /* starberry-9 */
  --sb-11:var(--starberry-11);        /* starberry-11 */
  --sb-3:var(--starberry-3);         /* starberry-3 */
  --act:var(--action-primary);          /* action-primary */
  --act-h:var(--action-primary-hover);        /* action-primary-hover */
  --bm:var(--blue-macaron-9);           /* blue-macaron-9 */
  --bm-ink:var(--blue-macaron-contrast);       /* blue-macaron-contrast */
  --bm-3:var(--blue-macaron-3);         /* blue-macaron-3 */
  --bm-12:var(--blue-macaron-12);        /* blue-macaron-12 */
  --tm:var(--tastemaker-9);           /* tastemaker-9 */
  --tm-11:var(--tastemaker-11);        /* tastemaker-11 */
  --tm-3:var(--tastemaker-3);         /* tastemaker-3 */
  --dk-text:var(--pepper-dark-11);      /* pepper-11 (dark) on ground-pepper */
  --ok:var(--success-11);--ok-bg:var(--success-3);
  --head:"Alfa Slab One",Rockwell,Georgia,serif;
  --sans:var(--wp--preset--font-family--body),system-ui,-apple-system,"Segoe UI",sans-serif;
  --sh-lg:0 24px 48px -12px rgba(25,40,71,.18);
  --sh-md:0 8px 16px -4px rgba(25,40,71,.10),0 2px 4px -2px rgba(25,40,71,.06);
}
body{margin:0;background:var(--pepper-2);color:var(--wp--preset--color--blueberry-12);font-family:var(--sans)}
*{box-sizing:border-box}
img{max-width:100%;display:block}
a{color:var(--tm-11)}a:hover{color:var(--tm)}
.mesh{background-color:var(--pepper-3);background-image:url(../images/bg-mesh.webp);background-size:100% auto;background-repeat:repeat-y;font-family:var(--sans);color:var(--wp--preset--color--blueberry-12)}
.w{max-width:1328px;margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
.alfa{font-family:var(--head);font-weight:400}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font:800 17px/24px var(--sans);text-decoration:none;border:2px solid transparent;cursor:pointer;white-space:nowrap}
.btn:focus-visible{outline:2px solid var(--tm);outline-offset:3px}
.btn-p{background:var(--act);color:var(--white)}.btn-p:hover{background:var(--act-h);color:var(--white)}
.btn-o{background:var(--white);color:var(--ink);border-color:var(--blueberry-10)}.btn-o:hover{background:var(--blueberry-10);color:var(--white)}
.btn-w{background:var(--white);color:var(--sb-11)}.btn-w:hover{background:var(--sb-3);color:var(--sb-11)}
.wp-block-button.btn,
.wp-block-button.btn:hover{background:transparent;color:inherit;border:0;padding:0;min-height:0;height:auto;border-radius:0;box-shadow:none}
.wp-block-button.btn .wp-element-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:52px;padding:0 26px;border-radius:999px;border:2px solid transparent;font:800 17px/24px var(--sans);text-decoration:none;white-space:nowrap}
.wp-block-button.btn-p .wp-element-button{background:var(--act);color:var(--white);border-color:transparent}
.wp-block-button.btn-p:hover .wp-element-button{background:var(--act-h);color:var(--white)}
.wp-block-button.btn-o .wp-element-button{background:var(--white);color:var(--ink);border-color:var(--blueberry-10)}
.wp-block-button.btn-o:hover .wp-element-button{background:var(--blueberry-10);color:var(--white)}
.wp-block-button.btn-w .wp-element-button{background:var(--white);color:var(--sb-11);border-color:transparent}
.wp-block-button.btn-w:hover .wp-element-button{background:var(--sb-3);color:var(--sb-11)}
.wp-block-button.btn-ghost .wp-element-button{background:transparent;color:var(--white);border-color:var(--white)}
.wp-block-button.btn-ghost:hover .wp-element-button{background:var(--white);color:var(--sb-11)}
.final-cta .wp-block-button.btn .wp-element-button{min-height:60px;padding:0 32px;font-size:18px}
:is(a,button).btn,
.wp-block-button.btn .wp-element-button{
  --btn-sh:0 10px 18px -8px rgba(25,40,71,.35);
  transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .25s ease,transform .25s cubic-bezier(.34,1.56,.64,1)
}
:is(a,button).btn-p,
.wp-block-button.btn-p .wp-element-button,
.wp-block-button:not(.is-style-white):not(.btn-w):not(.btn-o):not(.btn-ghost):not(.sh-link):not(.shm-row) .wp-element-button{--btn-sh:0 12px 20px -8px rgba(222,26,70,.55)}
:is(a,button).btn-w,
.wp-block-button:is(.btn-w,.is-style-white) .wp-element-button{--btn-sh:0 12px 20px -8px rgba(25,40,71,.35)}
@keyframes btn-jelly{
  0%{transform:translateY(0) scale(1,1)}
  30%{transform:translateY(-3px) scale(1.06,.93)}
  50%{transform:translateY(-3px) scale(1.02,1.04)}
  70%{transform:translateY(-3px) scale(1.03,.98)}
  100%{transform:translateY(-3px) scale(1,1)}
}
:is(a,button).btn{position:relative}
:is(a,button).btn::before{content:"";position:absolute;inset:0;border-radius:inherit}
@media (prefers-reduced-motion: no-preference){
  :is(a,button).btn:hover::before{inset:-6px;transform:translateY(3px)}
  :is(a,button).btn:active::before{transform:none}
  :is(a,button).btn:hover,
  .wp-block-button:not(.sh-link):not(.shm-row):hover .wp-element-button{transform:translateY(-3px);box-shadow:var(--btn-sh);animation:btn-jelly .55s cubic-bezier(.34,1.56,.64,1)}
  :is(a,button).btn:active,
  .wp-block-button:not(.sh-link):not(.shm-row):active .wp-element-button{transform:translateY(0) scale(1,.96);box-shadow:none;animation:none;transition-duration:.08s}
}
.lnk{font:800 16px/24px var(--sans);color:var(--ink);text-decoration:none;border-bottom:0;padding-bottom:0}
.tlnk,
a.tlnk,
.lnk a,
a.lnk,
.is-style-link-cta a,
.single .wp-block-post-content :is(p,li) a:not(.wp-block-button__link):not(.btn),
.prose :is(p,li) a:not(.wp-block-button__link):not(.btn),
.lg-sec :is(p,li) a:not(.wp-block-button__link):not(.btn),
#faq :is(p,li) a:not(.wp-block-button__link):not(.btn),
.faq :is(p,li) a:not(.wp-block-button__link):not(.btn),
.wp-block-details :is(p,li) a:not(.wp-block-button__link):not(.btn){
  color:var(--ink);font-weight:700;text-decoration:none;border:0;border-bottom:0;
  background-image:linear-gradient(var(--starberry-9),var(--starberry-9)),linear-gradient(var(--starberry-9),var(--starberry-9));
  background-size:100% 2px,100% 2px;background-repeat:no-repeat;
  background-position:0 calc(100% - 4px),0 100%;
  padding-bottom:6px;-webkit-box-decoration-break:clone;box-decoration-break:clone
}
.tlnk:hover,
a.tlnk:hover,
.single .wp-block-post-content :is(p,li) a:not(.wp-block-button__link):not(.btn):hover,
.prose :is(p,li) a:not(.wp-block-button__link):not(.btn):hover,
.lg-sec :is(p,li) a:not(.wp-block-button__link):not(.btn):hover,
#faq :is(p,li) a:not(.wp-block-button__link):not(.btn):hover,
.faq :is(p,li) a:not(.wp-block-button__link):not(.btn):hover,
.wp-block-details :is(p,li) a:not(.wp-block-button__link):not(.btn):hover{color:var(--sb-11)}
.tlnk:focus-visible,
a.tlnk:focus-visible,
.lnk a:focus-visible,
a.lnk:focus-visible,
.is-style-link-cta a:focus-visible,
.single .wp-block-post-content :is(p,li) a:not(.wp-block-button__link):not(.btn):focus-visible,
.prose :is(p,li) a:not(.wp-block-button__link):not(.btn):focus-visible,
.lg-sec :is(p,li) a:not(.wp-block-button__link):not(.btn):focus-visible,
#faq :is(p,li) a:not(.wp-block-button__link):not(.btn):focus-visible,
.faq :is(p,li) a:not(.wp-block-button__link):not(.btn):focus-visible,
.wp-block-details :is(p,li) a:not(.wp-block-button__link):not(.btn):focus-visible{outline:2px solid var(--tastemaker-9);outline-offset:2px}
.lnk,a.lnk,.lnk a,.is-style-link-cta a{font-weight:800;transition:color .3s ease,background-position .45s cubic-bezier(.34,1.4,.64,1)}
.lnk:is(:hover,:focus-visible),a.lnk:is(:hover,:focus-visible),.lnk a:is(:hover,:focus-visible),.is-style-link-cta a:is(:hover,:focus-visible){color:var(--tm)}
.sh-promo .lnk:hover,.sh-promo a.lnk:hover,.sh-promo .lnk a:hover,.sh-promo .is-style-link-cta a:hover{color:var(--white)}
:is(a.lnk,.lnk a,.is-style-link-cta a):is(:hover,:focus-visible){background-position:0 0,0 100%}
@media (prefers-reduced-motion: reduce){
  .lnk,a.lnk,.lnk a,.is-style-link-cta a{transition:color .3s ease}
  :is(a.lnk,.lnk a,.is-style-link-cta a):is(:hover,:focus-visible){background-position:0 calc(100% - 4px),0 100%}
}
.lead{margin:0;font:300 26px/34px var(--sans);color:var(--ink)}
.leader{flex:1 1 auto;min-width:24px;border-bottom:2px dotted var(--line-c);transform:translateY(-6px)}

/* ── Badge (component: Badge.dc.html) ─────────────────────────────
   Default tone = brand (Tastemaker, tertiary). Soft = tinted fill + step-7 border; solid = step-9 fill.
   Status tones use Radix v3 green / amber / red; info = Blue Macaron; neutral = Pepper.
   Squircle corners where `corner-shape` is supported, a tighter round radius elsewhere. */
.badge{--r:8px;--rs:12px;--b-bg:var(--tastemaker-3);--b-bd:var(--tastemaker-7);--b-fg:var(--tastemaker-11);display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--b-bd);border-radius:var(--r);background:var(--b-bg);color:var(--b-fg);font:800 13px/18px var(--sans);letter-spacing:.01em;white-space:nowrap;vertical-align:middle}
@supports (corner-shape: squircle){.badge{border-radius:var(--rs);corner-shape:squircle}}
.badge-sm{--r:6px;--rs:9px;gap:5px;padding:2px 8px;font-size:12px;line-height:16px}
.badge-lg{--r:10px;--rs:15px;gap:8px;padding:6px 14px;font-size:14px;line-height:20px}
.badge-dot{flex:none;width:6px;height:6px;border-radius:50%;background:currentColor}
.badge-lg .badge-dot{width:7px;height:7px}
.badge-brand  {--b-bg:var(--tastemaker-3);--b-bd:var(--tastemaker-7);--b-fg:var(--tastemaker-11)}  /* tastemaker 3 / 7 / 11 */
.badge-info   {--b-bg:var(--blue-macaron-3);--b-bd:var(--blue-macaron-7);--b-fg:var(--blue-macaron-12)}  /* blue-macaron 3 / 7 / 12 */
.badge-success{--b-bg:var(--success-3);--b-bd:var(--success-7);--b-fg:var(--success-12)}  /* green 3 / 7 / 12 */
.badge-warning{--b-bg:var(--warning-3);--b-bd:var(--warning-7);--b-fg:var(--warning-12)}  /* amber 3 / 7 / 12 */
.badge-danger {--b-bg:var(--danger-3);--b-bd:var(--danger-7);--b-fg:var(--danger-12)}  /* red 3 / 7 / 12 */
.badge-neutral{--b-bg:var(--pepper-3);--b-bd:var(--pepper-7);--b-fg:var(--pepper-12)}  /* pepper 3 / 7 / 12 */
.badge-solid.badge-brand  {--b-bg:var(--tastemaker-9);--b-bd:var(--tastemaker-10);--b-fg:var(--white)}
.badge-solid.badge-info   {--b-bg:var(--blue-macaron-9);--b-bd:var(--blue-macaron-8);--b-fg:var(--blue-macaron-contrast)}
.badge-solid.badge-success{--b-bg:var(--success-11);--b-bd:var(--success-11);--b-fg:var(--white)}
.badge-solid.badge-warning{--b-bg:var(--warning-9);--b-bd:var(--warning-7);--b-fg:var(--warning-12)}
.badge-solid.badge-danger {--b-bg:var(--danger-11);--b-bd:var(--danger-11);--b-fg:var(--white)}
.badge-solid.badge-neutral{--b-bg:var(--blueberry-10);--b-bd:var(--blueberry-10);--b-fg:var(--white)}

/* ── Sky + drifting clouds (delivery section) ─────────────────────
   Clouds slide right → left on a loop at different speeds; negative delays stagger them
   so the sky is already full on load. Static positions are used when motion is reduced. */
.sky{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.cloud{position:absolute;height:auto;max-width:none}
.cloud-1{width:226px;top:5%;left:4%}
.cloud-2{width:162px;top:13%;left:62%}
.cloud-3{width:136px;top:31%;left:40%}
.cloud-4{width:89px;top:47%;left:28%}
.cloud-5{width:150px;top:62%;left:82%}
.cloud-6{width:110px;top:74%;left:8%}
.cloud-7{width:70px;top:24%;left:88%}
.cloud-8{width:120px;top:54%;left:56%}
@keyframes cloud-drift{from{left:100%}to{left:-240px}}
@media (prefers-reduced-motion: no-preference){
  .cloud{animation:cloud-drift 40s linear infinite}
  .cloud-1{animation-duration:46s;animation-delay:-42s}
  .cloud-2{animation-duration:38s;animation-delay:-14s}
  .cloud-3{animation-duration:32s;animation-delay:-19s}
  .cloud-4{animation-duration:26s;animation-delay:-19s}
  .cloud-5{animation-duration:40s;animation-delay:-4s}
  .cloud-6{animation-duration:30s;animation-delay:-27s}
  .cloud-7{animation-duration:22s;animation-delay:-2s}
  .cloud-8{animation-duration:34s;animation-delay:-15s}
}
/* Clouds fade with the sky's top and bottom edges so the band blends into the page background. */
.sky-fade{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 220px,#000 calc(100% - 200px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 220px,#000 calc(100% - 200px),transparent 100%)}

/* ── Flavory + Shipday lockup with pulsing halo rings ─────────────
   Geometry from the Figma group (450 × 238.67); every child is placed in % so the lockup scales.
   Each halo has three 25%-white discs that breathe outward in a staggered ripple. */
.lockup{position:relative;aspect-ratio:450/238.67;z-index:1}
.lockup>*{position:absolute}
.lockup .ring{width:52.43%;aspect-ratio:1}
.lockup .ring-l{left:0;top:0}
.lockup .ring-r{left:47.57%;top:1.22%}
.lockup .ring span{position:absolute;inset:0;border-radius:50%;background:rgba(255,255,255,.25)}
.lockup .ring .r2{inset:8.2%}
.lockup .ring .r3{inset:14.3%}
.lockup .disc{width:32.17%;height:auto}
.lockup .disc-f{left:10.17%;top:19.47%}
.lockup .disc-s{left:57.77%;top:20.43%}
.lockup .plus{left:45.63%;top:45.43%;width:8.89%;aspect-ratio:1;border-radius:50%;background:var(--starberry-9);display:flex;align-items:center;justify-content:center}
.lockup .plus svg{width:50%;height:50%}
@keyframes ring-pulse{0%,100%{transform:scale(.92);opacity:.55}50%{transform:scale(1.05);opacity:1}}
@media (prefers-reduced-motion: no-preference){
  .lockup .ring span{animation:ring-pulse 2.8s ease-in-out infinite}
  .lockup .ring .r3{animation-delay:0s}
  .lockup .ring .r2{animation-delay:.25s}
  .lockup .ring .r1{animation-delay:.5s}
  .lockup .ring-r .r3{animation-delay:1.4s}
  .lockup .ring-r .r2{animation-delay:1.65s}
  .lockup .ring-r .r1{animation-delay:1.9s}
}

/* Full-width road under the delivery scooter: continues the artwork's dark rounded road dashes
   (#27303F, mixed long and short rounded dashes like the original artwork, repeating every 816px at desktop scale) so the bike sits on the ground where the sky fades out. */
.road{position:absolute;left:0;right:0;z-index:0;pointer-events:none;background:url(../images/delivery-road-strip.svg) repeat-x 0 center/auto 100%}

/* ── Animated delivery scooter ────────────────────────────────────
   The artwork is split into stacked layers that share one 1545 × 867 frame:
   background (still) · flag (waves) · tyres · spinning hub overlays · bike + riders (rides above).
   Flag, tyres, hubs and bike sit inside .scooter-ride, which jiggles slightly as one unit. */
.scooter{aspect-ratio:1545/867}
.scooter>img,.scooter-ride,.scooter-ride>img{position:absolute;inset:0;width:100%;height:100%;max-width:none}
.scooter-ride>img.wheel-spin{right:auto;bottom:auto;height:auto;aspect-ratio:1}
.scooter-ride>img.ws-front{left:52.43%;top:74.11%;width:13.46%}
.scooter-ride>img.ws-rear{left:25.02%;top:74.22%;width:11.52%}
.scooter-flag{transform-origin:14.9% 7.2%}
@keyframes wheel-spin{to{transform:rotate(360deg)}}
@keyframes flag-wave{0%,100%{transform:skewY(0) scaleX(1)}25%{transform:skewY(-6deg) scaleX(.93)}50%{transform:skewY(2deg) scaleX(1.02)}75%{transform:skewY(-3deg) scaleX(.96)}}
@keyframes ride-shake{0%,100%{transform:translate(0,0)}20%{transform:translate(.6px,-1px)}40%{transform:translate(-.4px,.5px) rotate(-.2deg)}60%{transform:translate(.5px,-.6px)}80%{transform:translate(-.3px,.3px) rotate(.15deg)}}
@keyframes road-move{to{background-position-x:-816px}}
@keyframes road-move-sm{to{background-position-x:-571.2px}}
@media (prefers-reduced-motion: no-preference){
  .wheel-spin{animation:wheel-spin .55s linear infinite}
  .scooter-flag{animation:flag-wave .9s ease-in-out infinite}
  .scooter-ride{animation:ride-shake .32s linear infinite}
  .road{animation:road-move 2.6s linear infinite}
  .road.road-sm{animation-name:road-move-sm}
}

/* ── Step circles with tinted halo rings ("How it works") ─────────
   Three semi-transparent rings in each circle's own brand colour, stacked like the
   Flavory + Shipday halos (ring spacing ≈ 17% / 37% / 64% of the radius), breathing gently. */
@property --k{syntax:'<number>';inherits:false;initial-value:1}
.step-ring{--k:1;box-shadow:0 0 0 calc(var(--g1) * var(--k)) rgba(var(--c),.16),0 0 0 calc(var(--g2) * var(--k)) rgba(var(--c),.12),0 0 0 calc(var(--g3) * var(--k)) rgba(var(--c),.09)}
.step-sb{--c:255,32,82}
.step-bm{--c:32,194,255}
.step-tm{--c:75,78,252}
.step-lg{--g1:8px;--g2:17px;--g3:29px}
.step-sm{--g1:5px;--g2:11px;--g3:18px}
@keyframes step-pulse{0%,100%{--k:.9}50%{--k:1.08}}
@media (prefers-reduced-motion: no-preference){
  .step-ring{animation:step-pulse 2.8s ease-in-out infinite}
  .step-bm{animation-delay:.6s}
  .step-tm{animation-delay:1.2s}
}

/* ── Gradient dot connector ("Front of house, online") ───────────
   A vertical run of 8px dots on a 16px pitch. The dots are cut from a top-to-bottom gradient,
   so each one is a step from the colour of the step it leaves (--from) to the one it arrives at (--to). */
.dots{--from:var(--starberry-9);--to:var(--blue-macaron-9);width:10px;background:linear-gradient(to bottom,var(--from),var(--to));-webkit-mask:radial-gradient(circle 4px at 50% 8px,#000 97%,transparent 100%) 0 0/10px 16px repeat-y;mask:radial-gradient(circle 4px at 50% 8px,#000 97%,transparent 100%) 0 0/10px 16px repeat-y}

/* ── Buzzword ball pit (component: BuzzBalls.dc.html, "Today's menu") ──
   Balls start above the box and drop into a pre-settled pile when it scrolls into view,
   lowest first, landing with a big squash and four bounces that shrink each time. Re-plays each time it re-enters view. */
.buzz{position:relative;aspect-ratio:4/5;border-radius:24px;background:var(--tastemaker-3);overflow:hidden;container-type:inline-size;flex-shrink:0;width:100%}
.buzz-ball{position:absolute;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 5%;font-weight:900;line-height:1.05;letter-spacing:-.01em;box-shadow:inset 0 -.9cqw 0 rgba(25,40,71,.12);transform-origin:50% 100%;opacity:0}
.buzz-ball.drop{opacity:1;animation:ball-drop 1.9s both}
@keyframes ball-drop{
  0%{transform:translateY(-140cqw) scale(.94,1.08);animation-timing-function:cubic-bezier(.55,0,1,.45)}
  34%{transform:translateY(0) scale(1.18,.78);animation-timing-function:cubic-bezier(0,.55,.45,1)}
  48%{transform:translateY(-24cqw) scale(.92,1.08);animation-timing-function:cubic-bezier(.55,0,1,.45)}
  62%{transform:translateY(0) scale(1.13,.85);animation-timing-function:cubic-bezier(0,.55,.45,1)}
  71%{transform:translateY(-11cqw) scale(.96,1.04);animation-timing-function:cubic-bezier(.55,0,1,.45)}
  80%{transform:translateY(0) scale(1.08,.91);animation-timing-function:cubic-bezier(0,.55,.45,1)}
  86%{transform:translateY(-4.5cqw) scale(.98,1.02);animation-timing-function:cubic-bezier(.55,0,1,.45)}
  92%{transform:translateY(0) scale(1.04,.96);animation-timing-function:cubic-bezier(0,.55,.45,1)}
  96%{transform:translateY(-1.2cqw);animation-timing-function:cubic-bezier(.55,0,1,.45)}
  100%{transform:translateY(0) scale(1,1)}
}
@media (prefers-reduced-motion: reduce){.buzz-ball{opacity:1;animation:none!important}}

/* ── Munchie typing on the POS ("Right to your kitchen!") ─────────
   "Munchie Typing POS Screen" split into still legs + POS, and a body layer (head, arms, tongue)
   that leans in to tap the screen twice, with a ripple at the fingertip and an occasional blink. */
.mpos{aspect-ratio:1059/1273}
.mpos>img,.mpos-body,.mpos-body>img{position:absolute;inset:0;width:100%;height:100%;max-width:none}
.mpos-body{transform-origin:45% 72%}
.mpos-eye-l{transform-origin:41.2% 28%}
.mpos-eye-r{transform-origin:63.9% 30.8%}
.mpos-tap{position:absolute;left:51.5%;top:62%;width:16%;height:auto;aspect-ratio:1;margin:-8% 0 0 -8%;border-radius:50%;border:2px solid var(--blue-macaron-9);opacity:0;pointer-events:none}
@keyframes mpos-press{0%,40%,100%{transform:none}8%,24%{transform:translate(1.2%,.7%) rotate(1.4deg)}16%,32%{transform:none}}
@keyframes mpos-ripple{0%,6%{opacity:0;transform:scale(.3)}9%{opacity:.95;transform:scale(.45)}20%{opacity:0;transform:scale(1.5)}22%{opacity:0;transform:scale(.3)}25%{opacity:.95;transform:scale(.45)}36%,100%{opacity:0;transform:scale(1.5)}}
@keyframes mpos-blink{0%,90%,96%,100%{transform:scaleY(1)}93%{transform:scaleY(.08)}}
@media (prefers-reduced-motion: no-preference){
  .mpos-body{animation:mpos-press 1.7s ease-in-out infinite}
  .mpos-tap{animation:mpos-ripple 1.7s ease-out infinite}
  .mpos-eye-l,.mpos-eye-r{animation:mpos-blink 4.3s ease-in-out infinite}
}

/* ── Munchie peek-a-boo (component: MunchiePeek.dc.html) ──────────
   Sits behind a card's top edge; springs up when the card scrolls into view and sinks back when it leaves.
   The pupils are drawn here (not in the artwork) so they can follow the cursor inside the eye whites. */
.peek{position:relative;aspect-ratio:679/696;transition:transform .75s cubic-bezier(.34,1.56,.64,1)}
.peek>img{position:absolute;inset:0;width:100%;height:100%}
.peek-eye{position:absolute;width:21.65%;aspect-ratio:1;border-radius:50%;overflow:hidden}
.peek-eye-l{left:22.09%;top:37.93%}
.peek-eye-r{left:55.23%;top:37.79%}
.peek-pupil{position:absolute;left:14.6%;top:14.6%;width:70.8%;height:70.8%;border-radius:50%;background:#3d3d3d;transition:transform .12s ease-out}
.peek-glint{position:absolute;left:53.8%;top:12.5%;width:36.5%;height:42.3%;border-radius:50%;background:var(--white);transform:rotate(-28deg);transition:left .15s ease-out,top .15s ease-out,transform .15s ease-out}
@media (prefers-reduced-motion: reduce){.peek{transition:none;transform:none!important}.peek-pupil,.peek-glint{transition:none}}

/* Sub-brand lockups (assets from the Flavory design system). One height per context, set here only. */
:root{--lk-hero:40px;--lk-row:24px;--lk-foot:20px;--lk-menu:20px}
@media (max-width:640px){:root{--lk-hero:30px;--lk-row:22px;--lk-foot:17px;--lk-menu:17px}}
.sb-lk{display:block;width:auto;max-width:none;flex:none;object-fit:contain;object-position:left center}
.sb-lk--hero{height:var(--lk-hero)}
@media (max-width:640px){.sb-lk--hero{max-width:60vw}}
.sb-lk--row{height:var(--lk-row)}
.sb-lk--foot{height:var(--lk-foot)}
.sb-lk--menu{height:var(--lk-menu)}
.sb-lk--rev{filter:brightness(0) invert(1)} /* reversed on ground-pepper, matching the all-white footer logo */

/* Header from SiteHeader / SiteHeaderMobile. Collapses below 1024.
   Sticky uses the Group block position support (Ollie / WordPress sticky). The group is a sibling of the page, so the bar stays in view. */
.flavory-header-sticky{position:sticky;top:0;z-index:50;background:transparent}
.flavory-header-sticky.is-position-sticky{z-index:50}
.wp-block-template-part:has(.sh),.wp-block-template-part:has(.shm){position:relative;z-index:50;background:transparent}
.sh{position:relative;z-index:2;font-family:var(--sans);color:var(--blueberry-12)}
.sh-bar{position:relative;z-index:2;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(25,40,71,.08)}
.sh-open .sh-bar{background:var(--white)}
.sh-nav{position:relative;display:flex;align-items:center;gap:4px;font:700 16px/24px var(--sans)}
.sh a.sh-link,.sh button.sh-link{color:var(--blueberry-12);text-decoration:none;display:inline-flex;align-items:center;gap:6px;min-height:44px;border:0;background:transparent;padding:0;font:700 16px/24px var(--sans);cursor:pointer}
.sh-nav a.sh-link,.sh-nav button.sh-link{position:relative;z-index:1;padding:0 16px;transition:color .25s ease}
.sh-nav .sh-link[data-on="true"]{color:var(--tastemaker-9)}
.sh a.sh-link:hover,.sh button.sh-link:hover{color:var(--tastemaker-9);text-decoration:none}
.sh-link svg{transition:transform .2s}
.sh-link[aria-expanded="true"] svg{transform:rotate(180deg)}
.sh-link:focus-visible,.sh-item:focus-visible,.sh-promo a:focus-visible,.sh .btn:focus-visible{outline:2px solid var(--tastemaker-9);outline-offset:3px;border-radius:6px}
.sh-panel{display:none;position:absolute;left:0;right:0;top:100%;z-index:1;background:var(--white);border-radius:0 0 28px 28px;box-shadow:0 30px 60px -20px rgba(25,40,71,.28)}
.sh-open .sh-panel{display:block;animation:sh-drop .18s ease-out}
@keyframes sh-drop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.sh-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:40px;padding-top:32px;padding-bottom:36px}
.sh-items{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:0}
.sh-subpill{position:absolute;left:0;top:0;width:0;height:0;border-radius:20px;background:var(--tastemaker-2);pointer-events:none;z-index:0;opacity:0}
.sh-subpill.is-ready{transition:transform .38s cubic-bezier(.65,0,.35,1),width .38s cubic-bezier(.65,0,.35,1),height .38s cubic-bezier(.65,0,.35,1),opacity .2s ease}
.sh-item{position:relative;z-index:1;box-sizing:border-box;display:flex;gap:16px;align-items:flex-start;height:100%;padding:18px;border-radius:20px;color:var(--blueberry-12);cursor:pointer}
#sh-mm .sh-item a{position:static}
#sh-mm .sh-item a::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:1}
#sh-mm .sh-item img{-webkit-user-drag:none;user-select:none}
#sh-mm .sh-item a:focus,#sh-mm .sh-item a:focus-visible{outline:none}
#sh-mm .sh-item:focus-within{outline:2px solid var(--tastemaker-9);outline-offset:2px}
.sh-item:hover .sh-name,.sh-item:focus-within .sh-name{color:var(--tastemaker-9)}
.sh-tile{flex:none;width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center}
.sh-name{display:flex;align-items:center;gap:10px;font:900 17px/24px var(--sans);transition:color .15s}
.sh-desc{display:block;margin-top:2px;font:400 15px/22px var(--sans);color:var(--pepper-11)}
.sh-promo{background:var(--blueberry-10);color:var(--white);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:10px}
.sh-promo a:not(.btn){color:var(--white);text-decoration:none}
.sh .btn{text-decoration:none}
.shm{display:none}
@media (max-width:1023px){
  .sh{display:none}
  .shm{display:block;position:relative;z-index:2;font-family:var(--sans);color:var(--blueberry-12)}
}
.shm-bar{position:relative;z-index:2;height:64px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(25,40,71,.08)}
.shm-open .shm-bar{background:var(--white)}
.shm-burger{width:44px;height:44px;border-radius:50%;border:1px solid var(--pepper-7);background:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.shm-open .shm-burger{background:var(--blueberry-10);border-color:var(--blueberry-10)}
.shm-icon-close{display:none}
.shm-open .shm-icon-open{display:none}
.shm-open .shm-icon-close{display:block}
.shm-panel{display:none;position:absolute;left:0;right:0;top:64px;z-index:1;height:calc(100dvh - 64px);overflow-y:auto;overscroll-behavior:contain;background:var(--white);flex-direction:column}
.shm-open .shm-panel{display:flex;animation:shm-in .18s ease-out}
@keyframes shm-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.shm-sec{margin:0;padding:20px 20px 6px;font:900 12px/16px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--pepper-11)}
.shm-item{position:relative;box-sizing:border-box;display:flex;gap:14px;align-items:center;min-height:56px;padding:8px 20px;color:var(--blueberry-12);text-decoration:none;flex:none;cursor:pointer}
#shm-panel .shm-item a::after{content:"";position:absolute;inset:0;z-index:1}
.shm-item:active{background:var(--starberry-2)}
.shm-tile{flex:none;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center}
.shm a.shm-row{display:flex;align-items:center;justify-content:space-between;min-height:52px;margin:0 20px;border-top:1px solid var(--pepper-3);color:var(--blueberry-12);text-decoration:none;font:800 17px/24px var(--sans);flex:none}
.shm-row[aria-current="page"]{color:var(--starberry-11)}
.shm-burger:focus-visible,.shm-item:focus-visible,.shm-row:focus-visible,.shm .btn:focus-visible{outline:2px solid var(--tastemaker-9);outline-offset:2px}
@media (prefers-reduced-motion: reduce){.sh-panel,.shm-panel{animation:none}.sh-link svg,.sh-nav .sh-link,.sh-subpill.is-ready{transition:none}}
.bt{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;gap:4px;padding:5px;border-radius:999px;background:var(--white);border:1px solid var(--pepper-6);box-shadow:var(--sh-md);isolation:isolate}
.bt-thumb{position:absolute;z-index:0;top:5px;bottom:5px;left:5px;width:calc((100% - 14px) / 2);border-radius:999px;background:var(--blueberry-10);box-shadow:0 2px 6px -1px rgba(25,40,71,.3);transform:translateX(0);transition:transform .38s cubic-bezier(.65,0,.35,1)}
.bt[data-yearly="true"] .bt-thumb{transform:translateX(calc(100% + 4px))}
.bt-opt{position:relative;z-index:1;border:0;background:transparent;cursor:pointer;min-height:44px;padding:0 22px;border-radius:999px;font:800 16px/24px var(--sans);color:var(--blueberry-12);display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;transition:color .3s ease}
.bt-opt[aria-pressed="true"]{color:var(--white)}
.bt-opt:focus-visible{outline:2px solid var(--tastemaker-9);outline-offset:3px}
.bt-save{border-radius:999px;padding:2px 9px;font:900 12px/18px var(--sans);background:var(--blue-macaron-3);color:var(--blue-macaron-12);transition:background-color .3s ease,color .3s ease}
.bt[data-yearly="true"] .bt-save{background:var(--blue-macaron-9);color:var(--blue-macaron-contrast)}
@media (max-width:767px){
  .bt{display:grid;width:min(100%,440px);padding:4px}
  .bt .bt-thumb{top:4px;bottom:4px;left:4px;width:calc((100% - 12px) / 2)}
  .bt .bt-opt{padding:0 12px;font-size:15px;line-height:22px;gap:6px}
  .bt .bt-save{padding:1px 8px;font-size:11px;line-height:17px}
}
.od-munchie{position:absolute;bottom:-4px;left:-84px;width:110px;transition:opacity .4s,transform .4s;pointer-events:none}
@media (max-width:1023px){.od-munchie{left:-46px;width:76px}}
body.flavory-nav-open{overflow:hidden}
.flavory-footer{background:var(--blueberry-10);color:var(--white);padding:72px 24px 40px}
.flavory-footer .flavory-footer__grid{box-sizing:border-box;width:min(1328px,100%);max-width:1328px;margin-left:auto;margin-right:auto;display:grid;grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,1fr));gap:40px}
.flavory-footer__grid > div{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}
.flavory-footer__grid > .flavory-footer__brand{gap:16px}
.flavory-footer h2{margin:0;color:var(--white);font:900 14px/20px var(--sans);letter-spacing:.08em;text-transform:uppercase}
.flavory-footer a{color:var(--pepper-dark-11);text-decoration:none;font:600 16px/24px var(--sans)}
.flavory-footer a:hover{color:var(--white)}
.flavory-footer a:has(.sb-lk){display:flex;align-items:center;line-height:0}
.flavory-footer__brand p{max-width:300px;margin:0;font:400 16px/26px var(--sans);color:var(--pepper-dark-11)}
.flavory-footer__brand img{height:30px;width:auto}
.flavory-footer__brand > a{line-height:0}
.flavory-footer .flavory-footer__legal{box-sizing:border-box;width:min(1328px,100%);max-width:1328px;margin:56px auto 0;padding-top:24px;border-top:1px solid var(--pepper-dark-7);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font:400 14px/20px var(--sans);color:var(--pepper-dark-11)}
.flavory-footer__legal a{font:400 14px/20px var(--sans);color:var(--pepper-dark-11)}
.flavory-footer__legal nav{display:flex;align-items:center;gap:.25em}
.flavory-footer__legal nav p{margin:0}
.flavory-footer__sep{color:var(--pepper-dark-11)}
@media (max-width:1023px){.flavory-footer .flavory-footer__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.flavory-footer .flavory-footer__brand{grid-column:1 / -1}}
@media (max-width:767px){.flavory-footer{padding:48px 20px 32px}.flavory-footer .flavory-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.flavory-footer .flavory-footer__brand{grid-column:1 / -1}.flavory-footer .flavory-footer__legal{flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;margin-top:36px;padding-top:20px;gap:6px}}
.flavory-skip{position:absolute;left:12px;top:-40px;background:var(--white);color:var(--ink);padding:8px 12px;z-index:80}
.flavory-skip:focus{top:12px}
@media (max-width:1023px){
  .flavory-home section#top{display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center;gap:32px !important;padding-top:36px !important}
  .flavory-home section#top h1.alfa{font-size:46px !important;line-height:50px !important}
  .flavory-home section#top h1.alfa > span:last-child{font-size:28px !important;line-height:34px !important}
  .flavory-home section#top > div:last-child > div{flex-direction:column !important}
  .flavory-home h2.alfa{font-size:40px !important;line-height:48px !important}
  .flavory-home .buzz{display:none !important}
  .flavory-home [style*="grid-template-columns: repeat(3"],
  .flavory-home [style*="grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)"],
  .flavory-home [style*="grid-template-columns: minmax(0, .95fr)"],
  .flavory-home [style*="grid-template-columns: minmax(0, .9fr)"],
  .flavory-home [style*="grid-template-columns: minmax(0, .8fr)"],
  .flavory-home [style*="grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr)"],
  .flavory-home [style*="grid-template-columns: minmax(0, 1fr) auto"]{grid-template-columns:1fr !important}
  .flavory-home section:last-child > div{flex-direction:column !important;align-items:flex-start !important;padding:48px 32px !important}
}
@media (max-width:767px){
  .flavory-home section#top{align-items:stretch !important;text-align:left;gap:22px !important;padding-top:36px !important;padding-bottom:56px !important}
  .flavory-home section#top h1.alfa{font-size:46px !important;line-height:50px !important}
  .flavory-home section#top h1.alfa > span:last-child{font-size:26px !important;line-height:32px !important}
  .flavory-home section#top > div:first-child > div[style*="gap: 28px"]{flex-direction:column !important;align-items:stretch !important;width:100%;gap:14px !important}
  .flavory-home section#top .lnk{align-self:flex-start}
  .flavory-home section#top > div:last-child{justify-content:center !important}
  .flavory-home section#top > div:last-child > div{align-items:center !important;gap:20px !important;width:100%}
  .flavory-home section#top > div:last-child > div > div:first-child{width:222px !important;height:444px !important}
  .flavory-home section#top > div:last-child > div > div:first-child > div{transform:scale(.74) !important}
  .flavory-home section#top > div:last-child > div > div:last-child{width:100% !important;max-width:360px}
  .flavory-home section#top button[aria-current="false"]{display:none !important}
  .flavory-home section#top [style*="display: none; justify-content: center"]{display:flex !important}
  .flavory-home h2.alfa{font-size:32px !important;line-height:38px !important}
  .flavory-home section#foh > div{padding:28px 16px 24px !important;gap:24px !important;border-radius:24px 24px 0 0 !important}
  .flavory-home section#foh > div > div:first-child{position:static !important}
  .flavory-home section#foh li[aria-hidden="true"]{display:none !important}
  .flavory-home section#foh li[style*="min-height: 128px"]{position:relative;grid-template-columns:56px minmax(0,1fr) !important;gap:0 40px !important;align-items:start !important;min-height:0 !important}
  .flavory-home section#foh li[style*="min-height: 128px"] > span:last-child{padding-bottom:28px}
  .flavory-home section#foh li[style*="min-height: 128px"]:last-child > span:last-child{padding-bottom:0}
  .flavory-home section#foh .step-ring{--g1:3px;--g2:6px;--g3:10px;width:56px !important;height:56px !important}
  .flavory-home section#foh .step-ring svg{width:24px !important;height:24px !important}
  .flavory-home section#foh li:nth-child(1){--from:var(--starberry-9);--to:var(--blue-macaron-9)}
  .flavory-home section#foh li:nth-child(3){--from:var(--blue-macaron-9);--to:var(--tastemaker-9)}
  .flavory-home section#foh li[style*="min-height: 128px"]:not(:last-child)::before{content:"";position:absolute;left:23px;top:66px;bottom:10px;width:10px;background:linear-gradient(to bottom,var(--from),var(--to));-webkit-mask:radial-gradient(circle 4px at 50% 8px,#000 97%,transparent 100%) 0 0/10px 16px repeat-y;mask:radial-gradient(circle 4px at 50% 8px,#000 97%,transparent 100%) 0 0/10px 16px repeat-y}
  .flavory-home section#foh li span[style*="font-size: 30px"]{font-size:24px !important;line-height:30px !important}
  .flavory-home section#foh li span[style*="letter-spacing: .1em"]{font-size:12px !important;line-height:16px !important}
  .flavory-home section#foh li span[style*="max-width: 520px"]{font-size:15px !important;line-height:24px !important}
  .flavory-home section.w > div[style*="background: var(--blueberry-10)"]{padding:40px 24px !important;gap:18px !important;border-radius:0 0 24px 24px !important}
  .flavory-home section.w > div[style*="background: var(--blueberry-10)"] > div:first-child > p.alfa{font-size:96px !important;line-height:92px !important;letter-spacing:-2px !important}
  .flavory-home section#how{gap:32px !important;padding-bottom:72px !important}
  .flavory-home section#how > div:first-child{align-items:flex-start !important}
  .flavory-home section#how .step-ring{--g1:4px;--g2:9px;--g3:15px;grid-row:1 / span 2;width:56px !important;height:56px !important;margin:0 !important;font-size:26px !important}
  .flavory-home section#how ol{gap:28px !important}
  .flavory-home section#how li{display:grid !important;grid-template-columns:56px minmax(0,1fr);column-gap:40px !important;row-gap:4px;align-items:start}
  .flavory-home section#how li p{margin:0 !important}
  .flavory-home section#menu > div{padding:36px 22px 28px !important;gap:14px !important;border-radius:24px !important}
  .flavory-home section#pos{padding-bottom:72px !important}
  .flavory-home .mpos{left:calc(50% - 24px) !important;bottom:-30px !important;width:48px !important}
  .flavory-home #delivery{margin-bottom:24px !important}
  .flavory-home #delivery > .w{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:18px !important;padding-top:150px !important;padding-bottom:36px !important}
  .flavory-home #delivery .lockup{width:270px !important;align-self:center}
  .flavory-home #delivery .scooter{position:relative !important;left:auto !important;bottom:auto !important;width:100% !important;margin-top:4px}
  .flavory-home section#delivery{--rb:calc(28px + (100vw - 48px) * .00876);background:linear-gradient(to bottom,rgba(180,233,255,0) 0,rgba(180,233,255,.55) 120px,var(--blue-macaron-5) 280px,var(--blue-macaron-5) calc(100% - var(--rb) - 10px),var(--blue-macaron-6) calc(100% - var(--rb) - 10px),var(--blue-macaron-6) calc(100% - 14px),rgba(152,221,255,0) 100%) !important}
  .flavory-home #delivery .road{bottom:var(--rb) !important}
  .flavory-home section#pricing{gap:28px !important;padding-bottom:72px !important}
  .flavory-home section#pricing > div:nth-child(2),
  .pricing-grid{display:flex !important;flex-direction:column !important;gap:16px !important}
  .flavory-home section#pricing > div:nth-child(2) > div:nth-child(2),
  .pricing-grid > div:nth-child(2){order:-1}
  .flavory-home section#pricing .alfa[style*="font-size: 64px"],
  .pricing-grid .alfa[style*="font-size: 64px"]{font-size:52px !important;line-height:56px !important}
  .flavory-home section.w > div[style*="border-radius: 32px 32px 0 0"]{border-radius:24px 24px 0 0 !important}
  .flavory-home section.w > div[style*="border-radius: 32px 32px 0 0"] > div{padding:32px 24px !important}
  .flavory-home section.w > div[style*="background: var(--action-primary)"]{flex-direction:column !important;align-items:stretch !important;padding:44px 24px !important;border-radius:0 0 24px 24px !important;gap:18px !important}
  .flavory-home section.w > div[style*="background: var(--action-primary)"] h2.alfa{font-size:36px !important;line-height:42px !important}
  .flavory-home .btn{width:100%}
  .flavory-home .home-actions .wp-block-button .wp-element-button{width:100%}
}


/* Order demo step dots: 8px visual, larger tap target */
.flavory-home section#top button[aria-label][style*="height: 8px"]{position:relative}
.flavory-home section#top button[aria-label][style*="height: 8px"]::before{content:"";position:absolute;inset:-18px -4px}


/* Munchie POS floor shadow: lives inside .mpos so it stays tucked under him at every size */
.mpos-shadow{position:absolute;left:50%;top:96%;width:124%;aspect-ratio:143/23;transform:translateX(-50%);border-radius:50%;background:rgba(0,0,0,.05);pointer-events:none}


/* Front of house steps: keep the halo rings off the card edge on phones */
@media (max-width:767px){
  .flavory-home section#foh ol{padding-left:14px !important}
}

/* Pricing compare: mobile = one plan at a time (PricingMobile board) */
.cmp-tabs{display:none}
@media (max-width:767px){
  .flavory-page #compare{padding-bottom:72px !important}
  .flavory-page #compare > div:first-child{align-items:flex-start !important;text-align:left !important;margin-bottom:18px !important;gap:6px !important;padding:0 4px}
  .flavory-page #compare > div:first-child .lead{font-size:22px;line-height:30px}
  .flavory-page #compare .cmp-tabs{display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--white);border:1px solid var(--pepper-6);margin-bottom:18px}
  .flavory-page #compare .cmp-tab{flex:1;border:0;cursor:pointer;min-height:44px;padding:0 14px;border-radius:999px;font:800 15px/22px var(--sans);display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--blueberry-12)}
  .flavory-page #compare .cmp-tab[aria-pressed="true"]{background:var(--blueberry-10);color:var(--white)}
  .flavory-page #compare .cmp-tab:focus-visible{outline:2px solid var(--tastemaker-9);outline-offset:3px}
  .flavory-page #compare .cmp-card{border-radius:24px !important;padding:8px 20px 18px !important;overflow:visible !important}
  .flavory-page #compare .cmp-card > div[style*="position: absolute"]{right:28px !important;top:-40px !important;width:54px !important}
  .flavory-page #compare table.cmp{display:block;width:100%}
  .flavory-page #compare table.cmp thead{display:none}
  .flavory-page #compare table.cmp tbody{display:block}
  .flavory-page #compare table.cmp tr{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--pepper-4)}
  .flavory-page #compare table.cmp tr:has(th[scope="colgroup"]){display:block;padding:22px 0 8px}
  .flavory-page #compare table.cmp th,.flavory-page #compare table.cmp td{padding:0 !important;border:0 !important;background:transparent !important}
  .flavory-page #compare table.cmp th[scope="colgroup"]{display:block;width:auto !important;position:static !important}
  .flavory-page #compare table.cmp th[scope="row"]{position:static !important;flex:1;min-width:0;text-align:left;font:700 15px/22px var(--sans) !important;display:flex;flex-direction:column;gap:2px}
  .flavory-page #compare table.cmp th[scope="row"] > span{font-size:13px !important;line-height:19px !important}
  .flavory-page #compare table.cmp tr[data-inc="0"] th[scope="row"]{color:var(--pepper-9) !important}
  .flavory-page #compare table.cmp td{display:none;flex:none;width:28px;text-align:center}
  .flavory-page #compare table.cmp[data-sel="1"] td:nth-child(2),
  .flavory-page #compare table.cmp[data-sel="2"] td:nth-child(3),
  .flavory-page #compare table.cmp[data-sel="3"] td:nth-child(4){display:block}
}
@media (max-width:767px){ #editing div[style*="repeat(2, minmax(0, 1fr))"]{grid-template-columns:minmax(0,1fr) !important;gap:16px !important} }

/* Reservations layout now lives on .flavory-reservations, below. */

/* Account dashboard heading. The line sits under the title; the greeting is Overview only. */
.flavory-account-head{margin:0 0 24px}
.ac-title{margin:0;font-size:40px;line-height:48px;color:var(--ink);padding-bottom:24px;border-bottom:1px solid var(--line)}
.flavory-account-hi{margin:24px 0 0}
.flavory-account-name{font-weight:800;color:var(--sb-11)}
.sc-customer-dashboard > .flavory-account-head + *,
.sc-customer-dashboard > .flavory-account-head + * > :first-child{border-top:0 !important}
@media (max-width:767px){
  .flavory-account-head{margin-bottom:18px}
  .ac-title{font-size:30px;line-height:36px;padding-bottom:18px}
  .flavory-account-hi{margin-top:18px}
}

/* Reservations, rebuilt as blocks. Boards: ReservationsDesktop / Tablet / Mobile. */
.flavory-reservations{overflow-x:clip}
.flavory-reservations :where(h1,h2,h3,p){margin:0}
.flavory-reservations .wp-block-image{margin:0}
.flavory-reservations > section.w{padding-bottom:128px}
.flavory-reservations > section#top{padding-top:80px;padding-bottom:120px}
.flavory-reservations > section.rs-close{padding-bottom:120px}
.flavory-reservations .rs-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:start}
.flavory-reservations .rs-copy{align-items:flex-start;gap:22px;margin-top:46px}
.flavory-reservations .rs-title{font-size:72px;line-height:78px;letter-spacing:-1px;text-wrap:balance}
.flavory-reservations .rs-dek{max-width:560px;font:400 20px/31px var(--sans);color:var(--pepper-11)}
.flavory-reservations .rs-actions{align-items:center;gap:28px;margin-top:8px}
.flavory-reservations .rs-checks{list-style:none;margin:14px 0 0;padding:0;display:flex;gap:28px;font:700 16px/24px var(--sans)}
.flavory-reservations .rs-checks li{display:flex;align-items:center;gap:8px;margin:0}
.flavory-reservations .rs-checks li::before{content:"";width:18px;height:18px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 16 16' fill='none' stroke='%23da0039' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5l3 3L13 4.5'/%3E%3C/svg%3E") center/contain no-repeat}
.flavory-reservations .rs-stage{position:relative;display:flex;justify-content:flex-end}
.flavory-reservations .rs-halo{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(75,78,252,.16),rgba(75,78,252,0) 68%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}
.flavory-reservations .rs-widget{position:relative;width:440px;max-width:100%}
.flavory-reservations .rs-munchie{position:absolute;left:-206px;top:380px;width:205px;z-index:2;pointer-events:none}
.flavory-reservations .rs-munchie img{position:relative;z-index:1;display:block;width:100%;height:auto}
.flavory-reservations .rs-munchie::before{content:"";position:absolute;inset:-20px 0 -18px;z-index:0;background:radial-gradient(closest-side,rgba(25,40,71,.30),rgba(25,40,71,.12) 60%,transparent) 50% 100%/92% 40px no-repeat,radial-gradient(closest-side,rgba(25,40,71,.38),transparent) 50% 96%/50% 16px no-repeat,radial-gradient(closest-side,rgba(25,40,71,.42),transparent) 20% 88%/24px 9px no-repeat,radial-gradient(closest-side,rgba(25,40,71,.42),transparent) 80% 88%/24px 9px no-repeat,radial-gradient(closest-side,rgba(25,40,71,.42),transparent) 25% 96%/24px 9px no-repeat,radial-gradient(closest-side,rgba(25,40,71,.42),transparent) 75% 96%/24px 9px no-repeat}
.flavory-reservations .rs-head{align-items:center;text-align:center;gap:10px;margin-bottom:48px}
.flavory-reservations #how .rs-head{margin-bottom:64px}
.flavory-reservations .rs-h{font-size:52px;line-height:60px}
.flavory-reservations .rs-intro{max-width:680px;font:400 19px/30px var(--sans);color:var(--pepper-11)}
.flavory-reservations .rs-note{margin:18px auto 0;max-width:900px;text-align:center;font:400 13px/20px var(--sans);color:var(--pepper-11)}
.flavory-reservations .rs-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
.flavory-reservations .rs-step{align-items:center;text-align:center;gap:12px}
.flavory-reservations .rs-step .step-ring{width:88px;height:88px;margin:0 0 22px;border-radius:50%;color:var(--white);display:flex;align-items:center;justify-content:center;font-size:40px}
.flavory-reservations .rs-step .step-sb{background:var(--starberry-9)}
.flavory-reservations .rs-step .step-bm{background:var(--blue-macaron-9)}
.flavory-reservations .rs-step .step-tm{background:var(--tastemaker-9)}
.flavory-reservations .rs-step-title{font-size:26px;line-height:34px}
.flavory-reservations .rs-step-body{max-width:320px;font:400 17px/27px var(--sans);color:var(--pepper-11)}
.flavory-reservations .rs-ico{width:52px;height:52px;margin:0;border-radius:16px;background-color:var(--starberry-3);background-repeat:no-repeat;background-position:center;background-size:26px 26px;font-size:0}
.flavory-reservations .rs-ico-fee{background-color:var(--blue-macaron-3)}
.flavory-reservations .rs-ico-time{background-color:var(--tastemaker-3)}
.flavory-reservations .rs-ico-guest{background-color:var(--warning-3)}
.flavory-reservations .rs-ico-site{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%23da0039' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-6 9 6v11a1 1 0 01-1 1H4a1 1 0 01-1-1zM9 21v-7h6v7'/%3E%3C/svg%3E")}
.flavory-reservations .rs-ico-fee{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%23003a58' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18M17 7H9.5a3 3 0 000 6h5a3 3 0 010 6H6'/%3E%3C/svg%3E")}
.flavory-reservations .rs-ico-time{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%23454ae5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 7v5l3 2M21 12a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E")}
.flavory-reservations .rs-ico-guest{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%23ab6400' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 00-4-4H6a4 4 0 00-4 4v2M9 11a4 4 0 100-8 4 4 0 000 8zM22 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75'/%3E%3C/svg%3E")}
.flavory-reservations .rs-feat-title{font:900 20px/28px var(--sans);color:var(--ink)}
.flavory-reservations .rs-feat-body{font:400 16px/25px var(--sans);color:var(--pepper-11)}
.flavory-reservations .rs-vs{background:var(--white);border-radius:28px;box-shadow:var(--sh-md);padding:12px 32px 28px}
.flavory-reservations .rs-plan{position:relative;isolation:isolate;max-width:1040px;margin:0 auto}
.flavory-reservations .rs-peek{position:absolute;right:96px;top:-58px;width:76px;z-index:-1}
.flavory-reservations .rs-plan-band{background:var(--blueberry-10);color:var(--white);border-radius:32px;padding:56px 64px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}
.flavory-reservations .rs-plan-band h2,.flavory-reservations .rs-banner h2{color:inherit}
.flavory-reservations .rs-plan-copy{gap:14px}
.flavory-reservations .rs-kicker{font:900 13px/18px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--starberry-7)}
.flavory-reservations .rs-plan-title{font-size:44px;line-height:52px}
.flavory-reservations .rs-plan-long,.flavory-reservations .rs-plan-short{font:400 18px/29px var(--sans);color:var(--pepper-7)}
.flavory-reservations .rs-plan-short{display:none}
.flavory-reservations .rs-plan-card{background:var(--white);color:var(--blueberry-12);border-radius:24px;padding:30px;gap:10px}
.flavory-reservations .rs-plan-name{font-size:30px;line-height:36px}
.flavory-reservations .rs-price{display:flex;align-items:baseline;gap:8px}
.flavory-reservations .rs-price .alfa{font-size:44px;line-height:48px}
.flavory-reservations .rs-per{font:700 16px/24px var(--sans);color:var(--pepper-11)}
.flavory-reservations .rs-year{font:600 15px/22px var(--sans);color:var(--pepper-11)}
.flavory-reservations .rs-plan-card .wp-block-button{width:100%;margin-top:10px}
.flavory-reservations .rs-plan-card .wp-element-button{width:100%}
.flavory-reservations .rs-plan-card .lnk{align-self:center;margin-top:6px}
.flavory-reservations #faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;align-items:start}
.flavory-reservations .rs-faq-intro{position:sticky;top:112px;align-items:flex-start;gap:14px}
.flavory-reservations .rs-faq-link{margin-top:6px}
.flavory-reservations .rs-faq-list{display:flex;flex-direction:column;gap:14px}
.flavory-reservations .wp-block-details{background:var(--white);border:1px solid var(--pepper-6);border-radius:20px;box-shadow:0 2px 4px -2px rgba(25,40,71,.06);margin:0}
.flavory-reservations .wp-block-details summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 26px;font:900 18px/26px var(--sans);color:var(--blueberry-12);list-style:none;cursor:pointer}
.flavory-reservations .wp-block-details summary::-webkit-details-marker{display:none}
.flavory-reservations .wp-block-details summary::after{content:"";width:18px;height:18px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none' stroke='%23da0039' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7l5 5 5-5'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .2s}
.flavory-reservations .wp-block-details[open] summary::after{transform:rotate(180deg)}
.flavory-reservations .wp-block-details p{padding:0 26px 24px;font:400 17px/27px var(--sans);color:var(--pepper-11)}
.flavory-reservations .rs-banner{border-radius:32px;padding:72px;display:flex;align-items:center;justify-content:space-between;gap:48px}
.flavory-reservations .rs-banner-copy{gap:14px;max-width:640px}
.flavory-reservations .rs-banner h2{font-size:52px;line-height:60px}
.flavory-reservations .rs-banner p{font:400 20px/30px var(--sans)}
.flavory-reservations .rs-banner-actions{gap:16px}
@media (max-width:1279px){
  .flavory-reservations > section.w{padding-bottom:96px}
  .flavory-reservations > section#top{padding-top:64px;padding-bottom:96px}
  .flavory-reservations .rs-hero{display:flex;flex-direction:column;align-items:flex-start;gap:22px}
  .flavory-reservations .rs-copy{margin-top:0;gap:22px}
  .flavory-reservations .rs-title{font-size:56px;line-height:62px;letter-spacing:-.8px}
  .flavory-reservations .rs-dek{max-width:600px;font-size:18px;line-height:29px}
  .flavory-reservations .rs-actions{margin-top:4px}
  .flavory-reservations .rs-checks{gap:24px;font-size:15px;line-height:22px}
  .flavory-reservations .rs-stage{display:flex;flex-direction:column;align-items:center;width:100%;gap:8px;margin-top:8px}
  .flavory-reservations .rs-halo{width:560px;height:560px;background:radial-gradient(circle,rgba(75,78,252,.14),rgba(75,78,252,0) 68%)}
  .flavory-reservations .rs-munchie{position:relative;left:auto;top:auto;width:180px;margin:20px 0 6px}
  .flavory-reservations .rs-widget{width:440px}
  .flavory-reservations .rs-head{align-items:flex-start;text-align:left;margin-bottom:48px}
  .flavory-reservations #how .rs-head{margin-bottom:48px}
  .flavory-reservations .rs-h{font-size:40px;line-height:48px}
  .flavory-reservations .rs-steps{gap:28px}
  .flavory-reservations .rs-step{align-items:flex-start;text-align:left}
  .flavory-reservations .rs-step .step-ring{width:72px;height:72px;margin:0 0 18px;font-size:32px}
  .flavory-reservations .rs-step-title{font-size:22px;line-height:28px}
  .flavory-reservations .rs-plan-band{grid-template-columns:minmax(0,1fr);gap:28px;padding:44px 40px}
  .flavory-reservations .rs-plan-title{font-size:36px;line-height:44px}
  .flavory-reservations .rs-peek{right:72px}
  .flavory-reservations .rs-plan-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 24px;align-items:center;padding:28px}
  .flavory-reservations .rs-plan-name{grid-column:1;grid-row:1}
  .flavory-reservations .rs-price{grid-column:1;grid-row:2}
  .flavory-reservations .rs-year{grid-column:1;grid-row:3}
  .flavory-reservations .rs-plan-card .wp-block-button{grid-column:2;grid-row:1 / span 2;margin:0}
  .flavory-reservations .rs-plan-card .lnk{grid-column:2;justify-self:center;margin-top:6px}
  .flavory-reservations #faq{display:flex;flex-direction:column;gap:28px}
  .flavory-reservations .rs-faq-intro{position:static}
  .flavory-reservations .rs-banner h2{font-size:40px;line-height:48px}
}
@media (max-width:767px){
  .flavory-reservations > section.w{padding-bottom:72px}
  .flavory-reservations > section#top{padding-top:36px;padding-bottom:64px;gap:18px}
  .flavory-reservations > section.rs-close{padding-bottom:64px}
  .flavory-reservations .rs-copy{gap:18px}
  .flavory-reservations .rs-title{font-size:44px;line-height:50px;letter-spacing:-.5px}
  .flavory-reservations .rs-dek{font-size:17px;line-height:27px}
  .flavory-reservations .rs-actions{flex-direction:column;align-items:stretch;width:100%;gap:14px;margin-top:4px}
  .flavory-reservations .rs-actions .wp-block-button,.flavory-reservations .rs-actions .wp-element-button{width:100%}
  .flavory-reservations .rs-actions .lnk{align-self:flex-start}
  .flavory-reservations .rs-checks{flex-direction:column;align-items:flex-start;gap:8px;font-size:15px;line-height:22px}
  .flavory-reservations .rs-checks li::before{width:16px;height:16px}
  .flavory-reservations .rs-halo{display:none}
  .flavory-reservations .rs-munchie{width:160px;margin:8px auto 4px}
  .flavory-reservations .rs-widget{width:100%}
  .flavory-reservations .bw{gap:28px !important;width:100% !important;max-width:100% !important;min-height:0 !important}
  .flavory-reservations .bw > div:first-child{flex:1 1 auto !important;width:auto !important;min-width:0 !important}
  .flavory-reservations .bw-card{padding:20px 16px !important}
  .flavory-reservations .bw-slider{flex:0 0 44px !important;width:44px !important;min-width:44px !important;max-width:44px !important}
  .flavory-reservations .bw-range{width:26px !important;min-width:26px !important;max-width:26px !important;height:420px !important}
  .flavory-reservations .rs-head{gap:8px;margin-bottom:28px}
  .flavory-reservations #how .rs-head{margin-bottom:32px}
  .flavory-reservations .rs-head .lead{font-size:22px;line-height:30px}
  .flavory-reservations .rs-h{font-size:32px;line-height:38px}
  .flavory-reservations #compare .rs-h{font-size:30px;line-height:36px}
  .flavory-reservations .rs-intro{display:none}
  .flavory-reservations .rs-steps{display:flex;flex-direction:column;gap:28px;padding-left:20px}
  .flavory-reservations .rs-step{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:28px;row-gap:4px;align-items:start;text-align:left}
  .flavory-reservations .rs-step .step-ring{--g1:4px;--g2:9px;--g3:15px;grid-row:1 / span 2;width:56px;height:56px;margin:0;font-size:26px}
  .flavory-reservations .rs-step-title{font:900 20px/28px var(--sans);max-width:none}
  .flavory-reservations .rs-step-body{font:400 16px/25px var(--sans);max-width:none}
  .flavory-reservations .rs-bookings .rs-ico{width:44px;height:44px;border-radius:14px;background-size:22px 22px}
  .flavory-reservations .rs-feat-title{font-size:17px;line-height:24px}
  .flavory-reservations .rs-feat-body{font-size:15px;line-height:23px}
  .flavory-reservations .rs-vs{background:transparent;box-shadow:none;padding:0;border-radius:0}
  .flavory-reservations #compare table.vs{display:block;min-width:0}
  .flavory-reservations #compare thead{display:none}
  .flavory-reservations #compare tbody{display:flex;flex-direction:column;gap:12px}
  .flavory-reservations #compare tbody tr{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--pepper-6);border-radius:20px;overflow:hidden}
  .flavory-reservations #compare tbody th{display:block;text-align:left;border:0;padding:14px 18px 10px;font:900 16px/22px var(--sans)}
  .flavory-reservations #compare tbody td{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:start;text-align:left;border:0;border-top:1px solid var(--pepper-3);padding:10px 18px}
  .flavory-reservations #compare tbody td::before{content:"Resy";grid-column:1;grid-row:1;align-self:start;font:800 14px/22px var(--sans);color:var(--blueberry-12)}
  .flavory-reservations #compare tbody td.vs-us::before{content:"";height:22px;margin-top:4px;background:url("../images/lockup-flavory-seating.svg") left center / contain no-repeat}
  .flavory-reservations #compare tbody td:nth-child(4)::before{content:"OpenTable"}
  .flavory-reservations #compare tbody td .vs-v,.flavory-reservations #compare tbody td .vs-n{grid-column:2}
  .flavory-reservations #compare .vs-v{font-size:15px;line-height:22px}
  .flavory-reservations #compare .vs-n{font-size:13px;line-height:19px}
  .flavory-reservations .rs-note{margin:14px 4px 0;max-width:none;text-align:left;font-size:12px;line-height:18px}
  .flavory-reservations .rs-peek{right:28px;top:-40px;width:54px}
  .flavory-reservations .rs-plan-band{padding:36px 20px 20px;gap:14px;border-radius:24px}
  .flavory-reservations .rs-kicker{font-size:12px;line-height:16px}
  .flavory-reservations .rs-plan-title{font-size:30px;line-height:36px}
  .flavory-reservations .rs-plan-long{display:none}
  .flavory-reservations .rs-plan-short{display:block;font-size:16px;line-height:25px}
  .flavory-reservations .rs-plan-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:22px 20px;border-radius:18px;margin-top:6px}
  .flavory-reservations .rs-plan-name{font-size:24px;line-height:30px}
  .flavory-reservations .rs-price .alfa{font-size:36px;line-height:40px;white-space:nowrap}
  .flavory-reservations .rs-per{font-size:15px;line-height:22px}
  .flavory-reservations .rs-year{font-size:14px;line-height:20px}
  .flavory-reservations .rs-plan-card .lnk{align-self:flex-start}
  .flavory-reservations #faq{gap:12px}
  .flavory-reservations .rs-faq-intro{display:contents}
  .flavory-reservations .rs-faq-list{order:1}
  .flavory-reservations .rs-faq-link{order:2;margin-top:8px}
  .flavory-reservations .wp-block-details{border-radius:18px}
  .flavory-reservations .wp-block-details summary{padding:18px 20px;font-size:16px;line-height:23px}
  .flavory-reservations .wp-block-details p{padding:0 20px 20px;font-size:15px;line-height:24px}
  .flavory-reservations .rs-banner{flex-direction:column;align-items:stretch;padding:44px 24px;border-radius:24px;gap:16px}
  .flavory-reservations .rs-banner h2{font-size:36px;line-height:42px}
  .flavory-reservations .rs-banner p{font-size:17px;line-height:26px}
  .flavory-reservations .rs-banner-actions{flex-direction:column}
  .flavory-reservations .rs-banner-actions .wp-block-button,.flavory-reservations .rs-banner-actions .wp-element-button{width:100%}
}

/* About, rebuilt as blocks. Beliefs and the stats band are one joined panel. */
.flavory-about{overflow-x:clip}
.flavory-about :where(h1,h2,p){margin:0}
.flavory-about .wp-block-image{margin:0}
.flavory-about > section.w{padding-bottom:128px}
.flavory-about > section#top{padding-top:88px;padding-bottom:112px}
.flavory-about > section.ab-close{padding-bottom:120px}
.flavory-about .ab-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:center}
.flavory-about .ab-copy{align-items:flex-start;gap:22px}
.flavory-about .ab-title{font-size:72px;line-height:78px;letter-spacing:-1px;text-wrap:balance}
.flavory-about .ab-dek{max-width:580px;font:400 20px/31px var(--sans);color:var(--pepper-11)}
.flavory-about .ab-actions{align-items:center;gap:28px;margin-top:8px}
.flavory-about .ab-stage{position:relative;display:flex;justify-content:center;align-items:flex-end;height:460px}
.flavory-about .ab-halo{position:absolute;left:50%;top:44%;width:400px;height:400px;transform:translate(-50%,-50%);border-radius:50%;background:var(--starberry-3)}
.flavory-about .ab-halo::after{content:"";position:absolute;inset:50px;border-radius:50%;background:var(--starberry-5)}
.flavory-about .ab-stage::after{content:"";position:absolute;bottom:14px;left:50%;width:200px;height:26px;transform:translateX(-50%);border-radius:50%;background:rgba(25,40,71,.08)}
.flavory-about .ab-munchie{position:relative;z-index:1;width:300px;margin-bottom:24px}
.flavory-about .ab-munchie img{display:block;width:100%;height:auto}
.flavory-about .ab-story{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;align-items:start}
.flavory-about .ab-story-head{gap:10px}
.flavory-about .ab-h{font-size:52px;line-height:60px}
.flavory-about .ab-story-body{gap:20px;font:400 19px/31px var(--sans);color:var(--blueberry-12)}
.flavory-about .ab-story-note{color:var(--pepper-11)}
.flavory-about .ab-head{align-items:center;text-align:center;gap:10px;margin-bottom:48px}
.flavory-about #beliefs .ab-head{margin-bottom:56px}
.flavory-about .ab-num{width:64px;height:64px;border-radius:50%;color:var(--white);display:flex;align-items:center;justify-content:center;font-size:24px}
.flavory-about .ab-num-sb{background:var(--starberry-9)}
.flavory-about .ab-num-bm{background:var(--blue-macaron-9)}
.flavory-about .ab-num-tm{background:var(--tastemaker-9)}
.flavory-about .ab-belief-title{margin-top:10px;font-size:26px;line-height:34px}
.flavory-about .ab-belief-body{font:400 17px/27px var(--sans);color:var(--pepper-11)}
  .flavory-about .ab-stat{gap:6px;min-width:0}
  .flavory-about .ab-stat-n{font-size:40px;line-height:48px;color:var(--white)}
.flavory-about .ab-stat-l{font:700 15px/22px var(--sans);color:var(--pepper-dark-11)}
.flavory-about .ab-make{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.flavory-about .ab-card a{display:flex;flex-direction:column;gap:10px;min-height:100%;background:var(--white);border:1px solid var(--pepper-6);border-radius:24px;padding:28px 26px;text-decoration:none;color:var(--blueberry-12);box-shadow:var(--sh-md)}
.flavory-about .ab-card-title{font:900 20px/28px var(--sans)}
.flavory-about .ab-card-body{flex:1;font:400 16px/25px var(--sans);color:var(--pepper-11)}
.flavory-about .ab-more{font:800 15px/22px var(--sans)}
.flavory-about .ab-card-sb .ab-more{color:var(--starberry-11)}
.flavory-about .ab-card-bm .ab-more{color:var(--blue-macaron-12)}
.flavory-about .ab-card-tm .ab-more{color:var(--tastemaker-11)}
.flavory-about .ab-team{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:960px;margin:0 auto}
.flavory-about .ab-peek{position:absolute;right:64px;top:-58px;width:76px;z-index:-1}
.flavory-about .ab-person{background:var(--white);border-radius:28px;padding:28px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;box-shadow:var(--sh-md)}
.flavory-about .ab-photo{width:120px;height:120px;border-radius:50%;background:var(--pepper-3);border:2px dashed var(--pepper-7);display:flex;align-items:center;justify-content:center;font:900 15px/20px var(--sans);color:var(--pepper-9)}
.flavory-about .ab-person-name{margin-top:6px;font:900 18px/26px var(--sans)}
.flavory-about .ab-person-role{font:600 15px/22px var(--sans);color:var(--pepper-11)}
.flavory-about .ab-banner{border-radius:32px;padding:72px;display:flex;align-items:center;justify-content:space-between;gap:48px}
.flavory-about .ab-banner h2{color:inherit;font-size:52px;line-height:60px}
.flavory-about .ab-banner-copy{gap:14px;max-width:640px}
.flavory-about .ab-banner p{font:400 20px/30px var(--sans)}
.flavory-about .ab-banner-actions{gap:16px}
@media (max-width:1279px){
  .flavory-about > section.w{padding-bottom:96px}
  .flavory-about .ab-title{font-size:56px;line-height:62px;letter-spacing:-.8px}
  .flavory-about .ab-dek{font-size:18px;line-height:29px}
  .flavory-about .ab-h{font-size:40px;line-height:48px}
  .flavory-about .ab-head{align-items:flex-start;text-align:left}
  .flavory-about .ab-make{grid-template-columns:repeat(2,minmax(0,1fr))}
  .flavory-about .ab-banner h2{font-size:40px;line-height:48px}
}
@media (max-width:1023px){
  .flavory-about .ab-hero,.flavory-about .ab-story{display:flex;flex-direction:column;align-items:flex-start;gap:22px}
  .flavory-about .ab-stage{width:100%;height:360px}
}
@media (max-width:767px){
  .flavory-about > section.w{padding-bottom:64px}
  .flavory-about > section#top{padding-top:36px;padding-bottom:56px;gap:18px}
  .flavory-about .ab-copy{gap:18px}
  .flavory-about .ab-title{font-size:42px;line-height:48px;letter-spacing:-.5px}
  .flavory-about .ab-dek{font-size:17px;line-height:27px}
  .flavory-about .ab-actions{flex-direction:column;align-items:stretch;width:100%;gap:14px}
  .flavory-about .ab-actions .wp-block-button,.flavory-about .ab-actions .wp-element-button{width:100%}
  .flavory-about .ab-actions .lnk{align-self:flex-start}
  .flavory-about .ab-stage{height:300px;margin-top:12px}
  .flavory-about .ab-halo{width:270px;height:270px}
  .flavory-about .ab-halo::after{inset:35px}
  .flavory-about .ab-munchie{width:min(60%,220px);margin-bottom:16px}
  .flavory-about .ab-stage::after{width:140px;height:18px;bottom:8px}
  .flavory-about .ab-story{gap:14px}
  .flavory-about .ab-head{gap:8px;margin-bottom:24px}
  .flavory-about .ab-head .lead,.flavory-about .ab-story .lead{font-size:22px;line-height:30px}
  .flavory-about .ab-h{font-size:32px;line-height:38px}
  .flavory-about .ab-story-body{gap:14px;font-size:16px;line-height:26px}
  .flavory-about .ab-story-note{font-size:15px;line-height:24px}
  .flavory-about .ab-num{width:48px;height:48px;font-size:18px}
  .flavory-about .ab-belief-title{font-size:22px;line-height:28px}
  .flavory-about .ab-belief-body{font-size:15px;line-height:24px}
  .flavory-about .ab-stat-n{font-size:28px;line-height:34px}
  .flavory-about .ab-stat-l{font-size:13px;line-height:19px}
  .flavory-about .ab-make{display:flex;flex-direction:column;gap:10px}
  .flavory-about .ab-card a{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:center;border-radius:18px;padding:18px 20px;min-height:44px;box-shadow:none}
  .flavory-about .ab-card-title{grid-column:1;font:900 17px/24px var(--sans)}
  .flavory-about .ab-card-body{grid-column:1;flex:none;font:400 14px/21px var(--sans)}
  .flavory-about .ab-more{display:none}
  .flavory-about .ab-card a::after{content:"→";grid-column:2;grid-row:1 / span 2;font:900 20px/1 var(--sans)}
  .flavory-about .ab-card-sb a::after{color:var(--starberry-11)}
  .flavory-about .ab-card-bm a::after{color:var(--blue-macaron-12)}
  .flavory-about .ab-card-tm a::after{color:var(--tastemaker-11)}
  .flavory-about .ab-team{display:flex;flex-direction:column;gap:12px;max-width:none}
  .flavory-about .ab-peek{right:28px;top:-40px;width:54px}
  .flavory-about .ab-person{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:16px;row-gap:2px;align-items:center;text-align:left;border-radius:20px;padding:16px}
  .flavory-about .ab-photo{grid-column:1;grid-row:1 / span 2;width:64px;height:64px;font-size:12px;line-height:16px}
  .flavory-about .ab-person-name{grid-column:2;grid-row:1;margin-top:0;font:900 16px/23px var(--sans)}
  .flavory-about .ab-person-role{grid-column:2;grid-row:2;font:600 14px/20px var(--sans)}
  .flavory-about .ab-banner{flex-direction:column;align-items:stretch;padding:44px 24px;border-radius:24px;gap:16px}
  .flavory-about .ab-banner h2{font-size:36px;line-height:42px}
  .flavory-about .ab-banner p{font-size:17px;line-height:26px}
  .flavory-about .ab-banner-actions{flex-direction:column}
  .flavory-about .ab-banner-actions .wp-block-button,.flavory-about .ab-banner-actions .wp-element-button{width:100%}
}

/* Contact, rebuilt as blocks. The form group is a placeholder for the Meta Box form. */
.flavory-contact{overflow-x:clip}
.flavory-contact :where(h1,p){margin:0}
.flavory-contact .wp-block-button{margin:0}
.flavory-contact > section#top{padding-top:88px;padding-bottom:56px}
.flavory-contact > section#form{padding-bottom:128px}
.flavory-contact .ct-hero{align-items:center;text-align:center;gap:20px}
.flavory-contact .ct-title{font-size:72px;line-height:78px;letter-spacing:-1px;max-width:900px;text-wrap:balance}
.flavory-contact .ct-dek{max-width:640px;font:400 20px/31px var(--sans);color:var(--pepper-11)}
.flavory-contact .ct-form.is-layout-flex{align-items:stretch;gap:18px}
.flavory-contact .ct-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.flavory-contact .cf-field.is-layout-flex{align-items:stretch;gap:8px}
.flavory-contact p.cf-input{display:flex;align-items:center}
.flavory-contact p.ct-message{align-items:flex-start;min-height:140px;color:var(--pepper-9)}
.flavory-contact p.ct-select{background-image:linear-gradient(45deg,transparent 50%,var(--starberry-11) 50%),linear-gradient(135deg,var(--starberry-11) 50%,transparent 50%);background-position:calc(100% - 22px) 21px,calc(100% - 16px) 21px;background-size:6px 6px;background-repeat:no-repeat;padding-right:40px}
.flavory-contact .ct-form .wp-block-button{align-self:flex-start}
.flavory-contact .ct-note{font:400 14px/21px var(--sans);color:var(--pepper-11)}
.flavory-contact .ct-talk-title{font-size:24px;line-height:30px;color:inherit}
.flavory-contact .ct-talk-dek{font:400 16px/25px var(--sans);color:var(--pepper-7)}
.flavory-contact .ct-row{align-items:flex-start;gap:14px}
.flavory-contact .ct-row-copy{gap:0}
.flavory-contact .ct-ico{flex:none;width:40px;height:40px;border-radius:12px;background-repeat:no-repeat;background-position:center;background-size:20px;font-size:0;line-height:0;color:transparent}
.flavory-contact .ct-ico-mail{background-color:var(--starberry-3);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23da0039' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16v12H4zM4 7l8 6 8-6'/%3E%3C/svg%3E")}
.flavory-contact .ct-ico-time{background-color:var(--blue-macaron-3);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23003a58' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 7v5l3 2M21 12a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E")}
.flavory-contact .ct-ico-co{background-color:var(--tastemaker-3);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23454ae5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21V8l8-5 8 5v13M9 21v-6h6v6'/%3E%3C/svg%3E")}
.flavory-contact .ct-row-t{font:900 15px/22px var(--sans);color:var(--blueberry-12)}
.flavory-contact .ct-row-d{font:600 15px/22px var(--sans);color:var(--pepper-11)}
.flavory-contact .ct-qa-label{font:900 13px/18px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--pepper-11)}
.flavory-contact .ct-quick.is-layout-flex{align-items:stretch}
.flavory-contact .ct-qa{margin:0;width:100%;align-self:stretch}
.flavory-contact .ct-qa a{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;box-sizing:border-box;min-height:44px;font:700 16px/24px var(--sans);color:var(--blueberry-12);text-decoration:none;border-bottom:1px solid var(--pepper-4)}
.flavory-contact .ct-qa a span{min-width:0}
.flavory-contact .ct-qa a::after{content:"→";flex:none;color:var(--starberry-11);font-weight:900}
@media (max-width:1023px){
  .flavory-contact .ct-title{font-size:56px;line-height:62px}
}
@media (max-width:767px){
  .flavory-contact > section#top{padding-top:44px;padding-bottom:28px}
  .flavory-contact > section#form{padding-bottom:64px}
  .flavory-contact .ct-hero{align-items:flex-start;text-align:left;gap:16px}
  .flavory-contact .ct-title{font-size:44px;line-height:50px;letter-spacing:-.5px}
  .flavory-contact .ct-dek{font-size:17px;line-height:27px}
  .flavory-contact .ct-fields{grid-template-columns:1fr}
  .flavory-contact .ct-form .wp-block-button,.flavory-contact .ct-form .wp-element-button,.flavory-contact .ct-talk .wp-block-button,.flavory-contact .ct-talk .wp-element-button{width:100%;align-self:stretch}
}

/* Online ordering, rebuilt as blocks. Features and the POS band are one joined panel. */
.flavory-ordering{overflow-x:clip}
.flavory-ordering :where(h1,h2,p){margin:0}
.flavory-ordering .wp-block-image{margin:0}
.flavory-ordering > section.w{padding-bottom:128px}
.flavory-ordering > section#top{padding-top:80px;padding-bottom:120px}
.flavory-ordering > section.oo-close{padding-bottom:120px}
.flavory-ordering .oo-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:center}
.flavory-ordering .oo-copy{align-items:flex-start;gap:22px}
.flavory-ordering .oo-title{font-size:72px;line-height:78px;letter-spacing:-1px;text-wrap:balance}
.flavory-ordering .oo-dek{max-width:560px;font:400 20px/31px var(--sans);color:var(--pepper-11)}
.flavory-ordering .oo-actions{align-items:center;gap:28px;margin-top:8px}
.flavory-ordering .oo-checks{list-style:none;margin:14px 0 0;padding:0;display:flex;gap:28px;font:700 16px/24px var(--sans)}
.flavory-ordering .oo-checks li{display:flex;align-items:center;gap:8px;margin:0}
.flavory-ordering .oo-checks li::before{content:"";width:18px;height:18px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 16 16' fill='none' stroke='%23da0039' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5l3 3L13 4.5'/%3E%3C/svg%3E") center/contain no-repeat}
.flavory-ordering .oo-checks-stack{flex-direction:column;align-items:flex-start;gap:12px;margin-top:4px;font:600 17px/26px var(--sans)}
.flavory-ordering .oo-checks-stack li{align-items:flex-start}
.flavory-ordering .oo-stage{position:relative;display:flex;justify-content:center}
.flavory-ordering .oo-halo{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,32,82,.16),rgba(255,32,82,0) 68%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}
.flavory-ordering .oo-menu-item{position:relative;width:440px;max-width:100%}
.flavory-ordering .oo-menu-item > div{width:100%}
.flavory-ordering .oo-head{align-items:center;text-align:center;gap:10px;margin-bottom:48px}
.flavory-ordering #how .oo-head{margin-bottom:64px}
.flavory-ordering .oo-h{font-size:52px;line-height:60px}
.flavory-ordering .oo-intro{max-width:680px;font:400 19px/30px var(--sans);color:var(--pepper-11)}
.flavory-ordering .oo-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
.flavory-ordering .oo-step{align-items:center;text-align:center;gap:12px}
.flavory-ordering .oo-step .step-ring{width:88px;height:88px;margin:0 0 22px;border-radius:50%;color:var(--white);display:flex;align-items:center;justify-content:center;font-size:40px}
.flavory-ordering .oo-step .step-sb{background:var(--starberry-9)}
.flavory-ordering .oo-step .step-bm{background:var(--blue-macaron-9)}
.flavory-ordering .oo-step .step-tm{background:var(--tastemaker-9)}
.flavory-ordering .oo-step-title{font-size:26px;line-height:34px}
.flavory-ordering .oo-step-body{max-width:320px;font:400 17px/27px var(--sans);color:var(--pepper-11)}
.flavory-ordering .oo-ico{width:52px;height:52px;margin:0;border-radius:16px;background-color:var(--starberry-3);background-repeat:no-repeat;background-position:center;background-size:26px 26px;font-size:0;color:transparent}
.flavory-ordering .oo-ico-time{background-color:var(--blue-macaron-3)}
.flavory-ordering .oo-ico-add{background-color:var(--tastemaker-3)}
.flavory-ordering .oo-ico-diet{background-color:var(--success-3)}
.flavory-ordering .oo-ico-badge{background-color:var(--warning-3)}
.flavory-ordering .oo-ico-mod{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' stroke='%23da0039' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16M4 12h10M4 18h6M17 15l3 3-3 3'/%3E%3C/svg%3E")}
.flavory-ordering .oo-ico-time{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' stroke='%23003a58' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 7v5l3 2M21 12a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E")}
.flavory-ordering .oo-ico-add{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' stroke='%23454ae5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}
.flavory-ordering .oo-ico-diet{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' stroke='%23218358' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19c8 0 14-6 14-14-8 0-14 6-14 14zM5 19l7-7'/%3E%3C/svg%3E")}
.flavory-ordering .oo-ico-badge{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' stroke='%23ab6400' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.6 5.6 6 .7-4.5 4.1 1.2 6L12 16.4 6.7 19.4l1.2-6L3.4 9.3l6-.7z'/%3E%3C/svg%3E")}
.flavory-ordering .oo-ico-search{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' stroke='%23da0039' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 18a7 7 0 100-14 7 7 0 000 14zM20 20l-4-4'/%3E%3C/svg%3E")}
.flavory-ordering .oo-feat-title{font:900 20px/28px var(--sans);color:var(--ink);margin-top:6px}
.flavory-ordering .oo-feat-body{font:400 16px/25px var(--sans);color:var(--pepper-11)}
.flavory-ordering .oo-pos .lead{color:var(--white)}
.flavory-ordering .oo-pos h2,.flavory-ordering .oo-banner h2{color:inherit}
.flavory-ordering .oo-pos-copy{gap:18px}
.flavory-ordering .oo-pos-title{font-size:48px;line-height:56px}
.flavory-ordering .oo-pos-dek{font:400 18px/29px var(--sans);color:var(--pepper-7)}
.flavory-ordering .oo-pos-checks{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:12px;font:600 17px/26px var(--sans)}
.flavory-ordering .oo-pos-checks li{display:flex;gap:12px;align-items:flex-start;margin:0}
.flavory-ordering .oo-pos-checks li::before{content:"";flex:none;width:26px;height:26px;margin-top:1px;border-radius:50%;background:var(--blue-macaron-9) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5l3 3L13 4.5'/%3E%3C/svg%3E") center/13px no-repeat}
.flavory-ordering .oo-pos-logos{gap:12px;margin-top:14px}
.flavory-ordering .oo-pos-logos figure{display:flex;align-items:center;justify-content:center;min-width:120px;height:52px;margin:0;padding:0 18px;background:var(--white);border-radius:16px}
.flavory-ordering .oo-pos-logos img{height:24px;width:auto}
.flavory-ordering .oo-pos-logos figure:nth-child(3) img{height:20px}
.flavory-ordering .oo-import{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:72px;align-items:center}
.flavory-ordering .oo-sheet-stage{position:relative;isolation:isolate}
.flavory-ordering .oo-sheet-halo{position:absolute;inset:-40px;border-radius:40px;background:radial-gradient(circle,rgba(255,32,82,.10),rgba(255,32,82,0) 70%);pointer-events:none;z-index:-2}
.flavory-ordering .oo-sheet-stage .oo-peek{position:absolute;right:64px;top:-58px;width:76px;z-index:-1;margin:0}
.flavory-ordering .oo-import-copy{gap:18px}
.flavory-ordering .oo-sheet [style*="flex: 1"]{min-width:0}
.flavory-ordering .oo-pos-item [style*="justify-content: space-between"]{min-width:0}
.flavory-ordering .oo-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.flavory-ordering .oo-mode{background:var(--white);border:1px solid var(--pepper-6);border-radius:24px;padding:28px 26px;gap:12px;box-shadow:var(--sh-md);height:100%}
.flavory-ordering .oo-mode-on{border:2px solid var(--starberry-9);padding:27px 25px;box-shadow:var(--sh-lg)}
.flavory-ordering .oo-kicker{font:900 13px/18px var(--sans);letter-spacing:.1em;text-transform:uppercase}
.flavory-ordering .oo-kicker-bm{color:var(--blue-macaron-12)}
.flavory-ordering .oo-kicker-sb{color:var(--starberry-11)}
.flavory-ordering .oo-kicker-tm{color:var(--tastemaker-11)}
.flavory-ordering .oo-mode-title{font-size:24px;line-height:30px}
.flavory-ordering .oo-mode-body{flex:1;font:400 16px/25px var(--sans);color:var(--pepper-11)}
.flavory-ordering .oo-mode-foot{font:700 14px/20px var(--sans);color:var(--blueberry-12);border-top:1px solid var(--pepper-4);padding-top:14px}
.flavory-ordering #faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;align-items:start}
.flavory-ordering .oo-faq-intro{position:sticky;top:112px;align-items:flex-start;gap:14px}
.flavory-ordering .oo-faq-link{margin-top:6px}
.flavory-ordering .oo-faq-list{display:flex;flex-direction:column;gap:14px}
.flavory-ordering .wp-block-details{background:var(--white);border:1px solid var(--pepper-6);border-radius:20px;box-shadow:0 2px 4px -2px rgba(25,40,71,.06);margin:0}
.flavory-ordering .wp-block-details summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 26px;font:900 18px/26px var(--sans);color:var(--blueberry-12);list-style:none;cursor:pointer}
.flavory-ordering .wp-block-details summary::-webkit-details-marker{display:none}
.flavory-ordering .wp-block-details summary::after{content:"";width:18px;height:18px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none' stroke='%23da0039' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7l5 5 5-5'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .2s}
.flavory-ordering .wp-block-details[open] summary::after{transform:rotate(180deg)}
.flavory-ordering .wp-block-details p{padding:0 26px 24px;font:400 17px/27px var(--sans);color:var(--pepper-11)}
.flavory-ordering .oo-banner{border-radius:32px;padding:72px;gap:48px}
.flavory-ordering .oo-banner-copy{gap:14px;max-width:640px}
.flavory-ordering .oo-banner h2{font-size:52px;line-height:60px}
.flavory-ordering .oo-banner p{font:400 20px/30px var(--sans)}
.flavory-ordering .oo-banner-actions{gap:16px}
.flavory-ordering .oo-ghost .wp-element-button{background:transparent;color:var(--white);border-color:var(--white)}
@media (max-width:1023px){
  .flavory-ordering > section.w{padding-bottom:96px}
  .flavory-ordering > section#top{padding-top:64px;padding-bottom:96px}
  .flavory-ordering .oo-hero{display:flex;flex-direction:column;align-items:flex-start;gap:36px}
  .flavory-ordering .oo-title{font-size:56px;line-height:62px;letter-spacing:-.8px}
  .flavory-ordering .oo-dek{font-size:18px;line-height:29px}
  .flavory-ordering .oo-stage{width:100%}
  .flavory-ordering .oo-head{align-items:flex-start;text-align:left;margin-bottom:48px}
  .flavory-ordering #how .oo-head{margin-bottom:48px}
  .flavory-ordering .oo-h{font-size:40px;line-height:48px}
  .flavory-ordering .oo-steps{gap:28px}
  .flavory-ordering .oo-step{align-items:flex-start;text-align:left}
  .flavory-ordering .oo-step .step-ring{width:72px;height:72px;margin:0 0 18px;font-size:32px}
  .flavory-ordering .oo-step-title{font-size:22px;line-height:28px}
  .flavory-ordering .oo-import{grid-template-columns:minmax(0,1fr);gap:40px}
  .flavory-ordering .oo-modes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .flavory-ordering #faq{display:flex;flex-direction:column;gap:28px}
  .flavory-ordering .oo-faq-intro{position:static}
  .flavory-ordering .oo-banner h2{font-size:40px;line-height:48px}
  .flavory-ordering .oo-pos-title{font-size:36px;line-height:44px}
}
@media (max-width:767px){
  .flavory-ordering > section.w{padding-bottom:72px}
  .flavory-ordering > section#top{padding-top:36px;padding-bottom:64px}
  .flavory-ordering > section.oo-close{padding-bottom:64px}
  .flavory-ordering .oo-copy{gap:18px}
  .flavory-ordering .oo-title{font-size:42px;line-height:48px;letter-spacing:-.5px}
  .flavory-ordering .oo-dek{font-size:17px;line-height:27px}
  .flavory-ordering .oo-actions{flex-direction:column;align-items:stretch;width:100%;gap:14px;margin-top:4px}
  .flavory-ordering .oo-actions .wp-block-button,.flavory-ordering .oo-actions .wp-element-button{width:100%}
  .flavory-ordering .oo-actions .lnk{align-self:flex-start}
  .flavory-ordering .oo-checks{flex-direction:column;align-items:flex-start;gap:8px;font-size:15px;line-height:22px}
  .flavory-ordering .oo-halo,.flavory-ordering .oo-sheet-halo{display:none}
  .flavory-ordering .oo-menu-item{width:100%}
  .flavory-ordering .oo-head{gap:8px;margin-bottom:28px}
  .flavory-ordering #how .oo-head{margin-bottom:32px}
  .flavory-ordering .oo-head .lead{font-size:22px;line-height:30px}
  .flavory-ordering .oo-h{font-size:32px;line-height:38px}
  .flavory-ordering .oo-steps{display:flex;flex-direction:column;gap:28px;padding-left:8px}
  .flavory-ordering .oo-step{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:24px;row-gap:4px;align-items:start;text-align:left}
  .flavory-ordering .oo-step .step-ring{grid-row:1 / span 2;width:56px;height:56px;margin:0;font-size:26px}
  .flavory-ordering .oo-step-title{font:900 20px/28px var(--sans);max-width:none}
  .flavory-ordering .oo-step-body{font:400 16px/25px var(--sans);max-width:none}
  .flavory-ordering .oo-feat-title{margin-top:0;font-size:17px;line-height:24px}
  .flavory-ordering .oo-feat-body{font-size:15px;line-height:23px}
  .flavory-ordering .oo-sheet-stage .oo-peek{right:28px;top:-40px;width:54px}
  .flavory-ordering .oo-modes{grid-template-columns:minmax(0,1fr)}
  .flavory-ordering #faq{gap:12px}
  .flavory-ordering .oo-faq-intro{display:contents}
  .flavory-ordering .oo-faq-list{order:1}
  .flavory-ordering .oo-faq-link{order:2;margin-top:8px}
  .flavory-ordering .wp-block-details summary{padding:18px 20px;font-size:16px;line-height:23px}
  .flavory-ordering .wp-block-details p{padding:0 20px 20px;font-size:15px;line-height:24px}
  .flavory-ordering .oo-banner{flex-direction:column;align-items:stretch;padding:44px 24px;border-radius:24px;gap:16px}
  .flavory-ordering .oo-banner h2{font-size:36px;line-height:42px}
  .flavory-ordering .oo-banner p{font-size:17px;line-height:26px}
  .flavory-ordering .oo-banner-actions{flex-direction:column}
  .flavory-ordering .oo-banner-actions .wp-block-button,.flavory-ordering .oo-banner-actions .wp-element-button{width:100%}
  .flavory-ordering .oo-pos-title{font-size:30px;line-height:36px}
  .flavory-ordering .oo-pos-item [style*="justify-content: space-between"]{flex-wrap:wrap;row-gap:2px}
  .flavory-ordering .oo-pos-item [style*="justify-content: space-between"] > span:last-child{margin-left:auto;text-align:right;max-width:100%}
  .flavory-ordering .oo-pos-item > div > div:first-child{flex-wrap:wrap;align-items:flex-start !important;justify-content:flex-start !important}
  .flavory-ordering .oo-pos-item > div > div:first-child > .alfa{flex:1 0 100%}
  .flavory-ordering .oo-pos-item > div > div:first-child > .badge{margin:8px 0 0 !important}
}

/* Restaurant websites, rebuilt as blocks. Features and the editing band are one joined panel. */
.flavory-websites{overflow-x:clip}
.flavory-websites :where(h1,h2,p){margin:0}
.flavory-websites > section.w{padding-bottom:128px}
.flavory-websites > section#top{padding-top:80px;padding-bottom:72px}
.flavory-websites > section.ws-close{padding-bottom:120px}
.flavory-websites .ws-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
.flavory-websites .ws-copy{align-items:flex-start;gap:22px}
.flavory-websites .ws-title{font-size:68px;line-height:74px;letter-spacing:-1px;text-wrap:balance}
.flavory-websites .ws-dek{max-width:540px;font:400 20px/31px var(--sans);color:var(--pepper-11)}
.flavory-websites .ws-actions{align-items:center;gap:28px;margin-top:8px}
.flavory-websites .ws-checks{list-style:none;margin:14px 0 0;padding:0;display:flex;gap:28px;font:700 16px/24px var(--sans)}
.flavory-websites .ws-checks li{display:flex;align-items:center;gap:8px;margin:0}
.flavory-websites .ws-checks li::before{content:"";width:18px;height:18px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 16 16' fill='none' stroke='%23da0039' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5l3 3L13 4.5'/%3E%3C/svg%3E") center/contain no-repeat}
.flavory-websites .ws-preview{position:relative;padding-bottom:48px}
.flavory-websites .ws-kinds{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
.flavory-websites .ws-kinds-h{font-size:44px;line-height:52px}
.flavory-websites .ws-kinds-long,.flavory-websites .ws-kinds-short{max-width:620px;font:400 18px/28px var(--sans);color:var(--pepper-11)}
.flavory-websites .ws-kinds-short{display:none}
.flavory-websites .ws-chips{gap:10px;margin-top:10px;justify-content:center}
.flavory-websites .wk-chip{margin:0}
.flavory-websites .wk-chip .wp-element-button{min-height:44px;padding:0 20px;border-radius:999px;border:1.5px solid var(--pepper-7);background:var(--white);color:var(--blueberry-12);font:800 15px/22px var(--sans);box-shadow:none}
.flavory-websites .wk-chip .wp-element-button:focus-visible{outline:2px solid var(--tastemaker-9);outline-offset:3px}
.flavory-websites .wk-on .wp-element-button{background:var(--blueberry-10);border-color:var(--blueberry-10);color:var(--white)}
.flavory-websites .ws-head{align-items:center;text-align:center;gap:10px;margin-bottom:48px}
.flavory-websites #how .ws-head{margin-bottom:64px}
.flavory-websites .ws-h{font-size:52px;line-height:60px}
.flavory-websites .ws-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
.flavory-websites .ws-step{align-items:center;text-align:center;gap:12px}
.flavory-websites .ws-step .step-ring{width:88px;height:88px;margin:0 0 22px;border-radius:50%;color:var(--white);display:flex;align-items:center;justify-content:center;font-size:40px}
.flavory-websites .ws-step .step-sb{background:var(--starberry-9)}
.flavory-websites .ws-step .step-bm{background:var(--blue-macaron-9)}
.flavory-websites .ws-step .step-tm{background:var(--tastemaker-9)}
.flavory-websites .ws-step-title{font-size:26px;line-height:34px;font-weight:400}
.flavory-websites .ws-step-body{max-width:320px;font:400 17px/27px var(--sans);color:var(--pepper-11)}
.flavory-websites .ws-ico{width:52px;height:52px;margin:0;border-radius:16px;background-color:var(--starberry-3);background-repeat:no-repeat;background-position:center;background-size:26px 26px;font-size:0;color:transparent}
.flavory-websites .ws-ico-phone{background-color:var(--blue-macaron-3)}
.flavory-websites .ws-ico-sections{background-color:var(--tastemaker-3)}
.flavory-websites .ws-ico-brand{background-color:var(--warning-3)}
.flavory-websites .ws-ico-pos{background-color:var(--success-3)}
.flavory-websites .ws-ico-menu{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' stroke='%23da0039' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16M4 12h16M4 18h10'/%3E%3C/svg%3E")}
.flavory-websites .ws-ico-phone{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' stroke='%23003a58' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3h8a1 1 0 011 1v16a1 1 0 01-1 1H8a1 1 0 01-1-1V4a1 1 0 011-1zM11 18h2'/%3E%3C/svg%3E")}
.flavory-websites .ws-ico-sections{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' stroke='%23454ae5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h7v7H4zM13 4h7v7h-7zM4 13h7v7H4zM13 13h7v7h-7z'/%3E%3C/svg%3E")}
.flavory-websites .ws-ico-brand{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' stroke='%23ab6400' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a9 9 0 100 18c1 0 1.5-.8 1.5-1.5 0-1.2-1-1.5-1-2.5S13.3 15 14.5 15H17a4 4 0 004-4c0-4.4-4-8-9-8zM7.5 11.5h.01M10 7.5h.01M15 7.5h.01'/%3E%3C/svg%3E")}
.flavory-websites .ws-ico-pos{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' stroke='%23218358' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16v10H4zM8 21h8M12 17v4M8 11h4'/%3E%3C/svg%3E")}
.flavory-websites .ws-ico-search{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' stroke='%23da0039' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 18a7 7 0 100-14 7 7 0 000 14zM20 20l-4-4'/%3E%3C/svg%3E")}
.flavory-websites .ws-feat-title{font:900 20px/28px var(--sans);color:var(--ink);margin-top:6px}
.flavory-websites .ws-feat-body{font:400 16px/25px var(--sans);color:var(--pepper-11)}
.flavory-websites .ws-edit .lead{color:var(--white)}
.flavory-websites .ws-edit h2,.flavory-websites .ws-banner h2{color:inherit}
.flavory-websites .ws-edit-copy{gap:18px}
.flavory-websites .ws-edit-title{font-size:48px;line-height:56px}
.flavory-websites .ws-edit-dek{font:400 18px/29px var(--sans);color:var(--pepper-7)}
.flavory-websites .ws-choice{gap:12px}
.flavory-websites .ws-choice-ico{width:48px;height:48px;margin:0;border-radius:50%;background:var(--tastemaker-3) center/22px no-repeat;font-size:0;color:transparent}
.flavory-websites .ws-choice-us{background-color:var(--starberry-3)}
.flavory-websites .ws-choice-diy{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%23454ae5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9l-4-4L4 16zM14 6l4 4'/%3E%3C/svg%3E")}
.flavory-websites .ws-choice-us{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%23da0039' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 11-4-7.5M21 4v5h-5'/%3E%3C/svg%3E")}
.flavory-websites .ws-choice-title{font-size:24px;line-height:30px;font-weight:400;color:var(--ink)}
.flavory-websites .ws-choice-list,.flavory-websites .ws-tier-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font:600 15px/22px var(--sans)}
.flavory-websites .ws-choice-list li,.flavory-websites .ws-tier-list li{display:flex;gap:10px;align-items:flex-start;margin:0}
.flavory-websites .ws-choice-list li::before,.flavory-websites .ws-tier-list li::before{content:"";width:16px;height:16px;flex:none;margin-top:3px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%23da0039' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5l3 3L13 4.5'/%3E%3C/svg%3E") center/contain no-repeat}
.flavory-websites .ws-plan{position:relative;isolation:isolate;background:var(--white);border-radius:28px;box-shadow:var(--sh-md);padding:48px}
.flavory-websites .ws-peek{position:absolute;right:80px;top:-58px;width:76px;z-index:-1;margin:0}
.flavory-websites .ws-plan-head{align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}
.flavory-websites .ws-plan-copy{gap:8px}
.flavory-websites .ws-plan-title{font-size:40px;line-height:48px}
.flavory-websites .ws-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.flavory-websites .ws-tier{border-radius:20px;padding:26px 24px;gap:12px}
.flavory-websites .ws-tier-app,.flavory-websites .ws-tier-full{background:var(--tastemaker-2)}
.flavory-websites .ws-tier-ent{background:var(--starberry-2)}
.flavory-websites .ws-kicker{font:900 13px/18px var(--sans);letter-spacing:.1em;text-transform:uppercase}
.flavory-websites .ws-kicker-bm{color:var(--blue-macaron-12)}
.flavory-websites .ws-kicker-sb{color:var(--starberry-11)}
.flavory-websites .ws-kicker-tm{color:var(--tastemaker-11)}
.flavory-websites .ws-tier-name{font-size:26px;line-height:32px;font-weight:400}
.flavory-websites .ws-tier-list{font:600 16px/24px var(--sans)}
.flavory-websites #faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;align-items:start}
.flavory-websites .ws-faq-intro{position:sticky;top:112px;align-items:flex-start;gap:14px}
.flavory-websites .ws-faq-link{margin-top:6px}
.flavory-websites .ws-faq-list{display:flex;flex-direction:column;gap:14px}
.flavory-websites .wp-block-details{background:var(--white);border:1px solid var(--pepper-6);border-radius:20px;box-shadow:0 2px 4px -2px rgba(25,40,71,.06);margin:0}
.flavory-websites .wp-block-details summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 26px;font:900 18px/26px var(--sans);color:var(--blueberry-12);list-style:none;cursor:pointer}
.flavory-websites .wp-block-details summary::-webkit-details-marker{display:none}
.flavory-websites .wp-block-details summary::after{content:"";width:18px;height:18px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none' stroke='%23da0039' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7l5 5 5-5'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .2s}
.flavory-websites .wp-block-details[open] summary::after{transform:rotate(180deg)}
.flavory-websites .wp-block-details p{padding:0 26px 24px;font:400 17px/27px var(--sans);color:var(--pepper-11)}
.flavory-websites .ws-banner{border-radius:32px;padding:72px;gap:48px}
.flavory-websites .ws-banner-copy{gap:14px;max-width:640px}
.flavory-websites .ws-banner h2{font-size:52px;line-height:60px}
.flavory-websites .ws-banner p{font:400 20px/30px var(--sans)}
.flavory-websites .ws-banner-actions{gap:16px}
.flavory-websites .ws-ghost .wp-element-button{background:transparent;color:var(--white);border-color:var(--white)}
@media (max-width:1023px){
  .flavory-websites > section.w{padding-bottom:96px}
  .flavory-websites > section#top{padding-top:64px}
  .flavory-websites .ws-hero{display:flex;flex-direction:column;align-items:flex-start;gap:36px}
  .flavory-websites .ws-title{font-size:52px;line-height:58px}
  .flavory-websites .ws-preview{width:100%}
  .flavory-websites .ws-head{align-items:flex-start;text-align:left}
  .flavory-websites .ws-h{font-size:40px;line-height:48px}
  .flavory-websites .ws-kinds{align-items:flex-start;text-align:left}
  .flavory-websites .ws-kinds-h{font-size:36px;line-height:44px}
  .flavory-websites .ws-chips{justify-content:flex-start}
  .flavory-websites .ws-steps{gap:28px}
  .flavory-websites .ws-step{align-items:flex-start;text-align:left}
  .flavory-websites .ws-step .step-ring{width:72px;height:72px;margin:0 0 18px;font-size:32px}
  .flavory-websites #faq{display:flex;flex-direction:column;gap:28px}
  .flavory-websites .ws-faq-intro{position:static}
  .flavory-websites .ws-edit-title{font-size:36px;line-height:44px}
  .flavory-websites .ws-tiers{grid-template-columns:minmax(0,1fr)}
  .flavory-websites .ws-plan-head{flex-wrap:wrap}
  .flavory-websites .ws-plan-copy{flex-basis:100%}
  .flavory-websites .ws-banner h2{font-size:40px;line-height:48px}
}
@media (max-width:767px){
  .flavory-websites > section.w{padding-bottom:72px}
  .flavory-websites > section#top{padding-top:36px;padding-bottom:64px}
  .flavory-websites > section.ws-close{padding-bottom:64px}
  .flavory-websites .ws-copy{gap:18px}
  .flavory-websites .ws-title{font-size:40px;line-height:46px;letter-spacing:-.5px}
  .flavory-websites .ws-dek{font-size:17px;line-height:27px}
  .flavory-websites .ws-actions{flex-direction:column;align-items:stretch;width:100%;gap:14px}
  .flavory-websites .ws-actions .wp-block-button,.flavory-websites .ws-actions .wp-element-button{width:100%}
  .flavory-websites .ws-actions .lnk{align-self:flex-start}
  .flavory-websites .ws-checks{flex-direction:column;align-items:flex-start;gap:8px;font-size:15px;line-height:22px}
  .flavory-websites .ws-browser{display:none}
  .flavory-websites .ws-preview{padding:0;display:flex;justify-content:center}
  .flavory-websites .ws-phone{position:relative !important;right:auto !important;bottom:auto !important;width:210px !important;margin:0 auto}
  .flavory-websites .ws-kinds-long{display:none}
  .flavory-websites .ws-kinds-short{display:block;font-size:15px;line-height:23px}
  .flavory-websites .ws-head{gap:8px;margin-bottom:28px}
  .flavory-websites #how .ws-head{margin-bottom:32px}
  .flavory-websites .ws-h{font-size:32px;line-height:38px}
  .flavory-websites .ws-steps{display:flex;flex-direction:column;gap:28px;padding-left:8px}
  .flavory-websites .ws-step{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:24px;row-gap:4px;align-items:start;text-align:left}
  .flavory-websites .ws-step .step-ring{grid-row:1 / span 2;width:56px;height:56px;margin:0;font-size:26px}
  .flavory-websites .ws-step-title{font-size:20px;line-height:28px}
  .flavory-websites .ws-step-body{font-size:16px;line-height:25px;max-width:none}
  .flavory-websites .ws-feat-title{margin-top:0;font-size:17px;line-height:24px}
  .flavory-websites .ws-plan{display:flex;flex-direction:column;padding:28px 20px;border-radius:24px}
  .flavory-websites .ws-plan-head{display:contents}
  .flavory-websites .ws-plan-copy{order:1}
  .flavory-websites .ws-tiers{order:2}
  .flavory-websites .ws-plan-link{order:3;margin-top:16px}
  .flavory-websites .ws-plan-title{font-size:32px;line-height:38px}
  .flavory-websites .ws-peek{right:28px;top:-40px;width:54px}
  .flavory-websites #faq{gap:12px}
  .flavory-websites .ws-faq-intro{display:contents}
  .flavory-websites .ws-faq-list{order:1}
  .flavory-websites .ws-faq-link{order:2;margin-top:8px}
  .flavory-websites .wp-block-details summary{padding:18px 20px;font-size:16px;line-height:23px}
  .flavory-websites .wp-block-details p{padding:0 20px 20px;font-size:15px;line-height:24px}
  .flavory-websites .ws-banner{flex-direction:column;align-items:stretch;padding:44px 24px;border-radius:24px;gap:16px}
  .flavory-websites .ws-banner h2{font-size:36px;line-height:42px}
  .flavory-websites .ws-banner p{font-size:17px;line-height:26px}
  .flavory-websites .ws-banner-actions{flex-direction:column}
  .flavory-websites .ws-banner-actions .wp-block-button,.flavory-websites .ws-banner-actions .wp-element-button{width:100%}
  .flavory-websites .ws-edit-title{font-size:30px;line-height:36px}
}

/* No italics: National Park has no italic face. Only blog post content keeps them. */
em,i,cite,dfn,var,address{font-style:normal}
.single-post .wp-block-post-content :is(em,i,cite,dfn,var,address),.post-type-post .editor-styles-wrapper :is(em,i,cite,dfn,var,address){font-style:italic}

/* Pre-launch and The Fresh Sheet. Sizes follow the boards. Type and colour follow the theme. */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.pl-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(25,40,71,.08)}
.pl-header-row{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.pl-header .pl-logo{margin:0;line-height:0}
.pl-header .pl-logo a{display:block;line-height:0}
.pl-header .pl-logo img{display:block;height:28px;width:auto}
.pl-hd-toggle{border:0;background:transparent;cursor:pointer;min-height:44px;padding:0 4px;color:var(--ink);font:800 16px/24px var(--sans)}
.pl-hd-toggle:hover{color:var(--tm)}
.pl-hd-toggle:focus-visible,.fl-chip:focus-visible,.seg-opt:focus-visible,.fl-text:focus-visible,.fl-check input:focus-visible+.fl-box{outline:2px solid var(--tm);outline-offset:3px}
.flavory-prelaunch .pl-sec{padding-top:88px;padding-bottom:112px}
.flavory-prelaunch .pl-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:72px;align-items:start}
.flavory-prelaunch .pl-copy{align-items:flex-start;gap:22px}
.flavory-prelaunch .pl-h1{margin:0;font-size:72px;line-height:78px;letter-spacing:-1px}
.flavory-prelaunch .pl-dek{margin:0;max-width:600px;font:400 20px/31px var(--sans);color:var(--muted)}
.flavory-prelaunch .pl-kicker{margin:18px 0 4px;font:900 13px/18px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.flavory-prelaunch .pl-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;width:100%;max-width:640px}
.flavory-prelaunch .pl-cell{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 0;border-top:1px solid rgba(25,40,71,.12)}
.flavory-prelaunch .pl-desc{margin:0;font:400 15px/22px var(--sans);color:var(--muted)}
.flavory-prelaunch .pl-form{position:relative;isolation:isolate;width:100%;max-width:500px;margin-top:40px}
.flavory-prelaunch .pl-peek{position:absolute;right:56px;top:-58px;width:76px;z-index:-1}
.pl-card{background:var(--white);border:1px solid var(--line);border-radius:28px;box-shadow:var(--sh-lg);padding:32px 36px;display:flex;flex-direction:column;gap:24px}
.seg{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:999px;background:var(--pepper-3);border:1px solid var(--line);isolation:isolate}
.seg-thumb{position:absolute;z-index:0;top:4px;bottom:4px;left:4px;width:calc((100% - 12px) / 2);border-radius:999px;background:var(--wp--preset--color--main);transition:transform .38s cubic-bezier(.65,0,.35,1)}
.seg[data-login="true"] .seg-thumb{transform:translateX(calc(100% + 4px))}
.seg-opt{position:relative;z-index:1;border:0;background:transparent;cursor:pointer;min-height:44px;border-radius:999px;font:800 15px/22px var(--sans);color:var(--ink)}
.seg-opt[aria-pressed="true"]{color:var(--white)}
.fl-signup,.fl-login{display:flex;flex-direction:column;gap:20px}
.fl-login-email,.fl-login-code{display:flex;flex-direction:column;gap:20px}
.fl-login .fl-label{font:800 14px/20px var(--sans)}
.fl-form{display:flex;flex-direction:column;gap:10px}
.fl-h{margin:0;font-size:34px;line-height:40px}
.fl-intro{margin:0;font:400 16px/25px var(--sans);color:var(--muted)}
.fl-intro strong{font-weight:800}
.fl-label{font:800 15px/22px var(--sans);color:var(--ink)}
.fl-row{display:flex;gap:10px}
.fl-in,.fl-code{box-sizing:border-box;width:100%;min-height:52px;padding:0 16px;border:1.5px solid var(--line-c);border-radius:14px;background:var(--white);font:600 17px/24px var(--sans);color:var(--ink)}
.fl-in::placeholder,.fl-code::placeholder{color:#767d8c;font-weight:400}
.fl-in:focus,.fl-code:focus{outline:2px solid var(--tm);outline-offset:1px;border-color:var(--tm)}
.fl-in[aria-invalid="true"]{border-color:var(--danger-11);background:var(--danger-3)}
.fl-err{margin:0;display:flex;gap:8px;align-items:center;font:700 14px/20px var(--sans);color:var(--danger-11)}
.fl-err::before{content:"!";flex:none;width:16px;height:16px;border-radius:50%;background:currentColor;color:var(--white);font:800 12px/16px var(--sans);text-align:center}
.fl-err[hidden],.fl-done[hidden],.fl-login-code[hidden],.fl-login-done[hidden],[data-pl-pane][hidden]{display:none}
.fl-signup--hero .fl-in,.fl-signup--dark .fl-in{min-height:56px;border-radius:999px;padding:0 22px}
.fl-signup--hero .fl-btn,.fl-signup--dark .fl-btn{min-height:56px;border:0}
.fl-signup--prelaunch .fl-btn,.fl-login .fl-btn{width:100%;border:0}
.fl-signup--prelaunch .fl-form{gap:20px}
.fl-group{display:flex;flex-direction:column;gap:8px}
.fl-group--roles{gap:10px}
.fl-signup--prelaunch .fl-label{font:800 14px/20px var(--sans)}
.fl-role-label{margin:8px 0 0;font:800 14px/20px var(--sans)}
.fl-signup--prelaunch .fl-role-label{margin:0}
.fl-opt{font-weight:600;color:var(--muted)}
.fl-roles{display:flex;flex-wrap:wrap;gap:8px}
.fl-chip{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1.5px solid var(--line-c);border-radius:999px;background:var(--white);font:800 14px/20px var(--sans);color:var(--ink);cursor:pointer}
.fl-chip[aria-pressed="true"]{background:var(--wp--preset--color--main);border-color:var(--wp--preset--color--main);color:var(--white)}
.fl-check{display:flex;gap:12px;align-items:flex-start;cursor:pointer;font:600 15px/23px var(--sans);color:var(--ink)}
.fl-check strong{font-weight:800}
.fl-check input{position:absolute;opacity:0;width:1px;height:1px}
.fl-box{flex:none;width:24px;height:24px;margin-top:1px;border:1.5px solid var(--line-c);border-radius:7px;background:var(--white);display:flex;align-items:center;justify-content:center}
.fl-check input:checked+.fl-box{background:var(--tm);border-color:var(--tm)}
.fl-check input:checked+.fl-box::after{content:"";width:10px;height:6px;border-left:2px solid var(--white);border-bottom:2px solid var(--white);transform:rotate(-45deg) translate(1px,-1px)}
.fl-fine{margin:0;font:400 14px/21px var(--sans);color:var(--muted)}
.fl-signup--prelaunch .fl-fine .tlnk{padding-bottom:0;background-position:0 calc(100% - 3px),0 calc(100% - 1px)}
.fl-hp{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.fl-text{border:0;background:transparent;padding:0;cursor:pointer;min-height:44px;font:800 15px/22px var(--sans);color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.fl-alt{margin:0;font:600 15px/22px var(--sans);color:var(--muted)}
.fl-alt .fl-text,.fl-alt .tlnk{display:inline;min-height:0;font:800 15px/22px var(--sans);vertical-align:baseline}
.fl-actions{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin:0}
.fl-done{display:flex;flex-direction:column;gap:12px}
.fl-signup--hero .fl-done{flex-direction:row;align-items:flex-start;gap:16px;padding:20px 0;border-top:1px solid rgba(25,40,71,.14);border-bottom:1px solid rgba(25,40,71,.14)}
.fl-done-copy{display:flex;flex-direction:column;gap:4px}
.fl-done-title{font:900 19px/27px var(--sans);color:var(--ink)}
.fl-done-body{margin:0;font:400 16px/25px var(--sans);color:var(--muted)}
.fl-done-body span,.fl-email{color:var(--ink);font-weight:800}
.fl-mark{flex:none;width:44px;height:44px;border-radius:50%;background:var(--bm);display:flex;align-items:center;justify-content:center}
.fl-mark::after{content:"";width:10px;height:6px;border-left:2.6px solid var(--bm-ink);border-bottom:2.6px solid var(--bm-ink);transform:rotate(-45deg) translate(1px,-1px)}
.fl-signup--dark .fl-mark,.fl-login .fl-mark{width:36px;height:36px}
.fl-done-line{margin:0;display:flex;align-items:center;gap:12px;font:800 19px/28px var(--sans)}
.fl-mark--ok{background:var(--success-11)}
.fl-mark--ok::after{border-color:var(--white)}
.fl-munch{width:190px;height:190px;border-radius:50%;background:var(--sb-3);display:flex;align-items:center;justify-content:center;margin:0 auto}
.fl-munch img{width:140px;height:auto}
.fl-note{margin:0;padding:12px 14px;border-radius:14px;background:var(--bm-3);color:var(--bm-12);font:700 14px/21px var(--sans)}
.fl-resent{margin:0;font:700 14px/20px var(--sans);color:var(--ok)}
.fl-code{min-height:60px;font:900 26px/32px var(--sans);letter-spacing:.4em;text-align:center}
.fl-signup--dark .fl-in{border-color:var(--wp--preset--color--main);background:transparent;color:var(--white)}
.fl-signup--dark .fl-label,.fl-signup--dark .fl-done-line{color:var(--white)}
.fl-signup--dark .fl-err{color:var(--danger-dark-12)}
.pl-footer{padding:28px 0 40px}
.pl-footer-row{display:flex;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;font:400 14px/20px var(--sans);color:var(--muted)}
.pl-footer a{color:var(--ink);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.fl-cd{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.fl-cd-label{margin:0;font:900 13px/18px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.fl-cd-row{display:flex;align-items:stretch}
.fl-cd-u{display:flex;flex-direction:column;gap:4px;min-width:112px;padding:4px 28px 4px 0;margin-right:28px;border-right:1px solid rgba(25,40,71,.16)}
.fl-cd-u:last-child{border-right:0;margin-right:0;padding-right:0}
.fl-cd-n{font-size:64px;line-height:68px;font-variant-numeric:tabular-nums;letter-spacing:-1px;color:var(--ink)}
.fl-cd-n--day{color:var(--sb)}
.fl-cd-k{font:800 14px/20px var(--sans);color:var(--muted)}
.fl-cd-done{margin:0;font-size:44px;line-height:50px;color:var(--sb)}
.flavory-newsletter .nl-sec{padding-top:120px}
.flavory-newsletter .nl-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:80px;align-items:center;padding-top:88px;overflow-x:clip}
.flavory-newsletter .nl-copy{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.flavory-newsletter .nl-h1{margin:0;font-size:88px;line-height:90px;letter-spacing:-1.5px}
.flavory-newsletter .nl-dek{margin:0;max-width:560px;font:400 21px/32px var(--sans);color:var(--muted)}
.flavory-newsletter .nl-h2{margin:0;font-size:52px;line-height:60px}
.flavory-newsletter .nl-meta{margin:0;display:flex;flex-wrap:wrap;gap:8px 20px;font:800 15px/22px var(--sans);color:var(--ink)}
.flavory-newsletter .nl-meta span{display:inline-flex;align-items:center;gap:8px}
.nl-dot{width:8px;height:8px;border-radius:50%;background:var(--sb)}
.nl-dot--bm{background:var(--bm)}
.nl-dot--tm{background:var(--tm)}
.flavory-newsletter .nl-form{width:100%;max-width:560px;margin-top:10px}
.nl-stack{position:relative;isolation:isolate}
.nl-stack::before,.nl-stack::after{content:"";position:absolute;inset:0;border-radius:24px;z-index:-1;border:1px solid var(--line)}
.nl-stack::before{transform:rotate(-3.2deg) translate(-10px,8px);background:var(--sb-3);border-color:var(--starberry-6)}
.nl-stack::after{transform:rotate(2.4deg) translate(12px,6px);background:var(--bm-3);border-color:var(--blue-macaron-6)}
.nl-sheet{background:var(--white);border:1px solid var(--line);border-radius:24px;box-shadow:var(--sh-lg);transform:rotate(-.6deg);padding:30px 34px;display:flex;flex-direction:column;gap:22px}
.nl-mast{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px dashed var(--line-c)}
.nl-mast-name,.nl-story,.nl-prep,.nl-pick span{display:flex;flex-direction:column;gap:2px}
.nl-kicker{margin:0;font:900 12px/16px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.nl-kicker--sb{color:var(--sb-11)}
.nl-kicker--bm{color:var(--bm-12)}
.nl-kicker--tm{color:var(--tm-11)}
.nl-mast-title{font-size:26px;line-height:32px;color:var(--ink)}
.nl-issue{font:700 13px/18px var(--sans);color:var(--muted);text-align:right}
.nl-story{gap:8px}
.nl-story-title{margin:0;font:900 21px/28px var(--sans);color:var(--ink)}
.nl-story-dek{margin:0;font:400 15px/23px var(--sans);color:var(--muted)}
.nl-prep{gap:10px}
.nl-prep-item{margin:0;display:flex;gap:10px;align-items:flex-start;font:700 15px/22px var(--sans);color:var(--ink)}
.nl-tick{flex:none;margin-top:2px;width:18px;height:18px;border-radius:6px;border:1.5px solid var(--bm);display:flex;align-items:center;justify-content:center}
.nl-tick::after{content:"";width:7px;height:4px;border-left:2px solid var(--bm-12);border-bottom:2px solid var(--bm-12);transform:rotate(-45deg) translate(0,-1px)}
.nl-pick{display:flex;gap:16px;align-items:center;padding:14px 16px;border-radius:16px;background:var(--tm-3)}
.nl-pick img{flex:none;width:52px;height:auto}
.nl-pick-title{font:700 15px/22px var(--sans);color:var(--ink)}
.flavory-newsletter .nl-intro{display:flex;flex-direction:column;gap:14px;max-width:760px;margin-bottom:56px}
.flavory-newsletter .nl-courses{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:40px}
.flavory-newsletter .nl-course{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding-top:24px;border-top:2px solid var(--wp--preset--color--main)}
.flavory-newsletter .nl-num{font-size:40px;line-height:1}
.flavory-newsletter .nl-num--1{color:var(--sb)}
.flavory-newsletter .nl-num--2{color:var(--bm)}
.flavory-newsletter .nl-num--3{color:var(--tm)}
.flavory-newsletter .nl-num--4{color:var(--wp--preset--color--main)}
.flavory-newsletter .nl-course-title{margin:0;font:900 21px/28px var(--sans)}
.flavory-newsletter .nl-course-body{margin:0;font:400 16px/25px var(--sans);color:var(--muted)}
.flavory-newsletter .nl-archive-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:16px}
.nl-issues{border-top:2px solid var(--wp--preset--color--main)}
.nl-issues .iss{display:grid;grid-template-columns:180px minmax(0,1fr) 160px 32px;gap:24px;align-items:center;padding:24px 0;border-bottom:1px solid rgba(25,40,71,.12);color:var(--ink);text-decoration:none}
.nl-issues .idate{font:700 14px/20px var(--sans);color:var(--muted)}
.nl-issues .it{font:900 20px/28px var(--sans)}
.nl-issues .icat{font:900 12px/16px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--sb-11)}
.nl-issues .icat--delivery{color:var(--bm-12)}
.nl-issues .icat--marketing,.nl-issues .icat--restaurant-marketing{color:var(--tm-11)}
.nl-issues .arr{width:24px;height:24px;justify-self:end;background:center / 24px 24px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23192847' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");transition:transform .2s}
.nl-issues .iss:hover .it{color:var(--sb-11)}
.nl-issues .iss:hover .arr{transform:translateX(4px)}
.flavory-newsletter .nl-who{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:80px;align-items:start}
.flavory-newsletter .nl-who-copy{display:flex;flex-direction:column;gap:16px}
.flavory-newsletter .nl-who-copy p{margin:0;font:400 18px/29px var(--sans);color:var(--muted);max-width:480px}
.flavory-newsletter .nl-who ul{list-style:none;margin:0;padding:0;border-top:2px solid var(--wp--preset--color--main)}
.flavory-newsletter .nl-who li{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid rgba(25,40,71,.12);font:800 19px/27px var(--sans)}
.flavory-newsletter .nl-faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:80px;align-items:start}
.flavory-newsletter .nl-faq-list{border-top:2px solid var(--wp--preset--color--main)}
.flavory-newsletter .nl-faq-list .wp-block-details{border-bottom:1px solid rgba(25,40,71,.14)}
.flavory-newsletter .nl-faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:44px;padding:22px 0;font:900 19px/27px var(--sans);color:var(--ink)}
.flavory-newsletter .nl-faq-list summary::-webkit-details-marker{display:none}
.flavory-newsletter .nl-faq-list summary::after{content:"";flex:none;width:20px;height:20px;background:center / 20px 20px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23192847' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");transition:transform .2s}
.flavory-newsletter .nl-faq-list details[open] summary::after{transform:rotate(180deg)}
.flavory-newsletter .nl-faq-list .wp-block-details p{margin:0 0 22px;font:400 17px/27px var(--sans);color:var(--muted);max-width:620px}
.flavory-newsletter .nl-cta-wrap{position:relative;isolation:isolate}
.flavory-newsletter .nl-peek{position:absolute;right:120px;top:-58px;width:76px;z-index:-1}
.flavory-newsletter .nl-cta{border-radius:32px;padding:64px 72px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.flavory-newsletter .nl-cta h2{margin:0;font-size:44px;line-height:52px;color:var(--white)}
.flavory-newsletter .nl-cta p{margin:0;font:400 18px/28px var(--sans);color:var(--line-c)}
.flavory-newsletter .nl-end{padding-bottom:120px}
.flavory-login,.flavory-confirmed{max-width:520px;padding:88px 0 120px}
@media (max-width:1023px){
  .flavory-prelaunch .pl-sec{padding-top:40px;padding-bottom:72px}
  .flavory-prelaunch .pl-hero,.flavory-newsletter .nl-hero,.flavory-newsletter .nl-who,.flavory-newsletter .nl-faq,.flavory-newsletter .nl-cta{grid-template-columns:minmax(0,1fr)}
  .flavory-prelaunch .pl-hero{gap:56px}
  .flavory-newsletter .nl-hero{gap:56px;padding-top:40px}
  .flavory-newsletter .nl-who,.flavory-newsletter .nl-faq{gap:32px}
  .flavory-newsletter .nl-sec{padding-top:80px}
  .flavory-newsletter .nl-cta{padding:40px 24px;gap:28px;border-radius:24px}
  .flavory-newsletter .nl-peek{right:28px}
}
@media (max-width:767px){
  .flavory-prelaunch .pl-h1{font-size:44px;line-height:50px;letter-spacing:-.5px}
  .flavory-prelaunch .pl-dek,.flavory-newsletter .nl-dek{font-size:18px;line-height:28px}
  .flavory-prelaunch .pl-menu,.flavory-newsletter .nl-courses{grid-template-columns:minmax(0,1fr)}
  .flavory-newsletter .nl-courses{row-gap:32px}
  .pl-card{border-radius:24px;padding:28px 20px 24px}
  .flavory-prelaunch .w,.flavory-newsletter .w{padding-left:20px;padding-right:20px}
  .fl-cd-u{min-width:0;flex:1 1 0;padding-right:12px;margin-right:12px}
  .fl-cd-n{font-size:38px;line-height:44px;letter-spacing:0}
  .fl-cd-k{font-size:13px;line-height:18px}
  .fl-signup--hero .fl-row,.fl-signup--dark .fl-row{flex-direction:column}
  .fl-signup--hero .fl-btn,.fl-signup--dark .fl-btn{width:100%}
  .flavory-newsletter .nl-h1{font-size:54px;line-height:58px;letter-spacing:-.5px}
  .flavory-newsletter .nl-h2{font-size:34px;line-height:40px}
  .nl-issues .iss{grid-template-columns:minmax(0,1fr) 24px;gap:6px 16px}
  .nl-issues .idate{grid-column:1 / -1}
  .nl-issues .icat{display:none}
  .nl-sheet{padding:22px 20px}
  .pl-footer-row{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion: reduce){
  .seg-thumb,.seg-opt,.nl-issues .arr,.flavory-newsletter .nl-faq-list summary::after{transition:none}
  .fl-cd-u[data-unit="seconds"]{display:none}
}