:root{
  --red:#b50d17;--red2:#d92323;--gold:#ffbe1a;--brown:#5b230d;--cream:#fff9e9;
  --ink:#28140b;--muted:#745b4f;--line:#ead9c9;--green:#15803d;--white:#fff;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#fffdf7;color:var(--ink)}
a{text-decoration:none;color:inherit}
.dk-header{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:8px 4vw;box-shadow:0 4px 16px rgba(68,24,8,.06)}
.dk-brand{display:flex;align-items:center;gap:10px;min-width:0}
.dk-brand img{width:72px;height:58px;object-fit:contain}
.dk-brand strong{display:block;color:var(--red);font-size:18px}
.dk-brand span{font-size:11px;color:var(--muted)}
.dk-header nav{display:flex;gap:8px;flex-wrap:wrap}
.dk-header nav a{padding:9px 11px;border-radius:999px;font-size:12px;font-weight:700}
.dk-header nav a:hover{background:#fff2cf;color:var(--red)}
.dk-main{min-height:62vh}
.hero{background:linear-gradient(135deg,#fff6c9,#ffe071 55%,#ffc01e);padding:38px 5vw;display:grid;grid-template-columns:minmax(260px,1fr) minmax(260px,560px);gap:28px;align-items:center}
.hero img{width:100%;max-height:520px;object-fit:contain}
.hero h1{font-size:44px;line-height:1.04;margin:0 0 12px;color:var(--red)}
.hero p{font-size:17px;color:#6c3515;line-height:1.6}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:12px 18px;font-weight:800;cursor:pointer}
.btn-primary{background:var(--red);color:#fff}
.btn-gold{background:var(--gold);color:#321500}
.btn-outline{border:1px solid var(--red);color:var(--red);background:#fff}
.section{max-width:1180px;margin:auto;padding:30px 16px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:16px}
.section-head h1,.section-head h2{margin:0;color:var(--brown)}
.section-head p{margin:5px 0 0;color:var(--muted);font-size:13px}
.cat-grid,.meal-grid,.product-grid{display:grid;gap:16px}
.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.meal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.category-card,.meal-card,.product-card,.box{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 22px rgba(82,39,11,.06);overflow:hidden}
.category-card,.meal-card{padding:24px;min-height:180px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(135deg,#fff8e4,#ffe7a5)}
.category-card h2,.meal-card h2{margin:0 0 7px;color:var(--red)}
.category-card p,.meal-card p{margin:0;color:var(--muted)}
.product-card img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#fff8e8}
.product-copy{padding:14px}
.product-copy h3{margin:0 0 7px;font-size:17px}
.product-copy p{font-size:12px;line-height:1.5;color:var(--muted);min-height:36px}
.price{font-weight:900;color:var(--red);font-size:18px;margin:10px 0}
.badge{display:inline-flex;padding:6px 9px;border-radius:999px;background:#ecfdf5;color:#166534;font-size:10px;font-weight:800}
.badge.closed{background:#fee2e2;color:#991b1b}
.schedule{padding:11px 13px;border-radius:12px;margin:12px 0;background:#fff7d6;color:#6c4a00;font-size:12px}
.product-detail{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(280px,1.1fr);gap:28px;align-items:start}
.product-detail img{width:100%;border-radius:18px;border:1px solid var(--line);background:#fff}
.qty-row{display:flex;gap:8px;align-items:center;margin:12px 0}
.qty-row input{width:80px}
input,textarea,select{width:100%;padding:11px;border:1px solid #d7c7bb;border-radius:10px;background:#fff;font:inherit}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.full{grid-column:1/-1}
.cart-row{display:grid;grid-template-columns:80px minmax(0,1fr) 100px 120px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.cart-row img{width:75px;height:75px;object-fit:cover;border-radius:10px}
.total-box{margin-top:18px;padding:18px;background:#fff4d1;border:1px solid #f1d17c;border-radius:14px}
.notice{padding:12px;border-radius:10px;background:#ecfdf5;color:#166534;margin:10px 0}
.error{padding:12px;border-radius:10px;background:#fee2e2;color:#991b1b;margin:10px 0}
.dk-footer{background:#3a1608;color:#fff;padding:30px 5vw 0;margin-top:35px}
.dk-footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px;max-width:1180px;margin:auto}
.dk-footer h3,.dk-footer h4{color:#ffd052}
.dk-footer p,.dk-footer a{font-size:12px;line-height:1.6;color:#f8e6db}
.footer-logo{width:115px;height:95px;object-fit:contain;background:#fff;border-radius:14px}
.dk-footer-bottom{border-top:1px solid rgba(255,255,255,.16);margin-top:22px;padding:14px 0;text-align:center;font-size:11px;color:#eed0bd}
.wa{font-weight:800}
.empty{padding:34px;text-align:center;color:var(--muted)}
@media(max-width:820px){
 .dk-header{align-items:flex-start}.dk-header nav{justify-content:flex-end}
 .hero{grid-template-columns:1fr;padding:22px 16px}.hero h1{font-size:34px}
 .cat-grid,.meal-grid,.product-grid{grid-template-columns:1fr 1fr}
 .product-detail{grid-template-columns:1fr}
 .dk-footer-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
 .dk-header{display:block}.dk-brand{margin-bottom:7px}.dk-header nav{justify-content:flex-start}
 .dk-brand img{width:58px;height:48px}.dk-brand strong{font-size:15px}
 .cat-grid,.meal-grid,.product-grid{grid-template-columns:1fr}
 .form-grid{grid-template-columns:1fr}.full{grid-column:auto}
 .cart-row{grid-template-columns:65px 1fr}.cart-row .cart-price,.cart-row .cart-actions{grid-column:2}
}