:root{
  --olive:#726927;
  --olive-dark:#4a4419;
  --gold:#E9A901;
  --cream:#FDFAF0;
  --tint:#F5EFDA;
  --ink:#3d3826;
  --ink-soft:#7a7360;
  --white:#ffffff;
  --line:#e8e0c8;
  --shadow: 0 10px 24px -12px rgba(74,68,25,.28);
}
*{box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
html,body{margin:0;padding:0;}
body{
  background:var(--cream); color:var(--ink);
  font-family:'Inter',sans-serif; -webkit-font-smoothing:antialiased;
}
.app{ max-width:480px; margin:0 auto; min-height:100vh; background:var(--cream); }

/* ---------- HEADER ---------- */
header.top{ padding:22px 20px 18px; text-align:center; }
.lang-toggle{
  display:inline-flex; background:var(--white); border-radius:20px;
  padding:3px; box-shadow:var(--shadow); margin-bottom:18px;
}
.lang-toggle button{
  border:none; background:transparent; font-family:'Inter',sans-serif;
  font-weight:700; font-size:12px; padding:6px 16px; border-radius:16px;
  color:var(--ink-soft); cursor:pointer;
}
.lang-toggle button.active{ background:var(--gold); color:var(--white); }
header.top img.logo{ height:64px; width:auto; display:block; margin:0 auto; }
header.top .tag{
  font-family:'Inter',sans-serif; font-weight:600; font-size:11px;
  letter-spacing:.14em; color:var(--olive); opacity:.75; margin-top:8px;
}

main{ padding:4px 18px 28px; display:flex; flex-direction:column; gap:12px; }

/* ---------- HERO CTA: MENIU ---------- */
.hero{
  background:var(--olive-dark);
  border-radius:20px;
  padding:22px 20px;
  display:flex; align-items:center; gap:14px;
  text-decoration:none;
  box-shadow:var(--shadow);
}
.hero .icon{
  width:46px; height:46px; flex:0 0 auto;
  background:rgba(253,250,240,.12); border-radius:14px;
  display:flex; align-items:center; justify-content:center;
}
.hero .icon svg{ width:24px; height:24px; stroke:var(--gold); }
.hero .txt h2{
  font-family:'PT Serif',serif; color:var(--cream); font-size:19px; margin:0 0 2px;
}
.hero .txt p{ font-family:'Inter',sans-serif; color:var(--cream); opacity:.7; font-size:12px; margin:0; }
.hero .arrow{ margin-left:auto; color:var(--gold); font-size:20px; }

/* ---------- GENERIC CARD BUTTON ---------- */
.card-btn{
  background:var(--white); border-radius:18px; padding:16px 16px;
  display:flex; align-items:center; gap:13px;
  text-decoration:none; box-shadow:var(--shadow);
}
.card-btn .icon{
  width:42px; height:42px; flex:0 0 auto;
  background:var(--tint); border-radius:12px;
  display:flex; align-items:center; justify-content:center;
}
.card-btn .icon svg{ width:21px; height:21px; stroke:var(--olive-dark); fill:none; }
.card-btn .txt h3{
  font-family:'PT Serif',serif; font-weight:700; color:var(--ink); font-size:15px; margin:0 0 2px;
}
.card-btn .txt p{ font-family:'Inter',sans-serif; color:var(--ink-soft); font-size:11.5px; margin:0; }
.card-btn .badge{
  margin-left:auto; font-size:9.5px; font-weight:700; letter-spacing:.05em;
  background:var(--tint); color:var(--olive-dark); padding:4px 8px; border-radius:8px; text-transform:uppercase;
}

/* ---------- DELIVERY ROW (inside "Comandă acasă") ---------- */
.delivery-card{ background:var(--white); border-radius:18px; padding:16px; box-shadow:var(--shadow); }
.delivery-card .head{ display:flex; align-items:center; gap:13px; margin-bottom:12px; }
.delivery-card .icon{ width:42px; height:42px; flex:0 0 auto; background:var(--tint); border-radius:12px; display:flex; align-items:center; justify-content:center; }
.delivery-card .icon svg{ width:21px; height:21px; stroke:var(--olive-dark); fill:none; }
.delivery-card h3{ font-family:'PT Serif',serif; font-weight:700; color:var(--ink); font-size:15px; margin:0 0 2px; }
.delivery-card p{ font-family:'Inter',sans-serif; color:var(--ink-soft); font-size:11.5px; margin:0; }
.delivery-row{ display:flex; gap:8px; }
.delivery-row a{
  flex:1; text-align:center; padding:10px 4px; border-radius:11px;
  background:var(--tint); color:var(--olive-dark);
  font-family:'Inter',sans-serif; font-weight:700; font-size:12px; text-decoration:none;
}

/* ---------- TWO-COL GRID ---------- */
.grid2{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.grid2 .card-btn{ flex-direction:column; align-items:flex-start; text-align:left; gap:10px; }
.grid2 .card-btn .badge{ margin-left:0; }

/* ---------- SOCIAL ---------- */
.social-block{ text-align:center; padding:6px 0 2px; }
.social-block .label{
  font-family:'Inter',sans-serif; font-size:10.5px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--ink-soft); margin-bottom:10px;
}
.social-row{ display:flex; gap:8px; justify-content:center; }
.social-row a{
  padding:9px 18px; border-radius:20px; border:1px solid var(--line);
  color:var(--olive-dark); font-family:'Inter',sans-serif; font-weight:600; font-size:12.5px;
  text-decoration:none; background:var(--white);
}

/* ---------- FOOTER ---------- */
footer.foot{ text-align:center; padding:18px 18px 26px; }
footer.foot p{ font-family:'Inter',sans-serif; font-size:10.5px; color:var(--ink-soft); margin:0; }