/* Brine & Dandy (concept) · inner pages part 1: menu, dish, order */
.phead-sm{padding:clamp(32px,4vw,56px) 0 clamp(28px,3.5vw,44px)}
.phead-sm h1{font-size:clamp(2.3rem,1.4rem + 3.4vw,4.2rem)}
.h3{font:700 1.25rem/1.25 var(--sans)}
.mini-h{font:500 .76rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);margin-bottom:10px}
.ticks{margin:12px 0 16px;padding-left:1.1em}
.ticks li{margin-bottom:8px}
.crumbs{padding:22px 0 0;font-size:.92rem;display:flex;gap:8px;flex-wrap:wrap;color:var(--ink-2)}
.crumbs a{color:var(--ink)}

/* Menu */
.menu-layout{grid-template-columns:minmax(0,1fr);display:grid;gap:32px;padding-top:36px;padding-bottom:80px;align-items:start}
.filters{background:var(--card);border:1.5px solid var(--ink);border-radius:var(--r);padding:20px}
.filters-h{font:400 1.6rem/1 var(--display);margin-bottom:16px}
.al-filter{border-top:1px solid var(--grout);padding-top:12px;margin-bottom:14px}
.al-filter summary{cursor:pointer;min-height:40px;display:flex;align-items:center}
.filters .check .hint{display:block;width:100%}
.al-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;font-size:.94rem}
.al-grid .check{padding:5px 0}
.cat-jump{display:flex;gap:8px;overflow-x:auto;padding:12px 2px 14px;margin:-12px 0 0;position:sticky;top:79px;z-index:5;background:var(--tile);scrollbar-width:thin}
.cat-jump .chip{flex-shrink:0}
.count{font:500 .8rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin:6px 0 16px}
.menu-sec{margin-bottom:28px;scroll-margin-top:150px}
.sec-blurb{margin:0;padding:12px 20px;background:var(--paper);border-bottom:1px solid var(--grout);font-size:.92rem;color:var(--ink-2)}
.empty{padding:28px}
.empty p{color:var(--ink-2)}
.quick{display:flex;flex-wrap:wrap;gap:8px}
.menu-foot{margin-top:12px}
@media (min-width:1000px){.menu-layout{grid-template-columns:300px 1fr;gap:40px}.filters{position:sticky;top:100px;max-height:calc(100vh - 120px);overflow:auto}}

/* Dish */
.dish{grid-template-columns:minmax(0,1fr);display:grid;gap:36px;padding:28px 0 40px;align-items:start}
.dish-art{max-width:520px;width:100%}
.dish-art .wrap-photo{margin:0}
.dish-card{display:flex;flex-direction:column;justify-content:space-between;gap:16px;aspect-ratio:4/5;padding:28px;background:var(--paper);border:1.5px solid var(--ink);box-shadow:6px 6px 0 var(--ink);transform:rotate(-1deg);background-image:repeating-linear-gradient(0deg,transparent 0 31px,var(--grout) 31px 32px)}
.dish-card-n{font:400 clamp(2rem,1.4rem + 2.6vw,3.4rem)/1 var(--display)}
.dish-card-p{font:500 1.6rem/1 var(--mono)}
.dish-body h1{font-size:clamp(2.3rem,1.4rem + 3.4vw,4.2rem);margin:10px 0 14px}
.dish-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.dish-prices dl{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 6px}
.dish-prices dl div{border:1.5px solid var(--ink);border-radius:var(--r);padding:10px 16px;background:var(--card);min-width:120px}
.dish-prices dt{font:500 .74rem/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);margin-bottom:6px}
.dish-prices dd{margin:0;font-size:1.4rem}
.dish-cta{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 28px}
.dish-al,.dish-cook{border-top:3px double var(--ink);padding-top:18px;margin-top:18px}
.dish-al .preview-note{margin:6px 0 14px}
.al-cols{display:grid;gap:18px}
.al-ul{list-style:none;margin:0;padding:0}
.al-ul li{padding:6px 0;border-bottom:1px solid var(--grout)}
.al-free{columns:2;column-gap:20px;font-size:.92rem;color:var(--ink-2)}
.al-free li{break-inside:avoid}
.rel-h{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.2rem);margin-bottom:18px}
@media (min-width:900px){.dish{grid-template-columns:5fr 6fr;gap:64px}.al-cols{grid-template-columns:1fr 1.4fr}}

/* Order */
.order-grid{grid-template-columns:minmax(0,1fr);display:grid;gap:32px;padding-top:32px;padding-bottom:80px;align-items:start}
.ostep{background:var(--card);border:1.5px solid var(--ink);border-radius:var(--r);padding:clamp(18px,3vw,30px)}
.ostep:focus{outline:none}
.ostep-h{font-size:clamp(1.7rem,1.2rem + 1.6vw,2.4rem);margin-bottom:18px}
.ostep-h:focus{outline:none}
.ostep-nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid var(--grout)}
.lines{list-style:none;margin:0;padding:0}
.line{display:grid;grid-template-columns:1fr auto;gap:10px 16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--grout)}
.line-t{display:flex;flex-direction:column;gap:2px}
.line-t .hint{font-size:.86rem;color:var(--ink-2)}
.qty{display:inline-flex;align-items:center;border:1.5px solid var(--ink);border-radius:999px;overflow:hidden}
.qty button{width:44px;height:44px;border:0;background:var(--card);font-size:1.2rem}
.qty button:hover{background:var(--gold-2)}
.qty span{min-width:30px;text-align:center}
.line-p{text-align:right}
.line-x{justify-self:start;border:0;background:none;padding:6px 0;min-height:44px;text-decoration:underline;color:var(--ink-2);font-size:.9rem}
@media (min-width:640px){.line{grid-template-columns:1fr auto 90px auto}.line-x{justify-self:end}}
.slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;margin:12px 0}
.slot-grid .opt span{min-height:56px;align-items:flex-start}
.asap{margin:8px 0 6px}
.asap-opt span{min-height:60px}
.pay-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.al-check{background:var(--paper);border:1px solid var(--rule);border-radius:var(--r);padding:12px 16px;margin:6px 0 10px}
.al-check summary{font-weight:700;cursor:pointer;min-height:32px}
.al-check ul{margin:10px 0 0;padding-left:1.1em;font-size:.94rem}
.tk-lines{list-style:none;margin:14px 0;padding:12px 0;border-top:1px dashed var(--ink);border-bottom:1px dashed var(--ink)}
.tk-lines li{display:flex;justify-content:space-between;gap:16px;padding:5px 0}
.tk-lines small{display:block;color:var(--ink-2);font-size:.8rem}
.tk-tot{display:flex;justify-content:space-between;font-weight:500;font-size:1.1rem}
.done-tk{margin:16px 0}
.done-cta{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.order-side{display:grid;gap:16px}
.sum-h{font:400 1.7rem/1 var(--display);margin-bottom:14px}
.sum-dl{margin:0 0 12px}
.sum-dl div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--grout)}
.sum-dl dt{color:var(--ink-2)}
.sum-dl dd{margin:0;text-align:right;font-weight:600}
.sum-dl .tot dt,.sum-dl .tot dd{color:var(--ink);font-weight:700;font-size:1.15rem}
.deliv p{color:var(--ink-2);font-size:.95rem}
@media (min-width:1000px){.order-grid{grid-template-columns:1fr 340px;gap:40px}.order-side{position:sticky;top:100px}}