/* BYME.AM — публичный сайт: современный, чистый, зелёный. Подключается последним и переопределяет токены прежней темы. */
:root{
  --g:#20AA56;--gd:#188D48;--g-dk:#222834;--g-soft:#ECF8F1;--g-soft2:#F6FCF9;
  --bk:#222834;--bk2:#293241;--bk3:#19593E;--ln:#22283418;
  --paper:#F8FBF9;--paper2:#ECF5F0;--card:#ffffff;--bd:#DDE7E1;--ink:#16181C;--mute:#505B55;
  --gg:linear-gradient(90deg,#24D650 0%,#1EA354 55%,#137F50 100%);--gg-v:linear-gradient(160deg,#24D650 0%,#1D9E53 50%,#12724D 100%);--y:#20AA56;--yd:#188D48;--ok:#20AA56;--r:12px;
  --disp:"Onest","SNP Arm",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --sh:0 1px 2px #22283410,0 8px 24px #2228340d;--sh2:0 2px 4px #22283412,0 16px 40px #22283418;
}
body{background:var(--paper);color:var(--ink)}
body.has-bg::before{display:none}
h1,h2,h3,h4,.h1,.h2,.h3{font-family:var(--disp);letter-spacing:-.02em}

/* ---- логотип-слово (заменяется файлом site/static/img/byme-logo.svg без правок компонентов) */
.bym{display:inline-flex;align-items:baseline;font:800 24px/1 var(--disp);letter-spacing:-.04em;color:var(--g-dk);white-space:nowrap}
.bym i{font-style:normal;color:var(--g);font-weight:700}
.bym-w{color:#ffffff}.bym-w i{color:#5DE78D}
.ft-logo .bym{font-size:30px}.ft-logo .bym-lock .bym{font-size:20px}
.logo img{height:28px}

/* ---- кнопки */
.btn{border-radius:10px;text-transform:none;letter-spacing:0;font:600 14.5px/1 var(--disp);min-height:46px;padding:0 22px;box-shadow:none;transition:background .2s,box-shadow .2s,transform .15s,border-color .2s}
.btn.y{background:var(--g);color:#ffffff}.btn.y:hover{background:var(--gd);color:#ffffff;box-shadow:0 6px 18px #20AA5640}.btn.y:active{background:#12724D}
.btn.dk{background:var(--g-dk);color:#ffffff}.btn.dk:hover{background:#151921}
.btn.line{background:#ffffff;border:1px solid var(--bd);color:var(--ink)}.btn.line:hover{background:var(--g-soft);border-color:var(--g);color:var(--gd)}
.btn.lg{min-height:52px;padding:0 28px;font-size:15.5px}.btn.sm{min-height:38px;padding:0 16px;font-size:13.5px;border-radius:9px}
.btn svg{width:17px;height:17px}

/* ---- шапка: светлая */
.hd{background:rgba(255,255,255,.9);color:var(--ink);border-bottom:1px solid var(--bd);-webkit-backdrop-filter:saturate(1.4) blur(16px);backdrop-filter:saturate(1.4) blur(16px)}
.hd.hd-s{background:#ffffff;box-shadow:0 4px 22px #22283414}
.nav-i>a{font:600 14px/1 var(--disp);text-transform:none;letter-spacing:0;color:var(--ink);padding:0 13px}
.nav-i>a::after{background:var(--g);height:3px;border-radius:3px 3px 0 0;bottom:0;left:13px;right:13px}
.nav-sup>a,.nav-i.nav-sup a{color:var(--g)}
.hd-tel{color:var(--ink)}.hd-tel:hover{color:var(--g)}
.hd .ib{color:var(--ink);border-radius:10px}.hd .ib:hover{background:var(--g-soft);color:var(--g)}
.hd-app{border:1px solid var(--bd);background:#ffffff;color:var(--ink);border-radius:999px;font-family:var(--disp);text-transform:none;letter-spacing:0;font-weight:600}
.hd-app:hover{border-color:var(--g);background:var(--g-soft);box-shadow:none}.hd-app::after{display:none}.hd-app-ic{color:var(--g)}
.hd .btn.y{min-height:42px}
.hd select,.hd .cur select{background:#ffffff;color:var(--ink);border:1px solid var(--bd);border-radius:9px}
.hd .lang a,.hd [class*="lang"] a{color:var(--ink)}
.hd .lang a.on,.hd [class*="lang"] a.on{background:var(--g);color:#ffffff}
.mega{background:#ffffff;border-top:1px solid var(--bd);border-bottom:0;box-shadow:var(--sh2);border-radius:0 0 16px 16px}
.mega-c a{color:var(--mute);font-size:14.5px}.mega-c a:hover{color:var(--g)}
.mega-c .mega-h{color:var(--ink);font-family:var(--disp);text-transform:none;letter-spacing:0;font-size:15px;border-bottom:1px solid var(--bd)}
.mega-h span{color:var(--g)}
.mm{background:#ffffff;color:var(--ink)}
.mm a,.mm summary{color:var(--ink)}

/* ---- главный экран: светлый, без видео */
.hero-light{min-height:auto;background:linear-gradient(135deg,#F4FBF7 0%,#F9FBFA 55%,#ECF8F1 100%);color:var(--ink);align-items:center;overflow:hidden}
.hero-light::before{content:"";position:absolute;right:-8%;top:-30%;width:62vw;height:62vw;max-width:880px;max-height:880px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#20AA5626,#20AA5600 68%);z-index:-1}
.hero-light .hero-down{display:none!important}
.hero-light .hero-in{padding-top:calc(var(--hd) + clamp(48px,8vw,104px));padding-bottom:clamp(40px,6vw,72px)}
.eyebrow{color:var(--g);font:700 13px/1 var(--disp);letter-spacing:.12em;text-transform:uppercase}
.eyebrow::before{background:var(--g)}
.eyebrow.dk{color:var(--g)}
.hero-light .hero-h{font:800 clamp(2.2rem,5vw,4rem)/1.04 var(--disp);letter-spacing:-.035em;max-width:18ch;color:var(--g-dk);margin-top:18px}
.hero-v .hero-h{font-family:var(--disp)}
.hero-light .hero-p{color:var(--mute);font-size:clamp(1.02rem,1.4vw,1.25rem);max-width:52ch}
.hero-light .hero-cta .btn.line,.hero-light .hero-cta .btn.line:hover{color:var(--ink)}
.hero-light .hero-find{position:static;background:transparent;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0 0 clamp(36px,5vw,64px)}
.hero-light .hero-find .hf{display:flex;align-items:center;gap:8px;background:#ffffff;border:1px solid var(--bd);border-radius:16px;box-shadow:var(--sh2);padding:8px;max-width:820px}
.hf-l{display:none}
.hf input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font:500 16.5px var(--body);padding:12px 14px;height:54px}
.hf input::placeholder{color:#76857D}
.hf .btn{min-height:54px;border-radius:11px}
.hf .ai-tools button{color:var(--mute)}
.hero-s{border:1px solid var(--bd);border-radius:14px;box-shadow:var(--sh2)}
.hero-tags li{color:var(--g-dk);border-color:#20AA5640;background:#ffffff;border-radius:999px;font:600 12px/1 var(--disp);letter-spacing:0;text-transform:none}

/* ---- секции */
.sec{padding-block:clamp(48px,7vw,96px)}
.sec-alt{background:var(--paper2)}
.sec-dk{background:var(--g-dk);color:#ffffff;--y:#5DE78D}
.sec-dk .eyebrow{color:#5DE78D}
.h2{font:800 clamp(1.7rem,3vw,2.5rem)/1.1 var(--disp);letter-spacing:-.03em}
.lead,.sec-lead{color:var(--mute)}
.find{background:#ffffff;border-block:1px solid var(--bd)}
.find-f{border:1px solid var(--bd);border-radius:14px;box-shadow:var(--sh);background:#ffffff;padding:6px;display:flex;align-items:center;gap:6px}
.find-f input{border:0;outline:0;background:transparent;border-radius:10px}
.cta{background:linear-gradient(120deg,#222834,#19593E);color:#ffffff;--y:#5DE78D}
.cta .btn.y{background:#5DE78D;color:#151921}.cta .btn.y:hover{background:#5DE78D;color:#151921}
.cta p{color:#D2E9DB}
.sup-band{background:var(--g-dk);color:#ffffff;--y:#5DE78D}
.sup-band .btn.y{background:#5DE78D;color:#151921}.sup-band .btn.y:hover{background:#5DE78D;color:#151921}
.sup-band .btn.line{background:transparent;color:#ffffff;border-color:#ffffff55}.sup-band .btn.line:hover{background:#ffffff1a;color:#ffffff}

/* ---- карточки товаров и категорий */
.pc,.cat-c,.brand-c,.svc,.nw,.card{border-radius:var(--r)}
.pc{background:#ffffff;border:1px solid var(--bd);box-shadow:none;overflow:hidden;transition:box-shadow .25s,border-color .25s,transform .25s}
.pc:hover{border-color:#20AA5655;box-shadow:var(--sh2);transform:translateY(-2px)}
.pc-b{padding:16px}
.pc-t{font:600 15.5px/1.3 var(--disp);letter-spacing:-.005em}
.pc-t a:hover{color:var(--g)}
.pc-brand{font:700 11.5px var(--disp);color:var(--g);letter-spacing:.04em;text-transform:uppercase}
.pc-meta{color:var(--mute)}
.pc-price b{font:800 20px var(--disp);letter-spacing:-.02em}
.pc img,.pc .noimg{background:#EFF3F1}
.noimg{background:linear-gradient(135deg,#F4FBF7,#E6F1EB);color:#8DB19C}.noimg span{font:800 20px var(--disp);letter-spacing:-.03em}
.st{border-radius:999px;font:600 11.5px/1 var(--disp);padding:5px 9px}
.st.ok{color:var(--g);border-color:#20AA5655;background:var(--g-soft2)}
.of{border-radius:6px;font:700 11px/1 var(--disp)}
.of-org{background:var(--g-dk);color:#ffffff}.of-oem{background:var(--g-soft);color:var(--gd)}.of-snp{background:#ffffff;color:var(--g);border:1px solid #20AA5666}
.lnk{color:var(--g)}
.ai-lb{border-radius:6px;font-family:var(--disp)}

/* ---- каталог, фильтры, формы */
.flt,.flt-f,.empty,.ai-note{border-radius:var(--r)}
.fg h4,.flt-h b{font:700 12px var(--disp);letter-spacing:.08em;color:var(--mute);text-transform:uppercase}
.fl a.on,.fl a:hover{color:var(--g)}
input[type=text],input[type=search],input[type=email],input[type=tel],input[type=password],input[type=number],select,textarea{border-radius:10px;border-color:var(--bd)}
input:focus,select:focus,textarea:focus{outline:2px solid #20AA5655;outline-offset:1px;border-color:var(--g)}
.pgn a{border-radius:9px}.pgn a.on{background:var(--g);border-color:var(--g);color:#ffffff}
.vw a.on{background:var(--g);color:#ffffff}
.achips a{border-radius:999px;background:#ffffff;border:1px solid var(--bd)}
.ph{background:linear-gradient(180deg,#F4FBF7,var(--paper));color:var(--ink);padding-bottom:8px}
.ph .h1,.ph h1{color:var(--g-dk);font-weight:800}
.crumbs,.crumbs a{color:var(--mute)}

/* ---- подвал */
.ft{background:var(--g-dk);--y:#5DE78D}
.ft h4{font-family:var(--disp);letter-spacing:.08em}
.ft-brand p{color:#88C4A1}
.ft-top a,.ft-top span{color:#D6E5DC}.ft-top a:hover{color:#5DE78D}
.ft-bot{color:#74B08F;border-color:#ffffff1c}

/* ---- корзина, оформление, шаги */
.co-steps li.on i,.co-steps li.done i,.flow li.done i{background:var(--g);color:#ffffff;border-color:var(--g)}
.sum,.calc,.cart-box,.co-box{border-radius:var(--r)}
.toast{background:var(--g-dk);color:#ffffff;border-radius:12px}

/* ---- чат */
.cw-hd{background:var(--g-dk)}.cw-fab{background:var(--g);color:#ffffff}.cw-m.me .cw-b{background:var(--g);color:#ffffff}

/* ---- AI search */
.ai-md{border-radius:16px}.ai-drop:hover,.ai-drop.dr{border-color:var(--g);background:var(--g-soft2)}
.ai-load i{border-top-color:var(--g)}
.ai-tools button:hover{background:var(--g-soft)}.ai-tools button.on{color:#d93a2f}
.so{background:#ffffff;color:var(--ink)}.so input{color:var(--ink)}.so-f{border-bottom-color:var(--g)}

/* ---- баннеры */
.bn{border-radius:16px}

@media(max-width:720px){
  .hero-in{padding-top:calc(var(--hd) + 36px)}
  .hero-find .hf{flex-wrap:wrap;padding:8px}
  .hero-find .hf .btn{width:100%}
  .hf input{flex-basis:calc(100% - 100px)}
}

/* ---- правки по первому просмотру */
.bym i{font-size:inherit;vertical-align:baseline;position:static;line-height:1;margin:0}
.logo{display:flex;align-items:center;padding:0;border:0}.logo::after,.logo::before{display:none}
.hd:not(.solid):not(.on) .cur select,.cur select{color:var(--ink);border-color:var(--bd);background:#ffffff;border-radius:9px;letter-spacing:0}
.hero-light{flex-direction:column;align-items:stretch;justify-content:center}
.hero-light .hero-in{width:100%;padding-bottom:20px}
.hero-light .hero-find{width:100%}
.hero-light .hero-find .hf{max-width:760px;margin:0}
.hero-v .hero-find .hf{background:#ffffff;border-radius:14px}
.bn-c-orange{background:linear-gradient(105deg,#222834 0%,#293241 55%,#20AA56 140%)}
.bn-c-navy{background:linear-gradient(105deg,#222834 0%,#293241 55%,#389060 140%)}
.bn-c-teal{background:linear-gradient(105deg,#222834 0%,#222834 55%,#1D9E53 140%)}
.bn-badge{background:#5DE78D;color:#151921;border-radius:6px}
.cw-fab,.cw-launch{border-radius:999px}

/* плитки каталога без картинки + ховер */
.ct{background:linear-gradient(160deg,#ffffff 0%,#F4FBF7 100%);border:1px solid var(--bd);margin:-1px 0 0 -1px}
.ct-bg:empty{inset:0 0 30% 0;background:radial-gradient(circle at 70% 35%,#20aa561f 0,#20AA5600 55%)}
.ct:hover{background:var(--g)}.ct:hover .ct-t,.ct:hover .ct-n,.ct:hover .ct-s,.ct:hover .lnk,.ct:hover .ct-c{color:#ffffff}
.ct-t{text-transform:none;font-family:var(--disp);font-weight:700;letter-spacing:-.01em}
.ct-n{color:var(--g);font-weight:700}
.sb-logo .bym{font-size:22px}.login-logo{margin-bottom:14px}.login-logo .bym{font-size:34px}

/* ===== P117 marketplace header ===== */
:root{--hd:112px}
.hd,.hd.hd-s,body.home .hd:not(.sc){height:var(--hd);background:#ffffff;color:var(--ink);border-bottom:1px solid var(--bd);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.hd-in{height:64px;gap:16px}
.hd-catb{display:inline-flex;gap:8px;align-items:center;height:44px;padding:0 18px;border-radius:12px;font:700 14px var(--disp);text-transform:none;letter-spacing:0}
.hd-catb svg{width:20px;height:20px}
.hd-cat{position:static}.hd-cat>a::after{display:none}
.hd-cat .mega{top:var(--hd)}
.hq{position:relative;flex:1;min-width:0;display:flex;max-width:760px}
.hq input{width:100%;height:46px;border:2px solid var(--g);border-radius:12px 0 0 12px;padding:0 16px;font:500 15px var(--body);background:#ffffff;color:var(--ink);outline:0;min-width:0}
.hq input:focus{box-shadow:0 0 0 4px #20AA5622}
.hq>button{width:58px;border:0;background:var(--g);color:#ffffff;border-radius:0 12px 12px 0;cursor:pointer;display:grid;place-items:center}.hq>button:hover{background:var(--g-dk)}
.hq>button svg{width:22px;height:22px}
.hq-r{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#ffffff;border:1px solid var(--bd);border-radius:14px;box-shadow:0 18px 50px #22283430;z-index:70;max-height:70vh;overflow:auto;padding:6px}
.hq-r[hidden]{display:none}
.hq-r h6{margin:8px 12px 2px;font:700 11px var(--disp);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.hq-r a{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:10px;color:var(--ink);font-size:14.5px;line-height:1.3}
.hq-r a:hover,.hq-r a.on{background:var(--g-soft)}
.hq-r a span{flex:1;min-width:0}.hq-r a small{display:block;color:var(--mute);font-size:12px}
.hq-r img{width:44px;height:44px;object-fit:contain;border-radius:8px;background:#F3F9F6;flex:none}
.hq-r .hs-ic{width:44px;height:44px;border-radius:8px;background:var(--g-soft);color:var(--g);display:grid;place-items:center;font:700 14px var(--disp);flex:none}
.hq-r .hs-all{justify-content:center;color:var(--g);font-weight:700}
.hd-row2{height:calc(var(--hd) - 64px);border-top:1px solid #22283410;background:#ffffff}
.hd-r2{height:100%;display:flex;align-items:center;gap:6px}
.hd-r2 .nav{margin:0;gap:2px}
.hd-r2 .nav-i>a{height:36px;padding:0 12px;font:600 13.5px/1 var(--disp);border-radius:8px;color:var(--mute)}
.hd-r2 .nav-i>a:hover,.hd-r2 .nav-i>a.on{color:var(--g);background:var(--g-soft)}
.hd-r2 .nav-i>a::after{display:none}
.hd-r2 .hd-tel{margin-left:auto;font-size:13.5px}
.hd-cta2{font:700 13.5px var(--disp);color:var(--g);padding:0 12px}
.hd-r2 .hd-app{height:30px;padding:0 12px;font-size:12.5px}
.hd-r{gap:2px}
.hd-r>.hd-loc{max-width:150px}
.hd-fav{position:relative}
.burger{display:none}
main{padding-top:var(--hd)}
body.home .hero-light .hero-in{padding-top:clamp(40px,6vw,80px)}
body.home main{padding-top:var(--hd)}
@media (max-width:1100px){
  .hd-in{gap:10px}.hd-cat{display:none}.hd-row2{display:none}
  :root{--hd:112px}
  .burger{display:inline-grid}
  .hd-in{flex-wrap:wrap;height:auto;padding-top:8px;padding-bottom:8px;row-gap:6px}
  .hd{height:auto;min-height:var(--hd)}
  .hd-in{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
  .hd-in>.logo{justify-self:start;align-self:center;width:max-content;min-height:44px}
  .hd-in{align-content:start;grid-template-rows:44px 42px;height:auto}
  .hd-r{justify-self:end;grid-column:2;grid-row:1}
  .hq{grid-column:1/-1;grid-row:2;max-width:none;width:100%}
  .hd-loc{display:none}
}
@media (max-width:760px){
  :root{--hd:104px}
  .hq input{height:42px;font-size:16px}.hq>button{width:48px}
  .hd-fav{display:none}
}
/* tabbar — светлый */
@media (max-width:760px){
  .tabbar{background:rgba(255,255,255,.98);border-top:1px solid var(--bd);box-shadow:0 -6px 24px #22283412}
  .tabbar a,.tabbar button{color:var(--mute)}
  .tabbar .on{color:var(--g)}
}
/* карточка: сердечко, аспект */
.pc{position:relative}
.pc-fav{position:absolute;top:10px;right:10px;z-index:3;width:36px;height:36px;border-radius:50%;border:0;background:#fffe;color:#505B55;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 8px #22283420;transition:transform .15s,color .15s}
.pc-fav svg{width:20px;height:20px}.pc-fav:hover{color:#32b257;transform:scale(1.08)}
.pc-fav.on{color:#32b257}.pc-fav.on svg{fill:currentColor}
.pc-img{aspect-ratio:1/1;background:linear-gradient(100deg,#F0F7F3 30%,#F9FCFA 50%,#F0F7F3 70%);background-size:200% 100%;animation:sk 1.4s linear infinite}
.pc-img img{width:100%;height:100%;object-fit:contain;background:#ffffff;animation:none}
@keyframes sk{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.pc-img{animation:none}}
.hq-r .sk{height:44px;margin:6px 12px;border-radius:10px;background:linear-gradient(100deg,#F0F7F3 30%,#F9FCFA 50%,#F0F7F3 70%);background-size:200% 100%;animation:sk 1.2s linear infinite}
.hd-cat>a.hd-catb{height:44px;padding:0 18px;color:#ffffff}
.hd-cat>a.hd-catb:hover{color:#ffffff}
@media (max-width:760px){
  .hd .hd-r .cart,.hd .hd-r .ib[href="/login"],.hd .hd-r .ib[href="/account"]{display:inline-grid}
  .hd .hd-r .cur,.hd .hd-r .lang{display:none}
  .hd-in{padding-top:6px;padding-bottom:8px}
  main{padding-top:calc(var(--hd) + 4px)}
}
.sd-r.on,.sm-r.on{background:var(--g-soft)!important;border-color:var(--g)!important;box-shadow:inset 0 0 0 1px var(--g)!important;color:var(--ink)!important}
.sd-r.on small,.sm-r.on small,.sd-r.on b,.sm-r.on b{color:var(--ink)!important}.sd-r.on small,.sm-r.on small{color:var(--mute)!important}
.sd-r,.sm-r{border-radius:10px}
.pd-now{border-color:var(--g);color:var(--g)}.pd-now:hover{background:var(--g-soft)}
.pd-cta .fav.on{color:#32b257}.pd-cta .fav.on svg{fill:currentColor}
.pd-free{margin:10px 0 0;padding:10px 14px;border-radius:10px;background:var(--g-soft);color:var(--g-dk);font-size:14px}.pd-free b{color:var(--g)}
@media (max-width:900px){
  .pd-g{display:flex;flex-direction:column;gap:14px}
  .pd-g>.pd-i{display:contents}
  .pd-g>.gal{order:1;width:100%;flex-direction:column;align-items:stretch}.gal-m{flex:none;width:100%}.gal-t{grid-template-columns:repeat(5,1fr)}.pd-g>.pd-i>*{order:4;min-width:0}
  .pd-g>.pd-i>.pd-b,.pd-g>.pd-i>.pd-t,.pd-g>.pd-i>.pd-rate,.pd-g>.pd-i>.pd-ids,.pd-g>.pd-i>.pd-st{order:2}
  .pd-g>.pd-buy{order:3}
}
/* трекинг заказа */
.flow{background:#ffffff;border:1px solid var(--bd);border-radius:14px;padding:18px 8px}
.flow li{font:600 12px/1.25 var(--body);color:var(--mute);text-transform:none;letter-spacing:0}
.flow li i{width:20px;height:20px}
.flow li.done::before,.flow li.cur::before{background:var(--g)}
.flow li.done i,.flow li.cur i{background:var(--g);border-color:var(--g)}
.flow li.cur i{box-shadow:0 0 0 4px #20AA5633}.flow li.cur,.flow li.done{color:var(--ink)}
.flow li::before{top:10px}
.stt{border-radius:999px}
/* пустые состояния */
.empty,.cart-empty,.nores{text-align:center;padding:48px 20px;border:1px dashed #94D4AF;background:#ffffff;border-radius:16px}
@media (max-width:760px){.flow li{flex-basis:88px}}

/* ===== фирменный градиент: от светлого розово-красного к тёмному пурпурному ===== */
.btn.y,.hd-catb,.hq>button,.pc-buy,.hero-light .btn.y,.cw-fab,.cw-hd{background:var(--gg);border-color:transparent;color:#ffffff}
.btn.y:hover,.hd-catb:hover,.hq>button:hover,.pc-buy:hover{background:linear-gradient(90deg,#2DB150,#18904A 55%,#106a46);color:#ffffff}
.hq input{border-color:#1EA354}.hq input:focus{box-shadow:0 0 0 4px #20AA5626}
.tabbar .on,.nav-i>a.on{color:#1D9E53}
.cw-m.me .cw-b,.lang a.on,.hd .lang a.on,.hd [class*="lang"] a.on{background:var(--gg);color:#ffffff}
.bym i{color:#20AA56}.bym b{background:var(--gg);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.bym-w b{background:none;-webkit-text-fill-color:#ffffff;color:#ffffff}.bym-w i{color:#5DE78D}
.ft,.bn-c-navy{background:linear-gradient(105deg,#1A1F28 0%,#293241 60%,#12724D 140%)}
/* hero: большой центральный поиск */
.hero-light .hero-in{text-align:center;display:flex;flex-direction:column;align-items:center;padding-top:clamp(36px,6vw,72px);padding-bottom:clamp(36px,5vw,64px)}
.hero-light .eyebrow{display:none}
.hero-light .hero-h{font-size:clamp(2rem,5vw,3.6rem);max-width:20ch;margin:0}
.hero-light .hero-p{max-width:60ch;margin:14px auto 0}
.hero-light .hero-find{position:static;width:100%;max-width:880px;margin:28px auto 0}
.hero-light .hero-find .wrap{padding:0}
.hero-light .hero-find .hf{max-width:none;margin:0;display:flex;align-items:center;gap:0;background:#ffffff;border:2px solid #1EA354;border-radius:18px;padding:6px 6px 6px 22px;box-shadow:0 14px 40px #137f5028}
.hero-light .hero-find .hf .hf-l{display:none}
.hero-light .hero-find .hf input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:500 clamp(16px,2vw,19px) var(--body);height:56px;color:var(--ink)}
.hero-light .hero-find .hf .btn{height:54px;border-radius:13px;padding:0 28px;font-size:16px}
.hero-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}
.hero-chips a{padding:7px 14px;border-radius:999px;background:#ffffff;border:1px solid var(--bd);font-size:13.5px;color:var(--ink)}.hero-chips a:hover{border-color:#1EA354;color:#1EA354}
.hero-light .hero-cta{justify-content:center;margin-top:22px;gap:10px}
.hero-light::before{display:none}
@media (max-width:760px){.hero-light .hero-find .hf{padding:4px 4px 4px 14px;border-radius:14px}.hero-light .hero-find .hf input{height:46px}.hero-light .hero-find .hf .btn{height:44px;padding:0 16px}.hero-light .hero-find .hf .btn svg{display:none}}
.hero-light .hero-find .hf{flex-wrap:nowrap!important;flex-direction:row!important}.hero-light .hero-find .hf .btn{flex:none;width:auto!important}
/* seller storefront */
.sel-b{padding:14px 0 0}.sel-ban{display:block;width:100%;max-height:220px;object-fit:cover;border-radius:16px;margin-bottom:12px}
.sel-f{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--mut,#6b7280);font-size:14px}.sel-f a{color:inherit;text-decoration:underline}
.pd-sel{margin:0 0 10px;font-size:14px;color:var(--mut,#6b7280)}.pd-sel a{font-weight:600}
/* search start panel + did-you-mean */
.hq-r .hs-clr{float:right;border:0;background:none;color:var(--g);font:inherit;font-size:12px;cursor:pointer;padding:0}
.dym{margin:6px 0 14px;font-size:15px}.dym a{color:var(--g)}
/* multi-seller cart */
.cl-sh{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:18px 0 8px;padding:10px 14px;border-radius:12px;background:var(--gs,rgba(124,58,237,.08))}
.cl-sh:first-child{margin-top:0}.cl-sh a{color:var(--g)}.cl-sh span{font-weight:700}.cl-mn{margin:0 0 10px;color:var(--mut,#6b7280);font-size:14px}.pd-sr{color:#b45309;font-weight:600}

/* логотип-корзина BYME рядом с именем */
.bym-lock{display:inline-flex;align-items:center;gap:9px}.bym-lock{gap:11px}.bym-lock .bym-mark{height:var(--bh,28px);width:auto;object-fit:contain;flex:none}.bym-lock .bym{font-size:calc(var(--bh,28px)*.4)}@media(max-width:760px){.bym-lock .bym-mark{height:calc(var(--bh,28px)*.82)}.bym-lock .bym{font-size:calc(var(--bh,28px)*.36)}}
.bym-lock.on-dark .bym-mark{background:#fff;border-radius:12px;padding:5px 6px;box-sizing:content-box}

/* p164: градиент кнопок начинается от края рамки — без тёмной полоски слева (повтор градиента под прозрачной рамкой) */
.btn,.btn.y,.hd-catb,.hq>button,.pc-buy,.cw-fab,.cw-hd,.btn:hover,.hd-catb:hover,.pc-buy:hover{background-origin:border-box!important;background-repeat:no-repeat!important}
/* p164: скидка на карточке — значок «−34%», метка акции, новая цена красным, старая зачёркнутая */
.pc-iw{position:relative}
.pc-tags{position:absolute;left:10px;bottom:10px;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:5px;pointer-events:none}
.pc-dsc{display:inline-block;padding:3px 9px;border-radius:9px;background:#FF2E63;color:#fff;font:800 13px/1.25 var(--disp,inherit);letter-spacing:.01em;box-shadow:0 6px 14px -6px rgba(255,46,99,.7)}
.pc-promo{display:inline-block;padding:4px 9px;border-radius:9px;background:linear-gradient(90deg,#D946EF,#9333EA);color:#fff;font:800 11px/1.2 var(--disp,inherit);text-transform:uppercase;letter-spacing:.04em;box-shadow:0 6px 14px -6px rgba(147,51,234,.7)}
.pc-price b.pc-now{color:#E5175A}
.pc-price .pc-old{color:#98A2AE;font-weight:500;font-size:.82em;text-decoration:line-through;white-space:nowrap}
.of-p b.of-sale{color:#E5175A}
.of-dsc{display:inline-block;margin-left:6px;padding:2px 7px;border-radius:7px;background:#FF2E63;color:#fff;font:800 12px/1.3 inherit;font-style:normal}
.pd-bar .pd-old{margin-left:8px;color:#98A2AE;font-weight:500;text-decoration:line-through}
/* P170: новые / б/у */
.pc-cond{position:absolute;left:10px;top:10px;z-index:3;pointer-events:none;font:700 11px/1 var(--f,inherit);letter-spacing:.04em;text-transform:uppercase;padding:5px 8px;border-radius:7px;background:rgba(255,255,255,.92);color:#178a4a;box-shadow:0 0 0 1px rgba(23,138,74,.25)}
.pc-cond.used{background:#1f2a24;color:#fff;box-shadow:none}
.pc-used{display:flex;flex-wrap:wrap;gap:4px 6px;margin:2px 0 6px;font-size:12px;color:#4b5a52}
.pc-used span{background:#f1f5f3;border-radius:6px;padding:3px 7px}.pc-used .neg{background:#e8f8ee;color:#178a4a;font-weight:600}
.usedbox{border:1px solid #dfe8e3;border-radius:16px;padding:16px 18px;margin:14px 0;background:#fbfdfc}
.usedbox h3{margin:0 0 10px;font-size:17px}.usedbox dl{display:grid;grid-template-columns:minmax(120px,max-content) 1fr;gap:6px 14px;margin:0}
.usedbox dt{color:#6b7a72}.usedbox dd{margin:0;white-space:pre-line}
.usedbox .ub-note{margin:10px 0 0;font-size:13px;color:#6b7a72}
.cond-pill{display:inline-block;font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase;padding:4px 9px;border-radius:7px;background:#e8f8ee;color:#178a4a;vertical-align:middle}
.cond-pill.used{background:#1f2a24;color:#fff}
.lst-grid{display:grid;gap:12px}.lst-row{display:grid;grid-template-columns:84px 1fr auto;gap:14px;align-items:center;border:1px solid #e3ebe6;border-radius:14px;padding:10px 12px;background:#fff}
.lst-row img,.lst-row .noimg{width:84px;height:84px;object-fit:cover;border-radius:10px;background:#f1f5f3}
.lst-st{display:inline-block;font-size:12px;font-weight:600;padding:3px 8px;border-radius:6px;background:#f1f5f3}
.lst-st.APPROVED{background:#e8f8ee;color:#178a4a}.lst-st.PENDING{background:#fff6dd;color:#8a6400}.lst-st.REJECTED,.lst-st.SUSPENDED{background:#fde8e8;color:#b42318}
.lst-form{display:grid;gap:14px;max-width:760px}.lst-form .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lst-form label>span{display:block;font-size:13px;color:#4b5a52;margin-bottom:4px}
.lst-form input,.lst-form select,.lst-form textarea{width:100%;box-sizing:border-box}
.lst-ph{display:flex;flex-wrap:wrap;gap:8px}.lst-ph figure{position:relative;margin:0;width:96px;height:96px;border-radius:10px;overflow:hidden;background:#f1f5f3}
.lst-ph img{width:100%;height:100%;object-fit:cover}.lst-ph button{position:absolute;top:4px;right:4px;border:0;border-radius:50%;width:24px;height:24px;background:rgba(0,0,0,.6);color:#fff;cursor:pointer}
.ph-hist{width:100%;border-collapse:collapse;font-size:13px}.ph-hist td,.ph-hist th{padding:6px 8px;border-bottom:1px solid #eef2f0;text-align:left}
@media (max-width:640px){.lst-form .two{grid-template-columns:1fr}.lst-row{grid-template-columns:64px 1fr}.lst-row img,.lst-row .noimg{width:64px;height:64px}.lst-row .lst-act{grid-column:1/-1}}
.hd-strip a.hs-cond span{font-weight:700;color:#178a4a}