:root{--green:#646d42;--gold:#ad623d;--paper:#f4e8cf;--ink:#493a27;--muted:#877b63;--grain:url('/assets/paper-grain.svg');--wood:url('/assets/wood.svg')}
body{background:var(--grain),#f2e6ce;color:var(--ink);font-family:Segoe UI,Arial,sans-serif}.app{grid-template-columns:190px minmax(0,1fr) 305px;max-width:1700px}.sidebar{background:var(--grain),#e5dfc5;color:var(--ink);padding:37px 23px;border-right:1px solid #c7c5a6;isolation:isolate}.sidebar:after{content:'';position:absolute;left:0;right:0;bottom:0;height:9px;background:var(--wood);background-size:400px;z-index:-1}.brand img{width:100%;height:44px}.brand span{font-size:7px;letter-spacing:2.5px;margin-top:9px;color:#6a4b30}.sidebar nav{margin-top:50px;gap:7px;z-index:1}.sidebar nav button{color:#827b5a;border-radius:5px;padding:14px 12px;font-size:20px}.sidebar nav span{font-size:12px}.sidebar nav .active{background:#697346;color:#fff5df;box-shadow:0 4px 12px #5a603117}.sidebar nav button:hover{background:#69734625;color:#384328}.side-art{position:absolute;left:-40px;top:380px;width:230px;transform:rotate(-31deg);opacity:.21;z-index:-1}.side-art img{width:100%}.side-bottom{border-top:1px solid #babd9f;padding-top:20px;color:#7d785d}.side-bottom>span{font-size:9px;text-transform:uppercase;letter-spacing:2px;color:#85674b}.side-bottom p{font:italic 18px/1.5 Georgia,serif;color:#5b6140}.side-bottom small{font-size:9px;line-height:1.7}
main{padding:28px 34px 50px;background:radial-gradient(ellipse at 80% 0,#fff7e2bb,transparent 75%)}header{margin-bottom:26px;padding-bottom:20px;border-bottom:1px solid #c6c4a4}.eyebrow{font-size:8px;letter-spacing:1.7px;color:#817956}header p{font:italic 14px Georgia,serif;color:#737454}.pill{background:var(--grain),#eee5cf;border:1px solid #c3c2a0;border-radius:4px;font-size:11px;padding:11px 15px;color:#626c42}.pill b{background:#6a7445;color:white}
.hero{height:385px;background:var(--grain),#ead9b6;border:1px solid #cbbb92;border-radius:7px 7px 60px 7px;position:relative;isolation:isolate;overflow:hidden;padding:39px 34px;box-shadow:0 10px 22px #6d4a2310}.hero:before{content:'';position:absolute;bottom:0;left:0;right:0;height:9px;background:var(--wood);background-size:400px;z-index:4}.hero:after{content:'';position:absolute;right:-70px;bottom:-150px;width:360px;height:360px;border-radius:50%;background:#a55f3a;opacity:.17;z-index:-1}.hero-copy{position:relative;z-index:2;max-width:62%}.hero .eyebrow{color:#7a6c45;font-size:8px;letter-spacing:2px}.hero h1{font:45px/1.08 Georgia,serif;color:#613b23;margin:26px 0 19px;letter-spacing:-1.2px}.hero h1 em{font-weight:400;color:#677347}.hero p{color:#877455;max-width:260px;font-size:12px;line-height:1.8;margin:0 0 23px}.hero button{background:#697548;color:#fff4d9;border:1px solid #60703d;border-radius:4px;padding:13px 19px;font-size:11px;letter-spacing:.3px;margin:0;box-shadow:0 3px 0 #48552d22}.hero button:hover{background:#566335}.hero-art{position:absolute;width:365px;height:365px;right:-72px;top:36px;z-index:1;transform:rotate(-12deg)}.hero-art img{width:100%;height:100%;filter:drop-shadow(7px 15px 13px #5b4a2525)}.hero-leaves{position:absolute;width:145px;right:165px;top:-91px;transform:rotate(70deg);opacity:.35;z-index:0}.hero-stamp{position:absolute;right:21px;bottom:29px;width:72px;height:72px;border:1px solid #8a6b46;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--grain),#f4e6c7;color:#705437;transform:rotate(12deg);z-index:3;outline:1px dashed #a08659;outline-offset:-5px}.hero-stamp strong{font:italic 21px Georgia,serif}.hero-stamp span{font-size:7px;letter-spacing:1px}.benefits{border-top:1px solid #c0c2a3;border-bottom:1px solid #c0c2a3;margin:22px 0 27px;padding:13px 0;justify-content:space-between;gap:12px;font-size:10px;color:#79785b}.benefits b{color:#677347}.section-title{margin:0 0 20px;gap:15px}.menu-title{display:flex;gap:13px;align-items:center}.menu-number{font:italic 36px Georgia,serif;color:#afa783}.menu-title h2{font:31px Georgia,serif;color:#5e422a;letter-spacing:-.6px}.menu-title .eyebrow{display:block;font-size:7px;margin-bottom:5px}.search{background:var(--grain),#fcf5e3;border:1px solid #cac4a7;border-radius:4px;max-width:185px;font-size:11px;padding:12px}.categories{gap:7px;padding-bottom:17px;scrollbar-color:#b9bd97 transparent}.categories button{border:1px solid #c8c4a8;border-radius:4px;font-size:10px;padding:10px 15px;background:#f8efdd88;color:#777658}.categories .active{background:#6c7648;border-color:#6c7648;color:#fff5df}.categories button:hover{border-color:#879063}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{background:var(--grain),#fbf3e2;border:1px solid #cec9ad;border-radius:6px;box-shadow:0 3px 0 #b7ae8c15;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #67624315}.card-open{position:relative;width:100%;background:#e8e2c9;overflow:hidden}.card-image{width:100%;height:168px;object-fit:contain;padding:9px 11px;background:var(--grain),#e4e2c6;transition:transform .3s}.card-open:hover .card-image{transform:rotate(-3deg) scale(1.04)}.card:nth-child(3n+2) .card-image{background:var(--grain),#e8d8bd}.card:nth-child(3n) .card-image{background:var(--grain),#dfdec1}.demo-tag{position:absolute;left:10px;top:10px;z-index:1;color:#77684d;background:#f4e7cde3;font-size:6px;letter-spacing:1px;padding:5px 7px;border:1px solid #d8c7a7;border-radius:2px}.card-body{padding:17px 15px}.card h3{font:18px/1.25 Georgia,serif;margin-bottom:8px;color:#5b442d}.card .weight{font-size:9px;color:#8b876b}.card-desc{font-size:10px;line-height:1.7;color:#8c8066;min-height:34px}.card-footer{border-top:1px dashed #c5c3a4;padding-top:13px}.card-footer strong{font:22px Georgia,serif;color:#6d5033}.add{width:33px;height:33px;border:1px solid #9ca17c;background:#e4e8d0;color:#5c6a37;border-radius:4px;font-size:23px}.add:hover{background:#6c7849;color:white}.menu-note{display:flex;gap:9px;align-items:start;padding:12px 14px;margin:18px 0;background:#e5e7d0;border:1px solid #c6ccad;border-radius:4px;color:#7c8060;font-size:10px;line-height:1.7}
.cart{background:var(--grain),#ece9d6;border-left:1px solid #c2c6a5;padding:32px 23px}.cart h2{font:italic 28px Georgia,serif;color:#665034}.cart-heading{display:flex;align-items:center;justify-content:space-between}.cart-heading>span{font-size:8px;letter-spacing:2px;color:#999579}.cart-sub{font-size:10px;line-height:1.6;border-bottom:1px solid #bfc5a0;padding-bottom:22px;margin-bottom:20px}.mode{background:#dfe3c9;border:1px solid #bfc7a4;border-radius:4px;padding:3px}.mode button{font-size:10px;color:#7c825f;border-radius:3px}.mode .active{background:var(--grain),#f8f1dd;color:#667444}.empty{padding:34px 10px;font:italic 15px/1.7 Georgia,serif;color:#8a9070}.empty .bowl{display:block;width:115px;height:115px;margin:0 auto 22px}.empty .bowl img{width:100%;height:100%;opacity:.55}.empty-label{font:7px Segoe UI,sans-serif;letter-spacing:1.6px;margin-top:17px}.receipt-edge{border-top:1px dashed #bdc39c;height:12px;margin:10px 0}.cart-line{border-bottom:1px dashed #c2c7a6}.cart-line h4{font:15px Georgia,serif;color:#6c593d}.stepper{background:#dfe5c9;border-radius:4px;border:1px solid #c3ccab}.stepper button{color:#657743}.totals{font-size:11px;color:#7e7c60}.totals .grand{font:24px Georgia,serif;border-color:#bcc4a0;color:#665034}.primary{background:#6a7847;color:#fff5de;border:1px solid #5e6c3c;border-radius:4px;font-size:12px;letter-spacing:.2px}.primary:hover{background:#556534}.bonus-hint{background:var(--grain),#e3ddbf;border:1px solid #c9c29a;border-radius:4px;font-size:10px;color:#7c744e}.notice{font-size:10px;line-height:1.8;color:#90886e}.panel{border:1px solid #cbc8a9;border-radius:5px;background:var(--grain),#fcf4e2;box-shadow:0 3px 0 #b7ae8c12}.panel h2{font-size:25px;color:#66482e}.bonus-card{background:var(--grain),#687447;color:#faf1d9;border:1px solid #5c6d3c;border-radius:5px 5px 45px 5px;min-height:240px;padding:35px;box-shadow:0 9px 19px #5a603521}.bonus-card:before{content:'';position:absolute;inset:12px;border:1px solid #e6dfb657;border-bottom-right-radius:33px;pointer-events:none}.bonus-card:after{content:'';background:url('/assets/leaves.svg') center/contain no-repeat;filter:brightness(3);width:190px;height:240px;right:-18px;bottom:-60px;transform:rotate(-40deg);opacity:.16;pointer-events:none}.bonus-card .eyebrow{color:#e6d8ab}.balance{font:70px Georgia,serif;color:#fff0c7}.bonus-card p{font-size:12px}.bonus-card small{font-size:11px}.rules-grid .panel{font-size:12px;color:#8c8066}.rules-grid b{font:italic 31px Georgia,serif;color:#747e4f}.status{background:#e4e9ce;color:#64793d;border-radius:4px}.order{border-bottom:1px dashed #c2c7a6}.form input,.form textarea{border-radius:4px;border-color:#ccc8a8;background:var(--grain),#fff8e8;color:#695239}.form input:focus,.form textarea:focus,.search:focus{outline:2px solid #9ba578;outline-offset:2px}.form label{color:#81775b}.back{color:#71804b;font-size:12px}dialog{border:1px solid #c9c6a4;background:var(--grain),#fcf2dc;border-radius:8px;box-shadow:0 20px 70px #35321e44}dialog img{border-radius:4px;max-height:220px;object-fit:contain;background:#e4e5cb}dialog h2{color:#69482c}.mobile-close{background:#dfe5c9;border-radius:4px;color:#667444}#toast{background:#687747;color:#fff4dc;border:1px solid #a7b586;border-radius:5px;font-size:12px}h2{color:#65472d}.quiet{color:#8a8067}.side-bottom small{opacity:.8}
@media(min-width:1550px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.hero h1{font-size:52px}.hero-art{right:-35px;width:395px;height:395px;top:13px}}
@media(max-width:1250px){.app{grid-template-columns:155px minmax(0,1fr) 280px}.sidebar{padding:30px 15px}.brand img{height:39px}.brand span{font-size:6px;letter-spacing:1.5px}main{padding:26px 24px}.hero{padding:32px 25px;height:370px}.hero h1{font-size:39px}.hero-copy{max-width:68%}.hero-art{width:300px;height:300px;right:-105px;top:105px}.hero-stamp{right:16px;bottom:23px;width:59px;height:59px}.hero-stamp strong{font-size:17px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.search{max-width:160px}.menu-title h2{font-size:28px}.cart{padding:30px 20px}.benefits{justify-content:flex-start}}
@media(max-width:900px){.app{grid-template-columns:150px minmax(0,1fr)}.cart{width:340px}.hero-art{width:340px;height:340px;right:-85px;top:65px}.hero h1{font-size:43px}.hero-copy{max-width:66%}}
@media(max-width:600px){.app{display:block;padding-bottom:80px}.sidebar{height:69px;padding:0;background:var(--grain),#e4e3c8;border-top:1px solid #bbc5a0;border-radius:0;box-shadow:0 -3px 15px #4a5b2c11}.sidebar:after,.side-art{display:none}.sidebar nav{margin:0;height:100%}.sidebar nav button{padding:9px 14px;border-radius:0;min-width:66px;font-size:18px}.sidebar nav .active{background:#677645;color:#fff6df;box-shadow:none}.sidebar nav span{font-size:9px}main{padding:21px 17px 35px}header{padding-bottom:17px;margin-bottom:18px}.eyebrow{font-size:6px;letter-spacing:1.4px}header p{font-size:11px}header .pill{font-size:10px;padding:10px 12px}.hero{height:420px;padding:29px 24px;border-radius:5px 5px 45px 5px}.hero .eyebrow{font-size:6px;letter-spacing:1.4px}.hero-copy{max-width:100%}.hero h1{font-size:42px;margin:25px 0 16px;max-width:290px}.hero p{max-width:215px;font-size:11px;line-height:1.7;margin-bottom:21px}.hero button{position:relative;z-index:3;font-size:10px;padding:12px 15px}.hero-art{top:auto;bottom:-47px;right:-69px;width:265px;height:265px}.hero-leaves{width:120px;right:-24px;top:-54px;transform:rotate(20deg);opacity:.24}.hero-stamp{right:18px;bottom:27px;width:55px;height:55px}.hero-stamp strong{font-size:16px}.hero-stamp span{font-size:5px}.benefits{font-size:9px;gap:10px 18px;margin:19px 0 26px;padding:12px 0}.menu-title{gap:9px}.menu-title h2{font-size:24px}.menu-title .eyebrow{font-size:6px;letter-spacing:.6px}.menu-number{font-size:30px}.section-title{gap:10px;margin-bottom:17px}.search{max-width:126px;padding:10px 9px;font-size:9px}.categories{gap:5px;padding-bottom:14px}.categories button{padding:9px 12px;font-size:9px}.cards{gap:11px;grid-template-columns:repeat(2,minmax(0,1fr))}.card-image{height:143px;padding:8px}.card-body{padding:13px 11px}.card h3{font-size:16px}.card .weight{font-size:8px}.card-desc{font-size:9px;line-height:1.6}.card-footer strong{font-size:19px}.add{width:30px;height:30px}.demo-tag{font-size:5px;left:8px;top:8px;padding:4px 5px}.menu-note{font-size:9px;padding:10px 12px}.cart{padding:26px 22px 90px}.cart h2{font-size:28px}.bonus-card{padding:30px 26px}.panel{padding:20px}h2{font-size:26px}.panel h2{font-size:24px}#toast{bottom:85px;max-width:calc(100% - 32px);width:max-content;text-align:center}}
.hero-art{background:var(--wood);background-size:500px;border-radius:50%;padding:8px;box-shadow:2px 10px 19px #6c482326}.hero-art img{filter:drop-shadow(3px 7px 5px #5b4a2520)}
[hidden]{display:none!important}.side-bottom a{display:inline-block;margin-top:8px;color:#667549}.order-timeline{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.order-timeline span{font-size:9px;background:#e9eddb;border:1px solid #ccd4b7;color:#829365;padding:5px 8px;border-radius:4px}.status.cancelled{background:#f0ded3;color:#a27355}.status.completed{background:#dfe8ce;color:#728b4e}.card-image[src*="/uploads/"]{object-fit:cover;padding:0}.add:disabled{opacity:.4;cursor:not-allowed}.store-info{border:1px solid #d3ceb4;background:#f6eedb;padding:14px 16px;border-radius:5px;font-size:11px;line-height:1.8;color:#8d8162;margin:18px 0}.store-info a{color:#647747}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}