@layer theme{:root{color-scheme:light dark;--background: light-dark(#e6d6b8, #1f3025);--foreground: light-dark(#1a140f, #f4f8f5);--card: light-dark(#f0e4cc, #24382c);--card-foreground: light-dark(#1f3a2a, #f5d98f);--primary: light-dark(#2f5a3e, #e8c27a);--primary-foreground: light-dark(#ffffff, #1a140c);--secondary: light-dark(#ddd0b0, #2e4a38);--secondary-foreground:light-dark(#1f3a2a, #f5d98f);--muted: light-dark(#e0d2b6, #3b4f43);--muted-foreground: light-dark(#3a3126, #c9d9cf);--faint: light-dark(#f5ead6, #2a3f33);--faint-foreground: light-dark(#8a7a60, #7f9a88);--accent: light-dark(#c8b89a, #4a6458);--accent-foreground: light-dark(#1a140f, #f4f8f5);--border: light-dark(#c8b89a, #7f9a88);--input: light-dark(#c8b89a, #7f9a88);--ring: light-dark(#2f5a3e, #e8c27a);--success: light-dark(#3f7a4a, #9be064);--success-foreground: light-dark(#ffffff, #0f1a12);--warning: light-dark(#b7812c, #f2c94c);--warning-foreground: light-dark(#1a1205, #1a1405);--danger: light-dark(#9f2f25, #ff7a70);--danger-foreground: light-dark(#ffffff, #1a0f0f);--highlight: light-dark(#2f5a3e, #f0d28f);--highlight-foreground:light-dark(#ffffff, #1a140c);--surface-nav: light-dark(rgba(230,214,184,.96), rgba(31,48,37,.96));--surface-tabs: light-dark(rgba(230,214,184,.98), rgba(31,48,37,.98));--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--text-1: clamp(1.75rem, 1.5rem + 1.1vw, 2.25rem);--text-2: clamp(1.5rem, 1.3rem + .8vw, 1.875rem);--text-3: clamp(1.25rem, 1.1rem + .5vw, 1.5rem);--text-4: clamp(1.125rem,1.05rem + .3vw, 1.25rem);--text-5: 1.125rem;--text-6: 1rem;--text-7: .875rem;--text-8: .75rem;--text-9: .625rem;--text-regular: var(--text-6);--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold:800;--font-black: 900;--font-sans: "Segoe UI", system-ui, sans-serif;--font-mono: ui-monospace, Consolas, monospace;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed:1.625;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .05em;--tracking-wider: .08em;--tracking-widest: .14em;--tracking-ultra: .2em;--radius-sm: .125rem;--radius: .25rem;--radius-md: .375rem;--radius-lg: .75rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 30px rgb(0 0 0 / .12);--shadow-xl: 0 20px 50px rgb(0 0 0 / .18);--transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--transition: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--z-base: 0;--z-raised: 10;--z-tabs: 100;--z-nav: 200;--z-modal: 300;--z-toast: 400;--max-width: 1200px;--header-h: 54px;--tabs-h: 44px}}@layer base{*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}*{margin:0;padding:0}html{tab-size:4;scroll-behavior:smooth}body,dialog,[popover]{font-family:var(--font-sans);font-size:var(--text-regular);line-height:var(--leading-normal);color:var(--foreground)}body{background-color:var(--background);-webkit-font-smoothing:antialiased;min-height:100vh}img,picture,video,canvas,svg{display:block;max-width:100%}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);&:first-child{margin-block-start:0}}h1{font-size:var(--text-2);margin:var(--space-10) 0 var(--space-6)}h2{font-size:var(--text-3);margin:var(--space-8) 0 var(--space-5)}h3{font-size:var(--text-4);margin:var(--space-6) 0 var(--space-4)}h4{font-size:var(--text-5);margin:var(--space-5) 0 var(--space-3)}h5{font-size:var(--text-6);margin:var(--space-4) 0 var(--space-2)}h6{font-size:var(--text-7);margin:var(--space-4) 0 var(--space-2)}p{margin-block-end:var(--space-4);&:last-child{margin-block-end:0}}a{color:var(--primary);text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-fast);&:hover{color:color-mix(in srgb,var(--primary) 75%,transparent)}}strong,b{font-weight:var(--font-semibold)}em,i{font-style:italic}small{font-size:var(--text-8)}code{font-family:var(--font-mono);font-size:.875em;padding:calc(var(--space-1) / 2) var(--space-1);background-color:var(--faint);border-radius:var(--radius)}pre{font-family:var(--font-mono);padding:var(--space-4);background-color:var(--faint);border-radius:var(--radius-md);overflow-x:auto;margin-block-end:var(--space-4);code{padding:0;background:none;border-radius:0}}blockquote{border-inline-start:4px solid var(--border);padding-inline-start:var(--space-4);margin:var(--space-4) 0;color:var(--muted-foreground);font-style:italic}hr{border:none;border-top:1px solid var(--border);margin:var(--space-8) 0}ul,ol{padding-inline-start:var(--space-6);margin-block-end:var(--space-4)}ul{list-style-type:disc}ol{list-style-type:decimal}li{margin-block-end:var(--space-1)}mark{background-color:color-mix(in srgb,var(--warning) 30%,transparent);padding:calc(var(--space-1) / 2) var(--space-1);border-radius:var(--radius-sm)}button,input,select,textarea{font:inherit}[hidden]{display:none}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}:disabled{opacity:.5;cursor:not-allowed}}@layer components{svg{width:1.25rem;height:1.25rem}.site-header{position:sticky;top:0;z-index:var(--z-nav);height:var(--header-h);background:var(--surface-nav);border-bottom:1px solid var(--border);backdrop-filter:blur(14px)}.header-inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6);height:100%;position:relative}.logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;flex-shrink:0}.logo-img{height:2rem;width:auto;fill:var(--primary)}.logo-text{font-size:var(--text-8);font-weight:var(--font-extrabold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--primary)}.site-nav{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:var(--space-1)}.site-nav a{padding:var(--space-1) var(--space-3);border-radius:var(--radius);text-decoration:none;font-size:var(--text-9);font-weight:var(--font-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--muted-foreground);transition:color var(--transition-fast),background var(--transition-fast)}.site-nav a:hover{color:var(--foreground);background:var(--muted)}.site-nav a[aria-current=page]{color:var(--foreground)}.header-right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.pill{font-size:var(--text-9);font-weight:var(--font-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase;padding:var(--space-1) var(--space-2);border-radius:var(--radius);white-space:nowrap}.pill--open{background:var(--success);color:var(--success-foreground);box-shadow:0 0 8px 1px var(--success)}.pill--soon{background:var(--warning);color:var(--warning-foreground);box-shadow:0 0 8px 1px var(--warning)}.pill--closed{background:var(--danger);color:var(--danger-foreground);box-shadow:0 0 8px 1px var(--danger)}#menu-root{min-height:100vh}.menu-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:34px;height:34px;background:none;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:var(--space-2)}.menu-toggle span{display:block;height:2px;background:var(--foreground);border-radius:var(--radius-full);transition:transform var(--transition),opacity var(--transition)}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:600px){.menu-toggle{display:flex}.site-nav{position:absolute;top:var(--header-h);left:0;right:0;transform:none;display:none;flex-direction:column;background:var(--card);border-bottom:1px solid var(--border);padding:var(--space-2);z-index:var(--z-nav)}.site-nav.open{display:flex}.site-nav a{padding:var(--space-2) var(--space-3)}}.tabs-bar{position:sticky;top:var(--header-h);z-index:var(--z-tabs);background:var(--surface-tabs);border-bottom:1px solid var(--border);backdrop-filter:blur(10px);margin:0 calc(var(--space-6) * -1) var(--space-8)}.tabs-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6);height:var(--tabs-h);display:flex;align-items:center}.category-tabs{display:flex;gap:var(--space-2);overflow-x:auto;padding:12px var(--space-2);margin:-6px calc(var(--space-2) * -1);flex:1}@media(max-width:600px){.category-tabs{scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}}.tab{padding:var(--space-1) var(--space-3);border-radius:var(--radius);border:1px solid var(--border);background:none;color:var(--muted-foreground);font-size:var(--text-9);font-weight:var(--font-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer;white-space:nowrap;flex-shrink:0;text-decoration:none;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition)}.tab:hover{color:var(--foreground);border-color:var(--muted-foreground);background:var(--muted)}.tab.active{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground);box-shadow:0 0 4px 2px color-mix(in srgb,var(--primary) 40%,transparent)}.page{max-width:var(--max-width);margin:0 auto;padding:var(--space-10) var(--space-6)}.page-header{text-align:center;margin-bottom:var(--space-8)}.page-title{font-size:var(--text-1);font-weight:var(--font-black);letter-spacing:var(--tracking-wide);text-transform:uppercase;line-height:var(--leading-tight)}.page-subtitle{margin-top:var(--space-2);font-size:var(--text-9);letter-spacing:var(--tracking-ultra);text-transform:uppercase;color:var(--muted-foreground)}.delivery-links{margin-top:var(--space-3);font-size:var(--text-8);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--muted-foreground)}.delivery-links a{color:var(--primary);text-decoration:none;font-weight:var(--font-bold);text-transform:none;margin:0 var(--space-1)}.delivery-links a:hover{text-decoration:underline}.category-section{grid-column:1 / -1;padding:var(--space-2) 0 var(--space-1);margin-top:var(--space-3);border-bottom:1px solid var(--border);transition:border-color var(--transition-slow)}.category-section:first-child{margin-top:0}.category-heading{font-size:var(--text-9);font-weight:var(--font-extrabold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--muted-foreground);transition:color var(--transition-slow),text-shadow var(--transition-slow)}.category-section.is-active{border-color:var(--primary)}.category-section.is-active .category-heading{color:var(--primary);text-shadow:0 0 12px color-mix(in srgb,var(--primary) 40%,transparent)}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4);padding-bottom:50vh}@media(max-width:500px){.item-grid{grid-template-columns:1fr}}.item-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-6) var(--space-5) var(--space-4);cursor:default;transition:transform var(--transition-fast),box-shadow var(--transition),border-color var(--transition-fast)}.item-card--pending{min-height:180px}.item-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.item-icon{font-size:2.6rem;line-height:1;margin-bottom:var(--space-3);transition:transform var(--transition)}.item-card:hover .item-icon{transform:scale(1.1) rotate(-6deg)}.item-name{font-size:var(--text-6);font-weight:var(--font-extrabold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--card-foreground);margin-bottom:var(--space-1)}.item-tagline{font-size:var(--text-9);color:var(--muted-foreground);letter-spacing:var(--tracking-normal);margin-bottom:var(--space-4)}.modifiers{border-top:1px solid var(--faint);padding-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);flex:1}.mod-row{display:grid;grid-template-columns:5.5rem 1fr;gap:var(--space-1);align-items:baseline}.mod-row dt{font-size:var(--text-9);font-weight:var(--font-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--muted-foreground);&:after{content:":"}}.mod-row dd{font-size:var(--text-8);color:var(--card-foreground);overflow-wrap:break-word}.item-footer{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--faint);display:flex;justify-content:flex-end}.item-price{font-size:var(--text-5);font-weight:var(--font-black);letter-spacing:var(--tracking-normal);color:var(--highlight);text-shadow:0 0 6px color-mix(in srgb,var(--highlight) 35%,transparent)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:640px){.contact-grid{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-6) var(--space-5) var(--space-5);transition:border-color var(--transition-fast),box-shadow var(--transition)}.card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.card--full{grid-column:1 / -1}.card-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-8);font-weight:var(--font-extrabold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--foreground);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--faint)}dialog{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);color:var(--card-foreground);padding:0;max-width:min(420px,90vw);width:100%;margin:auto}dialog::backdrop{background:#00000080;backdrop-filter:blur(4px)}.dialog-inner{padding:var(--space-6) var(--space-5)}.dialog-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--faint)}.dialog-header h3{font-size:var(--text-5);font-weight:var(--font-extrabold);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin:0}.dialog-close{margin-left:auto;background:none;border:none;cursor:pointer;color:var(--muted-foreground);font-size:var(--text-6)}body:has(dialog[open]){overflow:hidden}.mod-trigger{background:none;border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-1) var(--space-3);font-size:var(--text-9);font-weight:var(--font-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--muted-foreground);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.mod-trigger:hover{color:var(--foreground);border-color:var(--muted-foreground)}.rows{display:flex;flex-direction:column;gap:var(--space-2)}.row{display:grid;grid-template-columns:7rem 1fr;gap:var(--space-1);align-items:baseline}@media(max-width:640px){.row{grid-template-columns:6rem 1fr}}.row dt{font-size:var(--text-9);font-weight:var(--font-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--muted-foreground);&:after{content:":"}}.row dd{font-size:var(--text-7);color:var(--card-foreground);a{color:var(--primary);text-decoration:none;transition:opacity var(--transition-fast);&:hover{opacity:.7}}}.hours-rows{display:flex;flex-direction:column}.hours-row{display:flex;justify-content:space-between;align-items:baseline;padding:var(--space-2) 0;border-bottom:1px solid var(--faint);&:last-child{border-bottom:none}dt{font-size:var(--text-7);font-weight:var(--font-semibold);color:var(--card-foreground)}dd{font-size:var(--text-7);font-weight:var(--font-bold);color:var(--card-foreground)}}.hours-row--today{background:color-mix(in srgb,var(--primary) 8%,transparent);margin:0 calc(var(--space-2) * -1);padding-left:var(--space-2);padding-right:var(--space-2);border-radius:var(--radius);dt,dd{font-weight:var(--font-extrabold);color:var(--primary)}}.hours-closed{color:var(--danger)}.hours-note{margin-top:var(--space-4);font-size:var(--text-9);letter-spacing:var(--tracking-wide);color:var(--muted-foreground);font-style:italic}.status-badge{margin-left:auto;font-size:var(--text-9);font-weight:var(--font-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase;padding:var(--space-1) var(--space-2);border-radius:var(--radius);&.pill--open{background:var(--success);color:var(--success-foreground);box-shadow:0 0 8px 1px var(--success)}&.pill--soon{background:var(--warning);color:var(--warning-foreground);box-shadow:0 0 8px 1px var(--warning)}&.pill--closed{background:var(--danger);color:var(--danger-foreground);box-shadow:0 0 8px 1px var(--danger)}}.site-footer{border-top:1px solid var(--border);padding:var(--space-5) var(--space-6);text-align:center;font-size:var(--text-9);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--muted-foreground)}}
