/* readable fonts for More → Text & fonts (downloaded only when used). Hebrew letters come from Heebo when a font has none. */
@font-face{font-family:"Heebo";src:url(/fonts/heebo-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Heebo";src:url(/fonts/heebo-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Heebo";src:url(/fonts/heebo-700.woff2) format("woff2");font-weight:600 900;font-style:normal;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible";src:url(/fonts/atkinson-400.woff2) format("woff2");font-weight:400 500;font-style:normal;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible";src:url(/fonts/atkinson-700.woff2) format("woff2");font-weight:600 900;font-style:normal;font-display:swap}
@font-face{font-family:"Frank Ruhl Libre";src:url(/fonts/frankruhl-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Frank Ruhl Libre";src:url(/fonts/frankruhl-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Frank Ruhl Libre";src:url(/fonts/frankruhl-700.woff2) format("woff2");font-weight:600 900;font-style:normal;font-display:swap}
@font-face{font-family:"Fredericka the Great";src:url(/fonts/fredericka-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Special Elite";src:url(/fonts/specialelite-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Karla";src:url(/fonts/karla-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Karla";src:url(/fonts/karla-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Karla";src:url(/fonts/karla-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Amatic SC";src:url(/fonts/amatic-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--body);font-weight:var(--fw,500);color:var(--ink);background:var(--bg);line-height:1.5;font-size:calc(16px*var(--fs,1));overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{margin:0 0 .4em;line-height:1.1;font-weight:400}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
.wrap{max-width:720px;margin:0 auto;padding:0 18px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:2px solid var(--btn-bg);border-radius:var(--btn-radius);padding:12px 22px;background:var(--btn-bg);color:var(--btn-fg);font-family:var(--btn-font,var(--body));font-weight:700;font-size:calc(14px*var(--fs,1));letter-spacing:var(--btn-ls,.06em);text-transform:var(--btn-tt,uppercase);cursor:pointer;text-decoration:none;min-height:48px;transition:filter .2s,background .2s,color .2s}
.btn:hover{filter:brightness(1.08)}
.btn:disabled{opacity:.5;cursor:not-allowed}
.btn.ghost{background:transparent;color:var(--ghost-fg,var(--ink));border-color:var(--ghost-bd,var(--ink))}
.btn.small{padding:7px 14px;min-height:38px;font-size:calc(12.5px*var(--fs,1))}
.btn.block{width:100%}
.btn.big{min-height:56px;font-size:calc(15px*var(--fs,1))}
label{display:block;font-weight:700;font-size:calc(14px*var(--fs,1));margin:0 0 6px}
.field{margin-bottom:16px}
.hint{font-size:calc(13px*var(--fs,1));color:var(--muted);font-weight:var(--fw,500)}
input[type=text],input[type=email],input[type=tel],input[type=date],textarea{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:var(--in-radius,10px);background:var(--in-bg,#fff);min-height:50px;font-size:calc(16px*var(--fs,1));font-family:var(--body)}
textarea{min-height:86px;resize:vertical}
input:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--focus-ring,rgba(0,0,0,.12))}
input[type=date]{-webkit-appearance:none;appearance:none;display:block}
.err{background:#f8e1dc;color:#9c3523;padding:10px 12px;border-radius:10px;font-size:calc(14px*var(--fs,1));margin:10px 0}
.loading{color:var(--muted);text-align:center;grid-column:1/-1}
.example-banner{margin-top:18px;background:#f6ead2;color:#6b4a00;border:1px dashed #d9bf8a;padding:10px 12px;border-radius:10px;font-size:calc(14px*var(--fs,1))}
/* header */
.site-header{position:sticky;top:0;z-index:20}
.hdr{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;height:var(--hdr-h);padding:0 8px;max-width:1180px;margin:0 auto}
.icon-btn{width:44px;height:44px;display:inline-grid;place-items:center;border-radius:50%;position:relative;text-decoration:none;color:inherit}
.icon-btn svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.bag-count{position:absolute;top:4px;right:2px;min-width:18px;height:18px;border-radius:9px;background:var(--accent);color:#fff;font-size:calc(10.5px*var(--fs,1));display:grid;place-items:center;padding:0 5px;font-weight:700;font-family:var(--body)}
.wordmark{text-decoration:none;text-align:center;line-height:1}
.wm-main,.wm-sub{display:block}
/* chips */
.sec-chips{position:sticky;top:var(--hdr-h);z-index:6;margin:0 -18px 10px;padding:10px 0}
.sec-chips-in{display:flex;gap:8px;overflow-x:auto;padding:2px 18px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.sec-chips-in::-webkit-scrollbar{display:none}
.chip{flex:0 0 auto;display:inline-flex;align-items:center;min-height:38px;padding:0 15px;text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:background .2s,color .2s}
/* menu grid */
.menu-sec{padding-top:4px}
.menu-sec+.menu-sec{margin-top:30px}
.menu-list,.menu-sec-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
.menu-list>.loading,.menu-list>.err,.menu-list>.hint,.menu-list>.menu-sec{grid-column:1/-1}
.loaf{display:flex;flex-direction:column;min-width:0;position:relative}
.loaf .ph{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden}
.loaf .ph img{width:100%;height:100%;object-fit:cover}
.loaf>div:last-child{display:flex;flex-direction:column;flex:1}
.loaf h3{overflow-wrap:anywhere;margin:0 0 4px}
.loaf .size{font-size:calc(12px*var(--fs,1));color:var(--muted);margin:0 0 3px}
.loaf .desc{font-size:calc(13px*var(--fs,1));line-height:1.4;color:var(--muted);margin:0 0 8px;overflow-wrap:anywhere}
.loaf .buy{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-top:auto}
.stepper{display:flex;align-items:center;justify-content:space-between;height:40px;transition:background .2s,color .2s}
.stepper button{width:42px;height:38px;border:0;background:none;font-size:calc(21px*var(--fs,1));line-height:1;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}
.stepper button:disabled{opacity:.3;cursor:default}
.stepper output{min-width:24px;text-align:center;font-weight:700;font-size:calc(15px*var(--fs,1));font-family:var(--body)}
.loaf-ph{display:flex;align-items:center;justify-content:center;background:#e9d3b5}
.loaf-ph svg{width:46%;height:auto}
/* order form */
.order-form{margin:46px auto 44px;padding:26px 18px 22px;max-width:640px;text-align:left}
fieldset{border:0;padding:0;margin:0 0 16px}
legend{font-weight:700;font-size:calc(14px*var(--fs,1));margin-bottom:7px;padding:0}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.seg-opt{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid var(--line);border-radius:var(--btn-radius);padding:11px;background:var(--in-bg,#fff);cursor:pointer;margin:0!important;font-weight:700}
.seg-opt input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.seg-opt:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}
.seg-opt:has(input:checked){border-color:var(--btn-bg);background:var(--btn-bg);color:var(--btn-fg)}
.row2{display:grid;gap:0 12px}
@media (min-width:560px){.row2{grid-template-columns:1fr 1fr}}
.summary{background:var(--in-bg,#fff);border:1.5px dashed var(--line);border-radius:10px;padding:10px 14px;margin:0 0 18px}
.summary table{width:100%;border-collapse:collapse;font-size:calc(15px*var(--fs,1))}
.summary td{padding:6px 0;vertical-align:top;border-bottom:1px dashed var(--line)}
.summary td.r{text-align:right;white-space:nowrap;padding-left:10px}
.summary tr.total td{border-bottom:0;font-weight:700;font-size:calc(18px*var(--fs,1));padding-top:9px}
.paynote{border-radius:10px;padding:11px 14px;font-size:calc(14px*var(--fs,1));margin:4px 0 16px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
/* cart bar */
.cartbar{position:fixed;left:0;right:0;bottom:0;padding:10px 0 calc(10px + env(safe-area-inset-bottom));z-index:15}
.cartbar-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:calc(15px*var(--fs,1));font-weight:700}
/* done */
.done{margin:34px auto 50px;padding:30px 20px;text-align:center;max-width:640px}
.done .summary{text-align:left}
.done-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:calc(28px*var(--fs,1));margin:0 auto 10px}
.done .btn.ghost{margin-top:10px}
/* whatsapp */
.wa-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0}
.wa-btn:before{content:"";width:17px;height:17px;flex:none;background:currentColor;-webkit-mask:var(--wa-ico) center/contain no-repeat;mask:var(--wa-ico) center/contain no-repeat}
.btn.wa{background:#3f7d4f;border-color:#3f7d4f;color:#fff;margin:6px 0 4px}
:root{--wa-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm5.3 14.1c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .2-3.3-.7-2.8-1.1-4.5-4-4.7-4.2-.1-.2-1.1-1.5-1.1-2.9s.7-2.1 1-2.4c.3-.3.6-.3.8-.3h.6c.2 0 .4 0 .6.5l.9 2.1c.1.2.1.4 0 .5l-.4.6-.4.4c-.1.2-.3.3-.1.6.2.3.8 1.3 1.7 2.1 1.2 1 2.1 1.4 2.4 1.5.3.1.5.1.6-.1l.9-1c.2-.3.4-.2.6-.1l2 .9c.3.1.5.2.5.3.1.2.1.7-.1 1.3z'/%3E%3C/svg%3E")}
/* footer */
.foot{text-align:center;padding:40px 0 100px;font-size:calc(14px*var(--fs,1))}
.foot-logo{width:88px;height:88px;border-radius:50%;margin:0 auto 12px}
.foot #pickupInfo{max-width:28em;margin:0 auto 18px}
.foot-fine{font-size:calc(11px*var(--fs,1));letter-spacing:.2em;text-transform:uppercase;margin:22px 0 0}
#orderForm,#menu,#top{scroll-margin-top:130px}
@media (min-width:720px){
  .wrap{max-width:1100px;padding:0 28px}
  .sec-chips{margin:0 -28px 10px}
  .sec-chips-in{padding:2px 28px;justify-content:center}
  .menu-list,.menu-sec-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px}
  .order-form{padding:34px 36px 30px}
  .hero-cta{flex-direction:row!important;justify-content:center;max-width:none!important}
}
@media (min-width:1000px){.menu-list,.menu-sec-items{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

:root{--bg:#c69c6d;--ink:#2b2724;--muted:#45372b;--line:#a88159;--accent:#9a3b22;--btn-bg:#2b2724;--btn-fg:#f3e6cf;--btn-radius:4px;--in-radius:4px;--in-bg:#fbf6ec;--hdr-h:64px;--focus-ring:rgba(154,59,34,.2);
--display:"Fredericka the Great","Rockwell",serif;--stamp:"Special Elite","Courier New",monospace;--body:"Karla","Helvetica Neue",Arial,sans-serif;--hand:"Amatic SC","Marker Felt",cursive;--btn-font:var(--stamp);--btn-ls:.08em;
--kraft:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .2 0 0 0 0 .09 0 0 0 -1.6 1.05'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23n%29'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.02 .35' numOctaves='2' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .98 0 0 0 0 .9 0 0 0 0 .75 2.2 0 0 0 -1.25'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23f%29'/%3E%3C/svg%3E");--flour:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='d'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .98 0 0 0 0 .94 6 0 0 0 -4.05'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23d%29'/%3E%3C/svg%3E");--smudge:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='400'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.01 .03' numOctaves='3' seed='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 .28 0 0 0 -.1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23s%29'/%3E%3C/svg%3E");--board:#262422;--chalk:#f4efe6;--paper:#f6eedf}
body{background-color:#c69c6d;background-image:var(--kraft);background-size:260px,300px}
.charcoal{background-color:var(--board);background-image:var(--flour),var(--smudge);background-size:220px,600px 400px;color:var(--chalk)}
.annc{background:#2b2724;color:#e9d7b8;text-align:center;font-family:var(--stamp);font-size:calc(12px*var(--fs,1));letter-spacing:.14em;padding:7px 12px;text-transform:uppercase}
.annc span{color:#d99a5b;margin:0 6px}
/* top bar = TWO centered lines, no ✦ (Hershel, Oct 26 7:56 PM chose "2" + "And center"): BAKED FRESH TO ORDER / PAY ON PICKUP.
   Each line stays on ONE line at 360/390px and any text size: size and letter-spacing shrink with the screen, never wrap mid-line */
.annc{white-space:normal;overflow:hidden;font-size:min(calc(12px*var(--fs,1)),4.6vw);letter-spacing:min(.14em,.6vw);line-height:1.45;padding:6px 6px}
.annc .annc-ln{display:block;text-align:center;white-space:nowrap;overflow:hidden;color:inherit;margin:0}
.site-header{background-color:#262422;background-image:var(--flour);background-size:220px;color:var(--chalk);border-bottom:3px solid #8a5a33;box-shadow:0 2px 10px rgba(0,0,0,.25)}
.wm-main{font-family:var(--display);font-size:calc(26px*var(--fs,1));letter-spacing:.02em;color:var(--chalk)}
.wm-sub{font-family:var(--stamp);font-size:calc(10px*var(--fs,1));letter-spacing:.24em;text-transform:uppercase;color:#d8b07c;margin-top:4px}
.icon-btn:hover{background:rgba(255,255,255,.08)}
.bag-count{background:#c0602f}
/* hero */
.hero{position:relative;text-align:center;padding:26px 0 70px;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 34% at 50% 0,rgba(255,255,255,.16),transparent 70%),radial-gradient(40% 30% at 0 100%,rgba(255,255,255,.08),transparent 70%),radial-gradient(40% 30% at 100% 70%,rgba(255,255,255,.07),transparent 70%);pointer-events:none}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:26px;background-color:#c69c6d;background-image:var(--kraft);background-size:260px,300px;clip-path:polygon(0 60%,4% 40%,8% 62%,13% 35%,18% 58%,23% 42%,28% 66%,33% 38%,39% 60%,44% 36%,50% 62%,55% 40%,61% 64%,66% 37%,72% 58%,77% 42%,82% 65%,88% 38%,93% 60%,97% 44%,100% 58%,100% 100%,0 100%)}
.hero-inner{position:relative;z-index:1}
.hand{font-family:var(--hand);font-weight:700;font-size:calc(30px*var(--fs,1));line-height:1;color:#e8c58f;margin:0;letter-spacing:.04em}
.hero-logo{position:relative;width:min(76vw,300px);margin:16px auto 22px}
.hero-logo img{width:100%;height:auto;filter:drop-shadow(0 10px 22px rgba(0,0,0,.55));position:relative;z-index:1}
.hero-logo:before{content:"";position:absolute;inset:-12px;border:2px dashed rgba(244,239,230,.55);border-radius:50%}
.hero-logo:after{content:"";position:absolute;inset:-22px;border:1px solid rgba(244,239,230,.18);border-radius:50%}
.hero h2{font-family:var(--display);font-size:calc(clamp(30px,8.6vw,46px)*var(--fs,1));line-height:1.08;color:var(--chalk);margin:6px 0 10px;text-shadow:0 0 1px rgba(255,255,255,.5)}
.lede{font-size:calc(16.5px*var(--fs,1));color:#d9cfc2;max-width:22em;margin:0 auto}
.stamp{display:inline-block;font-family:var(--stamp);text-transform:uppercase;letter-spacing:.14em;font-size:calc(12px*var(--fs,1));color:#e07a4a;border:2px solid currentColor;outline:1px solid currentColor;outline-offset:3px;padding:5px 12px;border-radius:3px;transform:rotate(-3deg);margin:18px 0 4px;opacity:.92}
.hero-cta{display:flex;flex-direction:column;gap:10px;max-width:320px;margin:22px auto 0}
.hero .btn{background:#d7b07a;border-color:#d7b07a;color:#231f1c;background-image:var(--kraft);background-size:260px,300px;box-shadow:0 3px 0 #8a5a33}
.hero .btn.ghost{background:transparent;background-image:none;color:var(--chalk);border:2px dashed rgba(244,239,230,.7);box-shadow:none}
/* steps */
.steps{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.steps li{background:var(--paper);text-align:center;padding:14px 6px 12px;border-radius:3px;box-shadow:0 2px 6px rgba(60,40,20,.25);position:relative}
.steps li:nth-child(1){transform:rotate(-1.5deg)}.steps li:nth-child(3){transform:rotate(1.4deg)}
.steps li:before{content:"";position:absolute;top:-7px;left:50%;width:34px;height:14px;margin-left:-17px;background:rgba(240,228,200,.75);box-shadow:0 1px 2px rgba(0,0,0,.15);transform:rotate(-4deg)}
.steps i{display:block;font-style:normal;font-family:var(--display);font-size:calc(28px*var(--fs,1));color:var(--accent);line-height:1}
.steps b{display:block;font-family:var(--stamp);font-weight:400;font-size:calc(11px*var(--fs,1));letter-spacing:.06em;text-transform:uppercase;margin-top:6px;line-height:1.3}
.steps span{display:block;font-size:calc(12px*var(--fs,1));color:var(--muted);line-height:1.3;margin-top:4px}
/* menu board */
.board{margin:34px auto 18px;padding:22px 16px 20px;text-align:center;border:10px solid #6e4a2c;border-image:none;box-shadow:inset 0 0 0 2px #3c2a1a,inset 0 0 30px rgba(0,0,0,.6),0 8px 18px rgba(50,30,10,.4);border-radius:6px;position:relative}
.board .hand{font-size:calc(26px*var(--fs,1))}
.board h2{font-family:var(--display);font-size:calc(clamp(38px,11vw,56px)*var(--fs,1));margin:2px 0 4px;color:var(--chalk)}
.board p.sub{margin:0;font-family:var(--stamp);font-size:calc(12.5px*var(--fs,1));color:#cbbfae;letter-spacing:.06em}
.board .chalk-line{display:block;width:70%;height:2px;margin:10px auto;background:repeating-linear-gradient(90deg,rgba(244,239,230,.7) 0 14px,transparent 14px 20px)}
.sec-chips{background:rgba(198,156,109,.96);background-image:var(--kraft);background-size:260px,300px;border-bottom:2px solid #8a5a33;box-shadow:0 4px 8px -4px rgba(60,40,20,.4)}
.chip{font-family:var(--stamp);font-size:calc(13px*var(--fs,1));letter-spacing:.04em;color:#2b2724;background:#f3e6cf;border:1.5px dashed #6e4a2c;border-radius:3px;padding:0 14px 0 22px;position:relative}
.chip:before{content:"";position:absolute;left:8px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:#c69c6d;box-shadow:inset 0 0 0 1.5px #6e4a2c}
.chip.on{background:#262422;color:var(--chalk);border-style:solid;border-color:#262422}
.chip.on:before{background:#d7b07a;box-shadow:none}
.menu-sec-h{display:block;width:max-content;max-width:100%;margin:14px auto 18px;padding:8px 22px 6px;font-family:var(--display);font-size:calc(28px*var(--fs,1));color:var(--chalk);background-color:var(--board);background-image:var(--flour);background-size:220px;border:4px solid #6e4a2c;border-radius:4px;transform:rotate(-1deg);box-shadow:0 5px 10px rgba(50,30,10,.35)}
/* cards */
.loaf{background:var(--paper);padding:7px 7px 10px;border-radius:3px;box-shadow:0 2px 0 rgba(110,74,44,.25),0 6px 14px rgba(60,40,20,.22)}
.loaf .ph{border-radius:2px;background:#e3cfae}
.loaf .ph:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);pointer-events:none}
.loaf>div:last-child{padding:9px 3px 0}
.loaf h3{font-family:var(--body);font-weight:700;font-size:calc(15.5px*var(--fs,1));line-height:1.2;color:#2b2724}
.price{position:absolute;top:14px;right:12px;z-index:2;font-family:var(--stamp);font-size:calc(16px*var(--fs,1));color:#8d2a17;background:#f6ecd8;border:2px solid #8d2a17;outline:1px solid #8d2a17;outline-offset:2px;padding:3px 8px 2px;border-radius:2px;transform:rotate(-6deg);box-shadow:0 2px 4px rgba(0,0,0,.25)}
.stepper{border:2px solid #2b2724;border-radius:4px;background:#fbf6ec}
.loaf.in .stepper{background:#2b2724;color:var(--chalk)}
.loaf.in{box-shadow:0 0 0 3px #2b2724,0 6px 14px rgba(60,40,20,.3)}
/* form */
.order-form{background:var(--paper);background-image:repeating-linear-gradient(transparent 0 31px,rgba(110,140,170,.18) 31px 32px);border-radius:3px;box-shadow:0 8px 20px rgba(60,40,20,.3);position:relative}
.order-form:before{content:"";position:absolute;top:-9px;left:50%;width:90px;height:18px;margin-left:-45px;background:rgba(240,228,200,.8);transform:rotate(-2deg);box-shadow:0 1px 3px rgba(0,0,0,.18)}
.order-form .hand{text-align:center;color:var(--accent)}
.order-form h2{font-family:var(--display);font-size:calc(40px*var(--fs,1));text-align:center;margin:0 0 16px;color:#2b2724}
.order-form label,.order-form legend{font-family:var(--stamp);font-weight:400;letter-spacing:.06em;text-transform:uppercase;font-size:calc(12.5px*var(--fs,1))}
.order-form label .hint{text-transform:none;letter-spacing:0;font-family:var(--body)}
.seg-opt{font-family:var(--stamp);font-weight:400;text-transform:uppercase;letter-spacing:.08em}
.summary tr.total td{font-family:var(--stamp);font-weight:400}
.paynote{font-family:var(--stamp);font-size:calc(13px*var(--fs,1));color:#8d2a17;border:2px dashed #8d2a17;background:transparent}
.cartbar{background:#262422;background-image:var(--flour);background-size:220px;color:var(--chalk);border-top:3px solid #8a5a33}
.cartbar .btn{background:#d7b07a;border-color:#d7b07a;color:#231f1c}
.done{background:var(--paper);box-shadow:0 8px 20px rgba(60,40,20,.3)}
.done h2{font-family:var(--display);font-size:calc(34px*var(--fs,1))}
.done-icon{border:2px solid var(--accent);color:var(--accent)}
.foot{color:#d9cfc2;margin-top:10px;border-top:3px solid #8a5a33}
.foot-wm{font-family:var(--display);font-size:calc(30px*var(--fs,1));color:var(--chalk);margin:0}
.foot-sub{font-family:var(--hand);font-weight:700;font-size:calc(24px*var(--fs,1));color:#e8c58f;margin:2px auto 14px}
.wa-btn.light{color:var(--chalk);border:2px dashed rgba(244,239,230,.7)}
.foot-fine{font-family:var(--stamp);color:#b9a68d}
@media (min-width:720px){.hero-logo{width:330px}.steps{max-width:760px;margin:0 auto}.board{max-width:640px}}
.foot{background-color:var(--board);background-image:var(--flour),var(--smudge);background-size:220px,600px 400px}

/* v2 (Oct 23): fields and controls added to the order page since the theme was drawn */
.row2.names{grid-template-columns:1fr 1fr}
.row2.names .field{min-width:0}
#summary tr.fee td,#doneSummary tr.fee td{color:var(--muted)}
#summary tr.fee s,#doneSummary tr.fee s{opacity:.7;margin-right:4px}
.stepper .qty-in{width:34px;min-width:24px;text-align:center;font:inherit;font-family:var(--body);font-weight:700;font-size:calc(16px*var(--fs,1));border:0;background:transparent;color:inherit;padding:0;border-radius:3px;-moz-appearance:textfield}
.stepper .qty-in::-webkit-outer-spin-button,.stepper .qty-in::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.stepper .qty-in:focus{outline:2px solid var(--accent);outline-offset:1px;background:#fbf6ec;color:#2b2724}

/* Oct 24: tagline, "fresh from the oven", hero headline/stamp and the menu board removed */
.hero-logo{margin-top:34px}
.menu-block{margin-top:18px}
#menu{scroll-margin-top:var(--hdr-h)}

/* checkout: the field that needs fixing, and a date moved off a closed day */
.order-form [aria-invalid="true"]{border-color:#b3261e!important;box-shadow:0 0 0 3px rgba(179,38,30,.18)}
#dateHint.date-moved{color:#9a4a12;font-weight:700}

/* pn1 · prices never break mid-number */
.price,.summary td.r,#cartText{white-space:nowrap}

/* ⚡ Oct 29 · same-day request: "I need it TODAY — ask the bakery" */
.sd-wrap{margin-top:-4px}
.order-form label.sd-opt{display:flex;align-items:center;gap:12px;min-height:54px;padding:10px 14px;border:2px dashed #9a4a12;border-radius:var(--btn-radius);background:#fbf3e2;cursor:pointer;font-family:var(--body);font-weight:700;text-transform:none;letter-spacing:0;font-size:calc(16.5px*var(--fs,1));line-height:1.25;color:#2b2724;-webkit-tap-highlight-color:transparent}
.sd-opt input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.sd-box{flex:0 0 26px;width:26px;height:26px;border:2px solid #2b2724;border-radius:4px;background:#fff;display:grid;place-items:center}
.sd-opt input:checked + .sd-box{background:#9a4a12;border-color:#9a4a12}
.sd-opt input:checked + .sd-box::after{content:"✓";color:#fff;font-weight:700;font-size:calc(18px*var(--fs,1));line-height:1}
.sd-opt:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}
.sd-wrap.on .sd-opt{border-style:solid;background:#f6e2c0}
.sd-txt{min-width:0;overflow-wrap:anywhere}
.sd-note{margin:8px 0 0;padding:10px 12px;border-left:4px solid #9a4a12;background:#fbf6ec;font-weight:700;font-size:calc(15.5px*var(--fs,1));line-height:1.4;color:#2b2724}
#date:disabled{opacity:1;color:#2b2724;background:#efe4d1;-webkit-text-fill-color:#2b2724}
.sd-done{display:block;margin-top:10px;padding:10px 12px;border:2px dashed #9a4a12;font-weight:700;background:#fbf3e2}

/* ⏳ Oct 29 · order approval: the thank-you screen says it's a request */
.req-done{display:block;margin:0 0 10px;padding:10px 12px;border:2px solid #9a4a12;border-radius:8px;background:#fbf3e2;font-weight:800}

/* 🥖 Ready today */
.rdy-b{margin:2px 0 4px;font-weight:800;color:#2b6a36;font-size:calc(16px*var(--fs,1))}
.loaf.rdy-so .rdy-b,.loaf.rdy-na .rdy-b{color:#9a3b2e}
.loaf.rdy-na,.loaf.rdy-so{opacity:.6}
.loaf.rdy-na .stepper button,.loaf.rdy-so .stepper button{cursor:not-allowed}
.rdy-note{margin:8px 0 0;font-weight:700;background:#eef6ee;border-radius:10px;padding:8px 10px;color:#245c31}
.rdy-top{display:flex;flex-direction:column;gap:2px;background:#fff3dc;border:1px solid #d9b47a;border-radius:14px;padding:10px 12px;margin:0 0 12px;font-weight:600;overflow-wrap:anywhere}
.rdy-top b{font-weight:900}.rdy-top-l{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:1.05em}.rdy-top-i{max-width:100%;overflow-wrap:anywhere}.rdy-top-i b{display:inline-block;min-width:1.4em;text-align:center;background:#7a4a1e;color:#fff;border-radius:8px;padding:0 6px;margin-left:2px}.rdy-top small{font-weight:700;color:#7a5a32}

/* 🥖 Available (Oct 29 7:40 PM) */
.loaf.rdy-ok .rdy-b{color:#8a4b12}
.rdy-note.rdy-note-req{background:#fdf1de;color:#7a420e}
.ok-done{border-color:#2b6a36;background:#eef6ee;color:#1f4f28}
.guest-bar{background:#2f2a24;color:#f6efe4;font-weight:700;padding:8px 12px;text-align:center;font-size:calc(14px*var(--fs,1));overflow-wrap:anywhere}
.guest-bar b{color:#f0c98a}

/* 📣 Oct 30 · "How did you hear about us?" (optional, first order only) */
.heard-lab{display:block;font-weight:700;margin-bottom:8px}
.heard-opts{display:flex;flex-wrap:wrap;gap:8px}
.heard-o{min-height:44px;padding:8px 14px;border-radius:999px;border:1.5px solid currentColor;background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer;max-width:100%;overflow-wrap:anywhere;text-align:left}
.heard-o.on{background:#2b2724;color:#f3e6cf;border-color:#2b2724}
.heard-o.skip{border-style:dashed;opacity:.8}
#heardNote{margin-top:10px}

/* 🎉 "What's the occasion?" (Oct 30) */
#occBox .occ-dm{margin-top:8px}
#occBox .heard-o{min-height:44px;padding:8px 12px}
#occBox .heard-o{min-height:42px;padding:6px 12px;font-size:.95em}
#occBox .heard-opts{gap:6px}
.sum-row{display:flex;justify-content:space-between;gap:18px;padding:9px 0;border-bottom:1px dashed var(--line)}.sum-row.total{font-size:1.2em;border:0;padding-top:14px}.sum-row b,.sum-row strong:last-child{white-space:nowrap}