/* ========== THEME (dark) ========== */
:root{
  --bg:#0f0f10; --card:#17181b; --muted:#9aa0a6; --brand:#d36b00;
  --brand-2:#ffcf66; --text:#f5f5f7; --line:#222326; --radius:16px;
  --shadow:0 10px 30px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html,body{
  margin:0;padding:0;background:var(--bg);color:var(--text);
  font-family:Manrope,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  line-height:1.6
}
a{color:var(--brand);text-decoration:none}
.container{width:min(1100px,92vw);margin-inline:auto}

/* ========== HEADER ========== */
header.nav{position:sticky;top:0;background:rgba(15,15,16,.85);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:40}
.nav__wrap{display:flex;justify-content:space-between;align-items:center;padding:14px 0}
.brand{font-weight:800;letter-spacing:.2px;color:#fff}
.nav__links{display:flex;gap:14px}
.nav__links a{color:#fff;opacity:.85}
.nav__links a:hover{opacity:1}

/* ========== TYPO / LAYOUT ========== */
h1,h2,h3{margin:0;color:var(--text)}
h1{font-size:clamp(28px,4.5vw,44px);line-height:1.15;margin-bottom:10px}
h2{font-size:clamp(22px,3.2vw,28px);margin-bottom:10px}
.section{padding:28px 0}
.muted{color:var(--muted)}
.badge{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.chip{padding:8px 12px;border-radius:999px;background:#1e1f22;color:#ffcf66;
  font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:6px}
.chip--brand{background:var(--brand);color:#fff}
.grid{display:grid;gap:16px}
.grid--2{grid-template-columns:repeat(2,1fr)}
.grid--3{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.grid--2,.grid--3{grid-template-columns:1fr}}

/* ========== CARDS / BUTTONS ========== */
.card{position:relative;background:linear-gradient(180deg,#181a1e,#121316);
  border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
.card h3{margin:0 0 8px;font-size:18px}
.label{font-weight:800;color:#fff;background:#1f2024;border:1px solid var(--line);
  padding:6px 8px;border-radius:10px;font-size:12px}
.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;
  border:1px solid var(--line);background:#1a1b1d;color:#fff;font-weight:700;box-shadow:var(--shadow)}
.btn--brand{background:var(--brand);border-color:var(--brand)}
.btn--ghost{background:#0f0f10}
.footer{border-top:1px solid var(--line)}
.footer__wrap{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}

/* ========== SLIDER (4:3) ========== */
.slider{position:relative;border:1px solid var(--line);border-radius:var(--radius);
  background:#111214;box-shadow:var(--shadow);overflow:hidden;aspect-ratio:4/3}
.slider__track{display:flex;height:100%;width:100%;transform:translateX(0);
  transition:transform .4s cubic-bezier(.22,.61,.36,1);will-change:transform}
.slide{min-width:100%;height:100%;display:grid;grid-template-rows:1fr auto;background:#0b0c0f}
.slide__img{display:grid;place-items:center;padding:6px;height:100%}
.slide__img img{width:100%;height:100%;object-fit:contain;display:block;background:#0b0c0f}
@media(max-width:540px){ .slide__img{padding:0} .slide__img img{object-fit:cover} }
.slide__cap{padding:10px 12px;font-size:14px;color:var(--muted);border-top:1px solid var(--line);background:#121316}
.slider__btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.45);
  border:1px solid var(--line);color:#fff;padding:10px 12px;border-radius:12px;cursor:pointer;user-select:none;backdrop-filter:blur(6px)}
.slider__btn:hover{background:rgba(0,0,0,.6)}
.slider__btn--prev{left:10px}.slider__btn--next{right:10px}
.dots{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;gap:8px}
.dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.35);border:1px solid var(--line);cursor:pointer}
.dot[aria-current="true"]{background:#fff}

/* ========== FEATURE CARDS (Babgulyas / Bulz / Tocăniță / Platou) ========== */
/* header pe un rând: [thumb mare | titlu | preț] */
.head{display:flex;align-items:center;gap:12px}
.head__thumb{width:120px;height:120px;border-radius:16px;overflow:hidden;background:#1f2024;border:1px solid var(--line);flex:0 0 120px}
.head__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.head h3{font-size:22px;line-height:1.3;margin:0}
.price-pill{margin-left:auto;background:linear-gradient(180deg,var(--brand),#b45800);
  color:#fff;padding:8px 12px;border-radius:12px;font-weight:800;font-size:15px}
.star{color:#ffcf66}

@media(max-width:640px){
  .head{display:grid;grid-template-columns:100px 1fr;grid-template-areas:"thumb title" "thumb price";align-items:start;gap:10px 14px}
  .head__thumb{grid-area:thumb;width:96px;height:96px;border-radius:14px}
  .head h3{grid-area:title;font-size:20px;line-height:1.25}
  .price-pill{grid-area:price;justify-self:start;margin:0;padding:6px 10px;font-size:14px}
}

/* ========== LISTE DE PRODUSE (thumbs + titlu + preț) ========== */
/* Bază: FLEX (robust pe mobil, nu rupe vertical titlul) */
.card .item{
  display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;
  justify-content:space-between;
}
.card .item .title{flex:1 1 auto;min-width:60%;font-weight:700;overflow-wrap:anywhere;word-break:break-word}
.card .item .price-mini{
  flex:0 0 auto;white-space:nowrap;background:#1f2024;border:1px solid var(--line);
  padding:6px 10px;border-radius:10px;font-weight:800;font-size:13px;color:#fff
}
.dot-b{width:8px;height:8px;border-radius:50%;background:var(--brand-2);margin-top:.55em;flex:0 0 8px}

/* Variante cu imagini (thumb pătrat) */
.item.thumb{gap:12px}
.item__thumb{width:80px;height:80px;border-radius:12px;overflow:hidden;background:#1f2024;border:1px solid var(--line);flex:0 0 80px}
.item__thumb img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:900px){ .item__thumb{width:72px;height:72px;flex:0 0 72px} }
@media(max-width:540px){
  .item.thumb .title{min-width:0;flex:1 1 calc(100% - 72px - 12px)}
  .item.thumb .price-mini{margin-left:auto}
}

/* ========== NOTICE + BREADCRUMBS + PROGRESS ========== */
.notice{background:rgba(211,107,0,.12);border-left:4px solid var(--brand);
  padding:14px 16px;border-radius:12px;margin-top:10px;font-size:15px;line-height:1.5}
.notice strong{color:var(--brand-2)}
.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:14px;margin:8px 0 14px}
.breadcrumbs a{color:var(--muted)}
.progress{position:sticky;top:56px;height:4px;background:#1f2024;border-radius:999px;overflow:hidden;margin:8px 0}
.progress__bar{height:100%;width:0;background:linear-gradient(90deg,#ffcf66,#d36b00)}
.meta-post{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--muted)}