/* public_html/assets/css/style.css - basit, modern ve temiz */
:root{
  --bg:#f6f8fb;
  --card:#ffffff;
  --muted:#6b7280;
  --accent:#ff7a59;
  --accent-2:#ffb37a;
  --shadow: 0 6px 18px rgba(16,24,40,0.06);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,var(--bg),#e9eef6);color:#0f1724}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;background:transparent}
.brand{font-weight:700}
.container{max-width:1100px;margin:28px auto;display:grid;grid-template-columns:1fr 340px;gap:18px;padding:0 18px}
.menu{background:var(--card);border-radius:12px;padding:18px;box-shadow:var(--shadow)}
.meals-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.meal{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;border:1px solid #eef2f7;background:linear-gradient(180deg, #fff, #fcfcfd)}
.thumb{width:78px;height:78px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;color:#08111a;font-weight:800}
.meal h3{margin:0;font-size:16px}
.meal .muted{color:var(--muted);font-size:13px}

.controls{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.qty{display:flex;gap:6px;align-items:center}
.qty button{width:30px;height:30px;border-radius:8px;border:none;background:#f1f5f9;cursor:pointer}
.qty span{min-width:26px;text-align:center;font-weight:700}

.cart{background:var(--card);border-radius:12px;padding:18px;box-shadow:var(--shadow);height:fit-content}
.cart-items{min-height:120px}
.cart-item{display:flex;justify-content:space-between;padding:8px;border-radius:8px;background:#fbfcfd;margin-bottom:8px;border:1px solid #eef2f7}
.cart-total{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-weight:700;font-size:18px}
.btn{display:inline-block;padding:10px 14px;border-radius:10px;border:none;cursor:pointer}
.btn.primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#08111a;font-weight:800}
.muted{color:var(--muted);font-size:13px}
.center{max-width:560px;margin:80px auto;text-align:center;background:var(--card);padding:28px;border-radius:12px;box-shadow:var(--shadow)}
.code-box{font-weight:800;font-size:20px;padding:12px;border-radius:8px;background:#f8fafc;margin:16px 0;display:inline-block}
@media (max-width:880px){
  .container{grid-template-columns:1fr; padding:0 12px}
  .meals-grid{grid-template-columns:1fr}
}