/* MATUR.TOCHKA — сменные акцентные темы.
   Фон, текст и логотип одинаковы во всех темах; меняются только действия и активные элементы. */
:root,
html[data-accent="raspberry"]{
 --theme-accent:#D5275F;
 --theme-accent-hover:#B91F50;
 --theme-accent-pressed:#9F1844;
 --theme-accent-soft:#FBEAF0;
 --theme-accent-soft-strong:#F6D9E3;
 --theme-accent-rgb:213 39 95;
 --theme-accent-contrast:#FFFFFF;
}
html[data-accent="olive"]{
 --theme-accent:#6E7D2C;
 --theme-accent-hover:#5A6723;
 --theme-accent-pressed:#46511A;
 --theme-accent-soft:#F2F4E8;
 --theme-accent-soft-strong:#E3E7C8;
 --theme-accent-rgb:110 125 44;
 --theme-accent-contrast:#FFFFFF;
}
html[data-accent="coral"]{
 --theme-accent:#FF5A36;
 --theme-accent-hover:#E84828;
 --theme-accent-pressed:#C9381E;
 --theme-accent-soft:#FFF0EB;
 --theme-accent-soft-strong:#FFD8CE;
 --theme-accent-rgb:255 90 54;
 --theme-accent-contrast:#FFFFFF;
}
html[data-accent="purple"]{
 --theme-accent:#7B2FF7;
 --theme-accent-hover:#6822DE;
 --theme-accent-pressed:#5519BE;
 --theme-accent-soft:#F3ECFF;
 --theme-accent-soft-strong:#E7D8FF;
 --theme-accent-rgb:123 47 247;
 --theme-accent-contrast:#FFFFFF;
}
html[data-accent="bordeaux"]{
 --theme-accent:#9E2A4F;
 --theme-accent-hover:#84213F;
 --theme-accent-pressed:#681832;
 --theme-accent-soft:#F9EBF0;
 --theme-accent-soft-strong:#F0D4DE;
 --theme-accent-rgb:158 42 79;
 --theme-accent-contrast:#FFFFFF;
}
html[data-accent="emerald"]{
 --theme-accent:#1B7F5C;
 --theme-accent-hover:#146A4C;
 --theme-accent-pressed:#0F543C;
 --theme-accent-soft:#EAF6F1;
 --theme-accent-soft-strong:#CEEADF;
 --theme-accent-rgb:27 127 92;
 --theme-accent-contrast:#FFFFFF;
}
html[data-accent="petrol"]{
 --theme-accent:#176B76;
 --theme-accent-hover:#115965;
 --theme-accent-pressed:#0C4650;
 --theme-accent-soft:#E9F5F6;
 --theme-accent-soft-strong:#CDE7EA;
 --theme-accent-rgb:23 107 118;
 --theme-accent-contrast:#FFFFFF;
}
html[data-accent="terracotta"]{
 --theme-accent:#B4472A;
 --theme-accent-hover:#983920;
 --theme-accent-pressed:#7A2B17;
 --theme-accent-soft:#FAEEE9;
 --theme-accent-soft-strong:#F0D6CC;
 --theme-accent-rgb:180 71 42;
 --theme-accent-contrast:#FFFFFF;
}
html[data-accent="indigo"]{
 --theme-accent:#4F46A5;
 --theme-accent-hover:#41398C;
 --theme-accent-pressed:#342D72;
 --theme-accent-soft:#EFEEFA;
 --theme-accent-soft-strong:#DDD9F2;
 --theme-accent-rgb:79 70 165;
 --theme-accent-contrast:#FFFFFF;
}

:root{
 --white:#FFFFFF;
 --milk:#FFF8F7;
 --graphite:#25242B;
 --text2:#77727B;
 --border:#E9E1E3;
 --sage:#8AA38C;
 --petrol:var(--theme-accent);
 --petrol-h:var(--theme-accent-hover);
 --petrol-p:var(--theme-accent-pressed);
 --coral:var(--theme-accent);
 --coral-d:var(--theme-accent);
 --mist:var(--milk);
 --mint:var(--theme-accent-soft-strong);
 --tint:var(--theme-accent-soft);
 --sea:var(--sage);
 --olive:var(--theme-accent);
 --olive-d:var(--theme-accent-hover);
 --olive-l:var(--theme-accent-soft-strong);
 --accent:var(--theme-accent);
 --ink:var(--graphite);
 --muted:#716C75;
 --line:var(--border);
 --bg:var(--milk);
 --card:var(--white);
 --soft:var(--milk);
 --sand:var(--theme-accent-soft);
 --sand2:var(--milk);
 --shadow:0 4px 24px rgba(37,36,43,.07);
}

body{color:var(--graphite);background:var(--milk)}
body[data-page="product"]{background:var(--white)}
::selection{background:var(--theme-accent-soft-strong)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--theme-accent);outline-offset:2px}

