/* (06.10.2026) AXELE DE DESIGN — clasele vin din clase_design() pe <body>: d-<axa>-<optiune>. Prima optiune a fiecarei axe = stilul din style.css. */

/* ===== antet ===== */
.d-antet-centrat .antet-g{grid-template-columns:1fr;grid-template-areas:"logo" "cauta" "meniu";justify-items:center;row-gap:8px}
.d-antet-centrat .cauta{width:100%;max-width:720px}.d-antet-centrat .logo{font-size:1.9rem}
.d-antet-centrat .meniu{width:100%}.d-antet-centrat .meniu>a:first-child{margin-left:auto}.d-antet-centrat .meniu>a:last-child{margin-right:auto}   /* centrat cand incape, derulabil fara sa taie stanga cand nu */
.d-antet-banda .meniu{background:var(--brand);box-shadow:0 0 0 100vmax var(--brand);clip-path:inset(0 -100vmax);padding:9px 0;margin-top:8px}
.d-antet-banda .meniu a{color:#fff}.d-antet-banda .antet{border-bottom:0}
.d-antet-compact .antet-g{grid-template-columns:auto auto 1fr;grid-template-areas:"logo meniu cauta";padding-bottom:10px;column-gap:28px}
.d-antet-compact .cauta{justify-self:end;max-width:400px;width:100%}.d-antet-compact .meniu{padding:0;gap:16px;font-size:.95rem}
.d-antet-compact .cauta input{padding:8px 12px}.d-antet-compact .cauta button{padding:0 14px}
.d-antet-inversat .antet-g{grid-template-areas:"meniu meniu" "logo cauta";padding-top:0;padding-bottom:10px}
.d-antet-inversat .meniu{border-bottom:1px solid var(--linie);padding:6px 0;font-size:.9rem;box-shadow:0 0 0 100vmax var(--fond);clip-path:inset(0 -100vmax);background:var(--fond);margin-bottom:8px}
@media (max-width:860px){.d-antet-compact .antet-g,.d-antet-inversat .antet-g{grid-template-columns:1fr;grid-template-areas:"logo" "cauta" "meniu";padding-top:12px}
 .d-antet-compact .cauta{max-width:none;justify-self:stretch}.d-antet-compact .meniu{padding:8px 0 10px}.d-antet-inversat .meniu{box-shadow:none;clip-path:none;background:none;border:0}}

/* ===== meniu ===== */
.d-meniu-pastile .meniu{gap:8px}.d-meniu-pastile .meniu a{background:var(--fond);border:1px solid var(--linie);border-radius:999px;padding:5px 13px;font-size:.92rem}
.d-meniu-pastile .meniu a:hover{border-color:var(--brand);text-decoration:none}
.d-meniu-pastile.d-antet-banda .meniu a{background:transparent;border-color:rgba(255,255,255,.4)}.d-meniu-pastile.d-antet-banda .meniu a:hover{background:rgba(255,255,255,.14);border-color:#fff}
.d-meniu-subliniat .meniu{gap:26px}.d-meniu-subliniat .meniu a{text-transform:uppercase;font-size:.8rem;letter-spacing:.7px;padding:5px 0;border-bottom:2px solid transparent}
.d-meniu-subliniat .meniu a:hover{border-color:var(--accent);text-decoration:none}
.d-meniu-butoane .meniu{gap:8px}.d-meniu-butoane .meniu a{border:1px solid var(--brand);border-radius:var(--r2,8px);padding:5px 12px;color:var(--brand);font-size:.92rem}
.d-meniu-butoane .meniu a:hover{background:var(--brand);color:#fff;text-decoration:none}
.d-meniu-butoane.d-antet-banda .meniu a{border-color:rgba(255,255,255,.5);color:#fff}.d-meniu-butoane.d-antet-banda .meniu a:hover{background:#fff;color:var(--brand)}

/* ===== prima pagina: tigle cu poze, arbore, vitrina, randuri ===== */
.tigle{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-top:10px}
.tigla{background:var(--alb);border:1px solid var(--linie);border-radius:var(--r);padding:10px;display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--text);gap:5px}
.tigla:hover{border-color:var(--brand);text-decoration:none;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.tigla-img{width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:var(--r3,6px);overflow:hidden}
.tigla-img img{max-height:100%;object-fit:contain}.tigla-t{font-weight:600;font-size:.95rem;line-height:1.3}.tigla-n{color:var(--slab);font-size:.82rem}
.tigle-mici{grid-template-columns:repeat(auto-fill,minmax(135px,1fr))}.tigle-mici .tigla-img{aspect-ratio:1}.tigle-mici .tigla-t{font-size:.88rem}
.rafturi-bloc h2{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.rafturi-bloc h2 span{color:var(--slab);font-size:.9rem;font-weight:400}
.acasa-mag{display:grid;grid-template-columns:270px 1fr;gap:24px;align-items:start;margin-top:12px}
.arbore-l{background:var(--alb);border:1px solid var(--linie);border-radius:var(--r);padding:12px 16px}
.arbore-l p{margin:8px 0 4px}.arbore-l ul{list-style:none;margin:0 0 10px;padding:0}.arbore-l li{padding:3px 0;display:flex;justify-content:space-between;gap:8px;font-size:.93rem;border-bottom:1px dashed var(--linie)}
.arbore-l li span{color:var(--slab);font-size:.8rem}.acasa-mag h1{font-size:1.45rem;margin-top:0}.acasa-mag .erou{padding:4px 0 0}
.vitrina{background:var(--brand);color:#fff;box-shadow:0 0 0 100vmax var(--brand);clip-path:inset(0 -100vmax);padding:44px 0 40px;margin-bottom:26px}
.vitrina h1{color:#fff;font-size:2.3rem;max-width:820px;margin:0 0 .5rem}.vitrina p{color:rgba(255,255,255,.85);max-width:820px;font-size:1.05rem}
.vitrina .cauta{max-width:720px;margin-top:18px}.vitrina .cauta input{border-color:#fff}.vitrina .cauta button{background:var(--accent);color:var(--pe-accent,#fff)}
.rand{margin-top:26px;padding-top:6px;border-top:1px solid var(--linie)}.rand h2{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.rand h2 a.tot{font-size:.9rem;font-weight:600}.rand .tigle{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.rand .tigle .tigla-img{aspect-ratio:1}
.rand .grila{margin-top:14px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
@media (max-width:860px){.acasa-mag{grid-template-columns:1fr}.vitrina{padding:26px 0 24px}.vitrina h1{font-size:1.5rem}.tigle{grid-template-columns:repeat(2,1fr)}.tigle-mici,.rand .tigle{grid-template-columns:repeat(3,1fr)}}

/* ===== raft: filtre sus (dropdown-uri), dreapta, sertar ===== */
.d-raft-sus .raft-corp{grid-template-columns:1fr}
.d-raft-sus .filtre{position:static;max-height:none;overflow:visible;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px}
.d-raft-sus .filtre details{border:1px solid var(--linie);border-radius:999px;padding:0;position:relative;background:var(--alb)}
.d-raft-sus .filtre details[open]{border-color:var(--brand)}.d-raft-sus .filtre summary{padding:6px 14px;list-style:none;font-weight:600;font-size:.92rem}
.d-raft-sus .filtre summary::-webkit-details-marker{display:none}.d-raft-sus .filtre summary::after{content:" ▾";font-size:.7em;color:var(--slab)}
.d-raft-sus .filtre .opts{position:absolute;top:calc(100% + 6px);left:0;z-index:6;background:var(--alb);border:1px solid var(--linie);border-radius:var(--r);min-width:250px;max-height:340px;overflow:auto;padding:8px 14px;box-shadow:0 8px 24px rgba(0,0,0,.14)}
.d-raft-sus .filtre .sterge{padding:0 6px}
.d-raft-dreapta .raft-corp{grid-template-columns:1fr 250px}.d-raft-dreapta .filtre{order:2}
.d-raft-sertar .raft-corp{grid-template-columns:1fr}.d-raft-sertar .filtre{position:static;max-height:none;overflow:visible;padding:0;border:0;background:none}
.sertar>summary{display:inline-block;cursor:pointer;list-style:none;background:var(--alb);border:1px solid var(--brand);color:var(--brand);border-radius:var(--r2,8px);padding:7px 16px;font-weight:700}
.sertar>summary::-webkit-details-marker{display:none}.sertar>summary::before{content:"☰ "}.sertar[open]>summary{background:var(--brand);color:#fff}
.sertar-in{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:0 18px;background:var(--alb);border:1px solid var(--linie);border-radius:var(--r);padding:6px 14px 10px;margin-top:8px}
.sertar-in .sterge{grid-column:1/-1}.sertar-in details{border-bottom:0}
@media (max-width:860px){.d-raft-dreapta .filtre{order:0}
 .d-raft-sus .filtre details{flex-basis:100%;border-radius:var(--r)}.d-raft-sus .filtre .opts{position:static;box-shadow:none;border:0;border-top:1px solid var(--linie);border-radius:0;min-width:0;width:100%;padding:4px 14px 8px}}

/* ===== card ===== */
.d-card-plat .card{border:0;box-shadow:0 1px 3px rgba(0,0,0,.07);border-radius:calc(var(--r) + 4px);padding:12px;transition:box-shadow .15s,transform .15s}
.d-card-plat .card:hover{box-shadow:0 8px 22px rgba(0,0,0,.13);transform:translateY(-2px)}
.d-card-lista .grila{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:10px}
.d-card-lista .card{display:grid;grid-template-columns:104px 1fr;grid-template-areas:"img t" "img p" "img m";column-gap:14px;row-gap:2px;align-items:center;padding:8px}
.d-card-lista .card-img{grid-area:img;aspect-ratio:1}.d-card-lista .card-t{grid-area:t;min-height:0;-webkit-line-clamp:2}.d-card-lista .card-p{grid-area:p}.d-card-lista .card-m{grid-area:m}
.d-card-eticheta .card{position:relative;padding:0;overflow:hidden;gap:0}.d-card-eticheta .card-img{border-radius:0}
.d-card-eticheta .card-t{padding:8px 10px 0}.d-card-eticheta .card-m{padding:4px 10px 10px}
.d-card-eticheta .card-p{position:absolute;top:8px;left:8px;background:var(--accent);color:var(--pe-accent,#fff);padding:3px 10px;border-radius:999px;font-size:.82rem;font-weight:600;box-shadow:0 1px 4px rgba(0,0,0,.2)}
.d-card-eticheta .card-p strong{color:inherit;font-size:1rem}
.d-card-mare .grila{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.d-card-mare .card{padding:12px;gap:8px}
.d-card-mare .card-t{font-size:1rem;-webkit-line-clamp:2;min-height:2.7em}.d-card-mare .card-p strong{font-size:1.25rem}
@media (max-width:860px){.d-card-lista .grila{grid-template-columns:1fr}.d-card-mare .grila{grid-template-columns:repeat(2,1fr);gap:10px}}

/* ===== produs ===== */
.d-produs-oferte-sus .produs-sus{display:block}.d-produs-oferte-sus .produs-sus::after{content:"";display:block;clear:both}
.d-produs-oferte-sus .produs-img{float:right;width:min(300px,40%);max-height:300px;margin:0 0 14px 22px}.d-produs-oferte-sus .produs-img img{max-height:280px}
.d-produs-carduri .oferte thead{display:none}.d-produs-carduri .oferte tbody{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.d-produs-carduri .oferte tr{display:flex;flex-direction:column;gap:6px;border:1px solid var(--linie);border-radius:var(--r);padding:12px;background:var(--fond)}
.d-produs-carduri .oferte td{border:0;padding:0;text-align:left}.d-produs-carduri .oferte td:last-child{text-align:left;margin-top:4px}
.d-produs-carduri .oferte tr.cel-mai-ieftin{border-color:var(--verde);background:rgba(30,122,79,.08)}.d-produs-carduri .oferte td strong{font-size:1.3rem}
.d-produs-lat .produs-sus{grid-template-columns:1fr;justify-items:center}.d-produs-lat .produs-img{max-height:400px;width:100%}.d-produs-lat .produs-img img{max-height:380px}
.d-produs-lat .produs-info{max-width:860px;width:100%}.d-produs-lat h1{text-align:center}.d-produs-lat .produs-pret{text-align:center}
@media (max-width:860px){.d-produs-oferte-sus .produs-img{float:none;width:100%;margin:0 0 12px}}

/* ===== subsol ===== */
.d-subsol-luminos .subsol{background:var(--alb);color:var(--slab);border-top:1px solid var(--linie)}.d-subsol-luminos .subsol a{color:var(--brand)}
.d-subsol-luminos .titlu-s{color:var(--text)}.d-subsol-luminos .aviz{background:var(--fond)}.d-subsol-luminos .copy{color:var(--slab);border-color:var(--linie)}
.d-subsol-simplu .subsol-r{grid-template-columns:1.3fr 1fr}.d-subsol-simplu .subsol-r>div:nth-child(2) a,.d-subsol-simplu .subsol-r>div:nth-child(3) a{display:inline-block;margin:0 14px 4px 0}
.d-subsol-simplu .subsol-r>div:nth-child(4){grid-column:1/-1;font-size:.85rem;border-top:1px solid rgba(255,255,255,.12);padding-top:10px}
.d-subsol-simplu .subsol-r>div:nth-child(4) p{display:inline-block;margin:0 24px 0 0}.d-subsol-simplu .subsol-r>div:nth-child(4) br{display:none}
.d-subsol-centrat .subsol-r{grid-template-columns:1fr;text-align:center;max-width:860px;gap:14px}.d-subsol-centrat .subsol-r>div>a{display:inline-block;margin:0 10px 4px}
.d-subsol-centrat .aviz{text-align:left}.d-subsol-centrat .copy{text-align:center}
@media (max-width:860px){.d-subsol-simplu .subsol-r{grid-template-columns:1fr}}

/* ===== densitate ===== */
.d-densitate-compact{font-size:15px}.d-densitate-compact .grila{gap:10px}.d-densitate-compact .card{padding:8px;gap:4px}.d-densitate-compact main{padding-top:4px}
.d-densitate-compact h1{font-size:1.5rem}.d-densitate-compact .bloc{margin-top:16px}.d-densitate-compact .tigle{gap:8px}
.d-densitate-aerisit .grila{gap:22px}.d-densitate-aerisit .card{padding:14px;gap:8px}.d-densitate-aerisit main{padding-top:18px}
.d-densitate-aerisit .bloc{margin-top:36px}.d-densitate-aerisit .erou{padding:40px 0 14px}.d-densitate-aerisit h2{margin-top:2rem}.d-densitate-aerisit .tigle{gap:18px}

/* ===== buton ===== */
.d-buton-pastila .buton,.d-buton-pastila .alerta-r button,.d-buton-pastila .formular button,.d-buton-pastila .pag a,.d-buton-pastila .cip{border-radius:999px}
.d-buton-pastila .cauta input{border-radius:999px 0 0 999px;padding-left:18px}.d-buton-pastila .cauta button{border-radius:0 999px 999px 0;padding:0 22px}
.d-buton-contur .buton{background:transparent;color:var(--accent2);border:2px solid var(--accent2);padding:7px 14px}.d-buton-contur .buton:hover{background:var(--accent2);color:var(--pe-accent,#fff)}
.d-buton-contur .cauta button{background:transparent;color:var(--brand);border:2px solid var(--brand);border-left:0}.d-buton-contur .cauta button:hover{background:var(--brand);color:#fff}