/* ============================================================
   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 .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 .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 .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(--deep);color:#fff;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(--pink)}
html body .eco h2{font-size:clamp(26px,3.6vw,40px);line-height:1.1;margin-top:8px}
html body .eco p{opacity:.82;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:rgba(255,255,255,.08);border-radius:16px;padding:18px}
html body .eco .ecostats b{display:block;font-family:var(--fh);font-size:30px;font-weight:700;color:var(--pink);line-height:1.1}
html body .eco .ecostats span{font-size:13px;opacity:.8}
html body .eco a.ecolink{display:inline-block;margin-top:18px;background:var(--pink);color:var(--ink);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 .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}