/* Логотип не участвует в смене темы. */
.logo{display:flex;align-items:center;gap:10px}
.logo b{display:none}
.brand-logo{display:block;width:auto;filter:none}
.brand-logo--header{height:38px}
.flogo{display:block;width:170px;height:auto;margin-bottom:12px;filter:none}
@media(max-width:899px){.brand-logo--header{height:32px}}
@media(max-width:380px){.brand-logo--header{height:29px}}

/* Основные и вторичные действия. */
.btn{background:var(--theme-accent);color:var(--theme-accent-contrast)}
.btn:hover{background:var(--theme-accent-hover);color:#fff}
.btn:active{background:var(--theme-accent-pressed);color:#fff}
.btn.light{background:var(--theme-accent-soft-strong);color:var(--theme-accent-pressed)}
.btn.light:hover{background:var(--theme-accent-soft);color:var(--theme-accent-pressed)}
.btn.light:active{background:var(--theme-accent-soft-strong)}
.btn.dark{background:var(--graphite);color:#fff}
.btn.white{background:#fff;color:var(--graphite)}
.btn.white:hover{background:var(--theme-accent-soft);color:var(--theme-accent-pressed)}
.p .btn.in{background:var(--theme-accent-soft-strong);color:var(--theme-accent-pressed)}
.p .step,.step{background:var(--theme-accent-soft-strong);border-color:var(--theme-accent-soft-strong);color:var(--theme-accent-pressed)}
.step.big{background:var(--theme-accent-soft-strong)}
.favsq{background:var(--theme-accent-soft-strong)}
.favsq svg.i{color:var(--theme-accent-pressed)}
.favsq.on svg.i,.fav.on svg.i{fill:var(--theme-accent);color:var(--theme-accent)}

/* Шапка и навигация. */
.util{background:var(--graphite)}
.head,.head .wrap{background:#fff}
.hic{color:var(--graphite)}
.cnt{background:var(--theme-accent)}
.catbtn{background:var(--theme-accent);color:var(--theme-accent-contrast)}
.catbtn:hover{background:var(--theme-accent-hover);color:#fff}
.search{border:1.5px solid var(--border);background:var(--milk)}
.search:focus-within{border-color:var(--theme-accent)}
.search input{background:transparent;color:var(--graphite)}
.search select{background:#fff}
.search button{background:var(--theme-accent);color:var(--theme-accent-contrast)}
.search button:hover{background:var(--theme-accent-hover);color:#fff}
.menu a.on,.menu a:hover,.hrow2 a.on{color:var(--theme-accent-hover)}
.menu a.hot{color:var(--theme-accent)}
.hrow2 .addr b{color:var(--theme-accent-hover)}

/* Чипсы, бейджи и активные состояния. */
.chip{background:var(--theme-accent-soft);color:var(--theme-accent-pressed)}
.chip.dark{background:var(--graphite);color:#fff}
.chip.ok{background:#E7EFE8;color:#3D5A40}
.chip.warn{background:#FCEBDD;color:#8A4B18}
.chip.gray{background:#F0EDEE;color:var(--text2)}
.chip.sale{background:var(--theme-accent);color:var(--theme-accent-contrast)}
.chips a{background:#fff;border:1px solid var(--border);color:var(--graphite)}
.chips a:hover{border-color:var(--theme-accent)}
.chips a.on{background:var(--theme-accent);border-color:var(--theme-accent);color:var(--theme-accent-contrast)}
#active a{background:var(--graphite);color:#fff}
.pic .badge{background:var(--theme-accent-soft-strong);color:var(--theme-accent-pressed)}
.pic .badge.sage{background:var(--sage);color:var(--graphite)}
.note{background:var(--theme-accent-soft);color:var(--theme-accent-pressed)}
.alert{background:var(--graphite)}

/* Карточки и цены. */
.p{background:#fff}
.pic,.pic .ph{background:var(--milk)}
.p .pr,.pbig,.ci-row .sum,.pricepill b,.ord .r b{color:var(--theme-accent-hover)}
.p .br{color:var(--graphite)}
.p .br svg.i{color:var(--theme-accent)}
.p .br.plain{color:var(--text2)}
.pricepill{background:var(--theme-accent-soft)}
.pricepill span{color:var(--theme-accent-hover)}
.brand{background:#fff;color:var(--graphite)}
.brand:hover{color:var(--theme-accent-hover)}
.circ .ci{background:#fff}
.circ .ci svg.i{color:var(--theme-accent)}

/* Промо. */
.slide .chip{background:#fff;color:var(--theme-accent-pressed)}
.slide .art svg{color:rgb(var(--theme-accent-rgb) / .22)}
.promo.dark{background:var(--graphite)}
.promo.ol,.strip{background:var(--theme-accent);color:var(--theme-accent-contrast)}
.strip .chip,.promo .chip{background:rgba(255,255,255,.24)!important;color:inherit!important}
.how{background:#fff}
.hs b{background:var(--theme-accent-soft-strong);color:var(--theme-accent-pressed)}
.tr .ic{background:var(--theme-accent-soft);color:var(--theme-accent)}

/* Формы, фильтры и прогресс. */
.fld input:focus,.fld textarea:focus{border-color:var(--theme-accent)}
.fb a.on,.fb .sub.on{color:var(--theme-accent-hover)}
.fb .cur{background:var(--milk)}
.fb .cur.on{background:var(--theme-accent-soft);color:var(--theme-accent-pressed)}
.fb input[type=checkbox],.chk input,.method input{accent-color:var(--theme-accent)}
.rad.on i{border-color:var(--theme-accent)}
.bar{background:var(--theme-accent-soft)}
.bar i{background:var(--theme-accent)}
.steps i{background:var(--theme-accent-soft)}
.steps .d i{background:var(--theme-accent)}
.sz.on{background:var(--theme-accent);border-color:var(--theme-accent);color:var(--theme-accent-contrast)}
.method.on{border-color:var(--theme-accent)}
.mybox{background:var(--theme-accent-soft);color:var(--theme-accent-pressed)}
.facts div{background:var(--milk)}
.kpi b{color:var(--theme-accent-hover)}

/* Карточка товара и ссылки. */
.tolink{background:var(--theme-accent-soft);color:var(--theme-accent-hover)}
.brandrow .bl{background:var(--theme-accent-soft);color:var(--theme-accent)}
.brandrow small svg.i,.dl svg.i{color:var(--theme-accent)}
.seller{background:var(--graphite)}
.seller .sl{display:block;width:40px;height:40px;overflow:hidden;border-radius:10px;background:#fff}
.seller .sl img{display:block;width:auto;max-width:none;height:40px}
.infobox,.buybox{border-color:var(--border)}

/* Закупки. */
.pc-img,.pz-img,.item-img,.ord-img{background:linear-gradient(160deg,var(--milk),var(--theme-accent-soft-strong))}
.pc-img>svg.i,.pz-img svg.i,.item-img svg.i,.ord-img>svg.i{color:rgb(var(--theme-accent-rgb) / .38)}
.an>svg.i{background:var(--theme-accent-soft);color:var(--theme-accent)}

/* Постоянные спокойные элементы. */
.mega-l a[data-s="БАДы"] span::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--sage);margin-right:8px}
footer{background:var(--graphite)}
.toast{background:var(--graphite)}

/* Временная панель выбора акцента. */
.theme-switcher{
 position:fixed;
 right:max(12px,env(safe-area-inset-right));
 bottom:max(12px,env(safe-area-inset-bottom));
 z-index:85;
 display:flex;
 align-items:center;
 gap:7px;
 padding:8px;
 border:1px solid rgba(37,36,43,.12);
 border-radius:999px;
 background:rgba(255,255,255,.94);
 box-shadow:0 10px 30px rgba(37,36,43,.16);
 -webkit-backdrop-filter:blur(12px);
 backdrop-filter:blur(12px);
}
.theme-switcher__swatch{
 --swatch:#D5275F;
 position:relative;
 width:32px;
 height:32px;
 flex:0 0 32px;
 border:2px solid #fff;
 border-radius:50%;
 background:var(--swatch);
 box-shadow:0 0 0 1px rgba(37,36,43,.14);
 transition:transform .16s ease,box-shadow .16s ease;
}
.theme-switcher__swatch:hover{transform:translateY(-2px)}
.theme-switcher__swatch[aria-pressed="true"]{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--swatch)}
.theme-switcher__swatch[aria-pressed="true"]::after{
 content:"";
 position:absolute;
 inset:9px;
 border-radius:50%;
 background:#fff;
 box-shadow:0 1px 4px rgba(37,36,43,.24);
}

@media(max-width:599px){
 .theme-switcher{right:10px;bottom:max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,30px);gap:6px;padding:7px;border-radius:20px}
 .theme-switcher__swatch{width:30px;height:30px;flex-basis:30px}
}
@media(prefers-reduced-motion:reduce){
 .theme-switcher__swatch{transition:none}
}

/* Широкая раскладка маркетплейса. */
@media(min-width:900px){
 .wrap{max-width:1472px;padding-left:24px;padding-right:24px}
 .mega-in{max-width:1472px}
}
@media(min-width:1280px){
 .grid:not(.g4){grid-template-columns:repeat(6,minmax(0,1fr))}
 .pgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .brands{grid-template-columns:repeat(8,minmax(0,1fr))}
}
@media(min-width:1680px){
 .grid:not(.g4){grid-template-columns:repeat(7,minmax(0,1fr))}
}