/* Gottesman Catering · v2 public site */
@font-face{font-family:"Cormorant Garamond";src:url(/fonts/cormorant-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url(/fonts/inter-var.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
:root{--navy:#172B4D;--navy2:#0F1F3A;--ivory:#FAF7F0;--white:#fff;--text:#202630;--muted:#59616D;--gold:#B28B3D;--gold-t:#F3ECDD;--border:#E5DFD3;--ok:#1E6B45;--bad:#A3261B;--warn-bg:#FFF4DA;--warn:#6B4A00;
--serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;--sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--r:14px;--rb:10px;--pad:16px;--hdr:62px;--shadow:0 1px 2px rgba(23,43,77,.06),0 4px 14px rgba(23,43,77,.06)}
@media(min-width:600px){:root{--pad:20px}}@media(min-width:768px){:root{--pad:24px}}@media(min-width:1024px){:root{--pad:32px;--hdr:72px}}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hdr) + var(--cbh,31px) + 16px)}
body{margin:0;background:var(--ivory);color:var(--text);font:400 17px/1.6 var(--sans);overflow-x:hidden}
@media(max-width:767px){body{font-size:16px}}
img{max-width:100%;display:block}
a{color:var(--navy);text-underline-offset:3px}
:where(html[data-theme="dark"]) a{color:#EEE6D8}
h1,h2,h3{font-family:var(--serif);font-weight:600;color:var(--navy);margin:0;line-height:1.12;letter-spacing:-.005em;text-wrap:balance}
:where(html[data-theme="dark"]) h1,:where(html[data-theme="dark"]) h2,:where(html[data-theme="dark"]) h3{color:#EEE6D8}
h2{font-size:clamp(28px,2.2vw + 18px,38px)}
h3{font-size:clamp(24px,1vw + 19px,28px)}
p{margin:0 0 1em}
.wrap{max-width:1200px;margin:0 auto;padding:0 var(--pad)}
.muted{color:var(--muted)}.small{font-size:15px}.tiny{font-size:14px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 [tabindex="-1"]:focus{outline:none}
:focus-visible{outline:3px solid #2F6FD6;outline-offset:2px;border-radius:6px}
.skip{position:absolute;left:8px;top:-60px;background:var(--navy);color:#fff;padding:10px 14px;border-radius:8px;z-index:100}.skip:focus{top:8px}
/* test banner */
.testbar{background:#7A1F1F;color:#fff;text-align:center;font:600 14px/1.3 var(--sans);padding:7px 12px;letter-spacing:.02em}
/* header */
.hdr{position:sticky;top:0;z-index:40;background:rgba(250,247,240,.97);border-bottom:1px solid var(--border);backdrop-filter:saturate(1.2) blur(6px)}
.hdr .wrap{height:var(--hdr);display:flex;align-items:center;gap:8px}
@media(min-width:1024px){.hdr .wrap{gap:14px}}
.helpbtn span.t{display:none}@media(min-width:1024px){.helpbtn span.t{display:inline}}
@media(max-width:359px){.iconbtn{min-width:44px;height:44px;padding:0 8px}}
.brand{display:flex;align-items:center;gap:10px;min-height:48px;text-decoration:none;color:var(--navy);margin-right:auto;min-width:0}
.brand img{height:40px;width:auto}
.brand .wm{font-family:var(--serif);font-weight:600;font-size:24px;line-height:1;white-space:nowrap}
.brand .wm small{display:block;font:600 11px/1 var(--sans);letter-spacing:.2em;color:var(--muted);margin-top:4px;text-transform:uppercase}
@media(max-width:359px){.brand .wm{font-size:21px}}
.nav{display:none;gap:4px}
.nav a{padding:10px 12px;border-radius:8px;text-decoration:none;color:var(--text);font-weight:500;font-size:16px}
.nav a:hover{background:#F1ECE1}
:where(html[data-theme="dark"]) .nav a:hover{background:#181410}
@media(min-width:1024px){.nav{display:flex}.menu-btn{display:none!important}}
.iconbtn{min-width:48px;height:48px;border-radius:10px;border:1px solid var(--border);background:var(--white);display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--navy);font:600 16px var(--sans);cursor:pointer;padding:0 12px;text-decoration:none}
:where(html[data-theme="dark"]) .iconbtn{color:#EEE6D8}
.iconbtn svg{width:22px;height:22px}
.cartbtn .n{min-width:24px;height:24px;border-radius:12px;background:var(--navy);color:#fff;font-size:14px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}
.cartbtn .n.zero{background:#E9E4D8;color:var(--text)}
.hdr .orderbtn{display:none}@media(min-width:1180px){.hdr .orderbtn{display:inline-flex}}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border-radius:var(--rb);border:1px solid transparent;font:600 16px/1.2 var(--sans);text-decoration:none;cursor:pointer;transition:background-color .15s,border-color .15s,transform .1s;white-space:nowrap}
.btn:active{transform:translateY(1px)}
.btn-p{background:var(--navy);color:#fff}.btn-p:hover{background:#0E1E3A}
.btn-o{background:var(--white);color:var(--navy);border-color:#C9C1B0}
:where(html[data-theme="dark"]) .btn-o{color:#EEE6D8}.btn-o:hover{border-color:var(--navy)}
:where(html[data-theme="dark"]) .btn-o:hover{border-color:#CFC3AE}
.btn-t{background:transparent;color:var(--navy);padding:10px 8px;min-height:44px;text-decoration:underline;border:0}
:where(html[data-theme="dark"]) .btn-t{color:#EEE6D8}
.btn[disabled],.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}
.btn-block{width:100%}
.btn svg{width:20px;height:20px;flex:none}
@media(max-width:767px){.btn-m-block{width:100%}}
.linkbtn{background:none;border:0;color:var(--navy);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:6px 0;min-height:44px}
:where(html[data-theme="dark"]) .linkbtn{color:#EEE6D8}
/* hero */
.hero{background:var(--ivory)}
.hero-grid{display:grid;gap:24px;padding-top:28px;padding-bottom:32px}
.eyebrow{font:600 14px/1.3 var(--sans);letter-spacing:.14em;color:var(--muted);text-transform:uppercase;margin:0 0 14px;display:flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:28px;height:2px;background:var(--gold);flex:none}
@media(max-width:479px){.eyebrow{letter-spacing:.06em}.eyebrow::before{display:none}}
.hero h1{font-size:clamp(34px,3.4vw + 16px,60px);line-height:1.04;margin-bottom:18px}
.hero h1 .l2{display:inline}
@media(min-width:600px){.hero h1 .l2{display:block}}
.hero .lead{font-size:clamp(17px,.4vw + 15.5px,19px);color:var(--text);max-width:34em;margin-bottom:22px}
.hero .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}
.hero .incl{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--muted);margin:0;max-width:36em}
.hero .incl svg{flex:none;width:20px;height:20px;color:var(--gold);margin-top:2px}
.hero-img{position:relative;border-radius:var(--r);overflow:hidden;background:#d9cfbd;aspect-ratio:16/10}
.hero-img img{width:100%;height:100%;object-fit:cover}
.imgnote{position:absolute;left:10px;bottom:10px;background:rgba(15,31,58,.78);color:#fff;font:500 13px/1.2 var(--sans);padding:5px 9px;border-radius:6px}
@media(max-width:767px){.hero .ctas .btn{flex:1 1 100%}}
@media(min-width:1024px){
 .hero{position:relative;overflow:hidden}
 .hero-grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;min-height:540px;padding-top:48px;padding-bottom:48px}
 .hero-img{aspect-ratio:auto;height:100%;min-height:460px;border-radius:var(--r)}
}
/* benefits */
.benefits{background:var(--white);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.benefits ul{list-style:none;margin:0 auto;padding:16px var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;max-width:1200px}
.benefits li{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;line-height:1.35}
.benefits svg{flex:none;width:24px;height:24px;color:var(--gold)}
@media(min-width:1024px){.benefits ul{grid-template-columns:repeat(4,1fr);padding:20px var(--pad)}.benefits li{font-size:16px;justify-content:center}}
@media(max-width:359px){.benefits ul{grid-template-columns:1fr}}
/* sections */
.sec{padding:48px 0}@media(min-width:1024px){.sec{padding:80px 0}}
.sec-head{max-width:720px;margin-bottom:28px}.sec-head p{color:var(--muted);margin:10px 0 0}
.sec-alt{background:var(--white);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
/* package cards */
.pkgs{display:grid;gap:20px}
@media(min-width:768px){.pkgs{grid-template-columns:1fr 1fr;gap:24px}}
.card{background:var(--white);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}
.card.featured{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),var(--shadow)}
.card .ph{position:relative;aspect-ratio:16/10;background:#E9E1D2}
:where(html[data-theme="dark"]) .card .ph{background:#13100D}
.card .ph img{width:100%;height:100%;object-fit:cover}
.card .bd{padding:20px;display:flex;flex-direction:column;flex:1}
@media(min-width:1024px){.card .bd{padding:24px 26px 26px}}
.flag{display:inline-block;align-self:flex-start;background:var(--gold-t);color:var(--navy);border:1px solid #D9C69C;font:600 13px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;padding:7px 10px;border-radius:6px;margin-bottom:12px}
:where(html[data-theme="dark"]) .flag{color:#EEE6D8}
.price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:8px 0 4px}
.price b{font:700 30px/1 var(--sans);color:var(--navy);letter-spacing:-.01em}
:where(html[data-theme="dark"]) .price b{color:#EEE6D8}
.price span{color:var(--muted);font-size:16px}
.card .desc{margin:10px 0 16px;color:var(--text)}
.incl-h{font:600 14px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:14px 0 8px}
.dl{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.dl li{display:flex;gap:10px;align-items:flex-start;line-height:1.45}
.dl li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--gold);margin-top:.6em}
.dl.choose li::before{width:8px;height:8px;border-radius:2px;background:transparent;border:2px solid var(--navy);margin-top:.5em}
:where(html[data-theme="dark"]) .dl.choose li::before{border:2px solid #CFC3AE}
.dl .opt{color:var(--muted)}
.supplies{margin-top:16px;padding:12px 14px;background:#F8F5EE;border-radius:10px;font-size:15px;color:var(--muted)}
:where(html[data-theme="dark"]) .supplies{background:#1C1713}
.supplies b{color:var(--text);font-weight:600}
.card .act{margin-top:auto;padding-top:20px}
.combo{margin-top:24px;background:var(--white);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);padding:22px;display:grid;gap:16px}
@media(min-width:768px){.combo{grid-template-columns:1fr auto;align-items:center;padding:26px 28px}}
.combo .kick{font:600 14px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.combo p{margin:8px 0 0;color:var(--muted)}
/* how */
.steps{list-style:none;margin:0;padding:0;display:grid;gap:16px;counter-reset:s}
@media(min-width:768px){.steps{grid-template-columns:repeat(3,1fr);gap:24px}}
.steps li{counter-increment:s;background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:20px;display:flex;gap:14px;align-items:flex-start}
.steps li::before{content:counter(s);flex:none;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--gold);color:var(--navy);font:600 17px/33px var(--sans);text-align:center}
:where(html[data-theme="dark"]) .steps li::before{color:#EEE6D8}
/* extras */
.extras{display:grid;gap:12px}
@media(min-width:768px){.extras{grid-template-columns:1fr 1fr}}
.xrow{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:grid;grid-template-columns:1fr auto;gap:10px 12px;align-items:center}
.xrow>div{min-width:0}.xrow .u select{width:100%}.mitems>*{min-width:0}
.xrow .nm{font-weight:600}.xrow .u{color:var(--muted);font-size:15px}
.xrow .pr{font-weight:700;color:var(--navy);text-align:right}
:where(html[data-theme="dark"]) .xrow .pr{color:#EEE6D8}
.xrow .ctl{grid-column:1/-1;display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.xrow .warnline{grid-column:1/-1}
@media(min-width:1024px){.xrow{grid-template-columns:1fr auto auto}.xrow .ctl{grid-column:auto}}
.stepper{display:inline-flex;align-items:center;border:1px solid #C9C1B0;border-radius:10px;background:var(--white);height:48px}
.stepper button{width:44px;height:46px;border:0;background:none;font:600 22px/1 var(--sans);color:var(--navy);cursor:pointer;border-radius:10px}
:where(html[data-theme="dark"]) .stepper button{color:#EEE6D8}
.stepper button:disabled{color:#B7B0A2;cursor:not-allowed}
.stepper output,.stepper input{min-width:36px;text-align:center;font:600 17px var(--sans);border:0;background:none;width:44px}
.menulink{margin-top:24px;font-size:16px}
/* custom event */
.custom{border:1px solid var(--border);border-left:3px solid var(--gold);background:var(--white);border-radius:var(--r);padding:24px;display:grid;gap:14px}
@media(min-width:768px){.custom{grid-template-columns:1fr auto;align-items:center;padding:28px 32px}}
.custom p{margin:8px 0 0;color:var(--muted);max-width:62ch}
/* delivery + faq */
.df{display:grid;gap:24px}
@media(min-width:1024px){.df{grid-template-columns:5fr 7fr;gap:40px;align-items:start}}
.dbox{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:22px}
.dbox h3{margin-bottom:10px}
.dbox .big{font-weight:600;color:var(--navy);font-size:18px;margin-bottom:10px}
:where(html[data-theme="dark"]) .dbox .big{color:#EEE6D8}
.faq details{border-bottom:1px solid var(--border)}
.faq details:first-of-type{border-top:1px solid var(--border)}
.faq summary{list-style:none;cursor:pointer;padding:16px 36px 16px 0;font-weight:600;position:relative;min-height:48px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:6px;top:22px;width:10px;height:10px;border-right:2px solid var(--navy);border-bottom:2px solid var(--navy);transform:rotate(45deg);transition:transform .15s}
:where(html[data-theme="dark"]) .faq summary::after{border-right:2px solid #CFC3AE;border-bottom:2px solid #CFC3AE}
.faq details[open] summary::after{transform:rotate(225deg);top:26px}
.faq .a{padding:0 0 16px;color:var(--text);max-width:65ch}
/* contact + footer */
.contacts{display:flex;flex-wrap:wrap;gap:12px}
@media(max-width:767px){.contacts .btn{flex:1 1 calc(50% - 6px)}}
.foot{background:var(--navy);color:#E8ECF3;padding:36px 0 calc(36px + env(safe-area-inset-bottom))}
.foot a{color:#fff}.foot .wm{font-family:var(--serif);font-size:26px;color:#fff}
.foot .cols{display:grid;gap:18px}@media(min-width:768px){.foot .cols{grid-template-columns:2fr 1fr 1fr}}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.foot ul a{display:inline-block;padding:6px 0}
.foot .test{margin-top:20px;font-size:14px;color:#C5CDDA}
body.has-cartbar .foot{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
/* sticky mobile cart bar */
.cartbar{position:fixed;left:0;right:0;bottom:0;z-index:35;padding:10px var(--pad) calc(10px + env(safe-area-inset-bottom));background:rgba(250,247,240,.97);border-top:1px solid var(--border);display:none}
:where(html[data-theme="dark"]) .cartbar{background:#1D1813}
.cartbar .btn{width:100%;justify-content:space-between}
@media(max-width:767px){body.has-cartbar .cartbar{display:block}}
/* help button */
.helpfab{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));z-index:36;box-shadow:0 4px 14px rgba(23,43,77,.18);border-radius:24px;padding:0 18px}
@media(max-width:767px){body.has-cartbar .helpfab{bottom:calc(84px + env(safe-area-inset-bottom))}.helpfab{padding:0 14px}}
body.page-checkout .helpfab{display:none}
/* toast */
.toast{position:fixed;left:50%;top:calc(var(--hdr) + var(--cbh,31px) + 12px);transform:translate(-50%,-8px);background:var(--navy);color:#fff;padding:12px 16px;border-radius:10px;font-weight:600;z-index:80;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;display:flex;gap:12px;align-items:center;max-width:calc(100vw - 32px)}
.toast.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.toast a{color:#fff;font-weight:700}
/* dialogs */
.ov{position:fixed;inset:0;z-index:60;background:rgba(15,31,58,.45);display:flex;align-items:center;justify-content:center;padding:24px;animation:fade .18s ease-out}
.dlg{background:var(--white);border-radius:var(--r);width:100%;max-width:720px;max-height:min(92vh,900px);display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(15,31,58,.25);animation:rise .2s ease-out;overflow:hidden}
.dlg.narrow{max-width:520px}
.dlg-h{display:flex;gap:14px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}
.dlg-h .th{width:64px;height:64px;border-radius:10px;object-fit:cover;flex:none}
.dlg-h h2{font-size:26px}
.dlg-h .meta{color:var(--muted);font-size:15px;margin-top:2px}
.dlg-h .x{margin-left:auto;flex:none}
.dlg-b{padding:8px 20px 20px;overflow-y:auto;flex:1;overscroll-behavior:contain}
.dlg-f{border-top:1px solid var(--border);padding:14px 20px calc(14px + env(safe-area-inset-bottom));background:var(--white)}
.dlg-f .row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.dlg-f .tot{margin-right:auto;font-weight:700;color:var(--navy);font-size:20px}
:where(html[data-theme="dark"]) .dlg-f .tot{color:#EEE6D8}
.dlg-f .tot small{display:block;font:400 14px var(--sans);color:var(--muted)}
.dlg-f .note{font-size:14px;color:var(--muted);margin:0 0 10px}
@media(max-width:767px){
 .ov{padding:0;align-items:stretch}
 .dlg{max-width:none;max-height:none;height:100%;height:100dvh;border-radius:0}
 .dlg-f .row .btn{flex:1}
}
.drawer .ov{justify-content:flex-end;padding:0}
@media(min-width:768px){.ov.side{justify-content:flex-end;padding:0;align-items:stretch}.ov.side .dlg{max-width:440px;max-height:none;height:100%;border-radius:0;animation:slide .2s ease-out}}
@keyframes fade{from{opacity:0}}@keyframes rise{from{opacity:0;transform:translateY(12px)}}@keyframes slide{from{transform:translateX(24px);opacity:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
body.modal-open{overflow:hidden}
/* choice groups */
fieldset.grp{border:0;margin:18px 0 0;padding:0}
fieldset.grp legend{font:600 17px/1.3 var(--sans);color:var(--navy);padding:0;margin-bottom:10px;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
:where(html[data-theme="dark"]) fieldset.grp legend{color:#EEE6D8}
fieldset.grp legend .req{font:500 14px var(--sans);color:var(--muted)}
.opt-row{display:flex;align-items:center;gap:12px;min-height:52px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;margin-bottom:8px;cursor:pointer;background:var(--white)}
.opt-row:hover{border-color:#B9AF9B}
.opt-row input{width:22px;height:22px;accent-color:var(--navy);flex:none;margin:0}
:where(html[data-theme="dark"]) .opt-row input{accent-color:#EEE6D8}
.opt-row:has(input:checked){border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy);background:#F5F7FB}
:where(html[data-theme="dark"]) .opt-row:has(input:checked){border-color:#CFC3AE;box-shadow:inset 0 0 0 1px #CFC3AE;background:#1E1914}
.opt-row .sel{margin-left:auto;font-size:14px;color:var(--navy);font-weight:600;display:none}
:where(html[data-theme="dark"]) .opt-row .sel{color:#EEE6D8}
.opt-row:has(input:checked) .sel{display:inline}
.grp.invalid .opt-row{border-color:var(--bad)}
.ferr{color:var(--bad);font-size:15px;font-weight:600;margin:4px 0 8px;display:flex;gap:6px}
.fixed-box{margin-top:18px;padding:14px 16px;background:#F8F5EE;border-radius:10px}
:where(html[data-theme="dark"]) .fixed-box{background:#1C1713}
.fixed-box h3{font:600 15px/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.sub-h{font-family:var(--serif);font-size:24px;color:var(--navy);margin:22px 0 2px;padding-top:14px;border-top:1px solid var(--border)}
:where(html[data-theme="dark"]) .sub-h{color:#EEE6D8}
.sub-h:first-child{border-top:0;padding-top:4px}
/* cart */
.cl{padding:14px 0;border-bottom:1px solid var(--border)}
.cl .top{display:flex;gap:12px;justify-content:space-between}
.cl .nm{font-weight:600}.cl .ops{color:var(--muted);font-size:15px;margin-top:2px}
.cl .lt{font-weight:700;color:var(--navy);white-space:nowrap}
:where(html[data-theme="dark"]) .cl .lt{color:#EEE6D8}
.cl .unit{color:var(--muted);font-size:14px}
.cl .ctl{display:flex;gap:6px 14px;align-items:center;flex-wrap:wrap;margin-top:10px}
.sum{margin-top:14px}
.sum .r{display:flex;justify-content:space-between;gap:12px;padding:6px 0}
.sum .r.t{border-top:1px solid var(--border);margin-top:6px;padding-top:12px;font-weight:700;font-size:19px;color:var(--navy)}
:where(html[data-theme="dark"]) .sum .r.t{color:#EEE6D8}
.sum .pending{color:var(--warn);font-weight:600}
.empty{text-align:center;padding:40px 10px;color:var(--muted)}
/* forms */
.fld{display:block;margin-bottom:16px}
.fld>span{display:block;font-weight:600;font-size:16px;margin-bottom:6px}
.fld .hint{font-weight:400;color:var(--muted);font-size:14px}
input,select,textarea{font:400 16px/1.4 var(--sans);color:var(--text)}
.fld input,.fld select,.fld textarea{width:100%;min-height:48px;padding:11px 14px;border:1px solid #BDB4A2;border-radius:10px;background:var(--white)}
.fld textarea{min-height:88px;resize:vertical}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--navy);outline:2px solid rgba(23,43,77,.25);outline-offset:0}
:where(html[data-theme="dark"]) .fld input:focus,:where(html[data-theme="dark"]) .fld select:focus,:where(html[data-theme="dark"]) .fld textarea:focus{border-color:#CFC3AE}
.fld.bad input,.fld.bad select,.fld.bad textarea{border-color:var(--bad)}
.fld .msg{color:var(--bad);font-size:15px;font-weight:600;margin-top:6px}
.two{display:grid;gap:0 16px}@media(min-width:600px){.two{grid-template-columns:1fr 1fr}}
.three{display:grid;gap:0 16px}@media(min-width:600px){.three{grid-template-columns:2fr 1fr}}
.alert{padding:12px 14px;border-radius:10px;margin:0 0 16px;font-size:16px}
.alert.err{background:#FBEAE8;color:#7E1B12;border:1px solid #F0C4BE}
:where(html[data-theme="dark"]) .alert.err{background:#3F1C18;color:#EE938B;border:1px solid #3A3128}
.alert.warn{background:var(--warn-bg);color:var(--warn);border:1px solid #EBD39A}
.alert.ok{background:#E7F3EC;color:#14532F;border:1px solid #BFDCCB}
:where(html[data-theme="dark"]) .alert.ok{background:#191511;color:#94E5B7;border:1px solid #3A3128}
.alert.info{background:#EEF2F8;color:var(--navy);border:1px solid #D3DCEA}
:where(html[data-theme="dark"]) .alert.info{background:#1C1713;color:#EEE6D8;border:1px solid #3A3128}
.zipstatus{margin:-6px 0 16px;font-size:15px;font-weight:600}
/* dates */
.cal{border:1px solid var(--border);border-radius:12px;padding:12px;background:var(--white)}
.cal .mh{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.cal .mh b{font-size:17px}
.cal .gr{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.cal .dw{text-align:center;font-size:13px;font-weight:600;color:var(--muted);padding:4px 0}
.cal button.d{min-height:44px;border-radius:8px;border:1px solid var(--border);background:var(--white);font:600 16px var(--sans);color:var(--text);cursor:pointer;padding:0}
.cal button.d[aria-disabled=true]{background:#F3F0E9;color:#6F695C;border-color:transparent;cursor:not-allowed;text-decoration:line-through;text-decoration-color:#C9C1B0}
:where(html[data-theme="dark"]) .cal button.d[aria-disabled=true]{background:#1A1511;color:#B8AD99}
.cal button.d[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}
:where(html[data-theme="dark"]) .cal button.d[aria-pressed=true]{border-color:#CFC3AE}
.cal .sp{min-height:44px}
.cal .legend{display:flex;gap:16px;flex-wrap:wrap;font-size:14px;color:var(--muted);margin-top:10px}
.daynote{font-size:15px;margin:10px 0 0;color:var(--muted)}
/* checkout */
.co{padding-top:24px;padding-bottom:64px}
.co h1{font-size:clamp(30px,2vw + 22px,40px);margin-bottom:16px}
.prog{list-style:none;margin:0 0 22px;padding:0;display:flex;gap:6px;counter-reset:p}
.prog li{counter-increment:p;flex:1;font-size:14px;font-weight:600;color:var(--muted);border-top:4px solid #E3DDCF;padding-top:8px}
:where(html[data-theme="dark"]) .prog li{border-top:4px solid #3A3128}
.prog li::before{content:counter(p) ". "}
.prog li.done{border-color:#8C9BB5;color:var(--text)}.prog li[aria-current=step]{border-color:var(--navy);color:var(--navy)}
:where(html[data-theme="dark"]) .prog li[aria-current=step]{border-color:#CFC3AE;color:#EEE6D8}
.co-grid{display:grid;gap:24px}
@media(min-width:1024px){.co-grid{grid-template-columns:minmax(0,1fr) 380px;gap:40px;align-items:start}.co-side{position:sticky;top:calc(var(--hdr) + var(--cbh,31px) + 20px)}}
.panel{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:20px}
@media(min-width:768px){.panel{padding:24px}}
.panel h2{font-size:28px;margin-bottom:14px}
.msum summary{cursor:pointer;font-weight:600;min-height:48px;display:flex;align-items:center;justify-content:space-between;list-style:none}
.msum summary::-webkit-details-marker{display:none}
@media(min-width:1024px){.msum-mobile{display:none}}
@media(max-width:1023px){.co-side{display:none}}
.wins{display:grid;gap:8px}
.review dl{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0}
.review dt{color:var(--muted)}.review dd{margin:0}
.paynote{font-size:15px;color:var(--muted);margin-top:12px}
.oa{margin-top:14px;font-size:15px}
/* order page */
.op{padding-top:28px;padding-bottom:64px;max-width:820px}
.stbadge{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;padding:6px 12px;border-radius:20px;margin-bottom:12px}
.stbadge.paid{background:#E7F3EC;color:#14532F}
:where(html[data-theme="dark"]) .stbadge.paid{background:#191511;color:#94E5B7}.stbadge.wait{background:var(--warn-bg);color:var(--warn)}.stbadge.req{background:#EEF2F8;color:var(--navy)}
:where(html[data-theme="dark"]) .stbadge.req{background:#1C1713;color:#EEE6D8}
.op h1{font-size:clamp(30px,2vw + 22px,42px);margin-bottom:10px}
.kv{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:0}.kv dt{color:var(--muted)}.kv dd{margin:0}
/* menu page */
.mtools{position:sticky;top:calc(var(--hdr) + var(--cbh,31px));z-index:20;background:var(--ivory);padding:12px 0 10px;border-bottom:1px solid var(--border)}
.mtools .fld{margin-bottom:10px}
.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.chips a{flex:none;min-height:44px;display:inline-flex;align-items:center;padding:0 14px;border:1px solid var(--border);border-radius:22px;background:var(--white);text-decoration:none;color:var(--text);font-weight:500;font-size:15px}
.mcat{padding-top:28px}.mcat h2{font-size:30px;margin-bottom:12px}
.mitems{display:grid;gap:10px}@media(min-width:900px){.mitems{grid-template-columns:1fr 1fr}}
.ktag{display:inline-block;font:600 13px/1 var(--sans);padding:4px 8px;border-radius:6px;margin-left:6px;vertical-align:2px}
.ktag.dairy{background:#E8F0FB;color:#1D4A85}
:where(html[data-theme="dark"]) .ktag.dairy{background:#18283F;color:#92B7E7}.ktag.meat{background:#F8E7E4;color:#7E1B12}
:where(html[data-theme="dark"]) .ktag.meat{background:#3F1E18;color:#EE938B}.ktag.pareve{background:#E7F3EC;color:#14532F}
:where(html[data-theme="dark"]) .ktag.pareve{background:#191511;color:#94E5B7}
.minq{font-size:14px;color:var(--warn);font-weight:600}
.sizesel{min-height:44px;border:1px solid #BDB4A2;border-radius:10px;padding:0 10px;background:#fff;max-width:100%}
:where(html[data-theme="dark"]) .sizesel{background:#211B16}
/* help */
.hopts{display:grid;gap:10px}
.hopt{display:flex;gap:14px;align-items:center;width:100%;text-align:left;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--white);font:inherit;color:var(--text);cursor:pointer;text-decoration:none;min-height:56px}
.hopt:hover{border-color:var(--navy)}
:where(html[data-theme="dark"]) .hopt:hover{border-color:#CFC3AE}
.hopt b{display:block}.hopt span{color:var(--muted);font-size:15px}
.hopt svg{width:24px;height:24px;color:var(--navy);flex:none}
:where(html[data-theme="dark"]) .hopt svg{color:#EEE6D8}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#B42318;margin-right:6px;vertical-align:0}.dot.on{background:#1E8E3E}
.msgs{display:flex;flex-direction:column;gap:8px;min-height:160px;max-height:46vh;overflow-y:auto;padding:4px 0 10px}
.msg{max-width:85%;padding:10px 12px;border-radius:12px;line-height:1.45;font-size:16px}
.msg.them{background:#F1EEE6;align-self:flex-start}
:where(html[data-theme="dark"]) .msg.them{background:#191510}.msg.me{background:var(--navy);color:#fff;align-self:flex-end}
.msg .who{display:block;font-size:13px;font-weight:700;margin-bottom:2px}
.sendrow{display:flex;gap:8px}.sendrow input{flex:1;min-height:48px;border:1px solid #BDB4A2;border-radius:10px;padding:0 12px}
.sugs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.sug{border:1px solid var(--border);background:var(--white);border-radius:20px;padding:10px 14px;font:500 15px var(--sans);cursor:pointer;min-height:44px}
.autolabel{display:inline-block;font:600 13px/1 var(--sans);background:#EEF2F8;color:var(--navy);padding:5px 8px;border-radius:6px;margin-bottom:8px}
:where(html[data-theme="dark"]) .autolabel{background:#1C1713;color:#EEE6D8}
.loading{padding:60px 0;text-align:center;color:var(--muted)}

/* ================= v3 · Moshe's design (dark charcoal, warm gold, cream) ================= */
@font-face{font-family:"Playfair Display";src:url(/fonts/playfair-var.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap}
:root{--dark:#17130F;--dark2:#221C16;--gold:#C9A96E;--gold-d:#B08F55;--gold-t:#EFE5D2;--ivory:#F5F0E6;--text:#221E19;--muted:#5E574D;--border:#E3D9C6;
--navy:var(--dark);--navy2:#000;--serif:"Playfair Display",Georgia,"Times New Roman",serif;--r:6px;--rb:4px;--shadow:0 1px 2px rgba(23,19,15,.06),0 6px 18px rgba(23,19,15,.07)}
body{background:var(--ivory);color:var(--text)}
h1,h2,h3{font-weight:500;color:var(--dark);letter-spacing:-.01em}
:where(html[data-theme="dark"]) h1,:where(html[data-theme="dark"]) h2,:where(html[data-theme="dark"]) h3{color:#EEE6D8}
a{color:var(--dark)}
:where(html[data-theme="dark"]) a{color:#EEE6D8}
.kicker{font:600 12.5px/1.2 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:#7A6236;margin:0 0 12px;display:flex;align-items:center;gap:12px}
:where(html[data-theme="dark"]) .kicker{color:#D7C4A2}
.kicker::after{content:"";height:1px;width:48px;background:var(--gold)}
.arr{display:inline-block;margin-left:4px;transition:transform .18s}
.btn:hover .arr{transform:translateX(3px)}
/* buttons: gold with dark text (contrast 8:1+), square-ish corners */
.btn{border-radius:var(--rb);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:14.5px}
.btn-p{background:var(--gold);color:var(--dark);border:1px solid var(--gold)}
.btn-p:hover{background:var(--gold-d);border-color:var(--gold-d);color:var(--dark)}
.btn-o{background:transparent;color:var(--dark);border:1px solid var(--dark)}
:where(html[data-theme="dark"]) .btn-o{color:#EEE6D8;border:1px solid #CFC3AE}
.btn-o:hover{background:var(--dark);color:#fff}
.btn-t{text-transform:none;letter-spacing:0}
.btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.55)}
.btn-ghost:hover{background:rgba(255,255,255,.1);color:#fff}
.btn-sm{min-height:40px;padding:0 14px;font-size:13px}
/* announcement bar */
.announce{background:var(--gold);color:var(--dark);font:600 13px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.announce .wrap{display:flex;align-items:center;justify-content:center;gap:14px;min-height:38px;flex-wrap:wrap;padding-top:6px;padding-bottom:6px;text-align:center}
.announce a{color:var(--dark);font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
@media(max-width:600px){.announce{font-size:11.5px;letter-spacing:.08em}.announce .wrap{gap:8px}}
/* header */
.hdr{background:var(--dark);border-bottom:1px solid #2E271F;backdrop-filter:none}
.brand,.brand .wm{color:#fff}
.brand .wm{font-family:var(--serif);font-weight:500;font-size:27px;letter-spacing:.01em}
.brand .wm small{color:var(--gold);letter-spacing:.42em;font-size:10.5px;margin-top:4px;text-align:center}
.nav a{color:#E9E1D3;font-weight:500;font-size:15px;text-decoration:none}
.nav a:hover{color:var(--gold)}
.nav .tag,.hopt .tag{display:inline-block;margin-left:6px;padding:2px 6px;border:1px solid var(--gold);color:var(--gold);font:700 9.5px/1.2 var(--sans);letter-spacing:.14em;vertical-align:2px;border-radius:2px}
.hopt .tag{color:#7A6236;border-color:#7A6236}
:where(html[data-theme="dark"]) .hopt .tag{color:#D7C4A2}
.hdr .iconbtn{color:#fff;border-color:rgba(255,255,255,.18);background:transparent}
.hdr .iconbtn:hover{background:rgba(255,255,255,.08)}
.cartbtn .n{background:var(--gold);color:var(--dark)}
.hdr .orderbtn{min-height:42px;padding:0 16px;font-size:13px}
@media(max-width:1023px){.hdr .orderbtn{display:none}}
/* hero: full-bleed photo with dark gradient, text on the dark side */
.hero{position:relative;background:var(--dark);color:#EFE7DA;padding:0;overflow:hidden;border:0}
.hero-bg{position:absolute;inset:0}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,13,10,.94) 0%,rgba(17,13,10,.82) 34%,rgba(17,13,10,.25) 64%,rgba(17,13,10,.05) 100%)}
.hero-in{position:relative;z-index:1;min-height:clamp(520px,62vh,640px);display:flex;align-items:center;padding-top:56px;padding-bottom:56px}
.hero-txt{max-width:560px}
.hero .eyebrow{color:var(--gold);font:600 12.5px/1.3 var(--sans);letter-spacing:.24em;text-transform:uppercase;margin:0 0 18px}
.hero .eyebrow::before{background:var(--gold)}
.hero h1{color:#fff;font-weight:500;font-size:clamp(38px,3.2vw + 20px,64px);line-height:1.06}
.hero h1 .l2{display:block;color:#fff}
.hero .lead{color:#E6DCCB;font-size:clamp(17px,.4vw + 15px,19px);max-width:31em;margin:20px 0 26px}
.hero .ctas{display:flex;flex-wrap:wrap;gap:12px}
.hero-call{margin:18px 0 0}
.hero-call a{color:#fff;display:inline-flex;align-items:center;gap:8px;text-decoration:underline;text-underline-offset:4px;min-height:44px}
.hero-call svg{width:18px;height:18px;color:var(--gold)}
.hero .incl{color:#D9CDB8;margin-top:10px}
.hero .incl svg{color:var(--gold)}
@media(max-width:767px){
 .hero-bg{position:relative;height:300px}
 .hero::after{background:linear-gradient(180deg,rgba(17,13,10,0) 0px,rgba(17,13,10,.35) 200px,rgba(17,13,10,1) 300px)}
 .hero-in{min-height:0;margin-top:-70px;padding-top:0;padding-bottom:40px}
 .hero h1{font-size:clamp(34px,7vw + 10px,40px)}
 .hero .ctas .btn{width:100%}
}
/* benefits strip */
.benefits{background:#fff;border-bottom:1px solid var(--border)}
:where(html[data-theme="dark"]) .benefits{background:#211B16}
.benefits svg{color:var(--gold-d)}
.benefits li{color:var(--text)}
/* sections */
.sec-head h2{font-size:clamp(30px,2.4vw + 18px,46px)}
.sec-head p{color:var(--muted);max-width:40em}
.sec-alt{background:#FBF8F2}
:where(html[data-theme="dark"]) .sec-alt{background:#1D1814}
/* packages: two cards + "both include" box */
@media(min-width:768px){.pkgs{grid-template-columns:repeat(2,minmax(0,1fr))}.pkgs .both{grid-column:1/-1}}
@media(min-width:1100px){.pkgs{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 300px}.pkgs .both{grid-column:auto}}
.card{border-radius:var(--r);border:1px solid var(--border);background:#fff;box-shadow:var(--shadow)}
:where(html[data-theme="dark"]) .card{background:#211B16}
.card.featured{border-color:var(--gold)}
.card .ph{position:relative;aspect-ratio:4/3}
.card .ph img{width:100%;height:100%;object-fit:cover}
.card .ph .flag{position:absolute;left:12px;top:12px;margin:0;background:var(--dark);color:var(--gold);border:0;border-radius:2px;font:700 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:7px 9px}
.nmrow{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding-bottom:10px;margin-bottom:8px}
.nmrow h3{font-size:clamp(25px,1vw + 20px,30px)}
.nmrow .pr{font:600 24px/1 var(--sans);color:var(--dark);white-space:nowrap}
:where(html[data-theme="dark"]) .nmrow .pr{color:#EEE6D8}
.serves{font:600 12.5px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#7A6236;margin-bottom:10px}
:where(html[data-theme="dark"]) .serves{color:#D7C4A2}
.dl li::before{background:var(--gold-d)}
.both{background:var(--dark);color:#E9E1D3;border-radius:var(--r);padding:26px 24px;align-self:start}
.both h3{color:#fff;font-size:24px;margin-bottom:14px}
.both ul{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:10px}
.both li{display:flex;gap:10px;align-items:flex-start}
.both svg{width:20px;height:20px;flex:none;color:var(--gold);margin-top:2px}
.both .small{color:#BFB4A2;margin:0}
.combo{display:grid;grid-template-columns:1fr;gap:0;padding:0;overflow:hidden;border-radius:var(--r);border:1px solid var(--border);background:#fff;margin-top:24px}
:where(html[data-theme="dark"]) .combo{background:#211B16}
.combo .ph{aspect-ratio:16/9}.combo .ph img{width:100%;height:100%;object-fit:cover}
.combo .bd{padding:24px}
.combo .nmrow{border:0;padding:0;margin:4px 0 10px}
@media(min-width:768px){.combo{grid-template-columns:minmax(0,42%) 1fr}.combo .ph{aspect-ratio:auto;min-height:100%}.combo .bd{padding:30px 32px}}
.combo .kick{color:#7A6236;letter-spacing:.2em}
:where(html[data-theme="dark"]) .combo .kick{color:#D7C4A2}
/* how it works */
.steps li::before{background:var(--dark);color:var(--gold);font-family:var(--serif)}
/* extras + kids: photo beside the list */
.split{display:grid;gap:24px}
@media(min-width:1024px){.split{grid-template-columns:400px 1fr;align-items:start}}
.sideimg img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r)}
.split .extras{grid-template-columns:1fr}
@media(min-width:768px) and (max-width:1023px){.split .extras{grid-template-columns:1fr 1fr}}
.xrow{border-radius:var(--r)}
/* custom-event band */
.band{position:relative;background:var(--dark);color:#E9E1D3;overflow:hidden;padding:clamp(56px,6vw,88px) 0}
.band-bg{position:absolute;inset:0;opacity:.28}.band-bg img{width:100%;height:100%;object-fit:cover}
.band::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,13,10,.92),rgba(17,13,10,.6))}
.band-in{position:relative;z-index:1;max-width:1200px}
.band .kicker{color:var(--gold)}
.band h2{color:#fff;font-size:clamp(32px,2.6vw + 18px,50px);margin-bottom:14px;max-width:16em}
.band p{max-width:38em;color:#D9CDB8}
/* FAQ, contact, footer */
.faq summary{color:var(--dark)}
:where(html[data-theme="dark"]) .faq summary{color:#EEE6D8}
.foot{background:var(--dark);color:#CFC4B1}
.foot a{color:#EFE7DA}
.foot .fh{font:600 12.5px/1.2 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0 0 10px}
.foot .brand{margin:0}
/* checkout recommendation panel */
.ups{margin:20px 0;padding:20px;border:1px solid var(--gold);background:var(--gold-t);border-radius:var(--r)}
.ups h3{font-size:24px;margin-bottom:6px}
.ups h4{font:600 12.5px/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#7A6236;margin:14px 0 8px}
:where(html[data-theme="dark"]) .ups h4{color:#D7C4A2}
.ups ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ups-i{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--border);border-radius:var(--rb);padding:10px 12px}
:where(html[data-theme="dark"]) .ups-i{background:#211B16}
.ups-i b{display:block;font-weight:600}.ups-i span{font-size:14.5px;color:var(--muted)}
.ups-i .btn{flex:none;min-width:92px}
.ups-cols{display:grid;gap:4px}
@media(min-width:700px){.ups-cols{grid-template-columns:1fr 1fr;gap:20px}}
.ups .linkbtn{margin-top:12px}
.cartbar .btn{background:var(--gold);color:var(--dark)}
.opt-row:has(input:checked){border-color:var(--gold-d);background:var(--gold-t)}
.prog li.done{border-color:var(--gold-d)}.prog li[aria-current=step]{border-color:var(--dark)}
:where(html[data-theme="dark"]) .prog li[aria-current=step]{border-color:#CFC3AE}

.nav{gap:22px}.nav a{white-space:nowrap;display:inline-flex;align-items:center}
@media(min-width:1024px) and (max-width:1199px){.nav{gap:14px}.nav a{font-size:14px}.nav .tag{display:none}}
.sideimg img{height:auto}

@media(min-width:768px) and (max-width:1023px){.hero::after{background:linear-gradient(90deg,rgba(17,13,10,.94) 0%,rgba(17,13,10,.86) 52%,rgba(17,13,10,.45) 80%,rgba(17,13,10,.2) 100%)}.hero-txt{max-width:500px}}
@media(max-width:1023px){.sideimg img{aspect-ratio:16/9;max-height:300px}}

@media(max-width:400px){.brand .wm{font-size:22px}.brand .wm small{letter-spacing:.3em;font-size:9.5px}.hdr .wrap{gap:6px}}
@media(max-width:350px){.brand .wm{font-size:19px}.hdr .iconbtn{min-width:42px;padding:0 6px}}

.hechsher{display:flex;align-items:center;gap:10px;margin-top:12px}.hechsher img{width:56px;height:56px;object-fit:contain;background:#fff;border-radius:8px;padding:4px}
:where(html[data-theme="dark"]) .hechsher img{background:#211B16}.hechsher span{font-size:.85rem}

/* v4: the wordmark could overlap "Home" on wide screens */
.brand{flex:none;min-width:max-content;margin-right:10px}

/* ===== v5 (Oct 22): general home page, Chanukah special band, Chanukah popup ===== */
.btn-gold{background:var(--gold);color:var(--dark);border-color:var(--gold)}.btn-gold:hover{background:#D8BC86;color:var(--dark)}
/* Chanukah special band, highlighted right under the hero */
.chs{background:var(--dark);color:#E9E1D3;padding:28px 0;border-top:3px solid var(--gold);border-bottom:1px solid #2c241c}
.chs-in{display:grid;gap:22px;align-items:center;border:1px solid rgba(201,169,110,.45);border-radius:var(--r);padding:16px;background:linear-gradient(135deg,#221C16,#17130F)}
.chs-ph{position:relative;border-radius:var(--rb);overflow:hidden;aspect-ratio:16/10;background:#2a221b}
.chs-ph img{width:100%;height:100%;object-fit:cover}
.chs-ph .flag{position:absolute;left:10px;top:10px;margin:0;background:var(--gold);color:var(--dark);border:0;font:700 11.5px/1 var(--sans);letter-spacing:.16em;padding:7px 10px;border-radius:3px}
.chs .kicker{color:var(--gold)}
.chs h2{color:#fff;font-size:clamp(28px,2vw + 18px,40px);margin-bottom:14px}
.chs p{color:#D9CDB8;margin:0 0 18px;max-width:36em}
.chs-pk{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:6px;max-width:30em}
.chs-pk li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed rgba(201,169,110,.35);padding:6px 0;color:#EFE7DA}
.chs-pk b{color:var(--gold);font-weight:600;white-space:nowrap}
@media(max-width:599px){.chs .btn{width:100%}}
@media(min-width:768px){.chs{padding:40px 0}.chs-in{grid-template-columns:minmax(0,5fr) minmax(0,6fr);padding:22px;gap:34px}}
/* what we cater */
.svc{display:grid;gap:16px}
@media(min-width:600px){.svc{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.svc{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}
.svc-c{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:var(--r);overflow:hidden;color:var(--text);text-decoration:none;box-shadow:var(--shadow);transition:border-color .15s,transform .15s}
:where(html[data-theme="dark"]) .svc-c{background:#211B16}
.svc-c:hover{border-color:var(--gold);transform:translateY(-2px)}
.svc-c .ph{aspect-ratio:16/10;background:#E9E1D2}
:where(html[data-theme="dark"]) .svc-c .ph{background:#13100D}.svc-c .ph img{width:100%;height:100%;object-fit:cover}
.svc-c .bd{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
.svc-c h3{font-size:24px;margin:0 0 8px}
.svc-c p{color:var(--muted);font-size:15.5px;margin:0 0 12px;flex:1}
.svc-c .go{font:600 14px/1.3 var(--sans);color:var(--dark);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--gold)}
:where(html[data-theme="dark"]) .svc-c .go{color:#EEE6D8}
@media(max-width:599px){.svc-c{flex-direction:row}.svc-c .ph{flex:0 0 112px;aspect-ratio:auto}.svc-c .bd{padding:12px 14px}.svc-c h3{font-size:21px;margin-bottom:4px}.svc-c p{font-size:14.5px;margin-bottom:6px}}
/* event menu */
.em-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 24px;margin-bottom:22px}
.em-head .sec-head{margin-bottom:0}
.em-price{font:500 clamp(26px,1.6vw + 18px,34px)/1.1 var(--serif);color:var(--dark);margin:0;border:1px solid var(--gold);border-radius:var(--rb);padding:10px 16px;background:#fff;white-space:nowrap}
:where(html[data-theme="dark"]) .em-price{color:#EEE6D8;background:#211B16}
.em{display:grid;gap:10px}
@media(min-width:900px){.em{display:block;column-count:2;column-gap:20px}.em-c{break-inside:avoid;margin-bottom:16px;display:inline-block;width:100%}}
@media(min-width:1200px){.em{column-count:3}}
.em-c{background:#fff;border:1px solid var(--border);border-radius:var(--r)}
:where(html[data-theme="dark"]) .em-c{background:#211B16}
.em-c summary{list-style:none;cursor:pointer;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:14px 44px 14px 16px;position:relative;min-height:52px}
.em-c summary::-webkit-details-marker{display:none}
.em-c summary::after{content:"+";position:absolute;right:16px;top:12px;font:400 24px/1 var(--sans);color:var(--gold-d)}
.em-c[open] summary::after{content:"−"}
.em-c summary .t{font:600 21px/1.2 var(--serif);color:var(--dark)}
:where(html[data-theme="dark"]) .em-c summary .t{color:#EEE6D8}
.em-c summary .n{font-size:14px;color:var(--muted)}
.em-b{padding:0 16px 14px;border-top:1px solid var(--border)}
.em-b h4{font:600 12px/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#7A6236;margin:14px 0 4px}
:where(html[data-theme="dark"]) .em-b h4{color:#D7C4A2}
.em-b ul{list-style:none;margin:0;padding:0}
.em-b li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px dashed var(--border);font-size:15.5px}
.em-b li:last-child{border-bottom:0}
.em-b li .nm{min-width:0}
.em-b li.up .nm{color:var(--text)}
.em-b .plus{color:var(--gold-d);font-weight:700;margin-right:6px}
.em-b .pr{white-space:nowrap;font-weight:600;color:var(--dark);font-size:14.5px}
:where(html[data-theme="dark"]) .em-b .pr{color:#EEE6D8}
.qlink{background:none;border:0;padding:4px 0;min-height:32px;font:600 13.5px/1.2 var(--sans);color:var(--dark);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px;cursor:pointer;white-space:nowrap}
:where(html[data-theme="dark"]) .qlink{color:#EEE6D8}
/* L'chaim tables */
.lc{display:grid;gap:16px}
@media(min-width:768px){.lc{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
.lc-c{background:#fff;border:1px solid var(--border);border-radius:var(--r);padding:20px;box-shadow:var(--shadow);display:flex;flex-direction:column}
:where(html[data-theme="dark"]) .lc-c{background:#211B16}
.lc-c h3{margin:0 0 6px}
.lc-p{font:500 32px/1.1 var(--serif);color:var(--dark);margin:0 0 4px}
:where(html[data-theme="dark"]) .lc-p{color:#EEE6D8}
.ticks{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:6px;flex:1}
.ticks li{padding-left:24px;position:relative}
.ticks li::before{content:"";position:absolute;left:3px;top:.45em;width:10px;height:6px;border-left:2px solid var(--gold-d);border-bottom:2px solid var(--gold-d);transform:rotate(-45deg)}
.lc-c .btn{align-self:flex-start}
/* order by the pan */
.pans{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:768px){.pans{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1024px){.pans{grid-template-columns:repeat(5,minmax(0,1fr))}}
.pan-c{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--border);border-radius:var(--rb);padding:14px;text-decoration:none;color:var(--text);min-height:76px}
:where(html[data-theme="dark"]) .pan-c{background:#211B16}
.pan-c:hover{border-color:var(--gold)}
.pan-c b{font:600 19px/1.2 var(--serif);color:var(--dark)}
:where(html[data-theme="dark"]) .pan-c b{color:#EEE6D8}
.pan-c span{font-size:13.5px;color:var(--muted)}
/* Chanukah popup */
.dlg.promo{max-width:460px;position:relative;overflow:auto}
.promo .x{position:absolute;right:10px;top:10px;z-index:2;background:rgba(255,255,255,.94);border-radius:50%;width:44px;height:44px;box-shadow:0 1px 6px rgba(0,0,0,.18)}
:where(html[data-theme="dark"]) .promo .x{background:#211B16}
.promo-ph{aspect-ratio:16/9;background:#2a221b;flex:none}
.promo-ph img{width:100%;height:100%;object-fit:cover}
.promo-b{padding:20px 20px 14px}
.promo-b h2{font-size:clamp(26px,2vw + 18px,32px);margin-bottom:10px}
.promo-b p{color:var(--muted);margin:0 0 18px}
.promo-b .btn-t{margin-top:4px}
@media(max-width:767px){.ov.promo-ov{padding:14px;align-items:center}.dlg.promo{height:auto;max-height:calc(100dvh - 28px);border-radius:var(--r);max-width:460px}.promo-ph{aspect-ratio:2/1}}

/* ===== v6 (Oct 22): dark mode (default) / light mode, install-app card ===== */
/* Dark is the default for everyone (set before paint by the inline script in each page's <head>); light = the v5 look. */
html[data-theme="dark"]{color-scheme:dark;--ivory:#100D0A;--white:#1C1712;--text:#EEE6D8;--muted:#B8AD99;--border:#3A3128;--gold-t:#2A2217;--warn-bg:#3A2C10;--warn:#F2C76B;--ok:#6FCF97;--bad:#FF8F80;
--bg:#17130F;--line:#3A3128;--mute:#B8AD99;--shadow:0 1px 2px rgba(0,0,0,.45),0 6px 18px rgba(0,0,0,.35)}
html[data-theme="dark"],html[data-theme="dark"] body{background:#100D0A}
html[data-theme="light"]{color-scheme:light}
/* sun/moon toggle: the sun shows in dark mode (tap for light), the moon in light mode */
.themebtn svg{width:22px;height:22px}
.themebtn .i-moon{display:none}
html[data-theme="light"] .themebtn .i-sun{display:none}
html[data-theme="light"] .themebtn .i-moon{display:inline-block}
.hdr .themebtn{color:#EFE7DA}
.hdr .themebtn:hover{color:var(--gold)}
/* gold-accented details in dark mode */
:where(html[data-theme="dark"]) .kicker,:where(html[data-theme="dark"]) .serves,:where(html[data-theme="dark"]) .combo .kick,:where(html[data-theme="dark"]) .ups h4,:where(html[data-theme="dark"]) .em-b h4,:where(html[data-theme="dark"]) .hopt .tag{color:var(--gold)}
:where(html[data-theme="dark"]) .btn-o:hover{background:var(--gold);border-color:var(--gold);color:#17130F}
:where(html[data-theme="dark"]) .svc-c .go,:where(html[data-theme="dark"]) .qlink{color:#EEE6D8}
:where(html[data-theme="dark"]) input,:where(html[data-theme="dark"]) select,:where(html[data-theme="dark"]) textarea{background-color:#1C1712;color:#EEE6D8;border-color:#5A4D3D}
:where(html[data-theme="dark"]) input::placeholder,:where(html[data-theme="dark"]) textarea::placeholder{color:#8E8472}
:where(html[data-theme="dark"]) img{filter:none}
:where(html[data-theme="dark"]) .promo .x{background:rgba(23,19,15,.92);color:#EEE6D8;box-shadow:0 1px 6px rgba(0,0,0,.5)}
:where(html[data-theme="dark"]) hr{border-color:#3A3128}
/* install-app card (shown only in a browser, never inside the installed app) */
.gc-install{position:fixed;left:12px;right:12px;bottom:12px;z-index:45;max-width:440px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:10px 10px 10px 12px;border-radius:12px;
  background:#17130F;color:#EEE6D8;border:1px solid rgba(201,169,110,.55);box-shadow:0 8px 28px rgba(0,0,0,.35);font:14px/1.35 var(--sans);animation:giup .25s ease-out}
@keyframes giup{from{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}
.gc-install img{width:40px;height:40px;border-radius:9px;flex:none}
.gc-install .gi-t{flex:1;min-width:0;display:flex;flex-direction:column}
.gc-install .gi-t>b{color:#fff;font-weight:700}
.gc-install .gi-t>span{color:#D9CDB8;font-size:13px}
.gc-install .gi-t span b{color:#fff}
.gc-install .gi-share{display:inline-flex;align-items:center;gap:2px;color:#fff;font-weight:600}
.gc-install .gi-share svg{vertical-align:-2px}
.gc-install .gi-go{flex:none;background:var(--gold);color:#17130F;border:0;border-radius:6px;padding:10px 12px;min-height:44px;font:700 14px var(--sans);cursor:pointer}
.gc-install .gi-x{flex:none;background:none;border:0;color:#D9CDB8;width:44px;height:44px;font-size:18px;cursor:pointer;border-radius:50%}
.gc-install .gi-x:hover{background:rgba(255,255,255,.08)}
html[data-theme="light"] .gc-install{background:#fff;color:var(--text);border-color:#D9C69C;box-shadow:0 8px 28px rgba(23,19,15,.18)}
html[data-theme="light"] .gc-install .gi-t>b,html[data-theme="light"] .gc-install .gi-t span b,html[data-theme="light"] .gc-install .gi-share{color:#17130F}
html[data-theme="light"] .gc-install .gi-t>span,html[data-theme="light"] .gc-install .gi-x{color:#5E574D}
html.is-app .gc-install{display:none!important}

:where(html[data-theme="dark"]) .cartbtn .n.zero{background:#3A3128;color:#EEE6D8}

:where(html[data-theme="dark"]) .toast{background:#2A2217;color:#fff;border:1px solid rgba(201,169,110,.55);box-shadow:0 8px 24px rgba(0,0,0,.5)}
:where(html[data-theme="light"]) .em-b .plus{color:#8A6A2E}

/* the sun/moon button needs room in the desktop header */
@media(min-width:1024px){.hdr .wrap{gap:6px}.hdr .nav a{padding-left:7px;padding-right:7px}.hdr .orderbtn{padding-left:16px;padding-right:16px}.hdr .helpbtn span.t{display:none}.hdr .themebtn{width:42px;min-width:42px}}

/* ===== v6 light mode: header, hero text panel and the Chanukah strip go cream/white too (photos unchanged) ===== */
html[data-theme="light"] .hdr{background:#FFFDF8;border-bottom:1px solid #E3D9C6}
html[data-theme="light"] .hdr .brand,html[data-theme="light"] .hdr .brand .wm{color:#17130F}
html[data-theme="light"] .hdr .wm small{color:#8A6A2E}
html[data-theme="light"] .nav a{color:#221E19}
html[data-theme="light"] .nav a:hover{color:#8A6A2E}
html[data-theme="light"] .hdr .iconbtn,html[data-theme="light"] .hdr .themebtn{color:#221E19;border-color:#E3D9C6}
html[data-theme="light"] .hdr .iconbtn:hover{background:#F3ECDD;color:#17130F}
html[data-theme="light"] .cartbtn .n.zero{background:#EFE5D2;color:#221E19}
html[data-theme="light"] .hero{background:#F5F0E6;color:#221E19}
html[data-theme="light"] .hero::after{background:linear-gradient(90deg,rgba(245,240,230,.97) 0%,rgba(245,240,230,.9) 36%,rgba(245,240,230,.35) 64%,rgba(245,240,230,.05) 100%)}
html[data-theme="light"] .hero h1,html[data-theme="light"] .hero h1 .l2{color:#17130F}
html[data-theme="light"] .hero .lead{color:#3A332B}
html[data-theme="light"] .hero .eyebrow{color:#8A6A2E}
html[data-theme="light"] .hero .eyebrow::before{background:#8A6A2E}
html[data-theme="light"] .hero-call a{color:#17130F}
html[data-theme="light"] .hero-call svg{color:#8A6A2E}
html[data-theme="light"] .hero .incl{color:#5E574D}
html[data-theme="light"] .hero .incl svg{color:#8A6A2E}
html[data-theme="light"] .hero .btn-ghost{color:#17130F;border-color:#17130F}
html[data-theme="light"] .hero .btn-ghost:hover{background:#17130F;color:#fff}
@media(min-width:768px) and (max-width:1023px){html[data-theme="light"] .hero::after{background:linear-gradient(90deg,rgba(245,240,230,.97) 0%,rgba(245,240,230,.9) 52%,rgba(245,240,230,.5) 80%,rgba(245,240,230,.2) 100%)}}
@media(max-width:767px){html[data-theme="light"] .hero::after{background:linear-gradient(180deg,rgba(245,240,230,0) 0px,rgba(245,240,230,.35) 200px,rgba(245,240,230,1) 300px)}}
html[data-theme="light"] .chs{background:#FBF6EC;color:#221E19;border-bottom-color:#E3D9C6}
html[data-theme="light"] .chs-in{background:#fff;border-color:#D9C69C;box-shadow:0 6px 22px rgba(23,19,15,.07)}
html[data-theme="light"] .chs .kicker{color:#8A6A2E}
html[data-theme="light"] .chs h2{color:#17130F}
html[data-theme="light"] .chs p{color:#4A4239}
html[data-theme="light"] .chs-pk li{color:#221E19;border-bottom-color:#E3D9C6}
html[data-theme="light"] .chs-pk b{color:#8A6A2E}
html[data-theme="light"] .chs .btn-ghost,html[data-theme="light"] .chs .btn-t{color:#17130F;border-color:#17130F}

/* ===================== v8 (Oct 22): simpler home, swipe popup, quick checkout, requests, recommendations ===================== */
/* light is the default theme; the header keeps Moshe's black + gold in both themes */
html[data-theme="light"] .hdr{background:#17130F;border-bottom:1px solid #2A231B}
html[data-theme="light"] .hdr .brand,html[data-theme="light"] .hdr .brand .wm{color:#F3EBDD}
html[data-theme="light"] .hdr .wm small{color:#C9A96E}
html[data-theme="light"] .hdr .nav a{color:#E9E1D3}html[data-theme="light"] .hdr .nav a:hover{color:#C9A96E}
html[data-theme="light"] .hdr .iconbtn,html[data-theme="light"] .hdr .themebtn,html[data-theme="light"] .hdr .menu-btn,html[data-theme="light"] .hdr .cartbtn{color:#F3EBDD}
/* slimmer header and announce strip */
.hdr .wrap{min-height:56px}@media(min-width:1024px){.hdr .wrap{min-height:64px}}
.announce{font-size:14px}.announce .wrap{padding-top:6px;padding-bottom:6px}
@media(max-width:767px){.hdr .orderbtn{display:none}.hdr .helpbtn .t{display:none}}
/* calmer home: shorter hero, one CTA, more space */
.home-hero .lead{max-width:34ch}
@media(max-width:767px){.home-hero{min-height:auto}.home-hero .hero-in{padding-top:56px;padding-bottom:44px}.home-hero h1{font-size:clamp(38px,10vw,48px)}.home-hero .lead{font-size:17px}}
.home-hero .ctas{gap:12px}.home-hero .ctas .btn-ghost{background:transparent}
.sec-t{font-size:clamp(28px,2vw + 18px,36px);margin:0 0 18px}
.sec-tight{padding-top:40px!important;padding-bottom:40px!important}
.offer .oh{font-size:clamp(24px,1vw + 19px,30px);margin:0 0 10px}
.otabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 4px;margin:0 -2px 18px;-webkit-overflow-scrolling:touch}
.otabs::-webkit-scrollbar{display:none}
.otabs [role=tab]{flex:0 0 auto;border:1.5px solid var(--border);background:transparent;color:inherit;border-radius:999px;padding:10px 16px;font:600 15px/1.2 var(--sans);cursor:pointer;min-height:44px}
.otabs [role=tab][aria-selected=true]{background:#17130F;color:#F3EBDD;border-color:#17130F}
html[data-theme="dark"] .otabs [role=tab]{border-color:#3A322A}html[data-theme="dark"] .otabs [role=tab][aria-selected=true]{background:#C9A96E;color:#17130F;border-color:#C9A96E}
.opanel{animation:fadeIn .2s ease-out}@keyframes fadeIn{from{opacity:.4}to{opacity:1}}
.opanel .chs-in{display:grid;gap:22px;align-items:center}@media(min-width:900px){.opanel .chs-in{grid-template-columns:1fr 1fr;gap:40px}}
.opanel .chs-ph{position:relative;border-radius:var(--r);overflow:hidden}.opanel .chs-ph img{width:100%;aspect-ratio:4/3;object-fit:cover}
.opanel .ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.opanel .em-c{border-bottom:1px solid var(--border)}html[data-theme="dark"] .opanel .em-c{border-color:#3A322A}
.steps-row{display:grid;gap:12px;padding:0;margin:0;list-style:none;counter-reset:s}
.steps-row li{counter-increment:s;display:flex;gap:12px;align-items:flex-start;font-size:16px}
.steps-row li::before{content:counter(s);flex:0 0 30px;height:30px;border-radius:50%;background:#C9A96E;color:#17130F;font:700 15px/30px var(--sans);text-align:center}
@media(min-width:900px){.steps-row{grid-template-columns:repeat(3,1fr);gap:24px}}
.ct-row{display:grid;gap:16px;align-items:center}@media(min-width:900px){.ct-row{grid-template-columns:1fr auto}}
.ct-row .contacts{display:flex;flex-wrap:wrap;gap:10px}
/* slimmer footer */
.foot{padding:28px 0 calc(24px + env(safe-area-inset-bottom))}.foot .cols{gap:18px}.foot .fh{margin-bottom:6px}
@media(max-width:767px){.foot .cols>div:nth-child(2){display:none}}
/* request / approval */
.reqline{font-size:13px;line-height:1.35;color:var(--muted);margin:6px 0 0}
html[data-theme="dark"] .reqline{color:#BDB3A3}
.reqbox{font-size:15px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative;display:inline-flex}.chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.chip span{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--border);border-radius:999px;padding:9px 14px;font-weight:600;font-size:15px;min-height:42px}
.chip input:checked+span{background:#17130F;color:#F3EBDD;border-color:#17130F}.chip input:checked+span::before{content:"✓"}
.chip input:focus-visible+span{outline:3px solid #2F6FD6;outline-offset:2px}
html[data-theme="dark"] .chip span{border-color:#3A322A}html[data-theme="dark"] .chip input:checked+span{background:#C9A96E;color:#17130F;border-color:#C9A96E}
.hint{font-weight:400;color:var(--muted);font-size:13px}
/* swipe popup */
.quick-ov{align-items:stretch;justify-content:center}
.dlg.quick{width:min(1120px,100%);max-width:100%;max-height:100dvh;height:auto;border-radius:0;padding:0;overflow:auto;background:var(--ivory)}
html[data-theme="dark"] .dlg.quick{background:#14100C}
@media(min-width:768px){.quick-ov{align-items:center;padding:24px}.dlg.quick{border-radius:20px;max-height:calc(100dvh - 48px)}}
@media(max-width:767px){.dlg.quick{height:100dvh;min-height:100dvh}}
.qk-in{padding:calc(14px + env(safe-area-inset-top)) 0 calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;min-height:100%}
.qk-top{display:flex;align-items:flex-start;gap:10px;padding:0 16px 10px}.qk-top h2{font-size:clamp(26px,3vw + 14px,34px)}
.qk-top .x{margin-left:auto}.qk-sub{margin:4px 0 0;color:var(--muted);font-size:15px}
.qk-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 16px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch;outline:none}
.qk-track::-webkit-scrollbar{display:none}
.qk-card{flex:0 0 calc(100% - 28px);scroll-snap-align:center;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 8px 26px rgba(23,19,15,.12);display:flex;flex-direction:column}
html[data-theme="dark"] .qk-card{background:#1E1914;box-shadow:0 8px 26px rgba(0,0,0,.4)}
.qk-ph{position:relative}.qk-ph img{width:100%;aspect-ratio:4/3;object-fit:cover}
@media(max-width:767px) and (max-height:760px){.qk-ph img{aspect-ratio:16/10}}
.qk-ph .flag{position:absolute;left:12px;top:12px}
.qk-bd{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}
.qk-nm{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.qk-nm h3{font-size:26px}.qk-nm b{font:700 22px/1 var(--sans);color:#8A6A2E}
html[data-theme="dark"] .qk-nm b{color:#C9A96E}
.qk-sv{margin:2px 0 8px;color:var(--muted);font-size:14px}
.qk-li{margin:0 0 14px;padding:0;list-style:none;display:grid;gap:4px;font-size:15px}.qk-li li::before{content:"✓ ";color:#8A6A2E;font-weight:700}
.qk-go{margin-top:auto;min-height:52px;font-size:17px}
.qk-nav{display:flex;align-items:center;justify-content:center;gap:12px;padding:2px 0}
.qk-nav .iconbtn{width:44px;height:44px;font-size:26px;border-radius:50%;border:1.5px solid var(--border);background:transparent;color:inherit}
.qk-dots{display:flex;gap:8px}.qk-dots .dot{width:10px;height:10px;border-radius:50%;border:0;padding:0;background:#CFC5B3;cursor:pointer}.qk-dots .dot.on{background:#17130F;width:26px;border-radius:6px}
html[data-theme="dark"] .qk-dots .dot.on{background:#C9A96E}
.qk-more{text-align:center;margin:8px 0 0}.qk-more .linkbtn{font-size:16px;font-weight:600;padding:10px}
@media(min-width:768px){.qk-track{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible;padding:4px 24px 12px;direction:ltr}.qk-card{flex:auto}.qk-nav{display:none}.qk-top{padding:0 24px 12px}}
/* quick checkout */
.qk-form{padding:0 16px;display:grid;gap:12px;max-width:560px;width:100%;margin:0 auto}
.qk-form .fld{margin:0}.qk-form .lab{display:block;font-weight:600;margin-bottom:6px}
.qk-form .two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dchips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;flex-wrap:wrap}
.dchip{border:1.5px solid var(--border);background:#fff;color:inherit;border-radius:12px;padding:8px 10px;min-width:64px;font:500 14px/1.2 var(--sans);cursor:pointer;display:flex;flex-direction:column;align-items:center}
.dchip b{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.dchip.w{flex-direction:row;min-width:0}
.dchip[aria-pressed=true]{background:#17130F;color:#F3EBDD;border-color:#17130F}.dchip[aria-pressed=true] b{color:#C9A96E}
html[data-theme="dark"] .dchip{background:#1E1914;border-color:#3A322A}html[data-theme="dark"] .dchip[aria-pressed=true]{background:#C9A96E;color:#17130F;border-color:#C9A96E}html[data-theme="dark"] .dchip[aria-pressed=true] b{color:#17130F}
.dchips select{border:1.5px solid var(--border);border-radius:12px;padding:8px;font:inherit;background:transparent;color:inherit}
.seg{display:grid;grid-template-columns:1fr 1fr;border:1.5px solid var(--border);border-radius:12px;overflow:hidden}
.seg button{border:0;background:transparent;color:inherit;padding:11px;font:600 15px var(--sans);cursor:pointer}.seg button[aria-pressed=true]{background:#17130F;color:#F3EBDD}
html[data-theme="dark"] .seg button[aria-pressed=true]{background:#C9A96E;color:#17130F}
.qk-pay{min-height:54px;font-size:17px;margin-top:4px}
/* recommendations */
.rec{margin:18px 0;padding:14px;border:1.5px solid var(--border);border-radius:var(--r);background:rgba(201,169,110,.07)}
html[data-theme="dark"] .rec{border-color:#3A322A}
.rec h3{font-size:22px;margin:0 0 10px}.rec-l{display:grid;gap:10px}
.rec-i{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center}
.rec-ph{width:56px;height:56px;border-radius:10px;overflow:hidden;background:#EDE5D6;display:grid;place-items:center;font:700 20px var(--serif);color:#8A6A2E}
html[data-theme="dark"] .rec-ph{background:#2C251E;color:#C9A96E}
.rec-ph img{width:100%;height:100%;object-fit:cover}
.rec-t b{display:block;font-size:15px;line-height:1.25}.rec-t span{display:block;font-size:14px;color:var(--muted)}.rec-t small{display:block;font-size:12px;color:#8A6A2E;font-weight:600}
html[data-theme="dark"] .rec-t small{color:#C9A96E}
.btn-sm{padding:8px 14px;min-height:40px;font-size:15px}

.qk-in>*{flex-shrink:0}
.qk-ph img{height:clamp(170px,30vh,260px);aspect-ratio:auto}
@media(min-width:768px){.qk-ph img{height:220px}}
.steps-row li{background:transparent!important;border:0!important;padding:0!important}
.steps-row li::before{border:0!important;color:#17130F!important}

/* ---------- v9: slim header (logo + one menu button; cart icon only when it has items) ---------- */
.hdr .brand{margin-right:auto}
.hdr-ic{position:relative;width:44px;height:44px;min-width:44px;border:0;background:transparent;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#F3EBDD;cursor:pointer;padding:0;flex:none}
.hdr-ic[hidden]{display:none!important}
.hdr-ic svg{width:26px;height:26px}
.hdr-ic:hover{background:rgba(255,255,255,.08)}
.hdr-ic:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
html[data-theme="light"] .hdr .hdr-ic{color:#F3EBDD;border:0;background:transparent}
.hdr .menu-btn{display:inline-flex!important}
.hdr-ic.cartbtn .n{position:absolute;top:3px;right:1px;min-width:18px;height:18px;border-radius:9px;font-size:11px;font-weight:700;padding:0 4px;line-height:18px}
.hdr .nav{margin-right:6px}
/* menu: Help, contact lines and the light/dark switch */
.navdlg .nav-sub{display:grid;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}
.navdlg .nav-sub .hopt{min-height:52px;padding:10px 14px}
.themerow .i-sun{display:inline-block}.themerow .i-moon{display:none}
html[data-theme="light"] .themerow .i-sun{display:none}html[data-theme="light"] .themerow .i-moon{display:inline-block}
/* "What's included" folds the long lines under a heading */
details.incl{margin:10px 0 0}
details.incl>summary{cursor:pointer;font-weight:600;font-size:15px;color:var(--muted);list-style:none;display:inline-flex;align-items:center;gap:6px;min-height:36px}
details.incl>summary::-webkit-details-marker{display:none}
details.incl>summary::after{content:"+";font-weight:700}
details.incl[open]>summary::after{content:"–"}
details.incl p{margin:6px 0 0}

/* v9 responsive pass */
a.ann-a{display:block;text-decoration:none;color:var(--dark)}
a.ann-a .wrap{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;flex-wrap:wrap;text-align:center}
a.ann-a b{text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
html[data-theme="light"] a.ann-a{color:#17130F}
@media(max-width:600px){a.ann-a .wrap{flex-wrap:nowrap;gap:0;min-height:40px;padding-top:4px;padding-bottom:4px}a.ann-a b{display:none}a.ann-a .wrap>span::after{content:" →";font-weight:700}}
.backlink{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
details.incl>summary{min-height:44px}
.gcc .gcc-chip{min-height:44px!important}
.qk-dots .dot{position:relative}.qk-dots .dot::before{content:"";position:absolute;inset:-17px -8px}
.contacts a,.ct-row a{min-height:44px}
@media(max-width:767px){.benefits{display:none}}
.co-grid{grid-template-columns:minmax(0,1fr)}.co-grid>*{min-width:0}
@media(min-width:1024px){.co-grid{grid-template-columns:minmax(0,1fr) 380px}}
@media(max-width:600px){.ann-k{display:none}}

/* ===== v10: the whole Chanukah box is one tap target to the packages ===== */
a.chs-card{display:grid;text-decoration:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,box-shadow .15s ease,border-color .15s ease}
a.chs-card:hover{border-color:var(--gold)}
a.chs-card:active{transform:scale(.985);box-shadow:0 2px 10px rgba(23,19,15,.12)}
a.chs-card:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
a.chs-card .chs-go{pointer-events:none;display:inline-flex;width:100%;justify-content:center}
@media(min-width:768px){a.chs-card .chs-go{width:auto}}
@media (prefers-reduced-motion:reduce){a.chs-card{transition:none}a.chs-card:active{transform:none}}
/* v10: the hero has one big button */
/* v12: two hero buttons, side by side on desktop, stacked full width on phones */
.home-hero .ctas.hero2{display:flex;flex-wrap:wrap;gap:12px}
.home-hero .ctas.hero2 .btn{min-height:54px;padding-left:26px;padding-right:26px;font-size:1.02rem;justify-content:center}
.btn-gold{background:var(--dark);color:var(--gold);border:1px solid var(--dark)}.btn-gold:hover{background:#000;border-color:var(--gold);color:var(--gold)}
.home-hero .ctas.hero2 .btn:focus-visible{outline:3px solid var(--dark);outline-offset:3px}
@media(min-width:768px){.home-hero .ctas.hero2 .btn{min-width:250px}}
@media(max-width:767px){.home-hero .hero-txt{flex:1 1 auto;width:100%}.home-hero .ctas.hero2{flex-direction:column;gap:10px}.home-hero .ctas.hero2 .btn{width:100%;flex:none}}



/* ---------- v13 (Oct 24): customize the specials, kids add-ons, meat/dairy, custom event ---------- */
.qk-acts{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:auto}
.qk-acts .btn{min-height:52px;font-size:17px;margin:0;padding-left:10px;padding-right:10px}
.qk-acts .qk-go{margin-top:0}
.qk-czn{margin:6px 0 0;font-size:13px;color:var(--muted);text-align:center;line-height:1.35}
:where(html[data-theme="dark"]) .qk-czn{color:#B9B0A2}
.addons{margin-top:22px;padding-top:16px;border-top:1px solid var(--border)}
.addons .ad-g{margin:14px 0 4px;font:600 14px/1.3 var(--sans);text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.ad-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;margin:8px 0;background:var(--white)}
.ad-row.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}
.ad-row .ad-t{flex:1;min-width:0}.ad-row .ad-t b{display:block;font-weight:600;line-height:1.3}.ad-row .ad-t span{font-size:14px;color:var(--muted)}
.ad-row .stepper{height:44px;flex:none}.ad-row .stepper button{width:42px;height:42px}.ad-row .stepper output{min-width:24px;text-align:center;font-weight:600}
:where(html[data-theme="dark"]) .ad-row{background:#1E1914;border-color:#3A322A}
.ce-band{background:var(--gold-t);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.ce-in{display:flex;flex-direction:column;gap:12px;padding-top:20px;padding-bottom:20px}
.ce-band h2{font-size:28px}.ce-band p{margin:6px 0 0;color:var(--muted)}
.ce-go{width:100%;min-height:52px;font-size:17px}
@media(min-width:768px){.ce-in{flex-direction:row;align-items:center;justify-content:space-between}.ce-go{width:auto;flex:none}.ce-band h2{font-size:32px}}
:where(html[data-theme="dark"]) .ce-band{background:#221C15;border-color:#3A322A}
:where(html[data-theme="dark"]) .ce-band p{color:#C9C0B2}
fieldset.kos{border:0;padding:0;margin:0 0 14px}
fieldset.kos legend{font-weight:600;font-size:15px;margin-bottom:6px;padding:0}
.kos-o{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.kos-o label{display:flex;align-items:center;gap:8px;border:1px solid #C9C1B0;border-radius:10px;padding:11px 12px;cursor:pointer;min-height:48px;background:var(--white)}
.kos-o label:has(input:checked){border-color:var(--navy);box-shadow:0 0 0 1px var(--navy) inset;font-weight:600}
.kos-o input{width:18px;height:18px;margin:0;accent-color:var(--navy)}
:where(html[data-theme="dark"]) .kos-o label{background:#1E1914;border-color:#3A322A}
.gcc .gcc-rm{color:#A3261B;border-color:#E3B5AF}

/* ---- v14 (Oct 25): Moshe's ORIGINAL logo (traced from his business card), the KOSHER MEHUDAR seal from the card ---- */
.brand img.logo{height:46px;width:auto;max-width:none;display:block}
@media(min-width:1024px){.hdr .brand img.logo{height:50px}}
@media(max-width:359px){.hdr .brand img.logo{height:38px}}
.foot .brand img.logo{height:66px}
@media(min-width:768px){.foot .brand img.logo{height:76px}}
.hechsher.seal img{width:auto;height:56px;background:none;padding:0;border-radius:6px;object-fit:contain;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.foot .hechsher.seal{margin-top:16px}
.mhead{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mhead h1{margin-right:auto}
.mhead .hechsher{margin:0;flex:none}
.mhead .hechsher.seal img{height:50px}
@media(max-width:400px){.mhead .hechsher.seal img{height:44px}}

/* v15: pick-N choices, Call for price, add-on groups */
.pcount{font:600 13px/1.3 var(--sans);color:var(--muted);margin:0 0 8px}
.grp.multi.full .pcount{color:var(--ok)}
.opt-row:has(input:disabled){opacity:.45;cursor:not-allowed}
.callp{font-weight:600;color:var(--muted)}
.pr.callp{font-size:15px;white-space:nowrap}
.exd{grid-column:1/-1;border:1px solid var(--border);border-radius:12px;background:var(--white)}
.exd>summary.ex-g{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:12px 16px;cursor:pointer;font:700 19px/1.2 var(--serif)}
.exd>summary.ex-g::-webkit-details-marker{display:none}
.exd>summary.ex-g small{font:600 13px/1 var(--sans);color:var(--muted);margin-left:auto}
.exd>summary.ex-g::after{content:"";width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:-4px 4px 0 0;transition:transform .2s}
.exd[open]>summary.ex-g::after{transform:rotate(-135deg);margin-top:4px}
.exd-b{display:grid;gap:10px;padding:0 10px 12px}
.exd-b .xrow{border-color:var(--border)}
.dl.choose li b{font-weight:700}

/* v16 (Oct 25): add-ons under each package and at checkout, Build your own card, Classic + Deluxe discount, ZIP popup */
.pkadd{margin-top:14px;border:1px solid var(--border);border-radius:12px;background:var(--white)}
.pkadd>summary{list-style:none;display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 14px;cursor:pointer;font-weight:700}
.pkadd>summary::-webkit-details-marker{display:none}
.pkadd>summary small{font:600 12px/1.3 var(--sans);color:var(--muted);margin-left:auto;text-align:right}
.pkadd>summary::after{content:"";flex:none;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:-4px 2px 0 0;transition:transform .2s}
.pkadd[open]>summary::after{transform:rotate(-135deg);margin-top:4px}
.pkadd .ad-b{display:grid;gap:8px;padding:0 8px 10px}
.pkadd .exd>summary.ex-g{font-size:16px;min-height:44px;padding:10px 12px}
.pkadd .exd-b{padding:0 6px 10px}
.co-addons{margin:14px 0}
.bundle{display:flex;flex-direction:column;gap:2px;margin:0 0 16px;padding:12px 16px;border-radius:12px;border:1px dashed var(--primary,#E8796A);background:rgba(232,121,106,.08)}
.bundle b{font-size:17px}
.bundle span{font-size:14px}
.sum .r.disc span:last-child{color:var(--ok,#1d7a3a);font-weight:700}
.bundlehint{color:var(--muted)}
.card.byo .bd{display:flex;flex-direction:column;gap:6px}
.card.byo .hechsher{margin:6px 0}
.dl.sup li::marker{content:"✓  "}
.zipok{color:var(--ok,#1d7a3a);font-weight:600}
.zipdlg .alert{margin:10px 0 0}
#zipIn{font-size:20px;letter-spacing:.08em;max-width:180px}
.pkadd>summary>span{flex:none}
.card.byo .nmrow{align-items:baseline}
.card.byo .nmrow h3{white-space:nowrap}
.card.byo .nmrow .pr{font:600 14px/1.2 var(--sans);color:var(--muted);text-align:right}
.zipdlg .fld{display:block}
.zipdlg .fld label{display:block;margin-bottom:6px;font-weight:600}
.zipdlg #zipGo{margin-top:14px}
@media (max-width:767px){.ov:has(.zipdlg){align-items:flex-end}.zipdlg.dlg{height:auto;max-height:90dvh;border-radius:16px 16px 0 0}}

/* v17: packages listed by section, no choices; Order now pop-up; "Customize your own" */
.psecs .psec .incl-h{margin:12px 0 6px}
.psecs.in-dlg{padding:4px 16px 14px;background:#F8F5EE;border-radius:10px}
:where(html[data-theme="dark"]) .psecs.in-dlg{background:#1C1713}
.incl-title{margin-top:14px}
.dlg-f.order-f .row+.row{margin-top:10px}
.btn-order{min-height:56px;font-size:18px;width:100%;justify-content:center}
.qk-acts{grid-template-columns:1fr}
.qk-li{font-size:14px;gap:3px}
.byo-dlg .sub-h{margin:16px 0 6px}
.byo-g .xrow{padding:10px 0;border-bottom:1px solid rgba(0,0,0,.06)}

/* ---------- v18 (Oct 25): homepage photo carousel ("movable pictures on top") + add-on notes ---------- */
.hero-car{min-height:0}
.hero-car::after{display:none}
.hero-car .hero-in{min-height:0;margin-top:0;padding-top:30px;padding-bottom:44px}
.pcar{position:relative;background:#EFE7DA;overflow:hidden;user-select:none;-webkit-user-select:none}
.pcar-vp{overflow:hidden;touch-action:pan-y;cursor:grab}
.pcar-vp:active{cursor:grabbing}
.pcar-track{display:flex;transition:transform .6s cubic-bezier(.22,.61,.36,1);will-change:transform}
.pcar-s{flex:0 0 100%;min-width:100%;aspect-ratio:16/10;max-height:560px}
.pcar-s img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;pointer-events:none}
.pcar-a{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid rgba(23,19,15,.12);background:rgba(255,253,248,.88);color:#17130F;display:grid;place-items:center;box-shadow:0 2px 10px rgba(23,19,15,.14);cursor:pointer;z-index:2;padding:0}
.pcar-a:hover{background:#fff}
.pcar-a:focus-visible,.pcar-d:focus-visible{outline:3px solid #17130F;outline-offset:2px}
.pcar-prev{left:12px}.pcar-next{right:12px}
.pcar-dots{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:flex;gap:2px;padding:2px 6px;border-radius:999px;background:rgba(255,253,248,.8);z-index:2}
.pcar-d{width:28px;height:28px;border:0;background:transparent;padding:0;display:grid;place-items:center;cursor:pointer}
.pcar-d::before{content:"";width:8px;height:8px;border-radius:50%;background:rgba(23,19,15,.32);transition:width .25s,background .25s}
.pcar-d[aria-current]::before{width:20px;border-radius:5px;background:#E8796A}
@media(max-width:767px){.pcar-s{aspect-ratio:4/3;max-height:none}.pcar-a{width:40px;height:40px}.pcar-prev{left:8px}.pcar-next{right:8px}.hero-car .hero-in{padding-top:24px;padding-bottom:36px}}
@media(min-width:768px){.pcar-s{aspect-ratio:auto;height:clamp(340px,42vw,560px)}}
@media(prefers-reduced-motion:reduce){.pcar-track{transition:none}}
html:not([data-theme="light"]) .pcar{background:#1b1712}
.xnote{font-size:13px;line-height:1.35;color:var(--muted);margin-top:2px}
.grp-note{margin:2px 0 8px;font-size:13.5px;font-weight:600;color:var(--muted)}

/* v19 (Moshe, Oct 25 5:20 PM): one-line add-ons, Fritlich package, Chanukah logo banner, pickup in the cart */
.xrow.x1{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;align-items:center;padding:6px 6px 6px 10px;min-height:48px}
.xrow.x1 .nm{font:600 14px/1.25 var(--sans);letter-spacing:-.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.xrow.x1 .pr{font:700 14.5px var(--sans);white-space:nowrap;text-align:right}
.xrow.x1 .pr small{font-weight:500;font-size:12px;color:var(--muted,#6b6157)}
.xrow.x1 .xadd{min-height:40px;min-width:50px;padding:0 10px;font-size:14px;white-space:nowrap}
.xrow.x1 .warnline{grid-column:1/-1}
.exd-b .xrow.x1+.xrow.x1,.byo-g .xrow.x1+.xrow.x1{margin-top:6px}
@media (max-width:360px){.xrow.x1 .nm,.xrow.x1 .pr{font-size:13.5px}.xrow.x1 .xadd{min-width:50px;padding:0 9px}}
.chan-banner{margin:0 0 18px;border-radius:var(--rb,16px);overflow:hidden;background:#0b1430;aspect-ratio:16/9}
.chan-banner img{width:100%;height:100%;object-fit:cover;display:block}
.card.frit .frit-sz{display:grid;gap:8px;margin:6px 0 12px}
.frit .frit-sz .opt-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1.5px solid var(--border);border-radius:12px;padding:10px 12px;min-height:48px;cursor:pointer}
.frit .frit-sz .opt-row:has(input:checked){border-color:var(--gold-d,#9a7a3c);background:rgba(201,169,110,.12)}
.frit .frit-sz input{width:20px;height:20px;accent-color:#17130F}
.frit .frit-q{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 8px}
.frit .fq-l{font-weight:600}
.frit .frit-chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}
.frit .frit-chips .chip{min-height:40px;min-width:52px;border:1.5px solid var(--border);border-radius:20px;background:var(--white,#fff);font:600 14px var(--sans);cursor:pointer;color:inherit}
.frit .frit-chips .chip[aria-pressed=true]{background:#17130F;color:#F3EBDD;border-color:#17130F}
.frit .frit-tot{display:flex;justify-content:space-between;font-size:17px;margin:4px 0 2px}
.frit .frit-note{margin:0 0 12px}
.frit .pr small{font-size:.7em;font-weight:500}
.qk-card.qk-frit .bd{padding:14px 16px}
.qk-card.qk-frit .nmrow{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.qk-card.qk-frit .nmrow h3{font-size:19px;margin:0}
.qk-card.qk-frit .ph img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.qk-card.qk-frit .frit-sz{display:grid;gap:6px;margin:6px 0 10px}
.qk-card.qk-frit .frit-sz .opt-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1.5px solid var(--border);border-radius:12px;padding:8px 12px;min-height:44px}
.sum .fulrow .seg{min-width:190px}
.sum .fulrow .seg button{padding:8px 10px;font-size:14px}
.pickok{color:var(--ok,#2e7d32);font-weight:600;text-align:right}
.frit .frit-chips .chip{display:inline-flex;align-items:center;justify-content:center;padding:0 12px;line-height:1}
.frit .frit-chips button.chip[aria-pressed=true]{background:#17130F;color:#F3EBDD;border-color:#17130F}
.exd-b:has(.xrow.x1),.byo-g:has(.xrow.x1){padding-left:6px;padding-right:6px}
@media (max-width:389px){.xrow.x1 .nm,.xrow.x1 .pr{font-size:13px}.xrow.x1 .xadd{min-width:46px;padding:0 8px;font-size:13px}.xrow.x1{gap:5px;padding-left:8px}}
.xrow.x1 .nm{letter-spacing:-.2px}.xrow.x1{gap:5px}
/* v20: "Need more?" (one quiet line, opens the extra food list inline), Estimated delivery, FREE, You saved / You save */
.needmore{margin:12px 0 4px}
.needmore>summary{list-style:none;display:inline-flex;align-items:baseline;gap:6px;cursor:pointer;min-height:44px;padding:10px 0;font:500 15px/1.3 var(--sans);color:var(--muted)}
.needmore>summary::-webkit-details-marker{display:none}
.needmore .nm-a{color:var(--text);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.needmore[open] .nm-a{text-decoration:none}
.needmore .ad-b{border:1px solid var(--border);border-radius:12px;background:var(--white);padding:8px 10px;margin-top:2px}
.was{color:var(--muted);font-weight:500;margin-right:2px}
.freefee{color:var(--ok);font-weight:800;letter-spacing:.02em}
.sum .r.saved{color:var(--ok)}
.sum .r.saved b{color:var(--ok)}
.yousave{display:inline-block;margin:6px 0 2px;padding:3px 10px;border-radius:999px;background:rgba(46,125,50,.1);color:var(--ok);font:700 13px/1.4 var(--sans)}
.qk-save{margin:2px 0 6px}

/* v20: Custom order? Contact us — inside the sticky header (never over the bottom buttons), under the packages, inside the pop-ups */
.custbar{border-top:1px solid rgba(201,169,110,.25)}
.hdr .custbar .wrap{height:auto;display:flex;justify-content:center;min-height:30px;align-items:center;padding-top:0;padding-bottom:0}
.custbtn{appearance:none;background:none;border:0;padding:4px 8px;min-height:30px;font:500 13px/1.2 var(--sans);color:#E9DFC9;cursor:pointer}
.custbtn b{font-weight:700;text-decoration:underline;text-underline-offset:2px;color:#C9A96E}
html[data-theme="light"] .hdr .custbtn{color:#E9DFC9}
.custline{text-align:center;margin:18px 0 0;font-size:15px;color:var(--muted)}
.custline .linkbtn,.custmini .linkbtn{font-weight:700}
.custmini{text-align:center;margin:10px 0 0;font-size:14px}

/* v20: everything that shows a package can be tapped */
[data-tap]{cursor:pointer;-webkit-tap-highlight-color:rgba(201,169,110,.18)}
.chan-banner[data-tap]:focus-visible,.sideimg[data-tap]:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.frit.tapped{box-shadow:0 0 0 3px var(--gold)}
.minnote{display:block;color:var(--warn);font-weight:600;margin-bottom:2px}

/* ---------- v21: 3 cards + Meat|Dairy switch, package page (guests + portions), extra guests box ---------- */
.dietsw{display:inline-flex;gap:0;margin:4px auto 18px;border:1px solid var(--line,#e2d9c8);border-radius:999px;padding:3px;background:#fff;position:relative;left:50%;transform:translateX(-50%)}
.dietsw button{border:0;background:transparent;font:inherit;font-weight:700;padding:9px 22px;border-radius:999px;min-height:40px;color:var(--ink,#222);cursor:pointer}
.dietsw button[aria-selected="true"]{background:var(--ink,#1f2a24);color:#fff}
.pkgs3{display:grid;gap:18px;grid-template-columns:1fr}
@media (min-width:768px){.pkgs3{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.pkgs3{grid-template-columns:repeat(3,1fr)}}
.pkgs-dairy{max-width:520px;margin:0 auto;grid-template-columns:1fr!important}
.pk-more{margin:18px 0 6px;display:grid;gap:12px;justify-items:center}
.byolink{margin:0;font-weight:700}
.byolink .linkbtn{font-size:1.02rem}
.fritban{display:flex;align-items:center;gap:12px;width:100%;max-width:640px;background:#fff;border:1px solid var(--line,#e2d9c8);border-radius:14px;padding:8px 12px 8px 8px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.fritban img{width:72px;height:54px;object-fit:cover;border-radius:10px;flex:none}
.fritban .fb-t{flex:1;min-width:0;display:grid;line-height:1.25}
.fritban .fb-t b{font-size:.98rem}
.fritban .fb-t span{font-size:.85rem;color:var(--muted,#6b6b6b)}
.fritban .btn{flex:none;white-space:nowrap}
.qk-links{text-align:center;margin:10px 0 0;font-size:.95rem;color:var(--muted,#6b6b6b)}
.qk-links .linkbtn{font-weight:700}
.pkgpage .gpick{margin:4px 0 14px}
.gsteps{display:flex;flex-wrap:wrap;gap:8px}
.gsteps button{flex:1 1 0;min-width:54px;min-height:44px;border:1.5px solid var(--line,#d8cdb8);background:#fff;border-radius:12px;font:inherit;font-weight:800;font-size:1.02rem;cursor:pointer;color:var(--ink,#222)}
.gsteps button[aria-checked="true"]{background:var(--ink,#1f2a24);border-color:var(--ink,#1f2a24);color:#fff}
.gp-note,.mx-note{margin:8px 0 0}
.msec{border:1px solid var(--line,#e2d9c8);border-radius:14px;padding:10px 12px;margin:10px 0;background:#fff}
.msec-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}
.msec-h h4{margin:0;font-size:1rem}
.mcount{font-size:.82rem;font-weight:700;padding:3px 9px;border-radius:999px;background:#fdf1dc;color:#8a5a00;white-space:nowrap}
.msec.done .mcount{background:#e5f3e8;color:#1f6b35}
.mrow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px dashed #eee5d6}
.mrow:first-of-type{border-top:0}
.mrow .mn{flex:1;min-width:0}
.mrow.on .mn{font-weight:700}
.stepper.ms{display:inline-flex;align-items:center;gap:4px}
.stepper.ms button{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--line,#d8cdb8);background:#fff;font-size:1.25rem;font-weight:700;line-height:1;cursor:pointer;color:var(--ink,#222)}
.stepper.ms button:disabled{opacity:.35;cursor:default}
.stepper.ms output{min-width:26px;text-align:center;font-weight:800}
.msec.fixed ul{margin:4px 0 0}
.xg{margin:18px 0 6px;border:1.5px solid var(--gold,#c9a96e);border-radius:16px;padding:12px 12px 6px;background:#fffaf1}
.xg h3{margin:0;font-size:1.08rem}
.xg-sub{margin:2px 0 8px;color:var(--muted,#6b6b6b);font-size:.92rem}
.xgd{border-top:1px solid #efe4cf}
.xgd summary{display:flex;justify-content:space-between;align-items:center;padding:10px 2px;font-weight:700;cursor:pointer;list-style:none;min-height:44px}
.xgd summary::-webkit-details-marker{display:none}
.xgd summary small{color:var(--muted,#6b6b6b);font-weight:600}
.xgd-b .ad-row{padding:6px 0}
#czAdd:disabled{opacity:.5;cursor:not-allowed}
#mixNote:empty{display:none}
#mixNote{color:#8a5a00;font-weight:600;margin:0 0 6px}
.fritdlg .frit-in{box-shadow:none;border:0}
.cutnote{margin:10px 0 0;padding:9px 12px;border-radius:10px;background:#fdf1dc;color:#6b4500;font-size:.92rem;font-weight:600}
.cutnote a{color:inherit;text-decoration:underline}

/* v21: in the opening pop-up each card keeps its own height, so "Order now" sits right under its list (no stretched gap pushing it below the fold) */
@media(max-width:767px){.qk-track{align-items:flex-start}.qk-card .qk-acts{margin-top:6px}}

/* v22: order updates choice (checkout) */
.nopts{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}
.nopts .opt-row{min-height:48px;padding:10px 12px}
@media (min-width:700px){.nopts{grid-template-columns:repeat(4,1fr)}}
.nhint{margin:4px 0 0;line-height:1.45}
.smsc{display:block;margin-top:6px;color:var(--ink,#17130F)}
.stbadge.prog{background:#E8F1FB;color:#163A63}
/* v22: Sola card page (iFields iframes look like the site's inputs) */
.cardf .ifld{display:block;width:100%;height:46px;border:0;margin:0;padding:0;background:transparent}
.cardf .fld .lab{display:block;font-weight:600;margin-bottom:6px}
.cardf [data-ifields-id=card-data-error]:empty{display:none}

fieldset.notif{margin-bottom:16px}