/* blaturidebaie.ro — stratul „profi” (23.10, cerut de Dan: „mult mai profi, e șters acum”), peste v2.css.
   Contrast în loc de bej-pe-alb: erou închis cu text alb, titluri pline, texte închise, carduri conturate, bronzul ca accent
   (același #a2805c ca pe blaturidebucatarie.ro), o secțiune închisă pentru ritm. Doar CSS: markup-ul și conținutul rămân. */
:root{
    --bg:#f3f0ea;--text:#141311;--mut:#57524b;--mut2:#8a847b;--linie:#e3ded5;--linie2:#cbc4b8;
    --negru:#121110;--bronz:#a2805c;--bronz-inchis:#8a6a49;--bronz2:#f0e8dd;
    --umbra:0 1px 2px rgba(18,17,16,.05),0 14px 34px rgba(18,17,16,.08);
    --umbra-hover:0 2px 4px rgba(18,17,16,.06),0 22px 44px rgba(18,17,16,.14);
}
body{color:var(--text)}
h1,h2,h3,h4{font-weight:700;letter-spacing:-.02em}

/* butoane: negru plin, bronz pentru acțiunea principală din erou */
.btn{font-weight:650;letter-spacing:.005em}
.btn--bronz,.erou .erou__cta .btn:first-child{background:var(--bronz);color:#fff}
.btn--bronz:hover,.erou .erou__cta .btn:first-child:hover{background:var(--bronz-inchis);box-shadow:0 10px 24px rgba(138,106,73,.35)}
.link{color:var(--negru);border-bottom-width:2px}
.link:hover{color:var(--bronz-inchis)}
.reducere{border-radius:6px;height:25px;padding:0 9px;font-size:13px;font-weight:750;box-shadow:0 2px 6px rgba(196,59,48,.28)}

/* antet: alb curat, cu linie fină; meniul cu subliniere bronz în loc de pastila bej */
.antet{background:rgba(255,255,255,.97);border-bottom:1px solid var(--linie)}
.nav a{position:relative;border-radius:0;padding:8px 13px;font-weight:550;color:var(--negru)}
.nav a::after{content:'';position:absolute;left:13px;right:13px;bottom:2px;height:2px;background:var(--bronz);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.nav a:hover,.nav a.is-on{background:transparent;color:var(--negru)}
.nav a:hover::after,.nav a.is-on::after{transform:scaleX(1)}
.antet__tel b{font-weight:700}
.antet__tel small{color:var(--mut)}
.icon-btn:hover{background:var(--bronz2)}

/* erou: poza vie, umbră închisă din stânga, text alb */
.erou{min-height:clamp(560px,calc(100svh - var(--antet)),880px);background:#1a1816}
.erou::after{background:linear-gradient(90deg,rgba(14,13,12,.82) 0%,rgba(14,13,12,.62) 36%,rgba(14,13,12,.18) 68%,rgba(14,13,12,0) 85%),linear-gradient(0deg,rgba(14,13,12,.45) 0%,rgba(14,13,12,0) 30%)}
.erou h1{color:#fff;font-weight:700;letter-spacing:-.025em;text-shadow:0 2px 24px rgba(0,0,0,.25)}
.erou h1 span{font-weight:400;color:rgba(255,255,255,.92)}
.erou__p{color:rgba(255,255,255,.88);font-size:19px}
.erou__mic{color:#d9bf9f}
.erou .btn--alb{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.75)}
.erou .btn--alb:hover{background:#fff;color:var(--negru);box-shadow:inset 0 0 0 1.5px #fff}

/* cele 3 garanții de sub erou: card alb, pictograme bronz */
.increderi{border-radius:14px;box-shadow:0 24px 60px rgba(18,17,16,.16);margin-top:-54px}
.incredere{padding:26px 28px;gap:16px}
.incredere svg{color:var(--bronz);width:34px;height:34px}
.incredere b{font-size:16.5px;font-weight:700;color:var(--negru)}
.incredere span{font-size:14px;color:var(--mut)}

/* secțiuni: titluri mari, pline, cu o linie bronz deasupra */
.sectiune{padding:96px 0}
.sectiune__cap h2{font-size:clamp(30px,3.4vw,46px);letter-spacing:-.022em}
.sectiune__cap h2::before{content:'';display:block;width:44px;height:3px;border-radius:2px;background:var(--bronz);margin-bottom:18px}
.sectiune__cap p{color:var(--mut);font-size:17px}

/* materialele (Quartz / Ceramică) */
.colectie{border-radius:16px}
.colectie::after{background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.72) 100%)}
.colectie__txt{left:32px;right:32px;bottom:30px}
.colectie__txt h3{color:#fff;font-size:36px;font-weight:700;letter-spacing:-.025em}
.colectie__txt small{font-size:15.5px;opacity:.9}
.colectie__sageata{width:52px;height:52px;background:var(--bronz);color:#fff}
.colectie:hover .colectie__sageata{background:var(--bronz-inchis)}

/* cardurile de produs: conturate, cu poza delimitată (plăcile albe nu se mai pierd în fundal) */
.grila>.card{gap:0;background:#fff;border:1px solid var(--linie);border-radius:14px;overflow:hidden;transition:box-shadow .25s,transform .25s,border-color .25s}
.grila>.card:hover{transform:translateY(-3px);box-shadow:var(--umbra-hover);border-color:var(--linie2)}
.grila>.card .card__img{border-radius:0;border-bottom:1px solid var(--linie);background:#e9e5de}
.grila>.card>div:last-child{padding:16px 18px 18px}
.card__meta{font-size:13.5px;color:var(--mut);margin-bottom:4px}
.card__nume{font-size:17px;font-weight:700;color:var(--negru)}
.pret{margin-top:10px;font-size:15px}
.pret b{font-size:19px;font-weight:750;color:var(--negru);letter-spacing:-.01em}
.pret small{color:var(--mut)}
.pret s{color:var(--mut2)}
.card__cerere{color:var(--bronz-inchis)}
.grila{gap:24px 20px}

/* „Cum comanzi”: secțiune închisă, cifre bronz */
.sectiune:has(.pasi){background:#151412;color:#e9e4dc}
.sectiune:has(.pasi) .sectiune__cap h2{color:#fff}
.pas{background:#1f1d1b;box-shadow:none;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:34px 30px}
.pas__nr{justify-content:flex-start;width:auto;height:auto;border-radius:0;background:none;color:var(--bronz);font-size:46px;font-weight:700;letter-spacing:-.03em;line-height:1;margin-bottom:20px}
.pas h3{color:#fff;font-size:21px}
.pas p{color:#b9b2a7;font-size:15.5px}

/* valori + texte */
.valoare h3{font-size:20px}
.valoare p,.desp__txt{color:#3e3a35}
.desp h2{font-size:clamp(26px,2.8vw,38px);letter-spacing:-.025em}
.desp__img img{border-radius:16px;box-shadow:var(--umbra)}
.articol img{border-radius:14px}
.articol h3{font-size:20px;font-weight:700}
.articol small{color:var(--mut)}

/* subsol */
.subsol{background:#121110;border-top:3px solid var(--bronz)}
.subsol h4{color:#fff;font-size:15.5px;font-weight:700}
.subsol a{color:#d6d0c7}
.subsol a:hover{color:#e6cfb2}

/* pagini interioare: firimituri, titlu, filtre */
.pagina-cap h1{font-weight:700;letter-spacing:-.025em}
.pagina-cap p{color:var(--mut);font-size:17px}
.firimituri{color:var(--mut)}
.firimituri a:hover{color:var(--bronz-inchis)}
.chip{font-weight:600;color:var(--negru);box-shadow:inset 0 0 0 1px var(--linie2)}
.chip:hover{box-shadow:inset 0 0 0 1.5px var(--bronz)}
.chip.is-on{background:var(--negru);color:#fff;box-shadow:none}
.filtre h3{font-size:15px;font-weight:700;color:var(--negru)}
.bifa{color:var(--negru)}
.select select{box-shadow:inset 0 0 0 1px var(--linie2);font-weight:600;color:var(--negru)}
.lista-cap__nr{color:var(--mut)}
.gol{border:1px solid var(--linie);box-shadow:none;color:var(--mut)}

/* produs */
.info h1{font-weight:700;letter-spacing:-.03em}
.info__pret b{font-size:32px;font-weight:750;letter-spacing:-.02em}
.info__unitate{color:var(--mut)}
.scena{background:linear-gradient(180deg,#efece6 0%,#e2ddd4 100%);border:1px solid var(--linie)}
.galerie-mare{border:1px solid var(--linie)}
/* miniaturile: banda se derulează pe orizontală și tăia inelul de selecție de afară (Dan: „rămân margini care nu se văd”) —
   acum chenarul e DESENAT ÎNĂUNTRU (::after peste poză): fin la toate, negru + alb la cea aleasă; plăcile albe nu se mai pierd */
.galerie-mici{gap:10px;padding:2px 0 4px}
.galerie-mici button,.galerie-mici button:hover,.galerie-mici button.is-on,
.galerie-mici .galerie-3d,.galerie-mici .galerie-3d:hover,.galerie-mici .galerie-3d.is-on{position:relative;opacity:1;box-shadow:none}
.galerie-mici button::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(18,17,16,.16);transition:box-shadow .15s}
.galerie-mici button:hover::after{box-shadow:inset 0 0 0 1.5px rgba(18,17,16,.45)}
.galerie-mici button.is-on::after{box-shadow:inset 0 0 0 2px var(--negru),inset 0 0 0 4px #fff}
.galerie-mici .galerie-3d{background:#1d1c1a}
.galerie-mici .galerie-3d::after{box-shadow:none}
.galerie-mici .galerie-3d:hover::after{box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}
.galerie-mici .galerie-3d.is-on::after{box-shadow:inset 0 0 0 2px var(--bronz)}
.config,.total,.taburi__corp,.contact__card,.contact__form{border:1px solid var(--linie);box-shadow:var(--umbra)}
.config__cap h2{font-size:20px;font-weight:700}
.bara-progres i{background:var(--bronz)}
.pas-c.is-gata .pas-c__nr{background:var(--bronz)}
.pas-c__titlu{font-weight:700;color:var(--negru)}
.total__mare{font-weight:750}
.taburi__cap button.is-on{background:var(--negru)}
.text{color:#26231f}

@media (max-width:720px){
    .sectiune{padding:64px 0}
    .erou{min-height:clamp(540px,calc(100svh - var(--antet)),760px)}
    .erou::after{background:linear-gradient(180deg,rgba(14,13,12,.1) 0%,rgba(14,13,12,.5) 40%,rgba(14,13,12,.88) 78%,rgba(14,13,12,.94) 100%)}
    .erou__p{font-size:16.5px}
    .increderi{margin-top:-30px}
    .colectie__txt{left:22px;right:22px;bottom:22px}
    .colectie__txt h3{font-size:30px}
    .grila>.card>div:last-child{padding:12px 12px 14px}
    .card__nume{font-size:15px}
    .pret b{font-size:17px}
    .pas{padding:26px 22px}
    .pas__nr{font-size:38px;margin-bottom:14px}
}