:root{--us-color:#50308a;--us-accent:#ffd0b4;--us-btn:#422269;--us-wash:#f3edf8;--us-line:#d9cde8}
.us-header,.us-header *,.us-help,.us-groups,.us-groups * { box-sizing:border-box; }
.us-header { position:sticky; top:0; z-index:60; background:var(--us-color); color:#fff; border:0; font:15px/1.35 system-ui,sans-serif; }
.us-header>div { display:flex; align-items:center; gap:18px; max-width:1440px; width:100%; margin:auto; padding:12px 28px; }
.us-header a { color:#fff; text-decoration:none; }
.us-brand { font-weight:850; font-size:30px; white-space:nowrap; letter-spacing:-1.3px; }
.us-brand span { color:var(--us-accent); }
.us-header .us-category,.us-search button { color:var(--us-btn); background:var(--us-accent); font-weight:750; }
.us-category { white-space:nowrap; padding:10px 12px; border-radius:7px; }
.us-search { display:flex; flex:1; min-width:80px; margin:0; background:#fff; border-radius:7px; overflow:hidden; }
.us-search label { position:absolute; clip-path:inset(50%); width:1px; height:1px; overflow:hidden; }
.us-search :is(input,button) { border:0; border-radius:0; margin:0; font:inherit; min-height:42px; padding:7px 12px; }
.us-search input { flex:1; min-width:0; color:#282632; width:100%; }
.us-search button { cursor:pointer; }
.us-header nav { display:flex; gap:14px; white-space:nowrap; background:transparent; padding:0; margin:0; border:0; }
.us-header nav a { color:#fff; background:transparent; }
.us-header :focus-visible,.us-groups :focus-visible { outline:3px solid var(--us-accent); outline-offset:3px; }
.us-help { display:flex; gap:24px; padding:7px max(16px,calc((100vw - 1380px)/2)); background:var(--us-wash); color:var(--us-color); font:600 14px/1.4 system-ui,sans-serif; }
.us-help a { color:inherit; text-decoration:none; min-height:28px; display:inline-flex; align-items:center; }
.us-groups { max-width:1380px; margin:24px auto 42px; padding:0 24px; font-family:system-ui,sans-serif; }
.us-groups>div:first-child { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:16px; }
.us-groups h2 { margin:0; font-size:clamp(22px,3vw,32px); }
.us-groups a { color:var(--us-color); }
.us-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:12px; }
.us-group { min-width:0; background:#fff; display:flex; flex-direction:column; text-align:center; border:1px solid var(--us-line); border-radius:12px; overflow:hidden; text-decoration:none; }
.us-group img { width:100%; height:130px; padding:12px; object-fit:contain; }
.us-group>span { display:flex; flex-direction:column; justify-content:center; gap:4px; flex:1; background:var(--us-wash); padding:12px 8px; }
.us-group strong { overflow-wrap:anywhere; line-height:1.3; }
.us-group small { opacity:.8; }
.us-group:hover { border-color:var(--us-color); }
.us-rail { display:none; }
@media(min-width:1050px){
 .us-home-layout { display:grid; grid-template-columns:220px minmax(0,1fr); max-width:1380px; margin:20px auto; padding:0 24px; gap:22px; }
 .us-rail { display:flex; flex-direction:column; align-self:start; gap:0; padding:0; margin:0; border:1px solid var(--us-line); border-radius:10px; overflow:hidden; background:white; }
 .us-rail a { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:39px; border-bottom:1px solid var(--us-line); padding:8px 12px; color:var(--us-color); font:600 14px/1.25 system-ui,sans-serif; text-decoration:none; }
 .us-rail a:last-child { border:0; background:var(--us-wash); }
 .us-rail a:hover,.us-rail a:focus-visible { background:var(--us-wash); }
 .us-home-layout>.hero { width:100%; max-width:100%; min-width:0; min-height:0; height:auto; margin:0; padding:24px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:start; align-content:start; align-self:start; }
 .us-home-layout .hero-copy,.us-home-layout .hero-art { min-width:0; max-width:100%; margin:0; padding:0; }
 .us-home-layout .hero h1 { font-size:clamp(36px,4vw,60px); }
 .us-home-layout .hero>* { min-width:0; max-width:100%; }
 .us-home-layout .hero img { max-width:100%; }
}
body[data-store-mode=cart] :is(.hero,.ed-discovery,.home-offers,.benefits,.browse-section,.use-cases,.order-journey,.about,.site-header,.main-nav,.delivery-banner),body[data-store-mode=saved] :is(.hero,.ed-discovery,.home-offers,.benefits,.browse-section,.use-cases,.order-journey,.about,.site-header,.main-nav,.delivery-banner) { display:none!important; }
body[data-store-mode=cart]>header:not(.us-header),body[data-store-mode=saved]>header:not(.us-header) { display:none!important; }
body[data-store-mode=cart]>nav[aria-label="Главна навигация"],body[data-store-mode=saved]>nav[aria-label="Главна навигация"] { display:none!important; }
body[data-store-mode=cart] #catalog { visibility:hidden; height:0; overflow:hidden; padding:0; margin:0; }
@media(max-width:760px){
 body[data-store-mode=home] footer :is(div,h3,p,a) { min-width:0; overflow-wrap:anywhere; }
 body[data-store-mode=home] .footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .us-header>div { display:grid; grid-template-columns:auto minmax(0,1fr); gap:6px 9px; padding:7px 10px; }
 .us-brand { font-size:24px; }
 .us-category { font-size:13px; padding:8px; }
 .us-header nav { grid-column:2; grid-row:1; justify-content:flex-end; gap:9px; font-size:12px; min-width:0; flex-wrap:wrap; }
 .us-brand { grid-column:1; grid-row:1; }
 .us-category { grid-column:1; grid-row:2; }
 .us-search { grid-column:2; grid-row:2; width:100%; }
 .us-search input { font-size:16px; }
 .us-help { gap:20px; font-size:13px; }
 .us-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .us-groups { padding:0 12px; }
 .us-group img { height:115px; }
}
@media(max-width:350px){
 .us-header>div { gap:5px; }
 .us-brand { font-size:21px; }
 .us-header nav { gap:5px; font-size:11px; }
 .us-category { font-size:12px; padding:8px 6px; }
}