/* tema.css — v0.41.0 (01.10.2026): stilul primei pagini (v0.40.0) adus peste paginile de listă
   (catalog, oferte, cereri, cereri terțe). Se încarcă DUPĂ <style>-ul paginii; structura şi JS-ul paginilor nu se schimbă,
   doar antetul (bara + h1 + subtitlu) e învelit într-un <header class="erou-p">. */
:root{
  --bg:#F4F2EC;--surface:#fff;--surface2:#ECE8DF;--ink:#1B2420;--muted:#5B6660;--faint:#8A938E;
  --line:#E1DCD1;--line2:#C9C2B4;--r:14px;
  --h1:#6E2F0E;--h2:#B3591C;--h3:#E39B3A;
}
:root[data-sezon="vara"]     {--h1:#5E1420;--h2:#A32A35;--h3:#E0626B}
:root[data-sezon="primavara"]{--h1:#1F3F1C;--h2:#4E7A3A;--h3:#9CC06A}
:root[data-sezon="iarna"]    {--h1:#12323B;--h2:#2F6B7A;--h3:#7FB9C6}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0F1412;--surface:#171E1B;--surface2:#1E2723;--ink:#E7ECE9;--muted:#A0ADA7;--faint:#76837D;--line:#28332E;--line2:#36433D}}
:root[data-theme="dark"]{--bg:#0F1412;--surface:#171E1B;--surface2:#1E2723;--ink:#E7ECE9;--muted:#A0ADA7;--faint:#76837D;--line:#28332E;--line2:#36433D}

body{overflow-x:clip}
.wrap{max-width:1040px;padding-top:0}

/* ── banda colorată de sus, pe toată lăţimea (din interiorul .wrap) ── */
.erou-p{position:relative;color:#fff;margin:0 calc(50% - 50vw) 0;padding:20px calc(50vw - 50%) 74px;
  background:radial-gradient(900px 420px at 92% -20%,var(--h3) 0%,transparent 62%),
             linear-gradient(135deg,var(--h1) 0%,var(--h2) 100%)}
.erou-p::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.10;
  background-image:radial-gradient(circle at 1px 1px,#fff 1px,transparent 0);background-size:22px 22px}
.erou-p>*{position:relative;z-index:1}
.erou-p .bara{border-bottom:0;padding-bottom:0;margin-bottom:34px}
.erou-p .brand{color:#fff}
.erou-p .brand .nm{font-weight:800}
.erou-p #antet,.erou-p #antet a,.erou-p .bara a.act{color:rgba(255,255,255,.9)}
.erou-p #antet a:hover{color:#fff;text-decoration:underline}
.erou-p h1{color:#fff;font-size:clamp(1.9rem,4.4vw,2.8rem);font-weight:800;letter-spacing:-.03em;line-height:1.08;margin:0 0 10px}
.erou-p .sub{color:rgba(255,255,255,.9);font-size:1.02rem;max-width:66ch;margin-bottom:0}
.erou-p .sub a{color:#fff;font-weight:600}
.erou-p .chip{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.35);color:#fff}
.erou-p .chip:hover{border-color:#fff}
.erou-p .chip.activ{background:#fff;color:var(--h1);border-color:#fff}
.erou-p .cifre{color:rgba(255,255,255,.85);margin:16px 0 0}
.erou-p .cifre b{color:#fff}

/* filtrele urcă peste bandă */
.erou-p+.filtre,.erou-p+*+.filtre{position:relative;z-index:2;margin-top:-46px;border-radius:var(--r);
  box-shadow:0 18px 40px -26px rgba(0,0,0,.45)}
.filtre{border-radius:var(--r)}

/* carduri */
.fc,.of{border-radius:var(--r);border-left:4px solid var(--line2);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.fc:hover,a.of:hover{transform:translateY(-2px);box-shadow:0 14px 30px -22px rgba(0,0,0,.45);border-left-color:var(--accent)}
.fc.deschis{border-left-color:var(--accent)}
.fc-den,.of-tit{font-weight:800}
.chip.activ{background:var(--accent);border-color:var(--accent);color:#fff}
.bif.ok{background:var(--ok-bg);color:var(--ok)}
button{border-radius:9px}
.gol{background:var(--surface);border:1px dashed var(--line2);border-radius:var(--r)}
@media (prefers-reduced-motion:reduce){.fc,.of{transition:none}.fc:hover,a.of:hover{transform:none}}
@media (max-width:560px){.erou-p{padding-bottom:62px}.erou-p .bara{margin-bottom:24px}}