:root{
  --bg-1:#1c0f0c; --bg-2:#2e1712; --glow:#7a2f1e;
  --cream:#f4e8cf; --cream-dim:#d8c6a3;
  --gold:#d6ad5c; --gold-soft:#b98f45;
  --hair:rgba(214,173,92,.30); --hair-dim:rgba(214,173,92,.16);
  --serif:Georgia,"Times New Roman","DejaVu Serif",serif;
  --sans:"Helvetica Neue",Arial,"DejaVu Sans",sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:var(--serif); color:var(--cream); min-height:100vh;
  background:
    radial-gradient(120% 70% at 50% -10%, var(--glow) 0%, transparent 45%),
    radial-gradient(140% 90% at 50% 115%, #120806 0%, transparent 50%),
    linear-gradient(160deg,var(--bg-2),var(--bg-1));
  background-attachment:fixed;
  -webkit-font-smoothing:antialiased;
  padding:clamp(14px,2.5vw,34px) clamp(12px,3vw,28px) 40px;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;opacity:.05;z-index:0;
  background-image:radial-gradient(rgba(255,255,255,.6) 1px,transparent 1px);
  background-size:3px 3px;
}
.wrap{position:relative;z-index:1;width:100%;max-width:1180px;margin:0 auto}

/* ───── navigație ───── */
nav{margin-bottom:clamp(16px,2.6vw,30px)}
.nav-sus{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}
.nav-eticheta{font-family:var(--sans);text-transform:uppercase;letter-spacing:.2em;
  color:var(--gold);font-size:clamp(9px,1.1vw,12px);display:block;margin-bottom:8px;text-align:right}
.nav-zile{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
nav a{font-family:var(--sans);text-decoration:none;text-transform:uppercase;letter-spacing:.16em;
  color:var(--gold-soft);border:1px solid var(--hair);border-radius:3px;
  padding:.6em 1.05em;font-size:clamp(9px,1.05vw,12px);white-space:nowrap;
  transition:color .2s,border-color .2s,background .2s}
nav a:hover{color:var(--cream);border-color:var(--gold);background:rgba(214,173,92,.08)}
nav a.activ{color:var(--bg-1);background:var(--gold);border-color:var(--gold);font-weight:700}
.nav-zile a{padding:.5em .8em;letter-spacing:.12em}

/* ───── antet ───── */
header{text-align:center;margin-bottom:clamp(20px,3vw,36px)}
.local{font-family:var(--sans);text-transform:uppercase;letter-spacing:.42em;
  color:var(--gold);font-weight:700;font-size:clamp(10px,1.3vw,14px);padding-left:.42em}
.titlu{font-size:clamp(30px,5.2vw,58px);font-weight:700;line-height:1.05;margin:.2em 0 .1em}
.data{font-style:italic;color:var(--cream-dim);font-size:clamp(14px,1.8vw,22px);text-transform:capitalize}

/* ───── panoul ofertei (meniul zilei) ───── */
.oferta{
  border:1px solid var(--hair);border-radius:6px;position:relative;
  background:linear-gradient(180deg,rgba(255,240,210,.045),rgba(0,0,0,.14));
  box-shadow:inset 0 0 90px rgba(0,0,0,.4);
  padding:clamp(20px,3vw,38px) clamp(18px,3.2vw,44px);
  margin-bottom:clamp(26px,4vw,52px);
}
.colt{position:absolute;width:20px;height:20px;border:2px solid var(--gold-soft);opacity:.7}
.colt.tl{top:9px;left:9px;border-right:0;border-bottom:0}
.colt.tr{top:9px;right:9px;border-left:0;border-bottom:0}
.colt.bl{bottom:9px;left:9px;border-right:0;border-top:0}
.colt.br{bottom:9px;right:9px;border-left:0;border-top:0}

.oferta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:clamp(14px,2.2vw,34px)}
.oferta .categorie{break-inside:avoid}
.oferta .fel{font-size:clamp(17px,1.9vw,25px);line-height:1.3;padding:2px 0}

/* ───── secțiuni de categorie ───── */
.sectiune-titlu{display:flex;align-items:center;gap:.8em;margin:0 0 clamp(10px,1.4vw,18px)}
.sectiune-titlu .romb{color:var(--gold-soft);font-size:.72em}
.sectiune-titlu .text{font-family:var(--sans);text-transform:uppercase;letter-spacing:.3em;
  color:var(--gold);font-weight:700;font-size:clamp(11px,1.35vw,16px);white-space:nowrap}
.sectiune-titlu .linie{flex:1;height:1px;background:var(--hair)}

.bloc-titlu{text-align:center;margin:0 0 clamp(16px,2.4vw,28px)}
.bloc-titlu h2{font-size:clamp(22px,3.2vw,36px);font-weight:700;letter-spacing:.01em}
.bloc-titlu .sub{font-family:var(--sans);text-transform:uppercase;letter-spacing:.3em;
  color:var(--gold-soft);font-size:clamp(9px,1.1vw,12px);margin-top:.5em}

.coloane{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:clamp(20px,3vw,48px);align-items:start}
.categorie{margin-bottom:clamp(18px,2.4vw,30px)}
.feluri{display:flex;flex-direction:column;gap:clamp(4px,.7vw,9px)}

/* ───── rând de preparat ───── */
.fel{display:flex;align-items:baseline;gap:.5em;font-size:clamp(16px,1.75vw,22px);
  line-height:1.35;color:var(--cream)}
.fel .nume{flex:0 1 auto}
.fel .punct{flex:1 1 auto;border-bottom:1px dotted var(--hair-dim);transform:translateY(-.28em);min-width:12px}
.fel .pret{flex:0 0 auto;font-family:var(--sans);font-size:.72em;letter-spacing:.05em;
  color:var(--gold);white-space:nowrap}
.fel.epuizat{opacity:.5}
.fel.epuizat .nume{text-decoration:line-through;text-decoration-color:var(--gold-soft);text-decoration-thickness:.06em}
.fel .tag{font-family:var(--sans);font-size:.5em;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold-soft);white-space:nowrap}
.fel.gol{color:var(--cream-dim);opacity:.45;font-style:italic}

