/* ============================================================
   TEMA „ECO PREMIUM” — verde + magenta (Sacose-Bumbac.ro, 17.09.2026)
   Transpune designul din Claude Design v3 peste componentele existente.
   Selectorii sunt prefixați cu `html body` ca să câștige în fața CSS-ului
   inline din pagini (specificitate), fără !important.
   Tokens: alb #FFFFFF · verde pal #F1F7F2 · verde #128A50 (#0E6F40 hover)
           magenta #D8006F · verde adânc #0F2A1C · roz #FF8AC7 · stele #E0A100
   ============================================================ */
:root{
  --ink:#101815;--paper:#F1F7F2;--concrete:#FFFFFF;--concrete-d:#E6EBE7;--bgx:#FFFFFF;
  --green:#128A50;--green-d:#0E6F40;--magenta:#D8006F;--yellow:#FF8AC7;--cyan:#E4F5EA;
  --mint:#E4F5EA;--deep:#0F2A1C;--pink:#FF8AC7;--star:#E0A100;
  --line:#E6EBE7;--linex:#E6EBE7;--muted:#5F6D64;--text2:#4B5A50;
  --r:22px;--r-sm:14px;--sh:0 1px 2px rgba(16,24,21,.04);--sh-h:0 18px 40px rgba(16,24,21,.12);
  --fh:'Plus Jakarta Sans',system-ui,sans-serif;--ft:'Manrope',system-ui,sans-serif
}
html body{background:#fff;color:var(--ink);font-family:var(--ft)}
html body::before{display:none}
html body a{color:inherit}

/* ---------- tipografie: Anton/Space Mono → Plus Jakarta / Manrope ---------- */
html body h1,html body h2,html body h3,html body h4,
html body .hero h1,html body .intro h2,html body .eco h2,html body .sec h2,html body .sec-h h2,html body .tvsec h2,
html body .perso .ban h2,html body .revhead h2,html body h1.pt,html body .pd h1,html body .legal h1,html body .legal h2,
html body .pc__n,html body .mat .tx b,html body .pban__tx h3,html body .acc summary,html body .faqitem summary,
html body .revnum,html body .wm{font-family:var(--fh);text-transform:none;letter-spacing:-.02em;font-weight:600;text-shadow:none}
html body .mono,html body .crumb,html body .pvcrumb,html body .kick,html body .opt-l,html body .pc__cat,html body .pc__go,html body .pc__sizes,
html body .price-chip,html body .trust,html body .b2blink,html body .cart,html body .navcats a,html body .chip,html body .ptab,
html body .sec-h .idx,html body .hero .stat,html body .mat .tx i,html body .ctile .tx span,html body .pcard .pr,html body .pvprice,
html body .pvopt h4,html body .tierbox h4,html body .tiertab th,html body .tiertab td,html body .qtyrow input,html body .availbox b,
html body .ghidacc-btn,html body .ghidt th,html body .revcnt,html body .revok,html body .revcard__who,html body .revbox>summary,
html body .stdchips span,html body .mpr,html body .fcol h4,html body .care,html body .fnet-t,html body .paysec,html body .cookiebar button,
html body .gal__tg button,html body .sz,html body .sticker,html body .pc__tag,html body .annbar,html body .ticker,html body .specs,
html body .legal .upd,html body .empty{font-family:var(--ft)}

/* ---------- bara de sus + navigație ---------- */
html body .topbar{background:var(--green);color:var(--mint);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 14px;flex-wrap:wrap;text-align:center;position:relative;z-index:2}
html body .topbar .sep{opacity:.5}
html body .topbar a{color:#fff;text-decoration:none}
@media(max-width:640px){html body .topbar span:not(:last-child){display:none}html body .topbar{font-size:12.5px;padding:7px 10px}}
html body .annbar{background:var(--deep);color:#fff;text-transform:none;letter-spacing:0;font-weight:600}
html body nav{background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);padding:14px 40px;gap:28px}
@media(max-width:980px){html body nav{padding:12px 18px}}
html body .brand-logo{height:46px}
html body .navcats{gap:4px 16px;min-width:0}
html body .navcats>a,html body .navcats>.navdd>a{white-space:nowrap;font-size:14px;max-width:200px;overflow:hidden;text-overflow:ellipsis}
@media(max-width:820px){html body .navcats>a,html body .navcats>.navdd>a{max-width:none;white-space:normal}}
html body .navcats a{font-family:var(--ft);font-weight:600;font-size:14.5px;text-transform:none;letter-spacing:0;color:var(--ink);padding:9px 2px;border-radius:0}
html body .navcats a:hover{background:none;color:var(--green);box-shadow:none;transform:none}
html body .navcats>a:after,html body .navdd>a:not(:has(.ddc)):after{background:var(--green);left:2px;right:2px}
html body .navdd .ddc{background:var(--mint);color:var(--green);width:20px;height:20px}
html body .navsub{border-color:var(--line);border-radius:16px;box-shadow:var(--sh-h)}
html body .navsub a{font-weight:600}
html body .navsub a:hover{background:var(--paper)!important;color:var(--green)!important}
html body .navsub.wide .allcat{border-top-color:var(--line);color:var(--green)}
html body .b2blink{border:0;color:var(--green);font-weight:600;font-size:14.5px;text-transform:none;letter-spacing:0;padding:8px 4px;border-radius:0}
html body .b2blink:hover{background:none;color:var(--green-d);text-decoration:underline;text-underline-offset:3px}
html body .cart{background:var(--magenta);color:#fff;border-radius:999px;text-transform:none;letter-spacing:0;font-weight:700;font-size:14.5px;padding:11px 20px;height:44px}
html body .cart:hover{background:#B8005E;transform:translateY(-1px);box-shadow:0 10px 24px rgba(216,0,111,.25)}
html body .cart .c{background:#fff;color:var(--magenta)}
html body .cart{gap:8px}
@media(max-width:600px){html body .cart-t{display:none}html body .cart{padding:0 14px;height:42px}html body .brand-logo{height:38px}html body .b2blink{display:none}html body nav{gap:10px;padding:10px 12px}html body .topbar span{white-space:normal}html body .cookiebar{padding:12px 14px}html body .cookiebar p{font-size:12.5px}}
html body .navtoggle{border-color:var(--line);border-radius:12px;box-shadow:none}
html body .navtoggle:hover{background:var(--mint);color:var(--green)}
@media(max-width:820px){html body .navcats{background:#fff;border-top:1px solid var(--line);box-shadow:var(--sh-h)}html body .navcats.open a{border-radius:10px}html body .navsub{border-left-color:var(--mint)}}

/* ---------- butoane ---------- */
html body .btn{font-family:var(--ft);font-weight:700;font-size:15px;text-transform:none;letter-spacing:0;border-radius:999px;padding:0 26px;height:52px;border:0;box-shadow:none}
html body .btn--p{background:var(--green);color:#fff;box-shadow:none}
html body .btn--p:hover{background:var(--green-d);transform:translateY(-2px);box-shadow:0 12px 26px rgba(18,138,80,.28)}
html body .btn--g{background:transparent;color:var(--green);border:2px solid var(--green);box-shadow:none;height:52px}
html body .btn--g:hover{background:var(--green);color:#fff;border-color:var(--green);transform:translateY(-2px);box-shadow:0 12px 26px rgba(18,138,80,.28)}
html body .addbtn,html body .cta-big,html body .herosearch button,html body .revbtn,html body .pban__btn,html body .cookiebar .ok{border-radius:999px;font-family:var(--ft);font-weight:700}
html body .addbtn{background:var(--magenta);color:#fff;height:56px;font-size:16px;box-shadow:0 10px 24px rgba(216,0,111,.22)}
html body .addbtn:hover{background:#B8005E}
html body .revbtn,html body .pban__btn{background:var(--green);color:#fff}
html body .cookiebar{background:var(--deep);color:#fff;border-top:1px solid var(--green)}
html body .cookiebar .ok{background:var(--pink);color:var(--ink);border-color:var(--pink)}
html body .cookiebar .no{color:#fff;border-color:rgba(255,255,255,.35);border-radius:999px}
html body .cookiebar a{color:var(--pink)}

/* ---------- carduri, chip-uri, secțiuni ---------- */
html body .pc,html body .mat,html body .tech,html body .ctile,html body .pcard,html body .tbox,html body .bcard,html body .minicard,
html body .note,html body .acc,html body .faqitem,html body .pbadge,html body .tierbox,html body .doccard,html body .pban,html body .legal .box,
html body .ghidacc-panel,html body .persobox,html body .revcard,html body .gal,html body .pvgal .big{border:1px solid #ECEFED;border-radius:var(--r);box-shadow:var(--sh);background:#fff}
html body .pc:hover,html body .mat:hover,html body .ctile:hover,html body a.bcard:hover,html body .minicard:hover,html body .tbox:hover,html body .pcard:hover{transform:translateY(-4px);box-shadow:var(--sh-h)}
html body .pc__img,html body .pcard .ph,html body .mat .im,html body .ctile .im,html body .mph,html body .pvgal .big{background:#EEF2EF;border-bottom:1px solid #ECEFED}
html body .pc__img{border-bottom:1px solid #ECEFED}
html body .pc__n{font-family:var(--ft);font-weight:600;font-size:14.5px;line-height:1.35;white-space:normal;text-transform:none;letter-spacing:0;margin:2px 0 8px}
html body .pc__cat{color:var(--green);letter-spacing:.06em;font-size:11px}
html body .price-chip{background:none;color:var(--magenta);font-family:var(--fh);font-weight:700;font-size:17px;padding:0}
html body .pc__go{color:var(--green);font-size:12px}
html body .pc__tag{background:var(--magenta);border-radius:999px;text-transform:none;letter-spacing:0;font-weight:700}
html body .pc__pers,html body .pcard .pr small{color:var(--muted)}
html body .pcard .pr{font-family:var(--fh);font-weight:700;font-size:17px;color:var(--magenta)}
html body .chip,html body .ptab{font-family:var(--ft);font-weight:700;font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;background:var(--mint);color:var(--green);border:0;border-radius:999px;padding:8px 14px;box-shadow:none}
html body .chip:hover,html body .ptab:hover{background:#D3EEDD;transform:none;box-shadow:none}
html body .chip.on,html body .ptab.on{background:var(--magenta);color:#fff;border-color:var(--magenta)}
html body .sec-h{border-bottom:0;padding-bottom:0}
html body .sec-h h2,html body .sec h2,html body .tvsec h2,html body .intro h2{font-size:clamp(26px,3.6vw,38px);line-height:1.1}
html body .sec-h .idx,html body .sec h2 a{font-family:var(--ft);font-weight:700;font-size:14px;color:var(--green);opacity:1;text-transform:none;letter-spacing:0}
html body .eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--magenta)}
html body .trust{border-bottom:0}
html body .trust>span{border-color:#ECEFED;border-radius:999px;font-weight:600;color:var(--text2)}
html body .kick{background:var(--mint);color:var(--green);letter-spacing:.04em;font-weight:700;text-transform:uppercase;font-size:12.5px;border-radius:999px;height:30px;padding:0 12px}
html body .kick i{width:8px;height:8px;border-radius:99px;background:var(--magenta);display:inline-block}

/* ---------- pagina de produs ---------- */
html body h1.pt,html body .pd h1{font-size:clamp(28px,3.4vw,40px);line-height:1.08;text-transform:none}
html body .pvcrumb{font-family:var(--ft);font-size:13px;color:var(--muted);opacity:1;text-transform:none;letter-spacing:0}
html body .pvcrumb a:hover{color:var(--green)}
html body .pvprice,html body .pd .price{font-family:var(--fh);font-weight:700;font-size:40px;color:var(--magenta);line-height:1.1}
html body .pvvat{font-family:var(--ft);font-weight:500;font-size:13.5px;color:var(--muted);opacity:1}
html body .pvopt h4,html body .tierbox h4,html body .opt-l{font-family:var(--ft);font-size:12.5px;font-weight:700;color:var(--text2);text-transform:none;letter-spacing:0;border:0;padding:0}
html body .tierttl{font-family:var(--fh);font-size:20px;font-weight:600;color:var(--ink);margin:0 0 12px;text-transform:none;letter-spacing:-.01em}
html body .pvh4{font-family:var(--fh);font-size:20px;font-weight:600;text-transform:none;letter-spacing:-.01em;margin:24px 0 8px}
html body .tierbox{padding:22px 24px}
html body .tiersel select,html body .tiersel input,html body .qtyrow input{height:46px;border:1px solid #D2DAD5;border-radius:12px;font-family:var(--ft);font-size:14.5px;background:#fff}
html body .tiertab{font-size:14px}
html body .tiertab th{font-family:var(--ft);font-size:11.5px;letter-spacing:.06em;color:var(--muted);opacity:1;padding:6px 10px;border-bottom:1px solid var(--line);font-weight:700}
html body .tiertab td{font-family:var(--ft);padding:10px;border-bottom:1px solid #EEF2EF;font-variant-numeric:tabular-nums}
html body .tiertab tr.on td{background:#FFF0F7;font-weight:700;color:var(--magenta)}
html body .tiertot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;color:var(--text2);margin-top:12px}
html body .tiertot b{font-family:var(--fh);font-size:24px;color:var(--magenta)}
html body .tiersel input#tierQty{border:2px solid var(--magenta);background:#FFF0F7;font-family:var(--fh);font-weight:700;font-size:18px;height:50px}
html body .tiersel label.tierqty small{color:var(--magenta)}
html body .tiersel select#tierPerso.sel{border:2px solid var(--magenta);background:#FFF0F7;font-weight:700;color:var(--ink)}
html body .tsum-t b{color:var(--magenta)}
html body .tsum{border-top-color:var(--line)}
html body .availbox{background:var(--mint);border:0;color:var(--green);border-radius:12px;font-size:13.5px}
html body .availbox b{color:var(--green)}
html body .pvsw button{border-radius:12px;border-color:#D2DAD5;font-family:var(--ft)}
html body .pvsw button.on,html body .pvsw button.cswatch.on{background:#fff;color:var(--ink);border-color:var(--magenta);box-shadow:0 0 0 2px var(--magenta)}
html body .pvsw button.cswatch.on img{mix-blend-mode:multiply}
html body .pvgal .thumbs img{border-radius:12px;background:#EEF2EF;border-color:#ECEFED}
html body .pvgal .thumbs img.on{border-color:var(--green);border-width:2px}
html body .perso,html body .persobox{background:var(--mint);border:0;color:var(--ink);border-radius:14px}
html body .persoopt input{accent-color:var(--magenta)}
html body .stdchips span{background:var(--mint);color:var(--green);border:0;border-radius:999px;font-weight:700}
html body .pvspec th{color:var(--text2)}
html body .acc summary,html body .faqitem summary{font-family:var(--fh);font-size:16px;font-weight:600}
html body .acc[open] summary,html body .faqitem[open] summary{background:var(--paper)}
html body .acc summary::after,html body .faqitem summary::after{color:var(--magenta)}
html body .revsec{background:var(--deep)}
html body .revnum,html body .revstarsbig .on,html body .revcard__stars .on,html body .revstars button.on,html body .grev .stars{color:var(--star)}
html body .revbox{border:1px solid #ECEFED;background:#fff}
html body .revbox>summary{background:var(--mint);color:var(--green);text-transform:none;letter-spacing:0;font-size:14px;border-radius:0}
html body .revsum{background:var(--green);color:#fff}
html body .revok{color:#8de07a}
html body .gal__tg button.on,html body .sz.on{background:var(--ink);color:#fff}
html body .sw.on,html body .gthumb.on{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--magenta)}
html body .note b{background:#FFF0F7;color:var(--magenta)}
html body .specs{border-top:1px solid var(--line);font-family:var(--ft)}
html body .doccard:hover{border-color:var(--green);box-shadow:var(--sh)}

/* ---------- pagini legale / FAQ ---------- */
html body .legal h1{font-size:clamp(28px,4vw,40px)}
html body .legal h2{font-size:22px;border-bottom:1px solid var(--line)}
html body .legal .upd{font-family:var(--ft);text-transform:none;letter-spacing:0;color:var(--muted);opacity:1}
html body .legal a{color:var(--green)}
html body .legal .box.warn{background:#FFF0F7}
html body .legal p,html body .legal li{color:var(--text2)}

/* ---------- footer ---------- */
html body footer{background:var(--paper);color:var(--ink);border-top:1px solid var(--line);padding:48px 22px 28px;margin-top:48px}
html body .flogo{background:#fff;border:1px solid #ECEFED;border-radius:16px;box-shadow:var(--sh);padding:12px 16px}
html body .flogo img{height:52px}
html body .fw .wm{color:var(--ink)}
html body .care{color:var(--text2);text-transform:none;letter-spacing:0;font-size:13.5px;line-height:1.8}
html body .fcol h4{font-family:var(--ft);font-size:13.5px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--ink)}
html body .fcol a{color:var(--text2);font-size:13.5px;opacity:1;margin-bottom:5px}
html body .fcol a:hover{color:var(--green);text-decoration:none}
html body footer .soc-ic{background:#fff!important;color:var(--green)!important;border:1px solid #ECEFED}
html body footer .soc-ic:hover{background:var(--mint)!important}
html body .fbar{border-top:1px solid var(--line);color:var(--muted);font-size:12.5px}
html body .fbar a{color:var(--muted)}
html body .fbar a:hover{color:var(--green)}
html body .fnet,html body .fnet a,html body .fnet b,html body .fnet i{color:var(--muted)}
html body .fnet{border-top:1px solid var(--line)}
html body .fnet a{border-bottom-color:rgba(16,24,21,.2)}
html body .fnet a:hover{color:var(--green);border-bottom-color:var(--green)}
html body .fcredit a{color:var(--muted)}
html body .paysec{color:var(--text2);letter-spacing:0;text-transform:none;font-weight:600}
html body footer input{border:1px solid #D2DAD5;border-radius:999px;background:#fff;color:var(--ink)}
html body footer .ftag{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;background:var(--mint);color:var(--green);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin:0 6px 6px 0}

/* ---------- formulare (checkout, ofertă, cont) ---------- */
html body input[type=text],html body input[type=email],html body input[type=tel],html body input[type=number],html body input[type=search],html body input[type=password],html body select,html body textarea{font-family:var(--ft)}
html body :focus-visible{outline:3px solid rgba(18,138,80,.45)}

/* ---------- pagina principală (index.php) ---------- */
html body .hero{background:linear-gradient(180deg,#fff 0%,var(--paper) 100%);color:var(--ink);padding:56px 18px 48px;border-bottom:0}
html body .hero .in{max-width:1180px;gap:48px;grid-template-columns:1.05fr .95fr}
html body .hero h1{font-size:clamp(34px,5.2vw,62px);line-height:1.02;text-transform:none;letter-spacing:-.02em;color:var(--ink)}
html body .hero h1 em{color:var(--green);font-style:normal}
html body .hero p{color:var(--text2);opacity:1;font-size:17px;line-height:1.6}
html body .herosearch input{border:1px solid #D2DAD5;border-radius:999px;background:#fff;height:50px;padding:0 20px}
html body .herosearch button{background:var(--green);color:#fff;border-radius:999px;height:50px;padding:0 24px}
html body .herosearch button:hover{background:var(--green-d);filter:none}
html body .hero .cta a{border-radius:999px;height:52px;display:inline-flex;align-items:center;padding:0 26px;font-size:15px}
html body .hero .cta .a1{background:var(--green);color:#fff}
html body .hero .cta .a1:hover{background:var(--green-d)}
html body .hero .cta .a2{border:2px solid var(--green);color:var(--green)}
html body .hero .cta .a2:hover{background:var(--green);color:#fff}
html body .hero .stat{font-family:var(--ft);opacity:1;color:var(--muted);font-size:13px;gap:32px;margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}
html body .hero .stat b{font-family:var(--fh);font-size:30px;color:var(--green);line-height:1.15;margin-bottom:2px}
html body .heropic{border-radius:28px;background:#fff;box-shadow:0 18px 40px rgba(16,24,21,.12);border:1px solid #ECEFED;padding:22px;max-width:460px}
html body .heropic--slides .hs{inset:22px}
@media(max-width:860px){html body .heropic--slides .hs{inset:12px}}
html body .intro h2{font-size:clamp(26px,3.6vw,38px)}
html body .intro p{color:var(--text2);opacity:1}
html body .mats{gap:20px}
html body .mat .tx b{font-size:22px;font-weight:600;text-transform:none;letter-spacing:-.01em;margin-bottom:6px}
html body .mat .tx span{color:var(--muted);opacity:1;display:block}
html body .mat .tx i{font-family:var(--fh);color:var(--magenta);font-size:15px;font-weight:700}
html body .mat.mat--dark{background:var(--green);border-color:var(--green);color:#fff}
html body .mat.mat--dark .im{background:var(--green);border-bottom:0;color:var(--mint)}
html body .mat.mat--dark .tx span{color:#fff;opacity:.8}
html body .mat.mat--dark .tx i{color:var(--pink)}
html body .eco .in{background:var(--mint);color:var(--ink);border:1px solid #D6E8DD;border-radius:28px;padding:44px 48px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px}
html body .eco .in>*{min-width:0}
@media(max-width:800px){html body .eco .in{grid-template-columns:minmax(0,1fr);padding:30px 22px}html body .eco .ecostats{gap:10px}html body .eco .ecostats b{font-size:24px}}
html body .eco .eyebrow{color:var(--magenta)}
html body .eco h2{color:var(--green-d)}
html body .eco h2{font-size:clamp(26px,3.6vw,40px);line-height:1.1;margin-top:8px}
html body .eco p{opacity:1;color:var(--text2);font-weight:400;font-size:15.5px;line-height:1.6;max-width:54ch;margin-top:12px}
html body .eco .ecostats{display:grid;grid-template-columns:1fr 1fr;gap:14px}
html body .eco .ecostats div{background:#fff;border:1px solid #E1EEE6;border-radius:16px;padding:18px;box-shadow:var(--sh)}
html body .eco .ecostats b{display:block;font-family:var(--fh);font-size:30px;font-weight:700;color:var(--magenta);line-height:1.1}
html body .eco .ecostats span{font-size:13px;color:var(--muted)}
html body .eco a.ecolink{display:inline-block;margin-top:18px;background:var(--green);color:#fff;border-radius:999px;padding:13px 24px;font-weight:700;max-width:100%;white-space:normal;text-align:center}
html body .ptabs{max-width:100%}
html body .ptab{white-space:nowrap}
html body .tbox{border-radius:var(--r)}
html body .tbox b{color:var(--ink)}
html body .tbox span{color:var(--muted);opacity:1}
html body .tbox--img b{color:var(--pink)}html body .tbox--img span{color:#fff}
html body .perso .ban{background:var(--green);color:#fff;border-radius:28px}
html body .perso .bimg{border-radius:28px 0 0 28px}
@media(max-width:700px){html body .perso .bimg{border-radius:28px 28px 0 0}}
html body .perso .bbtn{color:var(--green)}
html body .perso .ban h2{text-shadow:none;font-size:clamp(26px,3.6vw,38px)}
html body .perso .ban p{text-shadow:none;font-weight:500;opacity:.9}
html body .tech{padding:26px}
html body .tech .ic{background:var(--mint);color:var(--green);width:48px;height:48px;border-radius:14px}
html body .tech b{font-family:var(--fh);font-size:22px;font-weight:600}
html body .tech p{color:var(--text2);opacity:1}
html body .ctile .tx b{font-weight:600}
html body .ctile .tx span{color:var(--muted);opacity:1;font-size:12.5px}
html body .yt{border-radius:18px;background-color:var(--deep)}
html body .yt .pl{background:var(--pink);border-radius:10px}
html body .yt .pl:after{border-color:transparent transparent transparent var(--ink)}
html body .tvsec .sub{color:var(--muted);opacity:1}
html body .grev .in{background:var(--mint);color:var(--ink);border:1px solid #CFE8D8;border-radius:var(--r);padding:26px}
html body .grev b{font-family:var(--fh);font-size:24px;font-weight:600}
html body .grev a{background:none;color:var(--green);padding:0;font-weight:700}
html body .grev a:hover{text-decoration:underline;text-underline-offset:3px}
html body .bcard b{font-family:var(--fh);font-weight:600}
html body .bcard span{color:var(--muted);opacity:1}
html body .note.layer{color:var(--muted);opacity:1;border:0;box-shadow:none;background:none;padding:0 18px 30px}
html body .empty2 div{background:var(--mint);border-color:#CFE8D8}

/* ---------- catalog (catalog.php) ---------- */
html body .fbox{border:1px solid #ECEFED;border-radius:16px}
html body .fbox>summary{font-family:var(--ft);font-size:13px;font-weight:700;text-transform:none;letter-spacing:0;color:var(--ink)}
html body .fbox>summary:hover{background:var(--paper);border-radius:16px}
html body .fbox .badge{background:var(--mint);color:var(--green);font-family:var(--ft)}
html body .fbox a.on{color:var(--green)}
html body .fsize a{font-family:var(--ft);border-radius:999px;border-color:#D2DAD5}
html body .fsize a.on{background:var(--green);border-color:var(--green)}
html body .filtoggle{background:var(--green);border-radius:999px}
html body .chipbar .chip{background:#fff;border:1px solid #D2DAD5;color:var(--ink);text-transform:none;letter-spacing:0;font-weight:500;padding:6px 10px 6px 12px}
html body .chipbar .chip:hover{background:var(--paper)}
html body .toolbar select{height:42px;border:1px solid #D2DAD5;border-radius:12px;padding:0 12px;font-family:var(--ft);background:#fff}
html body .pager a,html body .pager span{border-radius:999px;border-color:#D2DAD5}
html body .pager .cur{background:var(--green);border-color:var(--green)}
html body .badge{font-family:var(--ft);border-radius:999px;letter-spacing:0;text-transform:none;font-size:11px;align-self:flex-start;width:auto}
html body .b-stoc{background:var(--mint);color:var(--green)}
html body .b-com{background:#FFF0F7;color:var(--magenta)}
html body .stds span{font-family:var(--ft);border-radius:999px}

/* ---------- coș / cerere de ofertă (cos.php) ---------- */
html body .ci{background:#fff;border:1px solid #ECEFED;border-radius:var(--r);box-shadow:var(--sh)}
html body .ci__img{border-radius:14px;border-color:#ECEFED;background:#EEF2EF}
html body .ci__m{color:var(--muted);font-weight:600}
html body .ci__comp{color:var(--text2);background:var(--mint);border-radius:10px;padding:4px 10px;display:table;width:100%;border-collapse:collapse;font-size:12.5px;margin-top:8px}
html body .ci__comp td{padding:5px 4px;border-bottom:1px solid rgba(18,138,80,.12)}
html body .ci__comp tr:last-child td{border-bottom:0}
html body .ci__comp td:nth-child(2){white-space:nowrap;text-align:right;opacity:.8}
html body .ci__comp td:last-child{white-space:nowrap;text-align:right;color:var(--ink)}
html body .ci__comp b{color:var(--ink)}
html body .qty .qtyin{width:76px;border:0;background:transparent;text-align:center;font:700 16px var(--fh);color:var(--ink);outline:0;-moz-appearance:textfield}
html body .qty .qtyin::-webkit-inner-spin-button,html body .qty .qtyin::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
html body .qty:focus-within{border-color:var(--magenta);box-shadow:0 0 0 3px rgba(216,0,111,.12)}
html body .qty{border:1px solid #D2DAD5;border-radius:999px}
html body .qty button{background:#fff;color:var(--green);font-weight:700}
html body .qty input{font-family:var(--fh);font-weight:700}
html body .sumbox{background:var(--deep);color:#fff;border-radius:var(--r);padding:22px 24px}
html body .sumrow{font-family:var(--ft);font-weight:600;color:rgba(255,255,255,.85)}
html body .sumrow.tot{font-family:var(--fh);color:var(--pink);border-top:1px solid rgba(255,255,255,.18)}
html body #rowSaved{color:#8DE0B0}
html body .sumbox #freebar{background:rgba(255,255,255,.08);color:#fff}
html body .sumbox #freebarFill{background:var(--pink)}
html body .sumbox #freeok{background:rgba(255,255,255,.1);color:#8DE0B0}
html body .cartbtns .btn--g{border-color:var(--green);color:var(--green)}
html body .cart-wrap h1{font-size:clamp(28px,4vw,40px)}
html body .cart-wrap .trust{padding:12px 0 18px}
html body .ci__m[style*="8a6d00"]{color:var(--magenta)!important}
@media(max-width:480px){html body .sumrow.tot{font-size:20px}html body .sumrow.tot span:last-child{white-space:nowrap}}

/* ---------- header pe două rânduri: logo + căutare + cont + coș, dedesubt categoriile pe un singur rând ---------- */
html body .navsearch{display:flex;align-items:center;gap:8px;flex:1 1 260px;max-width:520px;min-width:0;background:#F3F6F4;border:1px solid #DCE5DF;border-radius:999px;padding:4px 4px 4px 14px;color:var(--muted)}
html body .navsearch:focus-within{border-color:var(--green);background:#fff;box-shadow:0 0 0 3px rgba(18,138,80,.12)}
html body .navsearch input{flex:1;min-width:0;border:0;background:transparent;font:600 14px var(--ft);color:var(--ink);outline:0;padding:6px 0}
html body .navsearch input::placeholder{color:#7C8B82;font-weight:500}
html body .navsearch button{border:0;background:var(--green);color:#fff;font:700 13px var(--ft);border-radius:999px;padding:8px 16px;cursor:pointer;height:34px}
html body .navsearch button:hover{background:var(--green-d)}
@media(min-width:821px){
  html body nav{flex-wrap:wrap;row-gap:0;padding-bottom:0}
  html body nav>.wm{order:1}html body .navsearch{order:2}html body .b2blink{order:3;margin-left:auto}html body .cart{order:4}
  html body .navcats{order:5;flex:0 0 100%;width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:0 26px;margin-top:8px;border-top:1px solid var(--line);padding:2px 0 0}
  html body .navcats>a,html body .navcats>.navdd>a{max-width:230px;padding:11px 2px;font-size:14px}
  html body .navcats>.navdd{flex:0 0 auto}
}
@media(max-width:820px){
  html body nav{flex-wrap:wrap}
  html body .navsearch{order:10;flex:0 0 100%;max-width:none;margin-top:8px;padding-left:12px}
  html body .navsearch button{padding:8px 14px}
}
html body .flist{max-height:260px;overflow:auto}
@media(max-width:600px){html body nav>.wm{flex:1 1 auto;min-width:0}html body .brand-logo{height:34px;max-width:100%}html body nav{gap:8px}html body .navtoggle{flex:0 0 auto}html body .cart{flex:0 0 auto}}

/* badge „în stoc” / „la comandă” pe poza produsului din catalog */
html body .pcard .ph{position:relative}
html body .pcard .ph .badge{position:absolute;left:10px;top:10px;z-index:2;border-radius:999px;padding:5px 11px;font-size:11px;letter-spacing:.04em;box-shadow:0 4px 12px rgba(15,42,28,.12)}
html body .pcard .ph .badge.b-stoc{background:var(--green);color:#fff}
html body .pcard .ph .badge.b-com{background:rgba(255,255,255,.92);color:var(--muted)}
@media(max-width:640px){html body .ci__comp{font-size:11.5px;padding:2px 6px;table-layout:auto}html body .ci__comp td{padding:4px 3px}html body .ci__comp td:nth-child(2){white-space:normal}html body .ci__comp td:last-child{white-space:nowrap}}

/* ---------- contul B2B (cont/*.php) ---------- */
html body .kmenu{border-radius:18px;border-color:#ECEFED;box-shadow:var(--sh)}
html body .kmenu a{border-radius:10px;font-weight:600}
html body .kmenu a:hover,html body .kmenu details>summary:hover{background:var(--mint);color:var(--green)}
html body .kmenu a.on{background:var(--green);color:#fff}
html body .kcard{border-radius:18px;border-color:#ECEFED;box-shadow:var(--sh)}
html body .kcard h2{text-transform:none;letter-spacing:-.02em}
html body .kbtn{background:var(--green);border-radius:999px}
html body .kbtn:hover{background:var(--green-d)}
html body .kbtn.y{background:var(--green);color:#fff}
html body .kbtn.y:hover{background:var(--green-d)}
html body .kform input:focus,html body .kform textarea:focus,html body .kform select:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 3px rgba(18,138,80,.12)}
html body .fcard{border-radius:16px!important}
html body .fcard[style*="FFC400"]{border-left-color:var(--magenta)!important}
html body .bars .b{background:var(--green)!important}
html body .kmsg.o{background:var(--mint);border-color:var(--green)}

/* prima pagină: casetele de încredere, istoricul, footer cu recenzii */
html body .tbox__in{padding:18px}
html body .tbox b{font-family:var(--fh);font-size:17px;letter-spacing:-.01em;margin-bottom:6px}
html body .tbox span{font-size:13px;line-height:1.5}
/* casetele de argumente: poza întreagă sus (fără decupare, fără fum), textul dedesubt; 2 pe rând pe telefon */
html body .tbox{min-height:0;display:flex;flex-direction:column;background:#fff;border:1px solid #ECEFED;background-image:none!important}
html body .tbox__pic{aspect-ratio:4/3;background:#F3F7F4;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid #ECEFED}
html body .tbox__pic img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
html body .tbox--img:before{display:none}
html body .tbox--img .tbox__in{background:#fff;color:var(--ink)}
html body .tbox--img b{color:var(--green)}html body .tbox--img span{color:var(--muted);text-shadow:none}
@media(max-width:600px){html body .trust{grid-template-columns:1fr 1fr;gap:10px;padding:14px 12px}html body .tbox__in{padding:12px}html body .tbox b{font-size:14px}html body .tbox span{font-size:12px;line-height:1.45}}
/* produse: 2 coloane și pe telefon (prima pagină + catalog) */
@media(max-width:460px){html body .grid{grid-template-columns:repeat(2,1fr);gap:10px}html body .pcard .bd{padding:10px}html body .pcard .nm{font-size:12.5px;line-height:1.3}html body .pcard .pr{font-size:14px}}
html body .fgrev{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:rgba(255,255,255,.7);border:1px solid #DCE5DF;border-radius:16px;padding:14px 18px;margin:0 0 18px}
html body .fgrev .st{color:#E0A100;font-size:18px;letter-spacing:2px}
html body .fgrev b{font-family:var(--fh);font-size:16px}
html body .fgrev span{color:var(--muted);font-size:13px}
html body .fgrev a{margin-left:auto;color:var(--green);font-weight:700;font-size:13.5px}
@media(max-width:600px){html body .fgrev a{margin-left:0}}
html body .fnote{font-size:11.5px;color:var(--muted);line-height:1.5;margin:0 0 16px}
html body .trust .tbox span{border:0;background:none;padding:0;box-shadow:none;border-radius:0;display:block;font-weight:500;color:var(--muted)}
html body .trust .tbox:hover span{transform:none}
html body .navcats>a.navrz,html body .navcats>.navdd>a.navrz{color:var(--magenta)}
/* prima pagină pe mobil: poza sub text, statistici pe un rând, textul mai scurt */
@media(max-width:820px){
  html body .hero{padding:26px 18px 30px}
  html body .hero .in{grid-template-columns:1fr;gap:18px}
  html body .hero h1{font-size:clamp(30px,8.5vw,40px)}
  html body .hero p{font-size:15px;max-width:none;margin-top:10px}
  html body .hero .cta{margin-top:16px}
  html body .hero .cta a{padding:12px 20px;font-size:14.5px}
  html body .hero .stat{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid #DCE5DF}
  html body .hero .stat div{font-size:12px}
  html body .hero .stat b{font-size:22px}
  html body .heropic{max-width:220px;order:-1;padding:12px;margin:0 auto}
}
/* pozele produselor pe cardurile de materiale: fără tentă (mix-blend) pe cardul închis */
html body .mat.mat--dark .im{background:#fff;border-bottom:0}
html body .mat.mat--dark .im img{mix-blend-mode:normal}
html body .navcats>a,html body .navcats>.navdd>a{max-width:190px}

/* ── partea de jos a footerului: toate blocurile aliniate pe aceeași lățime cu coloanele (1600 px, 40 px lateral) ── */
html body .fgrev{max-width:1520px;width:calc(100% - 80px);margin:26px auto 0;box-sizing:border-box}
html body .fnote{max-width:1600px;margin:20px auto 0;padding:0 40px;box-sizing:border-box;font-size:12px;line-height:1.6}
html body .fnet{max-width:1600px;margin:22px auto 0;padding:18px 40px 0;box-sizing:border-box;font-size:12px;line-height:2;opacity:1;color:var(--muted)}
html body .fnet-t{margin-bottom:4px;opacity:1;color:var(--muted)}
html body .fnet a{font-weight:600;color:var(--ink);text-decoration:none;border-bottom:1px solid rgba(16,24,21,.25)}
html body .fnet a:hover{color:var(--green);border-bottom-color:var(--green)}
html body .fnet-s{opacity:.35;margin:0 8px}
html body .fbar{max-width:1600px;margin:22px auto 0;padding:18px 40px 0;box-sizing:border-box;border-top:1px solid var(--line)}
html body .fbar .fcredit{font-size:12.5px;line-height:1.6}
@media(max-width:979px){
  html body .fgrev{width:100%;margin-top:22px}
  html body .fnote,html body .fnet,html body .fbar{padding-left:0;padding-right:0}
}

/* ── Cont B2B (login, înregistrare, panou): în culorile temei, nu cele SafeWork (galben/negru) ── */
html body .kcard{border:1px solid var(--line);border-radius:var(--r,16px);box-shadow:none}
html body .kcard h2{font-family:var(--fh);font-weight:600;text-transform:none;letter-spacing:0;font-size:24px}
html body .kform input,html body .kform textarea,html body .kform select{background:#fff;border:1px solid var(--line);border-radius:10px}
html body .kform input:focus,html body .kform textarea:focus,html body .kform select:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(18,138,80,.15)}
html body .kbtn{padding:13px 24px;font-weight:700}
html body .adv .ic{background:var(--mint,#E4F5EA);color:var(--green);width:30px;height:30px;border-radius:9px;font-size:13px}
html body .adv b{font-family:var(--fh);font-weight:600;font-size:14px}
html body .adv span{color:var(--muted);opacity:1}
html body .pasi .p{border:1px solid var(--line);border-radius:12px;background:#fff}
html body .pasi .p i{color:var(--green);letter-spacing:.06em}
html body .pasi .p b{font-family:var(--fh);font-weight:600}
html body .kmenu details>summary:hover,html body .kmenu a:hover{background:var(--mint,#E4F5EA);color:var(--green)}
html body .kmenu a.on,html body .kmenu a.act,html body .kmenu a[aria-current]{background:var(--green);color:#fff}
html body .kmsg.o{background:var(--mint,#E4F5EA);border-color:var(--green)}
html body .ktable th{color:var(--muted);letter-spacing:.04em}
html body .bars .b{background:var(--green)}
html body .fcard{border-left-color:var(--green)!important;border-radius:12px}
html body .cont-b2b .lg h1,html body .lg h1{font-family:var(--fh);font-weight:600}
html body a.b2blink:hover,html body .b2blink:hover{background:var(--mint,#E4F5EA);border-color:var(--green);color:var(--green)}

/* ── cardul „Garanția legală de conformitate UE” lângă ANPC/SOL (desktop: în continuare, aceeași înălțime; mobil: sub ele, pe toată lățimea) ── */
html body .anpc{align-items:stretch}
html body .anpc>a{display:flex;align-items:center}
html body .anpc img{height:44px}
html body .fgar{display:flex;align-items:center;gap:10px;height:44px;box-sizing:border-box;padding:4px 12px 4px 4px;background:#fff;border:1px solid #1F4E8C;border-radius:4px;text-decoration:none;color:#1F4E8C!important}
html body .fgar img{height:36px!important;width:auto;border-radius:2px;background:#fff}
html body .fgar-ic{width:36px;height:36px;border-radius:50%;background:#1F4E8C;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;flex:none}
html body .fgar-t{display:flex;flex-direction:column;line-height:1.2}
html body .fgar-t b{font-family:var(--fh);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.02em;color:#1F4E8C}
html body .fgar-t small{font-size:11px;color:#2c4a6f}
html body .fgar:hover{background:#EEF4FB}
@media(max-width:700px){
  html body .anpc{width:100%}
  html body .anpc>a:not(.fgar){flex:1 1 calc(50% - 6px)}
  html body .anpc>a:not(.fgar) img{width:100%;height:auto;max-height:64px;object-fit:contain}
  html body .fgar{flex:1 1 100%;height:auto;min-height:60px;padding:8px 12px}
  html body .fgar img{height:44px!important}
  html body .fgar-t b{font-size:13px}html body .fgar-t small{font-size:12px}
}