/* Zen Auto · zen-listing.css: pagina de rezultate în designul nou (zona „listing”: paginile SEO af_seopages, categoriile,
   căutarea). Portată din prototip/final/rezultate.css („Raftul” + runda 13, cardul V1). Proprietar: agentul rezultatelor.
   Se încarcă doar când $zen.nou, după zen-base.css. Clasele noi încep cu z-; Amazzing Filter își păstrează clasele
   (af_filter, af-form, no-matches…), pe care le restilizăm aici sub .z-af. */

/* ---------- pagina: fără coloana stângă și fără grila temei (zona e curată: theme.css nu se încarcă) ---------- */
body.z-p-listing { background: var(--l); }
body.z-p-listing #wrapper, body.z-p-listing #inner-wrapper { background: var(--l); }
body.z-p-listing #inner-wrapper > .row, body.z-p-listing #content-wrapper { display: block; width: 100%; max-width: none; margin: 0; padding: 0; }
body.z-p-listing #notifications:empty, body.z-p-listing #notifications .container:empty { display: none; }
body.z-p-listing #left-column, body.z-p-listing #right-column { display: none; }
body.z-p-listing #infinity-loader-icon, body.z-p-listing #facets-loader-icon { display: none; }
/* modulele vechi din subsolul paginii (wishlist/compare/quickview) nu au stil fără tema veche */
body.z-p-listing #iqitwishlist-notification, body.z-p-listing .js-iqitwishlist-add, body.z-p-listing #quickview-modal-product { display: none !important; }