.mesaj{text-align:center;color:var(--cream-dim);font-style:italic;
  font-size:clamp(16px,2vw,24px);opacity:.7;padding:40px 0}

footer{text-align:center;margin-top:clamp(28px,4vw,52px);
  font-family:var(--sans);letter-spacing:.32em;text-transform:uppercase;
  font-size:clamp(9px,1.1vw,12px);color:var(--gold-soft);opacity:.65}

.fade{animation:intra .45s ease}
@keyframes intra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ───── mod TV (adaugă ?tv la adresă) ───── */
body.tv{padding:0;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}
body.tv nav, body.tv #alte, body.tv .bloc-titlu{display:none}
body.tv .wrap{max-width:min(94vw,1500px)}
body.tv header{margin-bottom:clamp(10px,2vh,24px)}
body.tv .titlu{font-size:clamp(34px,7vh,72px)}
body.tv .local{font-size:clamp(11px,1.5vh,17px)}
body.tv .data{font-size:clamp(15px,2.2vh,26px)}
body.tv .oferta{margin-bottom:0;padding:clamp(20px,3.5vh,52px) clamp(24px,3.5vw,64px)}
body.tv .oferta .fel{font-size:clamp(20px,3.1vh,38px)}
body.tv .oferta .sectiune-titlu .text{font-size:clamp(12px,1.8vh,20px)}
body.tv .fel .pret{display:none}
body.tv footer{margin-top:clamp(10px,2vh,22px)}

@media (max-width:640px){
  .nav-sus{justify-content:center}
  .nav-eticheta{text-align:center;width:100%}
  .nav-zile{justify-content:center}
  .coloane, .oferta-grid{grid-template-columns:1fr}
}