/* Stratul de grafica BF 2026 (culori si forme din „Warm Up Mobile.svg”).
   Structura e in bf.css; pentru Black Weekend se schimba doar fisierul acesta. */
:root{
  --galben:#ffe300; --rosu:#c63030; --contur:#232323; --crem:#fcefce;
  --font-bf:"Roboto Condensed",sans-serif;
  --r:6px;
}

.alege small{color:var(--crem)}

/* INAPOI LA SITE */
.inapoi{background:var(--galben);color:var(--contur);border:2px solid var(--contur);border-radius:6px;box-shadow:2px 2px 0 #000;font-family:var(--font-bf);font-weight:800;letter-spacing:.03em}
.inapoi:hover{background:#fff;color:var(--contur)}

/* countdown */
.countdown .u{background:#141414;border:1px solid #444;border-radius:6px}
.countdown b{font-weight:800;color:var(--galben)}
.countdown-lbl{color:var(--crem)}


/* iconite rotunde de categorie (insignele din grafica) */
.ic-cat{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--galben);color:var(--contur);border:2px solid var(--contur);flex:none}
.ic-cat svg{width:15px;height:15px}
.lista-cat a span{display:flex;align-items:center;gap:12px}
.lista-cat a .ic-cat{width:32px;height:32px}
.lista-cat a .ic-cat svg{width:18px;height:18px}

/* butoane de subcategorii */
.chip{border-radius:6px}
.chip.on{background:var(--galben);color:var(--contur);border:2px solid var(--contur)}
.btn-filtre{border-radius:6px}
.btn-filtre .n{border-radius:4px}

/* titluri */
.sect-cap h2,.cap h1 span{color:var(--galben)}
.sect-cap em{color:var(--crem);opacity:.8}

/* card */
.card{border-radius:8px}
.ribbon{left:8px;top:8px;clip-path:none;background:var(--rosu);color:#fff;border:2px solid var(--contur);border-radius:6px;box-shadow:2px 2px 0 var(--contur);font-family:var(--font-bf);font-style:normal;font-weight:800;font-size:15px;padding:3px 7px}
.card.epuizat .ribbon{background:#999}
.et{transform:none;font-style:normal;font-family:var(--font-bf);font-weight:800;font-size:11px;letter-spacing:.03em;padding:3px 6px 2px;border-radius:5px;border:1.5px solid var(--contur);box-shadow:1.5px 1.5px 0 var(--contur)}
.et>span{transform:none}
.et-top{background:var(--galben);color:var(--rosu)}
.et-best{background:var(--rosu);color:var(--galben)}
.et-bundle{background:var(--contur);color:var(--galben)}
.et-res{background:#8e00bd;color:#fff} /* mov, ca eticheta din landingul Resigilate */
.et-lich{background:#fff;color:var(--rosu)}
.et-rand{gap:6px}
.pret b{color:var(--rosu)}
.pret b.fara{color:var(--text)}
.btn-cos{background:var(--galben);color:var(--contur);border:2px solid var(--contur);border-radius:6px;box-shadow:0 3px 0 var(--contur);height:40px;margin-bottom:3px}
.btn-cos:hover{background:#fff04d}
.btn-cos:active{transform:translateY(2px);box-shadow:0 1px 0 var(--contur)}
.btn-cos.in{background:var(--contur);color:var(--galben);box-shadow:0 3px 0 #000}
.vezi{border-radius:6px}

/* „VEZI TOATE CELE …” */
.sect-jos .btn-mai,.mai-multe .btn-mai{background:var(--rosu);color:#fff;border:0;border-radius:6px;font-weight:800;font-size:15px;letter-spacing:.03em}
.sect-jos .btn-mai:hover,.mai-multe .btn-mai:hover{background:#d83a3a;color:#fff}
.btn-mai span{font-family:"Roboto Condensed",sans-serif;font-weight:700;color:#fff;opacity:.9}
.sect-nav{justify-content:center}
.restrange{border-radius:6px}
/* la finalul unei sectiuni deschise ramane doar „‹ RESTRANGE”, fara spatiu in plus deasupra */
.sect-nav{margin-top:0}

/* filtre active / sterge */
.sterge-tot{border:2px solid var(--contur)!important;border-radius:6px!important}
.active button,.active-mob button{border-radius:6px}

/* panouri albe */
.foaie{border-radius:12px 12px 0 0}
.btn-pri{background:var(--contur);color:var(--galben);border-radius:6px}
.btn-sec{border-radius:6px}
.pastile button{border-radius:6px}
.pastile button.on{background:var(--contur);color:var(--galben)}

.rez .pr i{font-style:normal;border-radius:4px}
.rez-tot{border-radius:6px}
.sus{border-radius:6px;background:var(--galben);color:var(--contur);border:2px solid var(--contur)}

@media (min-width:1024px){
  .lipit{background:#141414;box-shadow:0 2px 0 var(--galben)}
  .taburi a{gap:7px;border-radius:6px 6px 0 0}
  .taburi a.on{background:var(--galben);color:var(--contur)}
  .taburi a.on .ic-cat{background:var(--contur);color:var(--galben);border-color:var(--contur)}
  .taburi a:hover .ic-cat{background:#fff}
  .card:hover{outline:3px solid var(--galben)}
  .foaie.cos-ok{border-radius:10px}
}
@media (min-width:1024px) and (max-width:1300px){
  .taburi a .ic-cat{display:none}
}
@media (min-width:1024px){
  .taburi a{padding:0 9px;font-size:13.5px;gap:6px}
  .taburi .ic-cat{width:22px;height:22px}
  .taburi .ic-cat svg{width:13px;height:13px}
  .cauta-desk{width:220px}
  .bara2 .mini-cd{flex:none;margin-left:auto;padding-left:14px}
}


@media (min-width:1024px){.taburi .ic-cat{display:none}}

/* butonul care deschide restul sectiunii pe loc: „+ INCA 46 DE …” cu sageata in jos */
.sect-jos .btn-mai{display:inline-flex;align-items:center;justify-content:center;gap:10px}
.sect-jos .btn-mai .plus{font-size:24px;line-height:1;font-weight:800;color:#fff;opacity:1;margin:0 0 2px}
.sect-jos .btn-mai .jos{width:9px;height:9px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg);margin:-5px 0 0 4px}

/* fundal: culoare plata, fara iconite; in antet doar plasa in romburi din panoul BF 2026, foarte discreta */
:root{--fundal:#232323}
body{background:var(--fundal)}
.antet,.antet-desk{background-color:var(--fundal);background-image:
  repeating-linear-gradient(45deg,rgba(255,227,0,.07) 0 1px,transparent 1px 22px),
  repeating-linear-gradient(-45deg,rgba(255,227,0,.07) 0 1px,transparent 1px 22px);
  background-size:auto;background-position:center}
.chips-cadru:before{background:linear-gradient(90deg,var(--gri2),transparent)}
@media (min-width:1024px){
  body{background:var(--fundal)}
  .antet{background:var(--fundal)}
}
@media (min-width:1024px){
  /* „INAPOI LA SITE” si countdown-ul pe marginile continutului paginii (logo, titlu, filtre / cos): max(16px, 50% - 684px) */
  .antet-desk .inapoi{left:max(16px,calc(50% - 684px))}
  /* countdown-ul dreapta sus, simetric cu „INAPOI LA SITE” (ca pe telefon) */
  .antet-desk .inapoi{top:20px}
  .antet-desk .cd-box{left:auto;right:max(16px,calc(50% - 684px));top:20px;align-items:flex-end}
  .antet-desk .cd-box{gap:4px}
  .antet-desk .countdown .u{min-width:40px;padding:3px 4px 2px}
  .antet-desk .countdown b{font-size:20px}
}

/* ===== Ierarhia categorii -> subcategorii =====
   nivel 1: taburi pe toata latimea, pe negru; tabul activ are culoarea panoului de sub el si se continua in el
   nivel 2: panoul de subcategorii (#2e2e2e), butoane fara fundal, cea curenta galbena */
:root{--panou:#2e2e2e}
.bara2{background:var(--panou)}
.chips-cadru:before{background:linear-gradient(90deg,var(--panou),transparent)}
.chips-cadru:after{background:linear-gradient(270deg,var(--panou),transparent)}
.chip{background:transparent;color:#d8d8d8;border:1px solid #4a4a4a}
.chip.on{border:1px solid var(--galben)}
@media (min-width:1024px){
  .lipit{background:#141414;box-shadow:none}
  .bara1{height:58px;gap:0}
  .bara1 .logo-mic{padding-right:16px;margin-right:0;border-right:0}
  .taburi{display:flex!important;align-self:stretch;margin:0 12px}
  .taburi a{flex:1 1 auto;justify-content:center;text-align:center;padding:0 6px;margin:8px 2px 0;border-radius:6px 6px 0 0;
    font-size:14px;color:#cfcfcf;border:0;transition:background .12s}
  .taburi a:hover{background:#222;color:#fff}
  .taburi a.on{background:var(--panou);color:var(--galben);box-shadow:inset 0 3px 0 var(--galben)}
  .lipit .bara2{max-width:none;margin:0;padding:0;background:var(--panou);border-bottom:2px solid var(--galben)}
  .lipit .bara2{display:flex;justify-content:center}
  .lipit .bara2 > *{box-sizing:border-box}
  .bara2 .chips-cadru{flex:0 1 1400px;padding:0 16px}
  .bara2 .chips{gap:4px}
  .bara2 .chip{height:32px;font-size:14px;border:0;padding:0 11px;color:#d8d8d8}
  .bara2 .chip:hover{background:#3a3a3a;color:#fff}
  .bara2 .chip.on{background:var(--galben);color:var(--contur);border:0}
  .bara2 .mini-cd{flex:none;padding:0 16px 0 10px;border-left:0}
  .chips-cadru:before{left:48px}
  .chips-cadru:after{right:48px}
  .sag{background:#3a3a3a}
}
/* ecrane mici de desktop: cautarea devine iconita, ca taburile sa incapa */
@media (min-width:1024px) and (max-width:1279px){
  .cauta-desk{display:none!important}
  .ic.c-search{display:flex}
  .taburi a{font-size:13px;padding:0 3px;margin-left:1px;margin-right:1px}
  .bara1 .logo-mic img{height:24px}
  .bara2 .mini-cd{display:none!important}
}
@media (min-width:1024px){
  :root{--maxw:1400px}
  .lipit .bara2{display:flex;justify-content:flex-start;padding:0 max(16px,calc((100vw - var(--maxw))/2 + 16px))}
  .bara2 .chips-cadru{flex:1 1 auto;padding:0}
  .chips-cadru:before{left:32px}.chips-cadru:after{right:32px}
}

/* antet desktop: imaginea are 980 px; sub 1440 px nu e loc langa ea pentru countdown si „INAPOI LA SITE”,
   asa ca urca intr-un rand deasupra imaginii (fara suprapunere, oricare ar fi grafica) */
@media (min-width:1024px) and (max-width:1439px){
  .antet-desk{height:auto;display:grid;grid-template-columns:1fr auto;grid-template-areas:"a c" "i i";align-items:center;row-gap:4px;padding:10px max(16px,calc(50% - 684px)) 8px}
  .antet-desk .img-antet{grid-area:i;position:static;transform:none;justify-self:center;max-width:100%;height:auto;min-width:0}
  .antet-desk{grid-template-columns:minmax(0,1fr) auto}
  .antet-desk .inapoi{grid-area:a;position:static;justify-self:start}
  .antet-desk .cd-box{grid-area:c;position:static;flex-direction:row;align-items:center;gap:10px}
  .antet-desk .countdown .u{min-width:40px;padding:3px 4px 2px}
  .antet-desk .countdown b{font-size:20px}
}
.countdown-lbl{white-space:nowrap}
/* telefon: „Black Friday se incheie in:” pe doua randuri, cat countdown-ul, ca pe ecrane inguste sa nu intre peste logo */
.antet-mob .countdown-lbl{white-space:normal;width:96px;line-height:1.3}
/* desktop: numarul de produse din cos ca bulina in coltul iconitei, ca pe telefon */
@media (min-width:1024px){
  /* iconita cosului pe marginea dreapta a continutului (ca sortarea si ultimul card), si cu cosul gol;
     totalul apare in stanga ei, in locul rezervat (pana la „99,999 Lei”), deci nimic nu se misca */
  .ic.c-cos{padding:0 0 0 12px}
  .ic.c-cos .nr{position:absolute;top:6px;right:-9px;left:auto}
  .ic.c-cos .val{order:-1;display:inline-block!important;min-width:64px;text-align:right}
}

/* Resigilate (si Branduri): colectii din tot magazinul, separate discret de categoriile de produse */
.ic-col{display:none}
@media (min-width:1024px){
  .taburi a.colectie{gap:6px}
  .taburi a.colectie .ic-col{display:block;width:16px;height:16px;flex:none}
  .taburi a.colectie:not(.colectie ~ .colectie){margin-left:16px;position:relative}
  .taburi a.colectie:not(.colectie ~ .colectie):before{content:"";position:absolute;left:-10px;top:12px;bottom:12px;width:1px;background:#4a4a4a}
}
.lista-cat a.colectie:not(.colectie ~ .colectie){margin-top:10px;border-top:3px solid #e2e2e2}
.ic-col-mob{width:17px;height:17px;vertical-align:-2px;margin-right:6px}

/* categoria urmatoare, la finalul paginii */
.urm-cat{display:grid;grid-template-columns:1fr auto;grid-template-areas:"l s" "n s" "p p";gap:6px 12px;margin:18px 10px 26px;padding:14px;border-radius:8px;background:#2e2e2e;border:1px solid #444;color:#fff}
.urm-cat:hover{border-color:var(--galben)}
.urm-lbl{grid-area:l;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#aaa}
.urm-nume{grid-area:n;display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;text-transform:uppercase;color:var(--galben)}
.urm-nume em{font-style:normal;font-weight:400;font-size:13px;color:#ccc;text-transform:none;margin-left:2px}
.urm-poze{grid-area:p;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:6px}
.urm-poze img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:4px;padding:4px}
.urm-sag{grid-area:s;align-self:center;width:44px;height:44px;border-radius:6px;background:var(--galben);color:#000;font-size:28px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--contur);box-shadow:2px 2px 0 var(--contur)}
@media (min-width:1024px){
  .urm-cat{grid-template-columns:auto 1fr auto;grid-template-areas:"l p s" "n p s";margin:24px 0 36px;padding:18px 22px;align-items:center}
  .urm-poze{margin:0;grid-template-columns:repeat(4,84px);justify-content:end}
  .urm-nume{font-size:24px}
}

/* footer: ca pe checkout (asistenta, livrare, plati, rate, legal), pe fundalul inchis */
.subsol.zf{display:grid;grid-template-columns:1fr;gap:22px;padding:28px 14px 24px;margin-top:10px;border-top:2px solid var(--galben);background:#1a1a1a;color:#cfcfcf;font-size:14px;justify-content:stretch}
.zf .zf-label{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--galben);margin-bottom:8px}
.zf .zf-ico{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px;margin-right:6px;flex:none}
.zf .zf-tel{display:inline-flex;align-items:center;font-size:22px;font-weight:800;color:#fff}
.zf .zf-mail{display:inline-flex;align-items:center;color:#fff;font-weight:700;margin-top:6px}
.zf .zf-mic{font-size:13px;color:#a8a8a8;margin-top:6px;display:flex;align-items:flex-start}
.zf .zf-lista{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.zf .zf-lista li{padding:5px 9px;border:1px solid #444;border-radius:6px;color:#eee;font-weight:700;font-size:13px}
.zf .zf-tiles{display:flex;flex-wrap:wrap;gap:6px}
.zf .zf-tile{display:inline-flex;align-items:center;justify-content:center;height:34px;min-width:52px;padding:0 8px;background:#fff;border-radius:6px;color:#222;font-size:13px;font-weight:700}
.zf .zf-tile svg,.zf .zf-tile img{max-height:22px;width:auto}
.zf .zf-tile--txt .zf-ico{width:16px;height:16px;margin-right:5px;color:#222}
.zf .zf-wm--ropay{font-weight:800;color:#0b3a8c;letter-spacing:.02em}
.zf .zf-rate{margin-top:10px;font-size:13px;line-height:1.5;color:#cfcfcf}
.zf .zf-rate b{color:#fff}
.zf .zf-rate a{color:var(--galben);font-weight:700;white-space:nowrap;margin-left:4px}
.zf .zf-legal{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid #333}
.zf .zf-legal nav{display:flex;flex-wrap:wrap;gap:6px 16px}
.zf .zf-legal nav a{color:#cfcfcf;text-decoration:underline;text-underline-offset:3px;font-size:13px}
.zf .zf-sal img{width:170px;height:auto;display:block;background:#fff;border-radius:4px}
.zf .zf-copy{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#8a8a8a}
@media (min-width:700px){.subsol.zf{grid-template-columns:1fr 1fr}.zf .zf-plata,.zf .zf-legal,.zf .zf-copy{grid-column:1/-1}}
@media (min-width:1024px){
  .subsol.zf{grid-column:1/-1;grid-template-columns:1fr 1fr 1.7fr;gap:28px 40px;padding:32px 0 26px;margin:20px 0 0;background:none}
  .zf .zf-plata{grid-column:auto}
}
.zf-cadru{background:#1a1a1a;border-top:2px solid var(--galben);margin-top:10px}
.zf-cadru .subsol.zf{border-top:0;margin:0}
@media (min-width:1024px){.zf-cadru .subsol.zf{max-width:1400px;margin:0 auto;padding:32px 16px 26px}}
.zf-cadru{padding-bottom:64px}
/* text alb pe categoriile si subcategoriile inactive (ierarhia o dau culorile active); numerele raman gri */
.chip,.bara2 .chip{color:#fff}
/* subcategoria activa ramane cu text inchis pe galben: regula de mai sus o albea pe telefon (aceeasi specificitate, scrisa dupa) */
.chip.on,.bara2 .chip.on{color:var(--contur)}
.chip em{color:#a0a0a0}
.chip.on em{color:#5a5200}
@media (min-width:1024px){.taburi a{color:#fff}.taburi a:hover{color:var(--galben);background:#222}}

/* antet mobil: rand subtire sus (link inapoi + countdown pe un rand), imaginea singura, centrata */
@media (max-width:1023px){
  .antet-mob{display:grid;grid-template-columns:1fr auto;grid-template-areas:"a c" "i i";align-items:center;gap:0;padding:8px 12px 10px}
  .antet-mob .dreapta{display:contents}
  .antet-mob .img-antet-mob{grid-area:i;justify-self:center;margin-top:4px}
  .antet-mob .inapoi{grid-area:a;justify-self:start;background:none;border:0;box-shadow:none;color:#ddd;padding:4px 0;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
  .antet-mob .countdown-lbl{display:none}
  .antet-mob .countdown{grid-area:c;display:flex;gap:3px}
  .antet-mob .countdown .u{min-width:0;width:36px;padding:2px 0 1px;border-radius:4px}
  .antet-mob .countdown b{font-size:15px}
  .antet-mob .countdown i{font-size:8px;margin-top:1px}
}

/* sub ultimul rand: inca un rand taiat la jumatate si estompat, ca sa se vada ca sectiunea continua */
.rand-taiat{position:relative;overflow:hidden;margin-top:6px;cursor:pointer}
.rand-taiat .card{pointer-events:none}
.rand-taiat:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(35,35,35,0) 0%,rgba(35,35,35,.75) 55%,var(--fundal) 100%)}
.rand-taiat + .sect-jos{position:relative;margin-top:-34px;padding-top:0}
@media (min-width:1024px){.rand-taiat{margin-top:10px}}

/* CEL MAI MIC PRET DIN AN / PRET MINIM 6 LUNI: rand mic de text rosu deasupra pretului taiat (nu eticheta: o au peste 2000 de produse); fontul urmeaza latimea cardului, deci ramane pe un rand */
.card{container-type:inline-size}
.min-an{display:block;color:var(--rosu);font-weight:700;font-size:min(12px,7.6cqi);line-height:1.25;white-space:nowrap;margin-bottom:1px}
/* ISTORIC PRET: text gri + iconita de grafic, in dreapta randului cu pretul mare; tot grupul se apasa (zona ~40 px).
   Pe cardurile sub 210 px (telefon, desktop ingust) textul nu incape langa preturile mari, deci ramane doar iconita */
.pret-r2{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%}
@container (max-width:164px){.ist>span{display:none}.ist{font-size:13px}}
.ist{position:relative;flex:none;display:inline-flex;align-items:center;gap:.35em;padding:0;background:none;border:0;color:#555;font-size:min(12px,7.6cqi);font-weight:500;line-height:1.3;white-space:nowrap;cursor:pointer}
.ist i{display:inline-flex;align-items:center;justify-content:center;width:1.6em;height:1.3em;border:1px solid currentColor;border-radius:3px;background:#fff}
.ist svg{width:1.1em;height:.85em;display:block}
.ist:after{content:"";position:absolute;inset:-12px -8px}
@media (hover:hover){.ist:hover{color:var(--contur)}.ist:hover i{background:#555;color:#fff;border-color:#555}}
.ist[aria-expanded="true"]{color:var(--contur)}
.ist[aria-expanded="true"] i{background:var(--contur);color:#fff;border-color:var(--contur)}
.card.epuizat .min-an,.card.epuizat .ist{display:none}
@media (min-width:1200px){.pagina.stari .grila{grid-template-columns:repeat(5,minmax(0,1fr))}}


/* fereastra Istoric pret: foaie de jos pe telefon, fereastra mica langa card pe desktop */
.ist-foaie .foaie-corp{padding:12px 14px 16px}
.foaie.ist-foaie.pop{position:fixed;right:auto;bottom:auto;width:420px;border-radius:10px;border:2px solid var(--contur);box-shadow:4px 4px 0 var(--contur),0 14px 40px rgba(0,0,0,.45);z-index:60}
.ist-prod{display:flex;gap:10px;align-items:center;margin-bottom:12px}
.ist-prod img{width:56px;height:56px;object-fit:contain;flex:none}
.ist-nume{font-weight:700;font-size:14px;line-height:1.25}
.ist-de{font-size:12px;color:var(--text2);margin-top:2px}
.ist-graf{position:relative;padding-top:24px;touch-action:pan-y}
.ist-graf svg{display:block;overflow:visible;font-family:"Roboto Condensed",sans-serif}
.g-30{fill:rgba(255,227,0,.38)}
.g-30t{font-size:10px;fill:#8a7a00;text-anchor:middle;font-weight:700}
.g-ax{stroke:#e6e6e6;stroke-width:1}
.g-val{font-size:11px;fill:#888}
.g-luna{stroke:#ccc}
.g-lt{font-size:11px;fill:#888;text-anchor:middle}
.g-arie{fill:#f2f2f2}
.g-lin{fill:none;stroke:var(--contur);stroke-width:2}
.g-bf{fill:none;stroke:var(--rosu);stroke-width:3.5;stroke-linecap:round}
.g-pct{fill:var(--rosu);stroke:#fff;stroke-width:2}
.g-et{fill:var(--rosu)}
.g-ett{font-size:12px;font-weight:800;fill:#fff;text-anchor:middle}
.g-cur,.g-cp{display:none}
.activ .g-cur{display:inline;stroke:var(--contur);stroke-width:1;stroke-dasharray:3 3}
.activ .g-cp{display:inline;fill:#fff;stroke:var(--contur);stroke-width:2}
.g-zona{fill:transparent;cursor:crosshair}
.ist-tip{position:absolute;top:0;left:0;white-space:nowrap;font-size:12px;background:var(--contur);color:#fff;border-radius:4px;padding:3px 7px;visibility:hidden}
.ist-tip.on{visibility:visible}
.ist-tip b{color:var(--galben)}
.ist-cifre{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}
.ist-cifre>div{border:1px solid #e3e3e3;border-radius:6px;padding:7px 8px 6px}
.ist-cifre span{display:block;font-size:11px;color:var(--text2);text-transform:uppercase;letter-spacing:.03em}
.ist-cifre b{display:block;font-size:16px;font-weight:800;white-space:nowrap}
.ist-cifre em{display:block;font-style:normal;font-size:11px;color:var(--text2)}
.ist-cifre .bf{border:2px solid var(--rosu)}
.ist-cifre .bf b{color:var(--rosu)}

/* ---- Branduri: colectie langa Resigilate ---- */
/* pagina Branduri: fara filtre si sortare; randul de butoane devine A-Z */
body.mod-branduri .lateral,body.mod-branduri .unelte,body.mod-branduri #btnFiltre,body.mod-branduri #activeMob{display:none!important}
@media (min-width:1024px){body.mod-branduri .pagina{grid-template-columns:minmax(0,1fr)}}
.chip.chip-lit{min-width:36px;justify-content:center;padding:0 10px}
.br-pag{padding:4px 10px 30px;color:#fff}
.br-caut{position:relative;max-width:420px;margin:4px 0 18px}
.br-caut svg{position:absolute;left:12px;top:50%;width:18px;height:18px;transform:translateY(-50%);color:#777}
.br-caut input{width:100%;height:44px;border-radius:6px;border:2px solid var(--contur);background:#fff;color:var(--text);font:inherit;font-size:16px;padding:0 12px 0 38px}
.br-h{margin:0 0 10px;font-size:18px;font-weight:800;text-transform:uppercase;color:var(--galben)}
.br-top{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:26px}
.br-mare{display:flex;flex-direction:column;gap:2px;padding:12px 12px 10px;background:#fff;color:var(--text);border-radius:8px;text-decoration:none;border:2px solid var(--contur);box-shadow:2px 2px 0 #000}
.br-mare b{font-size:16px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.br-mare em{font-style:normal;font-size:13px;color:var(--rosu);font-weight:700}
.br-mare:hover{border-color:var(--galben)}
.br-lit{scroll-margin-top:140px;margin-bottom:14px}
.br-lit h3{margin:0 0 6px;padding-bottom:4px;border-bottom:1px solid #444;font-size:15px;color:#aaa}
.br-lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.br-lista .br{display:flex;justify-content:space-between;gap:8px;padding:9px 2px;color:#fff;text-decoration:none;font-size:15px;border-bottom:1px solid #333}
.br-lista .br em{font-style:normal;color:#999}
.br-lista .br:hover{color:var(--galben)}
.br-lista .br[hidden],.br-lit[hidden],.br-top-s[hidden],.br-gol[hidden]{display:none}
@media (min-width:600px){.br-top{grid-template-columns:repeat(3,minmax(0,1fr))}.br-lista{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1024px){
  .br-pag{padding:4px 0 40px}
  .br-top{grid-template-columns:repeat(6,minmax(0,1fr))}
  .br-lista{grid-template-columns:repeat(6,minmax(0,1fr));gap:0 22px}
}
/* pagina unui brand: link inapoi la lista, deasupra numelui */
.br-inapoi{font-size:13px;font-weight:700;color:#ddd;text-decoration:underline;text-underline-offset:3px;margin-bottom:4px;text-transform:none;letter-spacing:0}
.cautari-sug .toate-br{border-style:dashed}
.cap .br-inapoi{display:none}
body.pag-brand .cap .br-inapoi{display:inline-block}


/* ---- pagina unui brand pe telefon: vedere temporara, bara alba cu „‹ Inapoi la …” in locul butonului de categorie ---- */
body.pag-brand .alege{background:#fff;color:#000}
body.pag-brand .alege small{color:var(--rosu)}
body.pag-brand .alege span:after{content:none}
body.pag-brand .alege em{font-style:normal;font-size:13px;font-weight:500;color:#555;text-transform:none;margin-left:8px}

/* SAGETI desenate: caracterele ‹ › ▲ stau optic jos / intr-o parte; desenul e centrat in cutia lui */
.sg{display:inline-block;width:.45em;height:.72em;vertical-align:0;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;overflow:visible;flex:none}
.sg-sus{display:block;width:16px;height:16px;fill:currentColor}
.sg-dr{margin-left:.3em}.sg-st{margin-right:.3em}
.sag .sg,.urm-sag .sg{vertical-align:top;margin:0}
.urm-sag .sg{stroke-width:2.8}
/* desktop: acelasi lucru sus in coloana de filtre, care ramane lipita la derulare */
.lat-brand{display:block;width:calc(100% + 32px);margin:-4px -16px 4px;padding:12px 16px 11px;text-align:left;background:var(--galben);color:var(--contur);border-bottom:2px solid var(--contur);border-radius:var(--r) var(--r) 0 0;cursor:pointer}
.lat-brand small{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:3px}
.lat-brand b{font-size:19px;font-weight:800;text-transform:uppercase;margin-right:6px}
.lat-brand em{font-style:normal;font-size:13px;color:#555}
.lat-brand:hover small{text-decoration:underline;text-underline-offset:3px}
/* fara colturi albe in spatele blocului inchis */
body.pag-brand .lateral{background:linear-gradient(var(--galben) 0 24px,#fff 24px)}
/* pe desktop drumul inapoi e in blocul din coloana; in titlu ar fi dublat */
@media (min-width:1024px){body.pag-brand .cap .br-inapoi{display:none}}

/* SUBCATEGORII mai mari si mai lizibile (sunt navigatia principala in pagina): text 15 px pe telefon / 16 px pe desktop, semibold, butoane mai inalte */
.bara2{height:54px}
.chip,.bara2 .chip{height:38px;padding:0 13px;font-size:15px;font-weight:600;letter-spacing:.01em}
.chip em{font-size:inherit;line-height:inherit;font-weight:500;color:#b4b4b4} /* aceeasi marime cu textul: altfel numarul nu sta pe aceeasi linie de baza */
.chip.on,.bara2 .chip.on{font-weight:700}
@media (min-width:1024px){
  .lipit .bara2{height:60px}
  .bara2 .chip{height:40px;padding:0 14px;font-size:16px}
  .lateral.fix{top:132px}
  .br-lit{scroll-margin-top:150px}
}

/* mai mult aer intre doua subcategorii (linia despartitoare la mijloc), ca la derulare sa se vada unde incepe urmatoarea */
.sect{padding-bottom:16px}
.sect+.sect .sect-cap{padding-top:26px}
@media (min-width:1024px){
  .sect{padding-bottom:22px}
  .sect+.sect .sect-cap{padding-top:34px}
}

/* FOAIA DE FILTRE pe telefon: doua file, Filtre si Subcategorii; subcategoriile sunt o lista care te duce la sectiune (nu filtreaza) */
.fil-tab{display:flex;gap:6px;padding:10px 14px 4px}
.fil-tab[hidden],.fil-sub[hidden],#filtreMob[hidden],.foaie-jos[hidden]{display:none}
.fil-tab button{flex:1;height:40px;border:1.5px solid #cfcfcf;border-radius:6px;background:#fff;color:#333;font-size:15px;font-weight:700}
.fil-tab button em{font-style:normal;font-weight:500;color:#888;margin-left:2px}
.fil-tab button.on{background:var(--contur);border-color:var(--contur);color:#fff}
.fil-tab button.on em{color:#bbb}
.fil-sub{padding:4px 14px 18px}
.sub-rand{display:flex;align-items:center;gap:8px;width:100%;min-height:50px;padding:0 4px 0 10px;border-bottom:1px solid #eee;background:#fff;color:#222;font-size:16px;font-weight:600;text-align:left}
.sub-rand span{flex:1;min-width:0}
.sub-rand em{font-style:normal;font-weight:500;color:#888}
.sub-rand .sg{color:#999;margin-left:4px}
.sub-rand.on{box-shadow:inset 4px 0 0 var(--galben);background:#fffbe0;font-weight:800}
.sub-rand.on .sg{color:var(--contur)}

/* 9 taburi (cu Accesorii si colectii); intre 1280 si 1365 px nu incap langa bara de cautare,
   deci raman compacte, ca sub 1280 px */
@media (min-width:1280px) and (max-width:1365px){.taburi a{font-size:13px;padding:0 3px;margin-left:1px;margin-right:1px}}
/* antetul: grafica finala BF 2026 (bf/BF-2026/ pe server), cu dimensiunile ei: desktop 982 x 238, telefon 420 x 198
   (mai lata decat locul de 255 x 185 din prototip, deci pe telefon ocupa latimea ecranului, pana la 420 px) */
.antet-mob .img-antet-mob{width:100%;max-width:420px;height:auto}
@media (min-width:1024px){.antet-desk .img-antet{width:982px;height:238px}}
/* casuta „Brand” din filtre: brandurile ascunse si mesajul cand nu se gaseste nimic; in coloana de pe desktop lista
   desfasurata (sau rezultatele cautarii) se deruleaza in ea, ca filtrele sa nu se lungeasca cu toate brandurile */
@media (min-width:1024px){.lateral .brand-lista{max-height:300px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}}
.brand-lista .opt[hidden]{display:none}
.brand-gol{padding:6px 0;font-size:14px;color:#888}
.brand-gol[hidden]{display:none}
/* miniaturile „Categoria urmatoare” au width/height in HTML; inaltimea ramane cea din aspect-ratio */
.urm-poze img{height:auto}
/* antetul desktop e reperul elementelor lui asezate absolut (ca in simulare) */
.antet-desk{position:relative}