/* ============================================================
   TEMA URBANLAND — mov + verde crud (25.09.2026)
   Mov lavandă #7C5CC4 (hover #6246A8) — acțiune ȘI bază: butoane, coș, căutare, linkuri, logo „Land”
   Verde crud #8DC63F — accentele „bune”: bara de sus, „în stoc”, reducerea „−X%”, punctul din logo
     (mereu cu text mov foarte închis #1D1530: alb pe verde crud ar avea contrast 2:1)
   Mov foarte închis #1D1530 — text, banda „Produs indisponibil” · #2A1D4A subsol
   Mov pal #F1ECFC / #F8F5FD / #ECE6F5 — fundaluri și chenare
   Fără roșu în interfață (verde + roșu = decor de Crăciun); roșul rămâne doar la mesajele de eroare.
   Selectorii sunt prefixați cu `html body` ca să câștige în fața CSS-ului inline.
   ============================================================ */
:root{
  --ink:#1D1530;--paper:#F8F5FD;--concrete:#FFFFFF;--concrete-d:#ECE6F5;--bgx:#FFFFFF;
  --green:#7C5CC4;--green-d:#6246A8;--magenta:#7C5CC4;--yellow:#C8B6F0;--cyan:#F1ECFC;
  --mint:#F1ECFC;--deep:#2A1D4A;--pink:#C8B6F0;--star:#E0A100;--lime:#8DC63F;--lime-d:#76AD2C;
  --line:#ECE6F5;--linex:#ECE6F5;--muted:#675F7E;--text2:#524A68;
  --r:22px;--r-sm:14px;--sh:0 1px 2px rgba(29,21,48,.04);--sh-h:0 18px 40px rgba(29,21,48,.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(--lime);color:var(--ink);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:var(--ink);text-decoration:none;font-weight:700}
@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:#6246A8;transform:translateY(-1px);box-shadow:0 10px 24px rgba(124,92,196,.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:inline-flex;align-items:center;gap:4px;height:42px;padding:0 10px;border:1px solid var(--linex,#E6DEF3);border-radius:12px;background:#fff;font-size:13px;font-weight:700;flex:0 0 auto}html body .b2blink .b2b-ic{display:inline-block}html body .b2blink .b2b-w{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(--magenta);color:#fff;box-shadow:none}
html body .btn--p:hover{background:#6246A8;transform:translateY(-2px);box-shadow:0 12px 26px rgba(124,92,196,.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(124,92,196,.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(124,92,196,.22)}
html body .addbtn:hover{background:#6246A8}
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 #F4F0FA;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:#F4F0FA;border-bottom:1px solid #F4F0FA}
html body .pc__img{border-bottom:1px solid #F4F0FA}
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:#F4F0FA;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 #E2DAF0;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 #F4F0FA;font-variant-numeric:tabular-nums}
html body .tiertab tr.on td{background:#F1ECFC;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:#F1ECFC;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:#F1ECFC;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:#E2DAF0;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:#F4F0FA;border-color:#F4F0FA}
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 #F4F0FA;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:#F1ECFC;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:#F1ECFC}
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 #F4F0FA;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 #F4F0FA}
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(29,21,48,.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 #E2DAF0;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(124,92,196,.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(--magenta);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 #E2DAF0;border-radius:999px;background:#fff;height:50px;padding:0 20px}
html body .herosearch button{background:var(--magenta);color:#fff;border-radius:999px;height:50px;padding:0 24px}
html body .herosearch button:hover{background:#6246A8;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(29,21,48,.12);border:1px solid #F4F0FA;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 #E0D6F7;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:#E0D6F7}

/* ---------- catalog (catalog.php) ---------- */
html body .fbox{border:1px solid #F4F0FA;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:#E2DAF0}
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 #E2DAF0;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 #E2DAF0;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:#E2DAF0}
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(--lime);color:var(--ink)}
html body .b-com{background:#F1ECFC;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 #F4F0FA;border-radius:var(--r);box-shadow:var(--sh)}
html body .ci__img{border-radius:14px;border-color:#F4F0FA;background:#F4F0FA}
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(124,92,196,.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(124,92,196,.12)}
html body .qty{border:1px solid #E2DAF0;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:#C8B6F0}
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:#C8B6F0}
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 #E6DEF3;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(124,92,196,.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(--magenta);color:#fff;font:700 13px var(--ft);border-radius:999px;padding:8px 16px;cursor:pointer;height:34px}
html body .navsearch button:hover{background:#6246A8}
@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(--lime);color:var(--ink)}
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:#F4F0FA;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:#F4F0FA;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(124,92,196,.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 #F4F0FA;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 #F4F0FA}
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 #E6DEF3;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 #E6DEF3}
  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(29,21,48,.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(124,92,196,.15)}
html body .kbtn{padding:13px 24px;font-weight:700}
html body .adv .ic{background:var(--mint,#F1ECFC);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,#F1ECFC);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,#F1ECFC);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,#F1ECFC);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 #7C5CC4;border-radius:4px;text-decoration:none;color:#7C5CC4!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:#7C5CC4;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:#7C5CC4}
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}
}

/* Cont B2B vizibil și pe mobil: iconiță + „B2B” lângă coș, plus link în meniul de categorii */
@media(max-width:380px){html body .b2blink{padding:0 8px}html body .brand-logo{height:30px}}

/* antet mobil pe un singur rând: meniu ☰ lângă logo (stânga), apoi B2B și cererea; căutarea dedesubt */
@media(max-width:820px){
  html body nav{flex-wrap:wrap;row-gap:10px}
  html body .navtoggle{order:0;flex:0 0 auto}
  html body nav>.wm{order:1;flex:1 1 0;min-width:0}
  html body .b2blink{order:2}
  html body .cart{order:3;flex:0 0 auto}
  html body .navsearch{order:10}
}
@media(max-width:600px){
  html body nav{gap:8px;padding:8px 10px}
  html body .navtoggle{width:40px;height:40px;border-radius:10px}
  html body nav>.wm{display:flex;align-items:center}
  html body .brand-logo{height:auto!important;max-height:32px;width:auto;max-width:100%;object-fit:contain}
  html body .b2blink{height:40px;padding:0 9px;font-size:12.5px}
  html body .cart{height:40px;padding:0 11px;gap:5px}
  html body .cart .c{padding:1px 7px}
}
@media(max-width:360px){html body .b2blink{padding:0 7px}html body nav{gap:6px;padding:8px}}


/* ── UrbanLand: roșul e culoarea acțiunii (25.09.2026) ──
   Tema de bază punea butoanele pe culoarea „de bază” (acum albastru). Aici le trecem pe roșu:
   bara de sus, căutarea, butonul principal, accentul din titlul hero, tabul activ.
   Albastrul rămâne pentru linkuri, etichetele „în stoc”, specificații și butoanele secundare. */
html body .ptab.on{background:var(--magenta);border-color:var(--magenta);color:#fff}
html body .bcard__ic img{filter:none}

/* ── Antet: coșul nu mai iese din ecran (25.09.2026) ──
   Coșul, linkul „Urmărire comandă” și logo-ul nu se micșorează; cedează căutarea.
   Sub 1400px linkul rămâne doar cu iconiță (textul e în title / aria-label). */
html body nav>.cart,html body nav>.b2blink,html body nav>.wm{flex:0 0 auto}
html body nav>.cart,html body nav>.b2blink{white-space:nowrap}
html body .navsearch{flex:1 1 220px;min-width:0}
html body .trklink{gap:6px}
@media(max-width:1400px){html body .trklink .trk-t{display:none}html body .trklink{padding:0 10px}}
@media(max-width:1600px){html body .navsearch{max-width:460px}}

/* ── Produs indisponibil: bandă peste poză (25.09.2026) ──
   Pusă din CSS, nu scrisă în fișierul pozei: când produsul revine pe stoc, dispare singură. */
html body .ph,html body .big{position:relative}
html body .oos-mark{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;pointer-events:none;
  background:rgba(255,255,255,.35)}
html body .oos-mark>span{background:rgba(29,21,48,.9);color:#fff;font-family:var(--ft);font-weight:800;font-size:12px;
  letter-spacing:.08em;text-transform:uppercase;padding:8px 14px;border-radius:6px;transform:rotate(-8deg);
  box-shadow:0 6px 18px rgba(29,21,48,.25);white-space:nowrap}
html body .oos-mark--big>span{font-size:18px;padding:12px 22px;border-radius:8px}
html body .ph:has(.oos-mark) img,html body .big--oos img{filter:grayscale(.7);opacity:.6}

/* ── Antet: rândul de categorii nu mai lățește tot antetul (25.09.2026) ──
   Categoriile nu aveau voie să treacă pe al doilea rând: când nu încăpeau, lățeau toată bara
   peste marginea ecranului, iar coșul (aliniat la dreapta) ieșea din vedere. Acum rândul se
   poate rupe, iar fiecare nume de categorie e plafonat. */
html body nav{max-width:100%;min-width:0}
html body .navcats{flex-wrap:wrap;justify-content:center;min-width:0;max-width:100%;row-gap:2px}
html body .navcats>a,html body .navcats>.navdd>a{max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .navcats>.navdd{min-width:0}
@media(max-width:1600px){html body .trklink .trk-t{display:none}html body .trklink{padding:0 10px}}

/* ═══════════ ANTET NOU (25.09.2026) — logo · căutare mare · Comanda mea · Coșul meu ═══════════
   Sub el: bara de meniu mov cu „Produse” (meniu mare cu toate categoriile), Noutăți, Reduceri,
   categoriile principale și Ajutor. Culorile sunt cele ale temei. */
html body header.uh{position:sticky;top:0;z-index:60;background:#fff;box-shadow:0 1px 0 var(--line)}
html body .uh1{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:28px;padding:14px 22px}
html body .uh1>.wm{flex:0 0 auto;display:flex;align-items:center}
html body .uh1 .brand-logo{height:42px;width:auto}
html body .uhs{flex:1 1 auto;max-width:640px;display:flex;align-items:center;height:52px;border:1.5px solid #D9D1EA;border-radius:10px;background:#fff;overflow:hidden;transition:border-color .15s,box-shadow .15s}
html body .uhs:focus-within{border-color:var(--green);box-shadow:0 0 0 3px rgba(124,92,196,.15)}
html body .uhs input{flex:1;min-width:0;height:100%;border:0;outline:0;padding:0 16px;font:500 16px var(--ft);color:var(--ink);background:transparent}
html body .uhs input::placeholder{color:#A49CB8;font-style:italic}
html body .uhs button{flex:0 0 56px;height:100%;border:0;background:transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center}
html body .uhs button:hover{color:var(--green)}
html body .uha{margin-left:auto;display:flex;align-items:center;gap:26px}
html body .uhlink{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font:600 14.5px var(--ft);white-space:nowrap}
html body .uhlink:hover{color:var(--green)}
html body .uh .cart{background:none;padding:0;height:auto;border-radius:0;box-shadow:none;color:var(--ink);transform:none}
html body .uh .cart:hover{background:none;color:var(--green);transform:none;box-shadow:none}
html body .uhcart-ic{position:relative;display:inline-flex}
html body .uh .cart .c{position:absolute;top:-7px;right:-9px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--lime);color:var(--ink);font:800 11px/19px var(--ft);text-align:center}

/* bara de meniu */
html body nav.uhm{position:relative;display:block;background:var(--green);border:0;padding:0;gap:0;backdrop-filter:none;box-shadow:none;margin:0;max-width:none}
html body .uhm-in{max-width:1400px;margin:0 auto;display:flex;align-items:stretch;padding:0 22px;min-height:50px}
html body .uhm-prod{display:flex;align-items:center;gap:10px;border:0;background:rgba(29,21,48,.18);color:#fff;font:700 15.5px var(--ft);padding:0 22px;cursor:pointer;white-space:nowrap}
html body .uhm-prod:hover,html body .uhm-prod[aria-expanded="true"]{background:rgba(29,21,48,.32)}
html body .uhm-links{display:flex;align-items:stretch;flex:1;min-width:0;overflow:hidden}
html body .uhm-links>a,html body .uhm-dd>button{display:flex;align-items:center;padding:0 18px;color:#fff;text-decoration:none;font:600 15px var(--ft);white-space:nowrap;border:0;border-left:1px solid rgba(255,255,255,.14);background:transparent;cursor:pointer}
html body .uhm-links>a:hover,html body .uhm-dd>button:hover,html body .uhm-dd.open>button{background:rgba(29,21,48,.18);color:#fff}
html body .uhm-links>a:nth-child(2){color:var(--lime)}
html body .uhm-dd{position:relative;display:flex;margin-left:auto}
html body .uhm-dd>button span{margin-left:6px;font-size:11px}
html body .uhm-sub{display:none;position:absolute;right:0;top:100%;min-width:220px;background:#fff;border-radius:0 0 12px 12px;box-shadow:0 14px 34px rgba(29,21,48,.18);padding:8px;z-index:70}
html body .uhm-dd.open .uhm-sub{display:block}
html body .uhm-sub a{display:block;padding:10px 12px;border-radius:8px;color:var(--ink);text-decoration:none;font:600 14px var(--ft)}
html body .uhm-sub a:hover{background:var(--mint);color:var(--green)}

/* meniul mare „Produse” */
html body .uhmega{position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:0 22px 40px rgba(29,21,48,.18);border-top:3px solid var(--lime);z-index:65;max-height:calc(100vh - 150px);overflow:auto}
html body .uhmega[hidden]{display:none}
html body .uhmega-in{max-width:1400px;margin:0 auto;padding:22px;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px 26px}
html body .uhmega-col{display:flex;flex-direction:column;gap:5px;min-width:0}
html body .uhmega-col a{color:var(--text2);text-decoration:none;font-size:14px;line-height:1.35}
html body .uhmega-col a:hover{color:var(--green)}
html body .uhmega-h{font:700 15px var(--ft) !important;color:var(--ink) !important;margin-bottom:3px}
html body .uhmega-all{grid-column:1/-1;justify-self:start;font:700 14.5px var(--ft);color:var(--green);text-decoration:none;padding-top:6px;border-top:1px solid var(--line);width:100%}

@media(max-width:1100px){html body .uh1{gap:18px}html body .uha{gap:16px}html body .uhlink>span:last-child{display:none}html body .uhlink.cart>span:last-child{display:none}}
@media(max-width:760px){
  html body header.uh{position:relative}
  html body .uh1{flex-wrap:wrap;gap:10px 14px;padding:10px 14px}
  html body .uh1 .brand-logo{height:32px}
  html body .uhs{order:10;flex:0 0 100%;max-width:none;height:46px}
  html body .uhm-in{padding:0}
  html body .uhm-prod{padding:0 16px;font-size:15px}
  html body .uhm-links{overflow-x:auto;scrollbar-width:none}
  html body .uhm-links::-webkit-scrollbar{display:none}
  html body .uhm-links>a,html body .uhm-dd>button{padding:0 14px;font-size:14px}
  html body .uhm-dd{margin-left:0}
  html body .uhm-sub{position:fixed;left:10px;right:10px;top:auto;border-radius:12px}
  html body .uhmega{position:fixed;top:auto;left:0;right:0;max-height:70vh}
  html body .uhmega-in{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;gap:14px}
}

/* ═══════════ SLIDER-UL MARE DE SUB MENIU ═══════════ */
html body .uslider{position:relative;max-width:1400px;margin:16px auto 6px;padding:0 22px}
html body .usl-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:18px;background:var(--green)}
html body .usl-track::-webkit-scrollbar{display:none}
html body .usl{flex:0 0 100%;scroll-snap-align:start;position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:400px;padding:34px 70px;color:#fff;overflow:hidden;background:var(--green)}
html body .usl-tx{position:relative;z-index:2;max-width:560px}
html body .usl-kick{display:inline-block;background:var(--lime);color:var(--ink);font:800 13px var(--ft);letter-spacing:.03em;padding:6px 12px;border-radius:999px;margin-bottom:14px}
html body .usl-h{font-family:var(--fh);font-weight:400;font-size:clamp(28px,3.6vw,46px);line-height:1.12;letter-spacing:-.02em;color:#fff;margin:0}
html body .usl-h b{font-weight:800}
html body .usl-p{margin:14px 0 0;font-size:16.5px;line-height:1.55;opacity:.9;max-width:48ch}
html body .usl-price{font-family:var(--fh);font-weight:800;font-size:38px;margin:14px 0 0;color:#fff}
html body .usl-price sup{font-size:.55em;position:relative;top:-.6em;vertical-align:baseline}
html body .usl-btn{display:inline-flex;align-items:center;margin-top:22px;height:50px;padding:0 26px;border-radius:10px;background:var(--lime);color:var(--ink);font:800 15.5px var(--ft);text-decoration:none;transition:transform .15s}
html body .usl-btn:hover{transform:translateY(-2px);color:var(--ink)}
html body .usl-pic{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:100%;min-height:330px}
html body .usl-blob{position:absolute;width:140%;aspect-ratio:1;right:-38%;top:50%;transform:translateY(-50%);background:var(--lime);border-radius:50%;opacity:.95}
html body .usl-pic img{position:relative;max-height:320px;max-width:100%;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(29,21,48,.28))}
html body .usl--ban{display:block;padding:0;min-height:0}
html body .usl-banimg img{display:block;width:100%;height:auto;max-height:460px;object-fit:cover}
html body .usl-bantx{position:absolute;left:0;bottom:0;padding:28px 40px;max-width:640px;color:#fff;background:rgba(29,21,48,.55);border-top-right-radius:18px}
html body .usl-bantx h2{font-family:var(--fh);font-size:30px;margin:0;color:#fff}
html body .usl-bantx p{margin:8px 0 0}
html body .usl-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.85);color:var(--ink);font-size:28px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding-bottom:3px}
html body .usl-nav:hover{background:#fff}
html body .usl-prev{left:36px}html body .usl-next{right:36px}
html body .usl-dots{position:absolute;left:0;right:0;bottom:16px;z-index:3;display:flex;justify-content:center;gap:8px}
html body .usl-dots button{width:10px;height:10px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.55);cursor:pointer}
html body .usl-dots button.on{background:var(--lime);width:26px;border-radius:999px}
@media(max-width:860px){
  html body .uslider{padding:0 12px;margin-top:10px}
  html body .usl{grid-template-columns:1fr;min-height:0;padding:26px 22px 48px;gap:10px}
  html body .usl-pic{min-height:200px;order:-1}
  html body .usl-pic img{max-height:200px}
  html body .usl-blob{width:260px;right:auto;left:50%;transform:translate(-50%,-50%)}
  html body .usl-nav{display:none}
  html body .usl-bantx{position:static;border-radius:0;padding:18px}
}

/* ── ajustări după primele capturi (25.09.2026) ── */
/* „Reduceri” din meniu: verde crud ca etichetă — textul verde pe mov avea contrast 2,5:1 */
html body .uhm-links>a:nth-child(2){background:var(--lime);color:var(--ink);font-weight:700}
html body .uhm-links>a:nth-child(2):hover{background:var(--lime-d);color:var(--ink)}
/* numărul de pe coș nu mai acoperă textul; la 0 dispare */
html body .uhcart-ic{margin-right:8px}
html body .uh .cart .c.is-zero{display:none}
/* slider: poza produsului pe un card alb rotunjit (pozele au fundal alb — dreptunghiul tăiat arăta neterminat) */
html body .usl-pic img{background:#fff;border-radius:22px;padding:22px;max-height:330px;box-shadow:0 22px 44px rgba(29,21,48,.25);filter:none}
html body .usl-blob{width:115%;right:-30%}
/* titlurile lungi de produs: maximum 3 rânduri, puțin mai mici */
html body .usl-h{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:clamp(26px,3.1vw,42px)}
@media(max-width:860px){html body .usl-pic img{max-height:190px;padding:14px;border-radius:16px}}

/* ── slider: produsul „decupat” pe un disc deschis la culoare (25.09.2026) ──
   Pozele sunt JPG pe fundal alb. Pe disc aplicăm același efect ca pe pagina produsului
   (mix-blend-mode: multiply): albul pozei preia culoarea discului și dispare, iar produsul
   rămâne cu culorile lui. Direct pe mov / verde crud efectul ar colora și produsul — de aceea discul.
   Poza stă în 66% din disc, ca și colțurile ei să rămână pe disc. */
html body .usl-disc{position:relative;z-index:1;isolation:isolate;display:flex;align-items:center;justify-content:center;
  width:min(380px,92%);aspect-ratio:1;border-radius:50%;background:var(--paper,#F8F5FD);box-shadow:0 26px 50px rgba(29,21,48,.28)}
html body .usl-disc img,html body .usl-pic .usl-disc img{max-width:66%;max-height:66%;width:auto;height:auto;object-fit:contain;
  background:none;padding:0;border-radius:0;box-shadow:none;filter:none;mix-blend-mode:multiply}
@media(max-width:860px){html body .usl-disc{width:210px}}