:root{--bg:#fffaf4;--ink:#2b211b;--accent:#8b3e20;--line:#eadfd4;--card:#fff;--muted:#76685e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}header{height:70px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{font-family:Georgia,serif;font-size:24px;font-weight:700}nav a{color:var(--ink);text-decoration:none;margin-left:20px}.hero{min-height:540px;padding:70px 8%;display:flex;align-items:center;background:linear-gradient(90deg,rgba(28,18,12,.82),rgba(28,18,12,.42),rgba(28,18,12,.18)),url('/images/hero-food.png') center/cover;color:#fff}.hero>div{max-width:600px}.eyebrow{letter-spacing:2px;font-size:12px}.hero h1{font:700 58px Georgia,serif;margin:15px 0}.hero p{font-size:18px;line-height:1.6}.btn{display:inline-block;background:var(--accent);color:#fff;border:0;border-radius:8px;padding:13px 20px;font-weight:700;cursor:pointer;text-decoration:none}.notice{max-width:1100px;margin:24px auto;padding:18px;background:#fff1df;border:1px solid #f0d2b0;border-radius:10px;line-height:1.5}.section{max-width:1200px;margin:auto;padding:50px 5%}.section h1,.section h2{font-family:Georgia,serif}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}.card,.panel,.order-item{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}.card img{width:100%;height:210px;object-fit:cover}.cardbody{padding:18px}.cardbody p{color:var(--muted);min-height:44px;line-height:1.5}.cardbody b{display:block;margin:8px 0}.order-layout{display:grid;grid-template-columns:1.3fr .8fr;gap:25px}.order-item{padding:18px;margin-bottom:12px}.order-item h3{margin-top:0}.variant,.qty,input,textarea,select{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff;margin:6px 0;font:inherit}.qty{max-width:100px}.summary{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.summary div,.summary strong{display:flex;justify-content:space-between;padding:7px 0}.summary strong{font-size:19px}.panel{padding:22px}.auth{max-width:420px;margin:100px auto;padding:30px;background:#fff;border:1px solid var(--line);border-radius:14px}.auth h1{font-family:Georgia,serif}.auth input{display:block}.stats{display:flex;gap:18px;margin:20px 0}.stats div{background:#fff;padding:20px;border:1px solid var(--line);border-radius:12px;min-width:160px}.stats b{display:block;font-size:28px}.stats span{color:var(--muted)}.admin-grid{display:grid;grid-template-columns:350px 1fr;gap:20px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:11px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.smallbtn,.linkbtn{border:0;background:none;cursor:pointer;padding:6px}.danger{color:#a11}.linkbtn{color:inherit;font-size:inherit}footer{text-align:center;padding:35px;background:#211812;color:#fff;line-height:1.8}@media(max-width:800px){.hero{min-height:500px;padding:58px 7%;background-position:68% center;background-image:linear-gradient(90deg,rgba(28,18,12,.90),rgba(28,18,12,.55),rgba(28,18,12,.20)),url('/images/hero-food.png')}.hero>div{max-width:100%}.hero h1{font-size:42px;line-height:1.05}.hero p{font-size:17px;line-height:1.55}.order-layout,.admin-grid{grid-template-columns:1fr}header{padding:0 4%}nav a{margin-left:10px;font-size:13px}.section{padding:35px 4%}.notice{margin:18px 4%}}

/* Polished Zepto-inspired quick-add controls and responsive two-column menu */
.home-add-row{display:flex;align-items:center;gap:8px;margin-top:14px;min-width:0}
.home-variant{flex:1;min-width:0;max-width:100%;box-sizing:border-box;padding:10px 8px;border:1px solid var(--line,#eadfd4);border-radius:9px;background:#fff;color:var(--ink,#2b211b);font-size:13px;text-overflow:ellipsis}
.home-add-btn{margin-left:auto;min-width:92px;border:1.5px solid #8f3b1f;background:#fff;color:#8f3b1f;border-radius:10px;padding:10px 18px;font-weight:800;letter-spacing:.4px;cursor:pointer;box-shadow:0 2px 5px #3d1a0d0b}
.home-add-btn:hover{background:#fff5ef}
.home-qty-stepper{margin-left:auto;display:flex;align-items:center;justify-content:space-between;gap:0;min-width:112px;border-radius:10px;overflow:hidden;background:#8f3b1f;color:#fff;box-shadow:0 3px 9px #3d1a0d18}
.home-qty-stepper[hidden],.home-add-btn[hidden]{display:none!important}
.home-qty-stepper button{border:0;background:#8f3b1f;color:#fff;font-size:22px;font-weight:700;width:36px;height:39px;cursor:pointer}
.home-qty-stepper span{min-width:28px;text-align:center;font-weight:800}
@media(max-width:650px){.section{padding:28px 14px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{min-width:0;border-radius:12px}.cardbody{padding:11px}.cardbody h3{font-size:15px;line-height:1.25}.cardbody p{font-size:12px;line-height:1.4;min-height:0}.card img,.dish-image-wrap>img{height:clamp(105px,31vw,145px)}.price-row{gap:6px;margin-top:8px}.price-pill{min-width:0;flex:1;padding:7px 6px;gap:4px;font-size:11px}.home-add-row{gap:5px;margin-top:10px;flex-wrap:wrap}.home-variant{font-size:11px;padding:8px 5px;width:100%;flex-basis:100%}.home-add-btn{width:100%;min-width:0;padding:9px 10px}.home-qty-stepper{width:100%;margin-left:0;justify-content:space-between}.home-qty-stepper button{width:40px}}


/* Portion / serving details shown on menu cards */
.portion-info-box {
    margin: 8px 0 10px;
    padding: 9px 11px;
    border: 1px solid #f0c98d;
    border-left: 4px solid #a8441c;
    border-radius: 10px;
    background: #fff6e5;
    color: #35251d;
    font-size: 12px;
    line-height: 1.45;
    overflow-wrap: anywhere;
}
.portion-info-box > div + div {
    margin-top: 4px;
}
.portion-info-box strong {
    color: #7f2d13;
}
@media (max-width: 600px) {
    .portion-info-box {
        font-size: 11px;
        padding: 8px 9px;
    }
}


/* V18 premium two-column menu layout is scoped in index.html after legacy overrides. */