/* Сгенерировано tools/gen_css.py. Не править руками.
   1) стили движка Claude Design, 2) <style> из <helmet> прототипа — в слое proto,
   чтобы атомарные классы вели себя как инлайн-стили прототипа. */
html,body{height:100%;margin:0}.as6-root,.as6-root>.as6-host{height:100%}
@layer proto{
html,body{margin:0;padding:0;background:#fff}
body{font-family:'Golos Text',system-ui,sans-serif;-webkit-font-smoothing:antialiased;color:#121a26}
a{color:#1b4f9c;text-decoration:none}
a:hover{color:#163f7e}
input{font-family:'Golos Text',system-ui,sans-serif;outline:none}
input:focus{border-color:#1b4f9c !important}
@keyframes atlSlideIn{from{transform:translateX(24px);opacity:0}to{transform:translateX(0);opacity:1}}
@keyframes atlFadeIn{from{opacity:0}to{opacity:1}}
.heroTrack{scrollbar-width:none}
.heroTrack::-webkit-scrollbar{display:none}
@keyframes atlSk{0%{background-position:-260px 0}100%{background-position:260px 0}}
.sk{background:linear-gradient(90deg,#eef1f6 25%,#f7f9fc 50%,#eef1f6 75%);background-size:520px 100%;animation:atlSk 1.1s linear infinite;border-radius:7px}
@keyframes atlPopIn{from{transform:translateY(14px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}
.mtab{display:none}
@media(min-width:1008px){.pdpgrid{grid-template-columns:400px minmax(0,1fr) 330px;gap:32px}}
@media(min-width:1008px){.pdpgrid>.pdpgal{grid-column:1;grid-row:1}.pdpgrid>.pdpmid{grid-column:2;grid-row:1}.pdpgrid>.pdpbuy{grid-column:3;grid-row:1}.pdpgrid>.pdpgal{position:sticky;top:145px;align-self:start}}
.ptabs{scrollbar-width:none;-ms-overflow-style:none}
.ptabs::-webkit-scrollbar{display:none}
@media (hover:hover) and (pointer:fine){
.goalcard:hover{transform:translateY(-3px);border-color:#2563EB !important;box-shadow:0 10px 28px rgba(27,42,74,.08)}
.goalcard:hover .goalicon{transform:translateY(-2px) rotate(-3deg)}
.goalcard:hover .goalblob{transform:rotate(6deg)}
.goalcard:hover .goalarrow{transform:translateX(3px)}
.goaltile:hover{background:#fff !important;border-color:#2563EB !important}
}
@media (prefers-reduced-motion:reduce){.goalcard,.goalicon,.goalblob,.goalarrow{transition:none !important}.goalcard:hover{transform:none}}
@media(max-width:1099px){.goalgrid{grid-template-columns:repeat(2,1fr) !important;gap:14px !important}}
@media(max-width:599px){.goalgrid{gap:10px !important}.goalgrid .goalcard{min-height:228px;padding:14px !important}.goalgrid .goalmedia{width:72px;height:72px}.goalgrid .goalicon{width:64px;height:64px}}
@media(max-width:1180px){.heroSide{display:none !important}}
@media(max-width:640px){
 body{padding-bottom:60px}
 /* нижние плавающие элементы на мобильном: таб-бар 58px; на странице товара над ним панель покупки 67px */
 .ckBn{left:12px !important;right:12px !important;width:auto !important;bottom:calc(58px + 10px + env(safe-area-inset-bottom)) !important;z-index:106 !important}
 body:has(.mbuy) .ckBn{bottom:calc(58px + 67px + 10px + env(safe-area-inset-bottom)) !important}
 body:has(.geoAsk) .ckBn{bottom:calc(58px + var(--geo-h,96px) + 10px + env(safe-area-inset-bottom)) !important}
 body:has(.geoAsk):has(.mbuy) .ckBn{bottom:calc(58px + 67px + var(--geo-h,96px) + 10px + env(safe-area-inset-bottom)) !important}
 body:has(.ckBn) .msgWidget,body:has(.ckBn) .smartBn,body:has(.geoAsk) .msgWidget,body:has(.geoAsk) .smartBn{display:none !important}
 body:has(.smartBn) .msgWidget{display:none !important}
 body:has(.mbuy) .msgWidget{bottom:calc(58px + 67px + 12px + env(safe-area-inset-bottom)) !important}
 .drawerBg{z-index:130 !important}
 .drawerBg > div{max-width:100%}
 .snackBn{top:calc(12px + env(safe-area-inset-top));bottom:auto !important;max-width:calc(100vw - 24px)}
 .heroSlide{aspect-ratio:1/1 !important}
 .tap44m{min-height:44px}
 .storeGrid{align-items:stretch !important}
 .heroCta{padding:0 16px 14px !important}
 .grid4,.grid3{grid-template-columns:repeat(2,1fr) !important;gap:10px !important}
 .grid2m{grid-template-columns:1fr !important}
 .stackm{display:flex !important;flex-direction:column !important}
 .hidem{display:none !important}
 .padm{padding-left:14px !important;padding-right:14px !important}
 .mtab{display:flex !important;position:fixed;bottom:0;left:0;right:0;z-index:105;background:#fff;border-top:1px solid #e3e9f1;height:58px;align-items:center;box-shadow:0 -6px 20px rgba(19,28,43,.07)}
 .wrapm{flex-wrap:wrap !important;height:auto !important;min-height:50px;row-gap:0 !important}
}
@media(max-width:640px){
 .hdrrow{gap:12px !important;padding:0 14px !important}
 .hdrsearch{min-width:0}
 .hdrsearch input{min-width:0;width:100%}
 .grid4,.grid3{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
 .grid2s{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
 .grid4>*,.grid3>*,.grid2s>*,.stackm>*,.sidem>*{min-width:0}
 .stackm>*{max-width:100%}
 .sidem{grid-template-columns:minmax(0,1fr) !important}
 .pdpgrid{padding-left:14px !important;padding-right:14px !important}
 .pdpgrid>*{min-width:0}
 .rowm{flex-wrap:wrap !important}
 .rowm>*{min-width:0}
 .colm{flex-direction:column !important;align-items:stretch !important}
 .bnrm{padding:20px 18px !important;gap:16px !important}
 .cattile{padding:12px !important;gap:10px !important}
 .cattile img{flex-basis:44px !important;width:44px !important;height:44px !important}
 .cattile>*{min-width:0}
 .catfilt{display:none !important}
 [data-mfilt="1"] .catfilt{display:flex !important;position:fixed !important;inset:0 0 0 auto;top:0 !important;width:min(88vw,340px);z-index:130;overflow-y:auto;border-radius:0 !important;background:#fff;box-shadow:-16px 0 40px rgba(19,28,43,.18)}
 [data-mfilt="1"] .catscrim{display:block !important}
}
.catscrim{display:none}
@media(min-width:641px){ .mobonly{display:none !important} }
@media(max-width:640px){ .hscroll{flex-wrap:nowrap !important;overflow-x:auto;margin:0 -14px;padding:0 14px 4px;scrollbar-width:none} .hscroll>span,.hscroll>button,.hscroll>a{flex-shrink:0}
.telTap{position:relative}
.telTap::after{content:"";position:absolute;left:-8px;right:-8px;top:-10px;bottom:-10px} .rvbig{font-size:36px !important} }
@media(max-width:640px){
 .geoAsk{position:fixed;left:0;right:0;bottom:calc(58px + env(safe-area-inset-bottom));z-index:106;border-radius:10px 16px 0 0;box-shadow:0 -10px 30px rgba(19,28,43,.15);border-bottom:none !important}
 body:has(.mbuy) .geoAsk{bottom:calc(58px + 67px + env(safe-area-inset-bottom))}
 .geoAsk > div{padding:14px 16px !important;gap:10px !important}
}
@media(max-width:640px){
 .sheetm{align-items:flex-end !important;padding:0 !important;z-index:130 !important}
 .sheetm > div,.sheetm > form{width:100% !important;max-width:100% !important;border-radius:12px 18px 0 0 !important;animation:atlPopIn .2s ease-out;max-height:calc(100dvh - 24px);overflow-y:auto;padding-bottom:calc(20px + env(safe-area-inset-bottom)) !important}
 .mbuy{display:flex !important;position:fixed;bottom:58px;left:0;right:0;z-index:99;background:#fff;border-top:1px solid #e3e9f1;padding:10px 14px;gap:10px;align-items:center;box-shadow:0 -8px 24px rgba(19,28,43,.08)}
}
.mbuy{display:none}
.rvpop{display:flex !important;opacity:0;visibility:hidden;transition:opacity .14s ease,visibility 0s linear .28s}
.rvpop::before{content:'';position:absolute;left:0;right:0;top:-12px;height:12px}
.rvplaque:hover .rvpop,.rvpop:hover{opacity:1;visibility:visible;transition:opacity .14s ease,visibility 0s}
@media(max-width:1080px){ .hidesm{display:none !important} }

@media (max-width:640px){
 .tap44::after{content:'';position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%)}
 .tap44:not([style*="position:absolute"]):not([style*="position:fixed"]){position:relative}
 input::placeholder,textarea::placeholder{font-size:14px}
 input{min-width:0;text-overflow:ellipsis}
 body:has(.mbuy) .smartBn{bottom:calc(58px + 72px) !important}
 .mtab>*{min-height:44px}
}
@media (max-width:640px){input,textarea,select{font-size:16px !important}.msgWidget{bottom:calc(74px + env(safe-area-inset-bottom)) !important}}
a.as6-link,a.as6-link:hover{color:inherit}#podbor{scroll-margin-top:150px}
/* правки недочётов прототипа (screens.json → fixes) */
@media (max-width:640px){[data-screen-label="Выбор города"]{box-sizing:border-box!important;left:16px!important}[data-screen-label="Статья"] .stackm>:first-child{position:static!important}[data-screen-label="Статья"] .stackm>:last-child{align-self:stretch!important}}[data-screen-label="Статья"] h1{overflow-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important}.wrapm.padm:not(:has(.rvplaque))>a.telTap+span.hidem{margin-left:auto!important}@media (max-width:640px){[data-screen-label="Корзина"] div:has(>span>button.tap44~button.tap44){flex-wrap:wrap!important;row-gap:10px!important}[data-screen-label="Корзина"] div:has(>span>button.tap44~button.tap44)>div{flex:1 1 calc(100% - 84px)!important}[data-screen-label="Корзина"] div:has(>span>button.tap44~button.tap44)>span:has(>button.tap44){margin-left:84px!important;flex-shrink:0!important}[data-screen-label="Корзина"] div:has(>span>button.tap44~button.tap44)>span:last-child{margin-left:auto!important}}
}