/* ---------- banda grafit: calea, H1 (eticheta cifrelor), dimensiunea, sezonul ---------- */
.z-rz { background: var(--g); color: var(--t); }
.z-bara { position: relative; display: flex; align-items: center; flex-wrap: wrap; gap: 6px 40px; padding-top: 14px; padding-bottom: 14px; }
.z-bara-fir { flex: 1 0 100%; margin: 2px 0 2px; }
.z-bara .z-fir a { --z-lc: var(--t2); --z-hc: var(--t); }
.z-rz-t { display: flex; flex-direction: column; gap: 6px; }
.z-rz-h1 { margin: 0; font-size: 17px; line-height: 1.2; font-weight: 600; letter-spacing: -.005em; color: var(--t2); }
.z-rz-cat .z-rz-h1 { font-size: 19px; color: var(--t); }
.z-bara .z-dim { font-size: clamp(36px, 3.1vw, 50px); }
.z-bara .z-seg { padding: 9px 0 11px; }
.z-bara .z-seg::after { bottom: 4px; }
/* descrierea categoriei: în dreapta benzii pe desktop (spațiul de sub coș), sub titlu pe telefon, restrânsă */
.z-rz-desc { flex: 0 1 460px; margin-left: auto; align-self: center; font-size: 14px; line-height: 1.5; color: var(--t2); }
.z-rz-desc-t { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.z-rz-desc.z-tot .z-rz-desc-t { display: block; -webkit-line-clamp: unset; }
.z-rz-desc-t p { margin: 0 0 .5em; }
.z-rz-desc-t a { --z-lc: var(--t); --z-hc: var(--t); text-decoration: underline !important; text-underline-offset: 3px; }
.z-rz-desc-t h2, .z-rz-desc-t h3 { font-size: 15px; font-weight: 650; color: var(--t); margin: 0 0 .3em; }
.z-rz-desc-b { margin-top: 4px; min-height: 32px; font-size: 14px; font-weight: 600; color: var(--t); text-decoration: underline; text-underline-offset: 3px; }
.z-bara .z-sez { margin-left: -14px; align-self: flex-end; margin-bottom: 2px; }
.z-bara .z-sez a, .z-bara .z-sez .z-sez-nu { font-size: clamp(19px, 1.5vw, 23px); height: 48px; }
.z-sez .z-sez-nu { position: relative; display: inline-flex; align-items: center; padding: 0 14px; font-weight: 560; letter-spacing: -.02em; color: var(--linie); white-space: nowrap; cursor: default; }
@media (min-width: 961px) { .z-bara .z-pick { right: auto; width: min(760px, calc(100% - 2 * var(--gut))); } }

/* ---------- lista (suprafața deschisă) ---------- */
/* cel puțin un ecran: după o filtrare lista poate reîncepe sus, sub bara lipită, fără ca pagina să sară */
.z-lst { min-height: 100vh; }
.z-unelte { position: sticky; top: 0; z-index: 20; background: rgba(241, 243, 243, .94); -webkit-backdrop-filter: saturate(1.4) blur(10px); backdrop-filter: saturate(1.4) blur(10px); border-bottom: 1px solid var(--l2); }
.z-unelte-in { display: flex; gap: 6px 18px; flex-wrap: nowrap; align-items: flex-start; padding-top: 12px; padding-bottom: 12px; }
.z-fl-loc { flex: 1 1 0; min-width: 0; }
/* blocul Amazzing: niciodată „fixed” (modulul ar trece în modul compact), panourile se așază față de bara lipicioasă */
body.z-nou #amazzing_filter.z-af { position: static; opacity: 1; display: block; margin: 0; padding: 0; background: none; border: 0; box-shadow: none; }
.z-af .af-form, .z-af .hidden_inputs { position: static; margin: 0; padding: 0; }
.z-af .hidden_inputs { display: none; }
.z-af .selectedFilters, .z-af .btn-holder { display: none !important; }
/* rândul de cipuri: mereu pe un rând (dacă nu încap, se derulează orizontal) */
.z-fl { display: flex; gap: 6px; flex-wrap: nowrap; align-items: center; overflow-x: auto; scrollbar-width: none; padding: 2px; margin: -2px; }
.z-fl::-webkit-scrollbar { display: none; }
.z-ch { flex: none; display: inline-flex; align-items: center; justify-content: center; gap: 7px; height: 44px; min-width: 44px; padding: 0 13px; border-radius: 999px; border: 1px solid var(--l3) !important; background: #fff !important; color: var(--ink) !important; font-size: 14.5px; font-weight: 600; white-space: nowrap; transition: border-color .12s, background .12s, color .12s; }
@media (hover: hover) { .z-ch:hover { border-color: var(--ink) !important; } }
.z-ch .z-ch-s { width: 12px; height: 12px; transition: transform .15s; }
.z-ch[aria-expanded="true"] .z-ch-s { transform: rotate(180deg); }
.z-ch.z-on { background: var(--ink) !important; color: #fff !important; border-color: var(--ink) !important; }
.z-ch .z-n { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 10px; background: var(--o); color: #fff; font-size: 12px; font-weight: 700; }
.z-ch .z-n[hidden] { display: none; }
.z-ch-fl { display: none; }
.z-ch-fl svg { width: 16px; height: 16px; }
.z-ch.z-gol-ch { display: none; }
.z-dr { margin-left: auto; display: flex; align-items: center; gap: 14px; flex: none; }
.z-sort { position: relative; display: block; margin: 0; }
.z-sort select { height: 44px; border-radius: 999px; border: 1px solid var(--l3); background: #fff; color: var(--ink); padding: 0 40px 0 16px; font: 600 14.5px/1 var(--f); -webkit-appearance: none; appearance: none; cursor: pointer; }
.z-sort select:focus-visible { outline: 2px solid var(--o); outline-offset: 2px; }
.z-sort::after { content: ""; position: absolute; right: 17px; top: 50%; width: 7px; height: 7px; border-right: 2px solid var(--ink); border-bottom: 2px solid var(--ink); transform: translateY(-70%) rotate(45deg); pointer-events: none; }

/* ---------- panoul unui grup de fațete (desktop): sub butonul lui, în bara lipicioasă; nu se mută la bifare ---------- */
.z-pops { position: static; }
.z-pop { position: absolute; z-index: 30; background: #fff; color: var(--ink); color-scheme: light; border-radius: 18px; box-shadow: 0 24px 70px rgba(10, 16, 16, .22), 0 0 0 1px rgba(10, 16, 16, .06); padding: 18px; width: max-content; min-width: 260px; max-width: min(520px, calc(100vw - 24px)); overflow-y: auto; overscroll-behavior: contain; }
.z-pop[hidden], .z-pop[data-zen-fix] { display: none !important; }
.z-pop-marca { width: min(500px, calc(100vw - 24px)); }
.z-pop-t { margin: 0 0 10px; font-size: 14px; font-weight: 700; }
.z-pop .z-fc + .z-fc { margin-top: 18px; }
.z-pop-ind .z-pop-t { display: none; }
.z-af .af_filter { margin: 0; padding: 0; border: 0; background: none; }
.z-af .af_filter_content { display: block !important; padding: 0; margin: 0; }
.z-fc-t { margin: 0 0 10px; font-size: 14px; font-weight: 700; }
.z-fc-n { margin: -6px 0 10px; font-size: 12.5px; color: var(--m); }
.z-tx { font-weight: 500; color: var(--m); font-size: 12.5px; }
.z-fc-gr + .z-fc-gr { margin-top: 4px; }
.z-fc-gt { margin: 12px 0 6px; font-size: 12.5px; font-weight: 600; color: var(--m); }
.z-fc-gr:first-of-type .z-fc-gt { margin-top: 0; }
.z-fc-gr.z-gol-gr { display: none; }
.z-fc-nimic { margin: 4px 0 0; color: var(--m); font-size: 14px; }
.z-fc-cauta { display: block; margin: 0 0 12px; }
.z-fc-cauta input { width: 100%; height: 44px; padding: 0 14px; border-radius: 10px; border: 1px solid var(--l3); background: var(--l); color: var(--ink); font-size: 15px; }
.z-fc-cauta input:focus { outline: none; border-color: var(--ink); background: #fff; }
/* valorile: pastile; inputul nativ rămâne în pagină (Amazzing îl citește), invizibil, dar focusabil */
.z-af ul.z-ops { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.z-af .z-ops li { position: relative; display: block; margin: 0; padding: 0; list-style: none; }
.z-af .z-ops li.z-ascuns, .z-af .z-ops li.qs-hidden, .z-af .z-ops li.z-cauta-nu { display: none; }
.z-af.hide-zero-matches .z-ops li.no-matches:not(.z-ascuns) { display: block; }
.z-af .z-op { position: relative; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; margin: 0; padding: 0 13px !important; border-radius: 10px; border: 1px solid #d5dbdb; background: #fff; color: var(--ink); font-size: 14px; font-weight: 600; line-height: 1.2; cursor: pointer; transition: background .12s, border-color .12s, color .12s; }
.z-af .z-op::before, .z-af .z-op::after { content: none !important; }
.z-af .z-op .name { font: inherit; color: inherit; }
@media (hover: hover) { .z-af .z-op:hover { border-color: var(--ink); } }
.z-af .z-ops li.active > .z-op { background: var(--ink); border-color: var(--ink); color: #fff; }
.z-af .z-ops li.active > .z-op .z-tx { color: rgba(255, 255, 255, .7); }
.z-af .z-ops li.no-matches:not(.active) > .z-op { opacity: .35; cursor: default; }
.z-af .z-ops li.no-matches:not(.active) > .z-op:hover { border-color: #d5dbdb; }
.z-af .af.checkbox, .z-af .af.radio { display: block !important; position: absolute; left: 0; top: 0; width: 1px; height: 1px; margin: 0; opacity: 0; pointer-events: none; }
.z-af .z-op:has(input:focus-visible) { outline: 2px solid var(--o); outline-offset: 2px; }
/* literele etichetei UE (frânare pe ud, consum): pastilă pătrată cu culoarea clasei dedesubt */
.z-af .z-op-lit { width: 44px; justify-content: center; padding: 0 !important; font-size: 15px; }
.z-af .z-op-lit::after { content: "" !important; position: absolute; left: 8px; right: 8px; bottom: 5px; height: 3px; border-radius: 2px; background: var(--c, var(--l3)); }
.z-fc-sel { height: 44px; min-width: 200px; border-radius: 10px; border: 1px solid var(--l3); padding: 0 12px; background: #fff; color: var(--ink); }

/* ---------- filtrele active: rândul există mereu, deci primul filtru nu împinge lista ---------- */
.z-stare { display: flex; align-items: center; gap: 8px 18px; min-height: 58px; padding-top: 14px; }
.z-activ { flex: 1 1 0; min-width: 0; display: flex; flex-wrap: nowrap; gap: 8px; overflow-x: auto; scrollbar-width: none; }
.z-activ::-webkit-scrollbar { display: none; }
.z-activ button { flex: none; height: 44px; padding: 0 10px 0 14px; border-radius: 999px; background: #dfe5e5; color: var(--ink); font-size: 14px; font-weight: 600; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.z-activ button:hover { background: #d2dada; }
.z-activ button::after { content: "×"; font-size: 18px; line-height: 1; color: var(--m); }
.z-activ .z-sterge { background: none; text-decoration: underline; text-underline-offset: 3px; color: var(--m); }
.z-activ .z-sterge::after { content: none; }

/* ---------- grila de produse ---------- */
.z-lista { position: relative; transition: opacity .2s; }
.af_pl_wrapper { position: relative; }
.z-grila { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 18px; padding-top: 14px; padding-bottom: 40px; }
.z-cd { position: relative; isolation: isolate; display: flex; flex-direction: column; overflow: hidden; background: #fff; color: var(--ink); border-radius: 18px; transition: box-shadow .18s; scroll-margin-top: 90px; }
.z-cd:hover { box-shadow: 0 18px 44px rgba(10, 16, 16, .1); }
.z-cd:hover .z-cd-m a { text-decoration: underline !important; text-underline-offset: 3px; }
.z-cd-st { position: relative; display: flex; align-items: flex-end; justify-content: center; height: 222px; padding-bottom: 22px; background: #fff; }
.z-umbra { position: absolute; bottom: 14px; left: 50%; width: 130px; margin-left: -65px; height: 16px; background: radial-gradient(ellipse at center, rgba(10, 16, 16, .22), rgba(10, 16, 16, 0) 70%); z-index: 0; }
.z-cd-st .z-anv { z-index: 1; }
.z-cd-b { display: flex; flex-direction: column; flex: 1; padding: 4px 18px 18px; }
.z-cd-m { margin: 2px 0 0; font-size: 17px; font-weight: 400; line-height: 1.2; letter-spacing: -.01em; overflow-wrap: anywhere; }
.z-cd-m a { --z-lc: var(--ink); --z-hc: var(--ink); }
.z-cd-m b { font-weight: 700; }
.z-cd-sp { margin: 3px 0 0; font-size: 13.5px; color: var(--m); }
.z-cd-sez { display: none; }
.z-lst-sez .z-cd-sez { display: inline; }
.z-cd-rec { display: block; margin: 6px 0 0; font-size: 13px; font-weight: 700; color: var(--ink); }
.z-cd-rec::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: var(--o); vertical-align: .1em; }
.z-cd-rec span { font-weight: 500; color: var(--m); }
.z-cd .z-fapte { margin-top: 12px; }
.z-cd .z-fapte + .z-fapte { margin-top: 6px; }
/* runda 13 (V1): prețul pe bucată în stânga, „Adaugă” grafit compact în dreapta, jos; sub preț „[4 buc. ▾] · total”.
   Rândul pastilei nu se rupe (un total prea lung se îngustează din JS), deci înălțimea nu depinde de cantitate. */
.z-cd-jos { margin-top: auto; padding-top: 14px; display: flex; align-items: flex-end; justify-content: space-between; gap: 8px; }
.z-cd-l { flex: 1 1 auto; min-width: 0; }
.z-cd-p { font-size: 26px; white-space: normal; }
.z-cd-p small { display: inline-block; margin: 4px 0 0; white-space: nowrap; }
.z-cd-q { display: flex; align-items: center; gap: 4px; margin-top: 4px; white-space: nowrap; font-size: 13.5px; color: var(--m); }
.z-cd-tw { display: inline-flex; align-items: center; gap: 4px; min-width: 0; overflow: hidden; }
.z-cd-tw[hidden] { display: none; }
.z-cd-tw i { font-style: normal; color: var(--m2); }
.z-cd-tot { font-weight: 700; color: var(--ink); font-variant-numeric: tabular-nums; }
.z-cd-btn { flex: none; height: 44px; padding: 0 13px 0 11px; gap: 7px; font-size: 15px; }
.z-cd-btn:hover { background: #1d2828; color: #fff; }
.z-cd-btn svg { width: 19px; height: 19px; color: var(--o); }
.z-cd-i { display: grid; }
.z-cd-i-ok, .z-cd-btn.z-ok .z-cd-i:not(.z-cd-i-ok) { display: none; }
.z-cd-btn.z-ok .z-cd-i-ok { display: grid; }
/* „Adaugă” și „Adăugat” stau suprapuse: lățimea butonului nu se schimbă la confirmare */
.z-cd-bt { display: grid; }
.z-cd-bt > span { grid-area: 1 / 1; }
.z-cd-bt-ok, .z-cd-btn.z-ok .z-cd-bt-a { visibility: hidden; }
.z-cd-bt-ok { font-variation-settings: "wdth" 88; }
.z-cd-btn.z-ok .z-cd-bt-ok { visibility: visible; }
.z-cd.z-flash { box-shadow: 0 0 0 3px var(--o), 0 18px 44px rgba(10, 16, 16, .1); }
.z-gol { grid-column: 1 / -1; text-align: center; padding: 60px 0; }
.z-gol p { font-size: 20px; font-weight: 600; margin: 0 0 16px; }
.z-lista.z-incarc { opacity: .45; }

/* ---------- paginarea: linkuri reale ?page=N ---------- */
.z-pag { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; padding-bottom: 56px; }
.z-pag a, .z-pag .z-pag-e { position: relative; display: inline-grid; place-items: center; min-width: 44px; height: 44px; padding: 0 6px; border-radius: 22px; font-size: 15px; font-weight: 560; font-variant-numeric: tabular-nums; transition: color .15s, background .15s; }
.z-pag a { --z-lc: var(--m); --z-hc: var(--ink); }
.z-pag a.z-on { --z-lc: var(--ink); }
.z-pag a.z-on::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: 7px; height: 3px; border-radius: 3px; background: var(--o); }
.z-pag .z-pag-s { font-size: 22px; font-weight: 400; }
.z-pag .z-pag-e { width: 22px; min-width: 0; color: var(--m2); }
@media (hover: hover) { .z-pag a:hover { background: var(--l2); } }

/* ---------- textele SEO, sub listă ---------- */
.z-rz-despre { padding-top: 8px; padding-bottom: 56px; color: var(--m); font-size: 15px; line-height: 1.55; }
.z-rz-despre:empty { display: none; }
.z-rz-despre p { margin: 0 0 .7em; max-width: 46em; text-wrap: pretty; }
.z-rz-despre a { --z-lc: var(--ink); --z-hc: var(--ink); text-decoration: underline !important; text-decoration-color: var(--l3) !important; text-underline-offset: 3px; }
.z-rz-despre h2, .z-rz-despre h3 { margin: 1.2em 0 .4em; font-size: 17px; font-weight: 650; color: var(--ink); }
.z-rz-despre ul { margin: 0 0 .7em 1.2em; list-style: disc; }
.z-rz-despre img { max-width: 100%; height: auto; }

/* ---------- consultanții (doar IP birou; HTML-ul public nu are nimic din toate astea) ---------- */
.z-lc-ic { position: absolute; top: 6px; right: 6px; z-index: 4; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; color: var(--m); cursor: pointer; }
.z-lc-ic::before { content: ""; position: absolute; inset: 9px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 1px var(--l2); z-index: -1; transition: background .15s, box-shadow .15s; }
.z-lc-ic:hover { color: var(--ink); }
.z-lc-ic:hover::before { box-shadow: 0 0 0 1px var(--l3); }
.z-cd.z-lc-fix .z-lc-ic { color: #fff; }
.z-cd.z-lc-fix .z-lc-ic::before { background: var(--ink); box-shadow: none; }
.z-cd.z-lc-fix .z-lc-pin { fill: currentColor; }
.z-lc-ic:focus-visible { outline: 2px solid var(--o); outline-offset: -6px; }
.z-lc { position: absolute; z-index: 3; top: 50px; left: 8px; right: 8px; display: none; padding: 3px 9px; font-size: 12px; line-height: 1.25; color: var(--ink); background: #fff; border-radius: 10px; box-shadow: 0 0 0 1px var(--l2), 0 6px 18px -6px rgba(10, 16, 16, .18); font-variant-numeric: tabular-nums; }
.z-cd.z-lc-fix .z-lc, .z-lc-ic:focus-visible ~ .z-lc { display: block; }
@media (hover: hover) and (pointer: fine) { .z-lc-ic:hover ~ .z-lc, .z-lc:hover { display: block; } }
.z-lc-t { width: 100%; border-collapse: collapse; font-variation-settings: "wdth" 90; }
.z-lc-t th, .z-lc-t td { padding: 3px 0; text-align: left; white-space: nowrap; vertical-align: baseline; border-top: 1px solid var(--l2); font-size: 12px; }
.z-lc-t tr:first-child > * { border-top: 0; }
.z-lc-t td { padding-left: 7px; color: var(--m); }
.z-lc-t th { font-weight: 650; color: var(--ink); }
.z-lc-a { font-style: normal; color: var(--m); margin-left: 1px; }
.z-lc-t .z-lc-p { text-align: right; color: var(--ink); font-weight: 500; }
.z-lc-t .z-lc-min .z-lc-p { font-weight: 760; }
.z-lc-t .z-lc-min .z-lc-p::before { content: ""; display: inline-block; width: 5px; height: 5px; margin: 0 5px 1px 0; border-radius: 50%; background: var(--o); vertical-align: middle; }
.z-lc-t .z-lc-c { width: 100%; white-space: normal; overflow-wrap: anywhere; word-break: break-all; color: var(--ink); letter-spacing: .01em; }
.z-lc-t .z-lc-b, .z-lc-t .z-lc-v { text-align: right; }
.z-lc-gol { margin: 0; padding: 4px 0; color: var(--m); }

/* ---------- foaia de filtre (telefon): blocul Amazzing e mutat aici cât e deschisă ---------- */
.z-foaie { position: fixed; inset: 0; z-index: 1065; display: flex; flex-direction: column; justify-content: flex-end; color: var(--ink); color-scheme: light; }
.z-foaie[hidden] { display: none !important; }
.z-foaie-f { position: absolute; inset: 0; background: rgba(10, 16, 16, .5); opacity: 0; transition: opacity .2s; }
.z-foaie-c { position: relative; display: flex; flex-direction: column; max-height: 90svh; background: #fff; border-radius: 22px 22px 0 0; transform: translateY(24px); opacity: 0; transition: transform .22s var(--ease), opacity .18s; }
.z-foaie.z-on .z-foaie-f { opacity: 1; }
.z-foaie.z-on .z-foaie-c { transform: none; opacity: 1; }
.z-foaie-h { display: flex; align-items: center; justify-content: space-between; padding: 8px 8px 8px 20px; border-bottom: 1px solid var(--l2); }
.z-foaie-h b { font-size: 18px; }
.z-foaie .z-x { color: var(--m); }
.z-foaie .z-x:hover { background: var(--l); color: var(--ink); }
.z-foaie-b { overflow-y: auto; overscroll-behavior: contain; padding: 18px 20px 24px; }
.z-foaie-j { display: flex; gap: 10px; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid var(--l2); background: #fff; }
.z-foaie-j .z-foaie-sterge { flex: none; padding: 0 20px; }
.z-foaie-j .z-foaie-gata { flex: 1; }
.z-foaie-j .z-foaie-gata:disabled { background: var(--l2); color: var(--m); opacity: 1; }
/* în foaie: toate grupurile una sub alta, fără cipuri */
.z-foaie .z-fl { display: none; }
.z-foaie .z-pop { position: static; display: block; width: auto; max-width: none; min-width: 0; padding: 0; box-shadow: none; border-radius: 0; overflow: visible; max-height: none !important; }
.z-foaie .z-pop[hidden]:not([data-zen-fix]) { display: block !important; }
.z-foaie .z-pop.z-gol-pop { display: none !important; }
.z-foaie .z-pop + .z-pop { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--l2); }
.z-foaie .z-pop-ind .z-pop-t { display: block; }
.z-foaie .z-pop-ind .z-fc-t { font-size: 13px; color: var(--m); font-weight: 600; }
body.z-foaie-deschisa { overflow: hidden; }

/* ---------- ecrane ---------- */
@media (max-width: 1100px) {
}
@media (max-width: 980px) {
  .z-fl > .z-ch:not(.z-ch-fl) { display: none; }
  .z-ch-fl { display: inline-flex; }
}
@media (max-width: 960px) {
  .z-bara-fir { margin: 0 0 -6px; }
}
@media (max-width: 760px) {
  .z-bara { gap: 4px; padding-top: 10px; padding-bottom: 10px; }
  .z-rz-t { flex: 1 1 100%; gap: 2px; }
  .z-rz-h1 { font-size: 15px; }
  .z-rz-cat .z-rz-h1 { font-size: 18px; }
  .z-rz-desc { flex: 1 1 100%; margin: 4px 0 2px; font-size: 13.5px; }
  .z-rz-desc-t { -webkit-line-clamp: 3; }
  .z-bara .z-dim { font-size: 46px; width: 100%; }
  .z-bara .z-sez { width: calc(100% + 20px); margin-left: -10px; gap: 0; justify-content: space-between; align-self: auto; }
  .z-bara .z-sez a, .z-bara .z-sez .z-sez-nu { font-size: 18px; padding: 0 10px; }
  /* trei coloane vizibile deodată: segmentul, „de la … / buc.”, anvelopa, numele (link), alegerea, prețul */
  .z-unelte-in { gap: 6px; padding-top: 10px; padding-bottom: 10px; }
  .z-fl-loc { flex: none; }
  .z-dr { gap: 6px; min-width: 0; flex: 1 1 auto; justify-content: flex-end; align-self: center; }
  .z-ch-fl { padding: 0 14px; }
  .z-sort { min-width: 0; flex: 0 1 auto; }
  .z-sort select { padding: 0 34px 0 14px; max-width: 100%; text-overflow: ellipsis; }
  .z-sort::after { right: 12px; }
  .z-stare { min-height: 52px; padding-top: 8px; gap: 8px 12px; }
  .z-grila { grid-template-columns: 1fr; gap: 10px; padding-top: 10px; }
  .z-cd { flex-direction: row; border-radius: 16px; }
  .z-cd-st { width: 104px; height: auto; min-height: 168px; flex: none; padding: 12px 4px; align-items: center; overflow: hidden; }
  .z-cd-st { --k: .62; }
  .z-umbra { display: none; }
  .z-cd-rec { margin-top: 4px; font-size: 12.5px; }
  .z-cd-b { padding: 14px 14px 14px 4px; min-width: 0; flex: 1 1 auto; }
  .z-cd-m { font-size: 16px; padding-right: 0; }
  .z-cd .z-fapte { margin-top: 9px; gap: 5px; }
  .z-cd .z-eu, .z-cd .z-tg { height: 26px; font-size: 12px; }
  /* telefon: „Adaugă” urcă lângă preț, rândul „[4 buc. ▾] · total” are toată lățimea cardului, dedesubt */
  .z-cd-jos { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "p b" "q q"; align-items: center; gap: 6px 8px; padding-top: 12px; }
  .z-cd-l { display: contents; }
  .z-cd-p { grid-area: p; font-size: 22px; }
  .z-cd-p small { font-size: 13px; }
  .z-cd-q { grid-area: q; margin: 0; font-size: 13px; }
  .z-cd-btn { grid-area: b; padding: 0 12px 0 10px; gap: 6px; font-size: 14.5px; }
  .z-cd-btn svg { width: 18px; height: 18px; }
  .z-cd .z-cq { height: 28px; padding: 0 6px 0 8px; font-size: 13px; }
  .z-cd .z-cq b { font-size: 14px; }
  .z-cd .z-cq::before { inset: -6px -5px -12px; }
  .z-pag { gap: 0; }
  .z-pag .z-pag-s { display: none; }
  /* consultant pe telefon: fișa fixată intră în card, dedesubt, pe toată lățimea */
  .z-cd.z-lc-fix { flex-wrap: wrap; }
  .z-cd .z-lc { position: static; flex: 1 1 100%; margin: 0 10px 10px; padding: 2px 0 0; border-radius: 0; box-shadow: none; border-top: 1px solid var(--l2); }
  .z-lc-ic { top: 0; right: 0; }
  body.z-lc-on .z-cd-m { padding-right: 32px; }
}
@media (prefers-reduced-motion: reduce) {
  .z-foaie-c, .z-foaie-f, .z-ch .z-ch-s, .z-lista { transition-duration: 0s !important; }
}

/* =====================================================================================================
   VARIANTA B a capului listei (aleasă de Vlad, 27.10.2026; prototip/final/sim-lista-b.*):
   panoul de căutare e un singur bloc grafit: cifrele mari (singurul loc al dimensiunii) + sezoanele, apoi, pe același
   grafit, filtrele normale. Pe deschis: banda subțire „Alegerea noastră”, apoi lista.
   ===================================================================================================== */
.z-pb { --rg: rgba(238, 241, 240, .30); --rg2: rgba(238, 241, 240, .14); --sina: rgba(238, 241, 240, .13); --ch-b: rgba(238, 241, 240, .20); --fs-cif: clamp(54px, 5.3vw, 80px); background: var(--g); color: var(--t); }
.z-pb-in { position: relative; padding-top: 18px; padding-bottom: 0; }
.z-pb .z-bara-fir { margin: 0; }
.z-pb .z-fir a { --z-lc: var(--t2); --z-hc: var(--t); }
.z-pb-rand { display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "h1 h1" "cif sez" "desc desc"; align-items: end; column-gap: clamp(40px, 5vw, 88px); row-gap: 8px; padding-top: 16px; padding-bottom: 18px; }
.z-pb .z-rz-h1 { grid-area: h1; font-size: 16px; font-weight: 600; color: var(--t2); letter-spacing: -.005em; }
.z-pb-cif { grid-area: cif; position: relative; padding-bottom: 14px; }
.z-pb-cif[hidden], .z-pb-idx[hidden] { display: none !important; }
/* cifrele: mari, fără sublinierea comună (rigla o înlocuiește); slash-ul portocaliu oblic de pe homepage */
.z-pb #zen-dim { font-size: var(--fs-cif); }
.z-pb .z-seg { padding: 0; }
.z-pb .z-seg::after { display: none; }
.z-pb .z-seg:hover { color: #fff; }
.z-pb .z-seg[aria-expanded="true"] { color: var(--o); }
.z-pb .z-seg:focus-visible { outline: 2px solid var(--o); outline-offset: .05em; border-radius: 2px; }
.z-pb .z-dim-sl { position: relative; color: transparent; }
.z-pb .z-dim-sl::before { content: ""; position: absolute; left: 50%; width: .042em; margin-left: -.021em; top: .0345em; height: .70em; background: var(--o); transform: skewX(-15deg); }
.z-pb .z-dim.z-alege .z-dim-sl::before { background: var(--t); opacity: .26; }
.z-pb-rigla { position: absolute; inset: 0; pointer-events: none; }
.z-pb-rigla svg { position: absolute; overflow: visible; }
.z-pb-rigla line { stroke: var(--rg); stroke-width: 1; shape-rendering: crispEdges; transition: stroke .15s; }
.z-pb-rigla .z-mic { stroke: var(--rg2); }
.z-pb-rigla svg.z-aprins line { stroke: rgba(238, 241, 240, .62); }
.z-pb-rigla svg.z-aprins .z-mic { stroke: rgba(238, 241, 240, .32); }
/* sezonul: cuvinte pe o șină de păr; cel ales alb, cu semnul portocaliu de 2 px */
.z-pb-sez { grid-area: sez; position: relative; gap: 0; margin: 0 0 4px -14px; justify-self: start; }
.z-pb-sez::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: 4px; height: 1px; background: var(--sina); pointer-events: none; }
.z-pb .z-pb-sez a, .z-pb .z-pb-sez .z-sez-nu { height: 52px; padding: 0 14px; font-size: clamp(20px, 1.7vw, 25px); }
.z-pb .z-pb-sez a + a, .z-pb .z-pb-sez a + .z-sez-nu, .z-pb .z-pb-sez .z-sez-nu + a { margin-left: .18em; }
.z-pb .z-pb-sez a[aria-current="page"]::after { left: 14px; right: 14px; bottom: 4px; height: 2px; border-radius: 0; z-index: 1; }
@media (hover: hover) { .z-pb .z-pb-sez a:not([aria-current]):hover::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: 4px; height: 2px; background: rgba(238, 241, 240, .26); z-index: 1; } }
.z-pb .z-rz-desc { grid-area: desc; justify-self: end; }
@media (min-width: 961px) { .z-pb .z-pick { right: auto; width: min(760px, calc(100% - 2 * var(--gut))); } }
.z-pb .z-pick-val button[aria-selected="true"] { color: #fff; }

/* categoria fără dimensiune: titlul mare + sezoanele; dedesubt dimensiunile căutate des, în aceleași cifre */
.z-pb-cat .z-pb-rand { grid-template-areas: "h1 sez" "idx idx" "desc desc"; row-gap: 22px; padding-bottom: 30px; }
.z-pb-cat .z-pb-rand:has(.z-pb-cif:not([hidden])) { grid-template-areas: "h1 h1" "cif sez" "desc desc"; row-gap: 8px; padding-bottom: 18px; }
.z-pb-cat .z-rz-h1 { font-size: clamp(30px, 2.6vw, 40px); line-height: 1.05; font-weight: 640; letter-spacing: -.025em; color: var(--t); padding-bottom: 12px; }
.z-pb-cat .z-pb-rand:has(.z-pb-cif:not([hidden])) .z-rz-h1 { font-size: 16px; font-weight: 600; color: var(--t2); padding-bottom: 0; }
.z-pb-cat .z-pb-sez { justify-self: end; margin: 0 -14px 0 0; }
.z-pb-cat .z-pb-rand:has(.z-pb-cif:not([hidden])) .z-pb-sez { justify-self: start; margin: 0 0 4px -14px; }
.z-pb-idx { grid-area: idx; position: relative; }
.z-ix-t { margin: 0 0 2px; font-size: 14px; font-weight: 500; color: var(--t3); }
.z-ix { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 4px clamp(30px, 3.4vw, 56px); }
.z-ix-d { position: relative; display: inline-flex; align-items: baseline; padding: 10px 0 12px; font-family: "Archivo Cifre", var(--f); font-size: clamp(30px, 2.65vw, 40px); font-weight: 640; font-variation-settings: "wdth" 112; letter-spacing: -.035em; line-height: .9; white-space: nowrap; transition: color .15s; --z-lc: var(--t2); --z-hc: var(--t); }
.z-ix-d .z-sl, .z-pb-mini .z-sl { position: relative; display: inline-block; width: .3em; height: .72em; vertical-align: baseline; }
.z-ix-d .z-sl::before, .z-pb-mini .z-sl::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: .055em; margin-left: -.0275em; background: var(--o); transform: skewX(-15deg); }
.z-ix-d .z-r { margin-left: .26em; }
.z-ix-d::after { content: ""; position: absolute; left: 0; right: 0; bottom: 4px; height: 1px; background: var(--t); opacity: 0; transition: opacity .15s; }
.z-ix-d:hover::after { opacity: .5; }
.z-ix-alta { display: inline-flex; align-items: center; gap: 8px; height: 46px; padding: 0 18px 0 20px; border-radius: 999px; border: 1px solid var(--ch-b); font-size: 16px; font-weight: 600; color: var(--t); transition: border-color .15s, background .15s; }
.z-ix-alta:hover { border-color: var(--t2); }
.z-ix-alta[aria-expanded="true"] { border-color: var(--t); background: rgba(238, 241, 240, .06); }
/* liste fără anvelope (jante, căutare): doar titlul */
.z-pb-alt .z-pb-rand { grid-template-areas: "h1 desc"; padding-bottom: 14px; }
.z-pb-alt .z-rz-h1 { font-size: clamp(26px, 2.2vw, 34px); line-height: 1.1; font-weight: 640; letter-spacing: -.02em; color: var(--t); }

/* a doua jumătate a panoului: filtrele normale, pe același grafit; lipită sus la derulare */
.z-pb-sant { height: 0; }
.z.z-unelte.z-pb-unelte { --ch-b: rgba(238, 241, 240, .20); background: var(--g); color: var(--t); border-bottom: 0; -webkit-backdrop-filter: none; backdrop-filter: none; transition: box-shadow .2s; }
.z-pb-unelte .z-unelte-in { align-items: center; padding-top: 6px; padding-bottom: 22px; gap: 6px 14px; }
.z-pb-unelte.z-lipit { box-shadow: 0 10px 28px rgba(0, 0, 0, .28); }
.z-pb-unelte.z-lipit .z-unelte-in { padding-top: 12px; padding-bottom: 12px; }
.z-pb-unelte .z-ch { height: 42px; padding: 0 14px; border-color: var(--ch-b) !important; background: transparent !important; color: var(--t) !important; font-weight: 560; }
.z-pb-unelte .z-ch svg { color: var(--t2); }
@media (hover: hover) { .z-pb-unelte .z-ch:hover { border-color: rgba(238, 241, 240, .55) !important; } }
.z-pb-unelte .z-ch[aria-expanded="true"] { border-color: var(--t) !important; background: rgba(238, 241, 240, .06) !important; }
.z-pb-unelte .z-ch.z-on { background: var(--t) !important; color: var(--ink) !important; border-color: var(--t) !important; }
.z-pb-unelte .z-ch.z-on svg { color: var(--ink); }
.z-pb-unelte .z-ch .z-n { background: var(--ink); color: #fff; }
.z-pb-unelte .z-ch-fl .z-n { background: var(--o); color: #fff; }
.z-pb-unelte .z-fl { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent); padding-right: 28px; }
.z-pb-sterge { flex: none; height: 42px; padding: 0 4px; font-size: 14.5px; font-weight: 500; color: var(--t2); text-decoration: underline; text-underline-offset: 4px; text-decoration-color: rgba(238, 241, 240, .3); white-space: nowrap; }
.z-pb-sterge:hover { color: var(--t); text-decoration-color: var(--t); }
.z-pb-unelte .z-sort select { height: 42px; background: transparent; color: var(--t); border-color: var(--ch-b); color-scheme: dark; font-weight: 560; }
.z-pb-unelte .z-sort select:hover { border-color: rgba(238, 241, 240, .55); }
.z-pb-unelte .z-sort select option { background: var(--g); color: var(--t); }
.z-pb-unelte .z-sort::after { border-color: var(--t2); }
/* dimensiunea mică din stânga barei lipite („205/55 R16 Iarnă”); atinsă, duce sus la cifre */
.z-pb-mini { display: inline-flex; align-items: baseline; flex: none; max-width: 0; overflow: hidden; opacity: 0; height: 42px; align-self: center; line-height: 42px; padding: 0; margin-right: -14px; font-family: "Archivo Cifre", var(--f); font-size: 21px; font-weight: 640; font-variation-settings: "wdth" 112; letter-spacing: -.03em; color: var(--t); white-space: nowrap; transition: max-width .3s var(--ease), opacity .2s, margin .3s var(--ease); }
.z-pb-mini .z-mi-s { font-family: var(--f); font-size: 14.5px; font-weight: 500; letter-spacing: 0; font-variation-settings: normal; color: var(--t2); margin-left: 10px; }
.z-pb-mini::after { content: ""; align-self: center; width: 1px; height: 22px; margin-left: 20px; background: rgba(238, 241, 240, .10); }
.z-pb-unelte.z-lipit .z-pb-mini { max-width: 340px; opacity: 1; margin-right: 6px; }
.z-pb-mini:hover { color: #fff; }
.z-pop { box-shadow: 0 28px 80px rgba(0, 0, 0, .45), 0 0 0 1px rgba(10, 16, 16, .06); }
/* cipul „Segment”: butoanele lui arată ca valorile fațetelor */
.z-af .z-ops button.z-op[aria-pressed="true"] { background: var(--ink); border-color: var(--ink); color: #fff; }
.z-foaie .z-pop.z-tinta .z-pop-t { animation: z-tinta 1.2s var(--ease); }
@keyframes z-tinta { 0%, 40% { color: var(--o); } }

/* alegerea noastră: o bandă subțire după filtre, aceeași înălțime oricând; tot rândul duce la produs */
.z-alg-w { padding-top: 22px; }
.z-alg { display: grid; grid-template-columns: auto repeat(3, minmax(0, 1fr)); align-items: stretch; background: #fff; border-radius: 18px; padding: 8px; }
.z-alg-t { display: flex; align-items: center; gap: 9px; margin: 0; padding: 0 22px 0 14px; font-size: 15px; font-weight: 650; letter-spacing: -.005em; color: var(--ink); white-space: nowrap; }
.z-alg-t i { width: 7px; height: 7px; border-radius: 50%; background: var(--o); flex: none; }
.z-alg-r { position: relative; display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; align-items: center; gap: 14px; min-width: 0; padding: 8px 16px 8px 12px; border-radius: 12px; transition: background .15s; --z-lc: var(--ink); --z-hc: var(--ink); }
.z-alg-r + .z-alg-r::before, .z-alg-t + .z-alg-r::before { content: ""; position: absolute; left: -.5px; top: 14px; bottom: 14px; width: 1px; background: var(--l2); }
@media (hover: hover) { .z-alg-r:hover { background: #f3f5f5; } .z-alg-r:hover::before, .z-alg-r:hover + .z-alg-r::before { opacity: 0; } .z-alg-r:hover .z-alg-nm { text-decoration-color: var(--ink); } }
.z-alg-img { width: 56px; height: 64px; display: flex; align-items: center; justify-content: center; --k: .6; }
.z-alg-tx { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.z-alg-s { font-size: 13px; font-weight: 700; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.z-alg-mo { font-weight: 500; color: var(--m); }
.z-alg-nm { font-size: 15px; line-height: 1.25; color: var(--ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: normal; word-break: normal; hyphens: manual; text-decoration: underline; text-decoration-color: var(--l3); text-underline-offset: 3px; text-decoration-thickness: 1px; }
.z-alg-nm b { font-weight: 700; }
.z-alg-pr { display: flex; flex-direction: column; align-items: flex-end; line-height: 1; white-space: nowrap; }
.z-alg-pr .z-pret { font-size: 21px; }
.z-alg-pr small { font-size: 12px; font-weight: 500; color: var(--m); margin-top: 5px; }
.z-grila { padding-top: 22px; }

/* cardul: dimensiunea în listele amestecate (pe pagina SEO e deja sus); ținte de cel puțin 44 px (testul de client, 15) */
.z-cd-dim { font-weight: 650; color: var(--ink); }
.z-lst-cu-dim .z-cd-dimw { display: none; }
.z-cd-m a { display: inline-block; padding: 13px 0; margin: -13px 0; }
.z-cd .z-cq { height: 44px; margin: -8px 0; border-color: transparent; background: transparent; }
.z-cd .z-cq::before { content: none; }
.z-cd .z-cq::after { content: ""; position: absolute; left: 0; right: 0; top: 8px; bottom: 8px; border: 1px solid var(--l3); border-radius: 999px; background: #fff; z-index: -1; transition: border-color .12s; }
.z-cd .z-cq[aria-expanded="true"]::after { border-color: var(--ink); }
@media (hover: hover) { .z-cd .z-cq:hover::after { border-color: var(--ink); } }

@media (max-width: 1180px) {
  .z-alg { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .z-alg-t { grid-column: 1 / -1; padding: 6px 12px 8px; }
  .z-alg-t + .z-alg-r::before { display: none; }
}
@media (max-width: 980px) {
  .z-pb-unelte .z-fl > .z-ch:not(.z-ch-fl):not(.z-gol-ch) { display: inline-flex; }
}
@media (max-width: 760px) {
  .z-pb { --fs-cif: min(58px, calc((100vw - 2 * var(--gut)) / 6.2)); }
  .z-pb-in { padding-top: 12px; }
  .z-pb .z-fir { font-size: 13px; }
  .z-pb-rand { grid-template-columns: minmax(0, 1fr); grid-template-areas: "h1" "cif" "sez" "desc"; row-gap: 6px; padding-top: 12px; padding-bottom: 14px; }
  .z-pb .z-rz-h1 { font-size: 15px; }
  .z-pb-cif { padding-bottom: 12px; }
  .z-pb-sez { margin: 2px 0 0 -10px; width: calc(100% + 20px); justify-content: space-between; }
  .z-pb-sez::after { left: 10px; right: 10px; }
  .z-pb .z-pb-sez a, .z-pb .z-pb-sez .z-sez-nu { font-size: 18px; height: 46px; padding: 0 10px; }
  .z-pb .z-pb-sez a + a, .z-pb .z-pb-sez a + .z-sez-nu, .z-pb .z-pb-sez .z-sez-nu + a { margin-left: 0; }
  .z-pb .z-pb-sez a[aria-current="page"]::after { left: 10px; right: 10px; }
  .z-pb .z-rz-desc { justify-self: stretch; }
  .z-pb-unelte .z-unelte-in { padding-top: 4px; padding-bottom: 14px; gap: 8px; }
  .z-pb-unelte.z-lipit .z-unelte-in { padding-top: 10px; padding-bottom: 10px; }
  .z-pb-unelte .z-fl-loc { flex: 1 1 0; min-width: 0; }
  .z-pb-unelte .z-ch { height: 44px; padding: 0 12px; font-size: 14px; }
  .z-pb-unelte .z-dr { flex: none; }
  .z-pb-unelte .z-sort select { width: 44px; height: 44px; padding: 0; color: transparent; text-indent: -999px; }
  .z-pb-unelte .z-sort::after { content: none; }
  .z-pb-unelte .z-sort::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: no-repeat center / 18px 18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%23eef1f0' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 3v12M2.5 12l3 3 3-3M12.5 15V3M9.5 6l3-3 3 3'/%3E%3C/svg%3E"); }
  .z-pb-sterge { display: none; }
  .z-pb-mini { font-size: 17px; height: 40px; line-height: 40px; margin-right: -8px; }
  .z-pb-mini .z-mi-s { display: none; }
  .z-pb-mini::after { margin-left: 12px; height: 20px; }
  .z-pb-unelte.z-lipit .z-pb-mini { margin-right: 4px; }
  /* alegerea noastră pe telefon: trei rânduri subțiri într-un card; prețul la toate, numele pe două rânduri */
  .z-alg-w { padding-top: 14px; }
  .z-alg { grid-template-columns: minmax(0, 1fr); padding: 4px; border-radius: 16px; }
  .z-alg-t { padding: 10px 12px 4px; font-size: 14px; }
  .z-alg-r { grid-template-columns: 44px minmax(0, 1fr) auto; gap: 12px; padding: 6px 12px 6px 8px; }
  .z-alg-r + .z-alg-r::before { left: 64px; right: 12px; top: 0; bottom: auto; width: auto; height: 1px; }
  .z-alg-img { width: 44px; height: 52px; --k: .48; }
  .z-alg-s { font-size: 12.5px; }
  .z-alg-nm { font-size: 14.5px; }
  .z-alg-pr .z-pret { font-size: 18px; }
  .z-alg-pr small { font-size: 11.5px; margin-top: 3px; }
  .z-grila { padding-top: 14px; }
  /* categoria pe telefon: titlul, sezonul pe tot rândul, dimensiunile pe două coloane + „Altă dimensiune” */
  .z-pb-cat .z-pb-rand { grid-template-columns: minmax(0, 1fr); grid-template-areas: "h1" "sez" "idx" "desc"; row-gap: 4px; padding-bottom: 18px; }
  .z-pb-cat .z-pb-rand:has(.z-pb-cif:not([hidden])) { grid-template-areas: "h1" "cif" "sez" "desc"; }
  .z-pb-cat .z-rz-h1 { font-size: 28px; padding-bottom: 0; }
  .z-pb-cat .z-pb-sez, .z-pb-cat .z-pb-rand:has(.z-pb-cif:not([hidden])) .z-pb-sez { justify-self: stretch; margin: 2px 0 0 -10px; }
  .z-ix-t { margin: 14px 0 0; font-size: 13px; }
  .z-ix { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
  .z-ix-d { font-size: min(28px, calc((100vw - 2 * var(--gut) - 16px) / 2 / 6)); padding: 12px 0 14px; }
  .z-ix-a { grid-column: 1 / -1; padding-top: 6px; }
  .z-ix-alta { width: 100%; justify-content: center; height: 44px; }
  .z-pb-alt .z-pb-rand { grid-template-areas: "h1" "desc"; }
  .z-pb-alt .z-rz-h1 { font-size: 24px; }
  .z-cd .z-cq { height: 44px; padding: 0 6px 0 8px; margin: -8px 0; }
  .z-cd .z-cq::before { content: none; }
}

/* ---------- reparațiile din retestul de client (28.10.2026) ---------- */
/* (d) numele din cardul listei: rupere doar între cuvinte (codurile cu cratimă rămân întregi) */
.z-cd-m { overflow-wrap: normal; word-break: normal; }
.z-nw { white-space: nowrap; }
/* (c) banda „Alegerea noastră” se ascunde cât sunt filtre active (recomandă pe toată dimensiunea, nu pe filtre) */
.z-alg-w[hidden] { display: none !important; }
/* (e) linkurile de sub listă (celelalte sezoane, textele SEO): ținte de cel puțin 44 px */
.z-rz-despre a { display: inline-block; padding: 12px 2px; margin: -12px -2px; }
/* (b) telefon: cipurile se estompează înainte de sortare, fără un cip tăiat sub buton */
@media (max-width: 980px) {
  .z-pb-unelte .z-unelte-in { gap: 6px; }
  .z-pb-unelte .z-fl-loc { overflow: hidden; }
  .z-pb-unelte .z-fl { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 40px), transparent calc(100% - 4px)); mask-image: linear-gradient(90deg, #000 calc(100% - 40px), transparent calc(100% - 4px)); padding-right: 40px; margin-right: 0; }
  .z-pb-unelte .z-dr { position: relative; z-index: 1; background: var(--g); box-shadow: -10px 0 12px -2px var(--g); }
}
