/* BYME.AM — premium polish layer: глубина, плавность, микро-анимации. Загружается последним; отключается при prefers-reduced-motion / lite-режиме. */
:root{--ease:cubic-bezier(.22,1,.36,1);--glow:0 10px 30px -8px #1EA35455;--ring:0 0 0 4px #20AA5626}
html{scroll-behavior:smooth;scroll-padding-top:128px}
::selection{background:#20AA56;color:#ffffff}
*{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid #20AA56;outline-offset:3px;border-radius:8px}
body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:#9dc2ae;border-radius:9px;border:3px solid var(--paper)}::-webkit-scrollbar-thumb:hover{background:#74b18f}

/* прогресс прокрутки */
.px-bar{position:fixed;left:0;top:0;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:var(--gg);z-index:200;pointer-events:none;will-change:transform}

/* шапка: стекло + тень при прокрутке */
.hd{transition:box-shadow .35s var(--ease),background .35s var(--ease)}
.hd.px-sc{background:rgba(255,255,255,.82);-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px);box-shadow:0 10px 30px -12px #22283433}
body.home .hd .hq{transition:opacity .35s var(--ease),transform .35s var(--ease)}


/* hero: живой градиентный фон и каскад появления */
.hero-light{position:relative;overflow:hidden;isolation:isolate}
.hero-light::before,.hero-light::after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(70px);opacity:.55;pointer-events:none;transition:transform .6s var(--ease)}
.hero-light::before{width:520px;height:520px;left:-120px;top:-160px;background:radial-gradient(circle,#5de78d 0%,transparent 70%);animation:px-float 14s ease-in-out infinite alternate}
.hero-light::after{width:560px;height:560px;right:-140px;bottom:-220px;background:radial-gradient(circle,#5fd08a 0%,transparent 70%);animation:px-float 18s ease-in-out infinite alternate-reverse}
@keyframes px-float{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(60px,40px,0) scale(1.12)}}
.hero-h{background:linear-gradient(100deg,#1b202a 10%,#178050 55%,#20aa56 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 100%;animation:px-shine 9s ease-in-out infinite alternate}
@keyframes px-shine{to{background-position:100% 0}}
.hero-find .hf{transition:box-shadow .35s var(--ease),transform .35s var(--ease)}
.hero-find .hf:focus-within{box-shadow:0 22px 60px -18px #1EA35466,var(--ring);transform:translateY(-2px)}
.hero-chips a{transition:transform .25s var(--ease),background .25s,color .25s,border-color .25s,box-shadow .25s}
.hero-chips a:hover{transform:translateY(-2px);background:var(--gg);color:#ffffff;border-color:transparent;box-shadow:var(--glow)}

/* кнопки: блик и «нажатие» */
.btn{position:relative;overflow:hidden;transition:transform .2s var(--ease),box-shadow .3s var(--ease),background .25s,color .25s,border-color .25s}
.btn.y,.hd-catb{background:var(--gg);background-size:140% 100%;background-position:0 0}
.btn.y:hover,.hd-catb:hover{background-position:100% 0;transform:translateY(-1px);box-shadow:var(--glow)}
.btn:active{transform:translateY(0) scale(.97)}
.btn.y::after,.hd-catb::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,#ffffff55,transparent);transform:skewX(-20deg);transition:left .7s var(--ease)}
.btn.y:hover::after,.hd-catb:hover::after{left:130%}
.btn[disabled]{opacity:.55;transform:none;box-shadow:none}

/* карточки товаров */
.pc{transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .3s}
.pc:hover{transform:translateY(-6px);box-shadow:0 26px 50px -22px #22283455,0 4px 10px #22283410;border-color:#20AA5666}
.pc .im,.pc-i,.pc>a:first-child{overflow:hidden}
.pc img{transition:transform .7s var(--ease),opacity .4s}
.pc:hover img{transform:scale(1.06)}
.pc-fav{transition:transform .25s var(--ease),background .2s,color .2s,box-shadow .25s}
.pc-fav:hover{transform:scale(1.12);box-shadow:var(--glow)}.pc-fav.on{animation:px-pop .45s var(--ease)}
@keyframes px-pop{0%{transform:scale(.7)}60%{transform:scale(1.25)}100%{transform:scale(1)}}
.pc .pr{font-variant-numeric:tabular-nums}

/* плитки категорий, бренды, продавцы, услуги */
.ct,.bc,.sv,.nw{transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .3s}
.ct:hover,.bc:hover,.sv:hover,.nw:hover{transform:translateY(-5px);box-shadow:0 24px 46px -22px #22283455;border-color:#20AA5666}
.ct-img{transition:transform .8s var(--ease)}.ct:hover .ct-img{transform:scale(1.08)}
.bc-l img{transition:transform .4s var(--ease),filter .4s}.bc:hover .bc-l img{transform:scale(1.08)}

/* заголовки секций */
.sec-h .h2{position:relative;padding-bottom:12px}
.sec-h .h2::after{content:"";position:absolute;left:0;bottom:0;width:44px;height:4px;border-radius:4px;background:var(--gg);transition:width .6s var(--ease)}
.sec-h.is-in .h2::after,.sec-h:hover .h2::after{width:84px}
.lnk{position:relative}.lnk svg{transition:transform .3s var(--ease)}.lnk:hover svg{transform:translateX(4px)}

/* фильтры, чипы, поля */
.flt .fg h4{letter-spacing:.08em}
.flt input[type=checkbox]{accent-color:#20AA56}
.chk{transition:color .2s}.chk:hover{color:var(--g)}
.achips a{transition:transform .2s var(--ease),background .2s,box-shadow .2s}.achips a:hover{transform:translateY(-1px);box-shadow:var(--sh)}
input,select,textarea{transition:border-color .2s,box-shadow .25s}
input:focus,select:focus,textarea:focus{box-shadow:var(--ring)}
.hq-r a{transition:background .15s,padding-left .2s var(--ease)}.hq-r a:hover{padding-left:20px}

/* страница товара */
.pd-g .pd-now,.pd-g .btn.y{box-shadow:var(--glow)}
.pd-sel a{background:var(--gg);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.cl-i{transition:box-shadow .3s var(--ease),transform .3s var(--ease)}.cl-i:hover{box-shadow:var(--sh2)}

/* блок статистики и счётчики */
.stat b{background:var(--gg);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums}
.sec-dk .stat b{background:none;-webkit-text-fill-color:#ffffff;color:#ffffff}

/* скелетон для картинок */
.pc img:not([src]),.ct-bg:empty{background:linear-gradient(100deg,#e9f0ec 30%,#f5f9f7 50%,#e9f0ec 70%);background-size:200% 100%;animation:px-sk 1.4s linear infinite}
@keyframes px-sk{to{background-position:-200% 0}}

/* подвал */
.ft a{transition:color .2s,transform .2s var(--ease)}.ft a:hover{transform:translateX(3px)}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hero-light::before,.hero-light::after,.hero-h{animation:none}
  .btn.y::after,.hd-catb::after{display:none}
  .pc:hover,.ct:hover,.bc:hover,.sv:hover,.nw:hover,.btn.y:hover{transform:none}
  .px-bar{display:none}
}
.m-lite .hero-light::before,.m-lite .hero-light::after{animation:none;filter:none;opacity:.35}
@media (hover:none){.pc:hover,.ct:hover,.bc:hover{transform:none}.pc:hover img{transform:none}}
@media (max-width:760px){.hero-light::before,.hero-light::after{width:320px;height:320px;filter:blur(50px)}html{scroll-padding-top:100px}}