/* Общие стили подстраниц каталога — дизайн главной (графит + оранжевый акцент) */
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:#fbfaf8;color:#191b1e;-webkit-font-smoothing:antialiased;font-family:'Rubik',sans-serif;font-size:15px;line-height:1.45}
:root{--ac:#efbb10;--ye:#efbb10;--yed:#8a6a05;--or:#d51f14;--ord:#b3170e;--lnk:#c31c12;  /* жёлтый — база, красный из логотипа — наведение */
  /* объёмный жёлтый: один градиент на все кнопки «в корзину»/переходы, как у ☰ Каталог прицепов */
  --ybg:linear-gradient(135deg,#ffe066 0%,#f7c948 28%,#efbb10 58%,#d9a406 100%);
  --ybg-h:linear-gradient(135deg,#ffe98a 0%,#fad35a 30%,#f4c422 60%,#e0ab06 100%);
  --ystep:#c99400;--yedge:#d9a200}
a{color:#191b1e;text-decoration:none}
a:hover{color:var(--or)}
img{display:block}
[hidden]{display:none!important} /* классы с display:flex/block не должны перебивать hidden */
input,button{font-family:inherit}
input::placeholder{color:#9aa0a6}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.wrap2{max-width:1280px;margin:0 auto;padding:0 28px}
.mono{font-family:'IBM Plex Mono',monospace}
.muted{color:#8b8f96}
@keyframes tIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

/* ── графитовая шапка ── */
header#top{position:sticky;top:0;color:#fff;font-family:'Onest',sans-serif;isolation:isolate;z-index:250;
  background:
    radial-gradient(760px 340px at 88% -120px, rgba(239,187,16,.20), transparent 65%),
    radial-gradient(560px 280px at -80px 115%, rgba(239,187,16,.10), transparent 60%),
    linear-gradient(155deg,#272c33 0%,#1c2026 46%,#14171b 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07), inset 0 -1px 0 rgba(0,0,0,.5)}
header#top::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:
    repeating-linear-gradient(135deg, rgba(255,255,255,.045) 0 1px, transparent 1px 8px),
    repeating-linear-gradient(45deg, rgba(0,0,0,.20) 0 1px, transparent 1px 8px),
    radial-gradient(rgba(255,255,255,.05) 1px, transparent 1.4px);
  background-size:auto,auto,16px 16px}
header#top::after{content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:1;pointer-events:none;
  background:linear-gradient(90deg, transparent 0%, var(--yed) 16%, var(--ye) 50%, var(--yed) 84%, transparent 100%);opacity:.9}
.hdr-line{border-bottom:1px solid rgba(255,255,255,.09)}
/* ── липкая компактная шапка при скролле (класс вешает JS) ── */
header#top.stuck{box-shadow:0 12px 30px -10px rgba(0,0,0,.55)}
header#top.stuck .hdr-line{display:none}
@media (min-width:641px){
  header#top.stuck .hdr-navwrap{display:none}      /* на десктопе ряд разделов прячем: кнопка уезжает в главную строку */
}
header#top.stuck .hdr-main .cat-btn{flex-shrink:0}
@media (min-width:641px) and (max-width:980px){
  header#top.stuck #searchForm{display:none} /* тут поиск идёт отдельной строкой — в липкой полосе прячем */
}
@media (min-width:641px){
  /* остаются: лого, «Каталог прицепов», поиск, телефон, корзина */
  header#top.stuck .hdr-main{padding-top:11px;padding-bottom:11px}
  header#top.stuck .logo-badge{padding:4px 11px 5px}
  header#top.stuck .hdr-art{height:20px}
  header#top.stuck .lname{font-size:15px}
}
.hdr-top{height:42px;display:flex;align-items:center;gap:26px;font-size:12.5px;color:#9ba1a8}
.hdr-top a{color:#9ba1a8}
.hdr-top a:hover{color:var(--ye)}
.dotted{display:flex;align-items:center;gap:7px}
.dot{width:6px;height:6px;border-radius:50%;background:#37b24d}
/* живой индикатор «работаем/скоро закроемся/закрыто» */
.worknow{display:flex;align-items:center;gap:7px}
.wn-dot{width:8px;height:8px;border-radius:50%;background:#6b7076;flex:none}
.worknow.open .wn-dot{background:#37b24d;animation:wnBlink 1.6s ease-in-out infinite}
.worknow.open .wn-t{color:#8fd19e}
.worknow.soon .wn-dot{background:#f5a623;animation:wnBlink .8s ease-in-out infinite}
.worknow.soon .wn-t{color:#ffc078}
.worknow.closed .wn-dot{background:#e03131}
@keyframes wnBlink{0%,100%{opacity:1}50%{opacity:.25}}
/* ── анимация «в корзину»: фото летит к корзине, корзина подпрыгивает ── */
.fly{position:fixed;z-index:600;width:56px;height:56px;border-radius:50%;object-fit:cover;
  box-shadow:0 8px 22px rgba(0,0,0,.35);pointer-events:none;background:#f6f5f2;
  transition:transform .6s cubic-bezier(.5,-.1,.7,.4),opacity .6s ease}
#cartBtn.bump{animation:cartBump .55s cubic-bezier(.28,1.6,.4,1)}
@keyframes cartBump{0%{transform:none}30%{transform:translateY(-7px) scale(1.08)}55%{transform:translateY(2px) scale(.97)}100%{transform:none}}
#cartBadge.pop{animation:badgePop .45s ease}
@keyframes badgePop{0%{transform:scale(.4)}60%{transform:scale(1.4)}100%{transform:scale(1)}}
.right{margin-left:auto}
.hdr-main{padding-top:22px;padding-bottom:22px;display:flex;align-items:center;gap:32px}
.hdr-logo{display:flex;align-items:center;gap:12px;flex-shrink:0;color:#fff}
.hdr-logo:hover{color:#fff}
/* фирменный знак: рисунок и надпись под ним на жёлтой плашке — как в оригинале */
.logo-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  background:#efbb10;border-radius:11px;padding:8px 16px 9px;line-height:1;box-sizing:border-box}
.hdr-logo:hover .logo-badge{filter:brightness(1.05)}
.hdr-art{height:32px;width:auto;flex:none}
.lname{font-family:'Tektur';font-weight:800;font-size:22px;letter-spacing:.2px;line-height:1;
  white-space:nowrap;color:#101114}
.lname .w2{color:#d51f14}
.logo-badge.big{padding:8px 16px 9px}
.logo-badge.big .hdr-art,.logo-badge.big .f-art{height:36px}
.logo-badge.big .lname{font-size:24px}
.f-art{width:auto;flex:none}
.l35{font-family:'Tektur';font-weight:800;font-size:34px;color:var(--yed);line-height:1}
.lcol{display:flex;flex-direction:column}
.lsub{display:flex;justify-content:space-between;font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:#8b9198;margin-top:4px} /* растянуто по ширине лого */
.lsub i{font-style:normal}
#searchForm{position:relative;flex:1;display:flex;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:6px;
  transition:border-color .2s,background .2s,box-shadow .25s}
#searchForm:focus-within{border-color:var(--ye);background:rgba(239,187,16,.10);
  box-shadow:0 0 0 3px rgba(239,187,16,.20);animation:searchPop .32s ease}
#searchForm:focus-within button{background:var(--ye);color:#101114;transition:background .18s}
#searchForm:focus-within button:hover{background:linear-gradient(135deg,#f3a50c 0%,#f5cb2a 100%);color:#101114}
#searchForm:focus-within input::placeholder{color:rgba(255,255,255,.55)}
@keyframes searchPop{0%{transform:scale(.996)}55%{transform:scale(1.007)}100%{transform:scale(1)}}
#searchForm input{flex:1;min-width:0;border:none;outline:none;background:transparent;padding:12px 16px;font-size:14px;color:#fff}
#searchForm button{flex:none}
#searchForm button{flex:none;border:none;border-left:1px solid rgba(255,255,255,.14);border-radius:0 5px 5px 0;background:rgba(255,255,255,.13);color:#fff;padding:0 24px;font-size:14px;font-weight:600;cursor:pointer}
#searchForm button:hover{background:linear-gradient(135deg,#f3a50c 0%,#f5cb2a 100%);color:#101114}
/* живой поиск: выпадашка с фото и ценами */
.sdrop{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:420;background:#fff;color:#191b1e;
  border-radius:12px;box-shadow:0 26px 52px -18px rgba(0,0,0,.5);overflow:hidden;max-height:470px;overflow-y:auto;
  font-family:'Rubik',sans-serif}
.sd-row{display:flex;align-items:center;gap:11px;padding:9px 13px;color:#191b1e;border-bottom:1px solid #f4f1ec}
.sd-row:last-of-type{border-bottom:0}
.sd-row:hover{background:#fff6dd;color:var(--or)}
.sd-row img,.sd-noimg{width:48px;height:36px;object-fit:cover;border-radius:6px;background:#f1efeb;flex:none}
.sd-noimg{display:block}
.sd-n{font-size:13.5px;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.sd-p{margin-left:auto;font-family:'Tektur';font-weight:700;font-size:13.5px;white-space:nowrap;flex:none}
/* «Показать все разделы» под результатами поиска в каталоге:
   своих стилей у кнопки не было — браузер рисовал системную «серую таблетку» */
#srReset{display:block;margin:26px auto 8px;border:none;border-radius:10px;background:var(--ybg);color:#101114;
  font-family:inherit;font-weight:600;font-size:15px;padding:14px 26px;cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7), 0 3px 0 var(--ystep), 0 9px 18px -8px rgba(201,148,0,.55);
  transition:background .18s,box-shadow .16s,transform .12s}
#srReset:hover{background:var(--ybg-h);transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85), 0 4px 0 var(--ystep), 0 16px 26px -10px rgba(201,148,0,.65)}
#srReset:active{transform:translateY(2px);box-shadow:inset 0 2px 6px rgba(120,84,0,.45), 0 1px 0 var(--ystep)}
@media (max-width:600px){#srReset{width:100%;padding:14px 0}}

/* «Показать все» под найденными товарами — крупная объёмная кнопка, как «В корзину» */
.sd-all{display:block;width:calc(100% - 20px);margin:10px 10px 12px;border:none;border-radius:10px;
  background:var(--ybg);color:#101114;font-family:inherit;font-weight:600;font-size:16px;
  padding:18px 0;cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7), 0 3px 0 var(--ystep), 0 9px 18px -8px rgba(201,148,0,.55);
  transition:background .18s,box-shadow .16s,transform .12s}
.sd-all:hover{background:var(--ybg-h);color:#101114;transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85), 0 4px 0 var(--ystep), 0 14px 24px -10px rgba(201,148,0,.65)}
.sd-all:active{transform:translateY(2px);box-shadow:inset 0 2px 6px rgba(120,84,0,.45), 0 1px 0 var(--ystep)}
.sd-none{padding:14px;font-size:13.5px;color:#8b8f96}
.hdr-phone{display:flex;flex-direction:column;gap:2px;flex-shrink:0}
.hdr-phone .ph{font-family:'Tektur';font-weight:600;font-size:18px;color:#fff;display:flex;align-items:center}
.hdr-phone .ph svg{display:none;width:19px;height:19px}
.hdr-phone .ph em{font-style:normal}
.hdr-phone .ph:hover{color:var(--ye)}
.burger-btn{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;
  border:1px solid rgba(255,255,255,.22);border-radius:8px;background:transparent;cursor:pointer;padding:0 11px;flex-shrink:0}
.burger-btn span{display:block;height:2px;border-radius:2px;background:#fff}
.hdr-phone .cb{font-size:12.5px;color:#9ba1a8;align-self:flex-start}
.hdr-phone .cb:hover{color:var(--ye)}
#cartBtn{display:flex;align-items:center;gap:9px;background:transparent;border:1px solid rgba(255,255,255,.22);border-radius:6px;color:#fff;padding:12px 18px;font-size:14px;font-weight:500;cursor:pointer;flex-shrink:0}
#cartBtn:hover{border-color:var(--ye);color:var(--ye)}
#cartBtn .ci{width:18px;height:18px;flex:none}
#cartBadge{display:none;background:var(--ye);color:#101114;border-radius:4px;min-width:20px;height:20px;align-items:center;justify-content:center;font-size:12px;font-weight:700;padding:0 5px}
header#top nav{border-top:1px solid rgba(255,255,255,.09)}
.hdr-nav{display:flex;align-items:center;height:58px;gap:4px}
.hdr-nav>a{display:flex;align-items:center;height:100%;padding:0 15px;font-size:14px;font-weight:500;color:#d3d7dc;border-bottom:2px solid transparent}
.hdr-nav>a:hover{color:var(--ye);border-bottom-color:var(--ye)}
.hdr-nav>a.sale{margin-left:auto;font-weight:600;color:var(--ye)}
.hdr-nav>a.sale:hover{color:#fff}
/* строка разделов рядом с кнопкой каталога: показываем те, что влезли (лишние прячет JS) */
.hdr-cats{display:flex;align-items:center;gap:2px;overflow:hidden;flex:1;min-width:0}
.hdr-cats a{padding:8px 12px;border-radius:7px;font-size:13.5px;color:#c9ccd2;white-space:nowrap}
.hdr-cats a:hover{background:rgba(239,187,16,.16);color:var(--ye)}
.hdr-cats a.all{color:var(--ye);font-weight:600;margin-left:auto}
.hdr-cats a.all:hover{background:rgba(239,187,16,.16);color:var(--ye)}
.cat-btn{display:flex;align-items:center;gap:10px;border:none;cursor:pointer;background:linear-gradient(135deg,#ffe066 0%,#f7c948 28%,#efbb10 58%,#d9a406 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.75), inset 0 -2px 0 rgba(140,100,0,.3), 0 8px 18px -8px rgba(180,130,0,.65);color:#101114;
  transition:background .18s,color .18s,box-shadow .18s,transform .12s;font-family:'Onest',sans-serif;font-size:15px;font-weight:700;padding:12px 22px;border-radius:8px;animation:catPulse 2.6s ease-in-out infinite}
.cat-btn:hover{background:linear-gradient(135deg,#f3a50c 0%,#f5cb2a 100%);color:#101114;filter:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6), inset 0 -2px 0 rgba(170,90,0,.22), 0 8px 18px -8px rgba(232,89,12,.5)}
.cat-btn:active{transform:translateY(1px);box-shadow:inset 0 2px 5px rgba(140,95,0,.35)}
.cat-btn .burger{font-size:18px;line-height:1}
#catChevron{font-size:11px;transition:transform .25s}
@keyframes catPulse{0%,100%{box-shadow:0 0 0 0 rgba(239,187,16,.5)}70%{box-shadow:0 0 0 10px rgba(239,187,16,0)}}

/* десктоп: кнопка каталога в основной строке шапки (переносится скриптом), пустой ряд спрятан */
@media (min-width:641px) and (max-width:1240px){
  .hm{display:none}
}
  .hdr-main{gap:16px}
}
@media (min-width:641px) and (max-width:1080px){
  .hdr-top>a{display:none} /* ссылки верхней строки — чтобы не переносились во 2-ю строку */
}
@media (min-width:641px) and (max-width:980px){
  .hdr-phone .ph em{display:none}
  .hdr-phone .ph svg{display:block;width:22px;height:22px}
  .cat-btn{padding:12px 15px!important}
  /* поиску тесно в одной строке — уходит отдельной строкой на всю ширину */
  .hdr-main{flex-wrap:wrap;row-gap:10px}
  #searchForm{order:9;flex-basis:100%!important;min-width:0}
}

/* ── мега-меню ── */
/* не во всю ширину: по бокам остаётся «воздух», уход мыши за край закрывает меню */
#megaMenu{position:absolute;top:100%;left:50%;z-index:120;width:min(1280px,calc(100vw - 48px));
  background:#fff;color:#191b1e;border-top:3px solid var(--ye);border-radius:0 0 14px 14px;
  box-shadow:0 26px 50px -14px rgba(0,0,0,.4);
  opacity:0;visibility:hidden;transform:translate(-50%,-10px);
  transition:opacity .16s ease,transform .16s ease,visibility 0s .16s}
#megaMenu.open{opacity:1;visibility:visible;transform:translate(-50%,0);
  transition:opacity .22s ease,transform .34s cubic-bezier(.16,1,.3,1),visibility 0s}
/* бренды — сетка оформленных плиток: лого крупно над названием */
.mega-brands{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mega-brands .mega-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  padding:10px 11px 8px;border:1px solid #eeece8;border-radius:10px;background:#fbfaf8;text-align:center}
.mega-brands .mega-brand:hover{border-color:#e6cf8a;background:#fffaea;color:inherit}
.bl-logo{width:100%;height:34px;object-fit:contain;flex:none}
.mega-brand b{font-size:11px;font-weight:600;line-height:1.15;color:#3d4147}
.mega-inner{max-width:1280px;margin:0 auto;padding:34px 28px;display:grid;grid-template-columns:1.15fr 1.35fr 1fr;gap:40px;position:relative}
.mega-col-h{font-family:'Tektur';font-weight:700;font-size:12.5px;letter-spacing:.6px;text-transform:uppercase;color:#9aa0a6;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid #eeece8}
.mega-link{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;font-size:14.5px;color:#3d4147;font-weight:500}
.mega-link:hover{color:var(--or)}
.mega-link span{color:#b6bac0;font-family:'IBM Plex Mono',monospace;font-size:12px;flex:none}
/* колонка «Прицепы»: объёмные карточки-кнопки */
.mega-cats{display:flex;flex-direction:column;gap:9px}
.mega-cats .mega-link{padding:13px 38px 13px 13px;font-size:16px;font-weight:600;border:1px solid #e8e4db;border-radius:12px;
  background:linear-gradient(180deg,#ffffff 0%,#faf8f4 100%);position:relative;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset, 0 7px 16px -9px rgba(22,24,29,.3);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s}
.mega-cats .mega-link::before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:4px;
  border-radius:0 2px 2px 0;background:var(--ye);opacity:0;transition:opacity .2s}
.mega-cats .mega-link:hover{transform:translateY(-2px);border-color:#e6cf8a;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset, 0 10px 20px -9px rgba(239,187,16,.4)}
.mega-cats .mega-link:hover::before{opacity:1}
.mega-cats .mega-link span{background:#f6f3ee;border-radius:7px;padding:3px 9px;font-size:12.5px;color:#9aa0a6;
  transition:background .2s,color .2s}
.mega-cats .mega-link:hover span{background:#fff2cc;color:var(--or)}
/* иллюстрация раздела слева + название занимает остаток строки */
.mega-cats .mega-link .mn{flex:1;min-width:0;background:none;padding:0;color:inherit;
  font-family:'Tektur',sans-serif;font-weight:700;font-size:inherit;line-height:1.2;letter-spacing:.1px;transition:none}
.mega-cats .mega-link:hover .mn{background:none;color:inherit}
.mega-ill{width:84px;height:59px;flex:none;object-fit:cover;border-radius:10px;background:#f6f5f2;
  border:1px solid #eceae5;transition:transform .2s ease,border-color .2s}
.mega-cats .mega-link:hover .mega-ill{transform:scale(1.04);border-color:#e6cf8a}
#pagesMenu{position:fixed;top:0;bottom:0;right:0;width:min(84vw,320px);z-index:300;background:#fff;color:#191b1e;
  display:flex;flex-direction:column;transform:translateX(103%);pointer-events:none;
  transition:transform .28s cubic-bezier(.32,.72,0,1);box-shadow:-22px 0 46px rgba(0,0,0,.3)}
#pagesMenu.open{transform:none;pointer-events:auto}
#pagesMenu .mega-head{display:flex}
.pm-list{padding:4px 18px 30px;overflow-y:auto;display:flex;flex-direction:column}
.pm-list a{display:flex;justify-content:space-between;align-items:center;padding:14px 0;
  border-bottom:1px solid #f1efeb;font-size:15.5px;font-weight:500;color:#3d4147}
.pm-list a::after{content:"›";color:#b6bac0;font-size:19px;line-height:1}
.pm-list a:hover{color:var(--or)}
.pm-list .mp-sale{color:var(--lnk);font-weight:600}
.pm-list .pm-tel{font-family:'Tektur';font-weight:600;font-size:17px;border-bottom:0;margin-top:6px}
/* справка под телефоном в шторке: адрес, режим, почта */
.pm-info{padding:2px 18px 26px;display:flex;flex-direction:column;gap:14px;font-size:13.5px;line-height:1.5;color:#5d6167}
.pm-info i{display:block;font-style:normal;font-size:11px;font-weight:600;letter-spacing:1.1px;
  text-transform:uppercase;color:#a0a4ab;margin-bottom:3px}
.pm-info a{color:var(--lnk);word-break:break-all}

/* ── текстовые страницы (о компании, услуги, доставка, контакты) ── */
.tpage{max-width:1200px}
.tpage .t-body,.tpage .t-lead,.tpage>p{max-width:900px}
.tpage h1{font-family:'Tektur';font-weight:700;font-size:34px;margin:6px 0 14px}
.tpage h2{font-size:22px;font-weight:700;margin:34px 0 12px}
.tpage h3{font-size:18px;font-weight:700;margin:0 0 9px}
.tpage p{margin:0 0 14px;font-size:15.5px;line-height:1.65;color:#3d4147}
.t-lead{font-size:17px!important;line-height:1.6!important;color:#5d6167!important;margin-bottom:26px!important}
.t-nums{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0 6px}
.t-nums>div{background:#fff;border:1px solid #ecebe7;border-radius:14px;padding:18px}
.t-nums b{display:block;font-family:'Tektur';font-weight:700;font-size:28px;color:var(--yed);line-height:1}
.t-nums span{display:block;margin-top:6px;font-size:13px;color:#6b6f76;line-height:1.35}
.t-list{margin:0 0 16px;padding-left:20px;display:flex;flex-direction:column;gap:9px;font-size:15.5px;line-height:1.6;color:#3d4147}
.t-list li::marker{color:var(--yed)}
.t-steps{margin:0 0 16px;padding-left:20px;display:flex;flex-direction:column;gap:9px;font-size:15.5px;line-height:1.6;color:#3d4147}
.t-steps li::marker{color:var(--yed);font-weight:700}
.t-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0 6px}
.t-card{background:#fff;border:1px solid #ecebe7;border-radius:16px;padding:22px}
.t-card p{font-size:14.5px;margin-bottom:10px}
.t-card .t-list{font-size:14px;gap:6px;margin-bottom:0}
.t-contacts .t-card p{margin-bottom:8px}
.t-big{font-family:'Tektur';font-weight:700;font-size:19px;color:#191b1e}
.t-big:hover{color:var(--or)}
.t-note{font-size:13.5px!important;color:#8b8f96!important}
.t-rows{display:flex;flex-direction:column;border:1px solid #ecebe7;border-radius:14px;overflow:hidden;background:#fff;margin-bottom:14px}
.t-rows>div{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;font-size:15px;border-bottom:1px solid #f1efeb}
.t-rows>div:nth-child(odd){background:#f7f6f2}
.t-rows>div:last-child{border-bottom:0}
.t-rows b{font-family:'Tektur';font-weight:700;white-space:nowrap}
.t-pay li b{font-weight:600}
.t-cta{margin:34px 0 6px;background:#fff;border:1px solid #f0dfa8;border-radius:16px;padding:22px 24px;
  display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.t-cta b{display:block;font-size:17px;margin-bottom:5px}
.t-cta span{font-size:14.5px;color:#6b6f76}
.t-cta-btns{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
@media (max-width:860px){
  .t-nums{grid-template-columns:1fr 1fr}
  .t-cards{grid-template-columns:1fr}
  .tpage h1{font-size:27px}
}
.mega-head{display:none;align-items:center;justify-content:space-between;padding:13px 18px;background:var(--ye);color:#101114;flex:none}
.mega-head b{font-family:'Tektur';font-weight:600;font-size:18px;letter-spacing:.5px}
.mega-head button{width:40px;height:40px;border:none;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
#megaBackdrop{position:fixed;inset:0;z-index:290;background:rgba(10,12,15,.45);opacity:0;pointer-events:none;transition:opacity .25s ease}
#megaBackdrop.open{opacity:1;pointer-events:auto}
.mega-promos{display:flex;flex-direction:column;gap:14px;align-self:start}
.mega-promo{display:block;background:#faf1ea;border:1px solid #f0dfa8;border-radius:14px;overflow:hidden;color:#191b1e}
.mega-promo:hover{border-color:var(--or);color:#191b1e}
.mega-promo img{width:100%;height:96px;object-fit:cover}
.mp-body{display:block;padding:11px 14px 13px}
.mp-tag{display:inline-block;background:var(--ye);color:#101114;border-radius:6px;padding:3px 9px;font-size:11.5px;font-weight:700;font-family:'IBM Plex Mono',monospace}
.mp-name{display:block;font-size:14.5px;font-weight:600;margin-top:8px;line-height:1.3}
.mp-price{display:flex;align-items:baseline;gap:8px;margin-top:6px;font-family:'Tektur';font-weight:700;font-size:18px}
.mp-price small{font-family:'Rubik';font-size:13px;font-weight:400;color:#8b8f96}
.mp-more{display:inline-block;margin-top:9px;font-size:13.5px;font-weight:600;color:var(--lnk)}

/* ── хлебные крошки ── */
.crumbs{padding:18px 24px 0;font-size:13px;color:#8b8f96;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.crumbs a{color:#8b8f96}
.crumbs a:hover{color:var(--or)}
.crumbs i{font-style:normal;color:#d5d1ca}
.crumbs span{color:#3d4147}
@media (min-width:1025px){
  /* крошки и заголовок корзины залипают под шапкой, а не уезжают под неё */
  /* только карточка товара и корзина (класс pinbars); фон плашки лишь на левой половине — правая колонка свободно скроллится под ней */
  .pinbars .crumbs{position:sticky;top:var(--stuck-h,108px);z-index:120;background:linear-gradient(to right,#fbfaf8 50%,transparent 50%);padding-bottom:14px}
  /* на карточке товара в залипшем виде плашку оставляем, а сами ссылки-крошки прячем (высота плашки сохраняется) */
  .pinbars-prod header#top.stuck ~ .crumbs>*{visibility:hidden}
  .pinbars .listing .l-head{position:sticky;top:var(--lhead-top,150px);z-index:110;background:linear-gradient(to right,#fbfaf8 50%,transparent 50%);padding-top:6px}
}

/* ── листинги ── */
.sec{padding:28px 0 72px}
.l-head{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:26px}
.l-head h1{font-family:'Tektur';font-weight:700;font-size:32px;margin:0}
.sortwrap{margin-left:auto;display:flex;align-items:center;gap:9px;font-size:13px;color:#8b8f96}
.sortsel{border:1px solid #d5d1ca;border-radius:8px;padding:9px 12px;font-size:13.5px;background:#fff;color:#191b1e;cursor:pointer}
.sortsel:hover{border-color:var(--or)}
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.pcard{background:#fff;border:1px solid #ecebe7;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.pcard:hover{box-shadow:0 14px 30px -14px rgba(22,24,29,.25);transform:translateY(-3px)}
.pimg{position:relative;display:flex;align-items:center;justify-content:center;height:185px;background:#f6f5f2;overflow:hidden}
.pdots{position:absolute;left:10px;right:10px;bottom:8px;display:flex;gap:4px;pointer-events:none;opacity:0;transition:opacity .2s}
.pimg:hover .pdots{opacity:1}
.pdots i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.6);box-shadow:0 0 3px rgba(0,0,0,.25)}
.pdots i.on{background:var(--ye)}
.pbrand{position:absolute;top:10px;left:10px;z-index:2;pointer-events:none;
  background:rgba(255,255,255,.95);border:1px solid #ecebe7;border-left:3px solid var(--yed);border-radius:6px;
  padding:3px 8px;font-family:'Tektur';font-weight:700;font-size:10.5px;letter-spacing:.6px;text-transform:uppercase;color:#14161a;
  box-shadow:0 2px 8px rgba(0,0,0,.08)}
.pbrand.haslogo{padding:3px 7px;display:flex;align-items:center}
.pbrand img{height:15px;max-width:56px;object-fit:contain;display:block}
/* широкие «ленточные» лого: плашка длинная, лого целиком по центру */
.pbrand.lg{padding:4px 10px;min-width:104px;box-sizing:border-box;justify-content:center}
.pbrand.lg img{height:16px;width:auto;max-width:100%}
.brand-hero{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #ecebe7;border-radius:12px;padding:8px 14px;margin-right:4px}
.brand-hero img{height:36px;max-width:150px;object-fit:contain}
.pimg img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.pcard:hover .pimg img{transform:scale(1.05)}
.noimg{font-family:'IBM Plex Mono',monospace;font-size:12px;color:#9aa0a6;background:repeating-linear-gradient(45deg,#f1efeb 0 12px,#e9e7e2 12px 24px);width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.pbody{padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px;flex:1}
.pname{font-size:15px;font-weight:600;line-height:1.3}
.pfeats{display:flex;flex-direction:column;margin:0 -8px}
.cf{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:5px 8px;border-radius:6px;background:#fafafa}
.cf:nth-child(odd){background:#efefed}
.cf span{color:#8b8f96}
.cf b{font-weight:500;text-align:right}
.pgrow{flex:1}
.cprice{font-family:'Tektur';font-weight:700;font-size:18px}
.cprice.ask{font-size:14px;font-weight:600;color:#8b8f96;font-family:'Rubik'}
.pbtns{display:flex;gap:8px}
.pbtns .more{flex:1;text-align:center;border:1.5px solid #e4e2de;border-radius:10px;padding:10px 0;font-size:13.5px;font-weight:600}
.pbtns .more{background:#fff;transition:border-color .18s,color .18s,background .18s}
.pbtns .more:hover{border-color:#2a2f36;color:#101114;background:#f3f1ec}
/* «В корзину» — объёмная жёлтая кнопка со ступенькой */
.add{border:none;background:var(--ybg);color:#101114;border-radius:10px;padding:10px 14px;font-size:13.5px;font-weight:600;cursor:pointer;flex:1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7), 0 3px 0 var(--ystep), 0 8px 16px -8px rgba(201,148,0,.55);
  transition:background .18s,box-shadow .16s,transform .12s}
.add:hover{background:var(--ybg-h);color:#101114;transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 4px 0 var(--ystep), 0 12px 20px -8px rgba(201,148,0,.65)}
.add:active{transform:translateY(2px);box-shadow:inset 0 2px 6px rgba(120,84,0,.4), 0 1px 0 var(--ystep)}

/* ── индекс каталога ── */
.cat-index h1.ghost{position:relative;isolation:isolate;text-align:center;font-family:'Tektur';font-weight:700;font-size:34px;margin:10px 0 6px}
.cat-index h1.ghost::before{content:attr(data-g);position:absolute;left:50%;top:50%;z-index:-1;transform:translate(-50%,-56%);
  font-family:'Tektur';font-weight:800;font-size:92px;letter-spacing:8px;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(20,22,26,.075);pointer-events:none;white-space:nowrap}
.lead-c{text-align:center;color:#6b6f76;margin:0 0 38px}
.grp{font-family:'Tektur';font-weight:700;font-size:22px;margin:38px 0 18px}
.grp-cat{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.grp-cat a{color:inherit;border-bottom:2px solid var(--ye)}
.grp-cat a:hover{color:var(--yed)}
.grp-cat .grp-n{font-family:'IBM Plex Mono','Rubik',monospace;font-weight:400;font-size:14px;color:#8b8f96}
.subcats{margin-bottom:30px}
/* быстрые кнопки-переходы по подразделам — объёмные жёлтые */
.subnav{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 30px}
.subnav-btn{display:inline-flex;align-items:center;gap:9px;padding:11px 16px;border-radius:12px;
  background:linear-gradient(135deg,#fff8d4 0%,#ffeda2 32%,#fbdc69 64%,#f0c831 100%);
  color:#101114;font-weight:600;font-size:14.5px;line-height:1.15;
  border:1px solid #e8c34f;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 3px 0 #dfb126, 0 8px 16px -8px rgba(201,148,0,.4);
  transition:transform .12s ease,box-shadow .12s ease,background .18s}
.subnav-btn:hover{transform:translateY(-1px);background:linear-gradient(135deg,#fffbe4 0%,#fff3b8 32%,#fde27c 64%,#f4d049 100%);color:#101114;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 4px 0 #dfb126, 0 12px 20px -8px rgba(201,148,0,.5)}
.subnav-btn:active{transform:translateY(2px);box-shadow:inset 0 2px 6px rgba(150,110,10,.32), 0 1px 0 #dfb126}
/* цифра — светлее названия: белёсая плашка + тёплый коричневый */
.subnav-btn b{background:rgba(255,255,255,.5);color:#8a6a11;border-radius:20px;padding:1px 9px;font-family:'Tektur',sans-serif;font-weight:700;font-size:13px}
/* активный раздел — кнопка утоплена: светлая, но вдавленная, цифры светлым на янтарной плашке */
.subnav-btn.on{transform:translateY(2px);cursor:default;
  background:linear-gradient(135deg,#f7e9b4 0%,#f4e2a0 55%,#efd88a 100%);border-color:#dcc177;color:#2c2405;
  box-shadow:inset 0 3px 7px rgba(150,110,10,.3), inset 0 -1px 0 rgba(255,255,255,.7), 0 1px 0 #dcc177}
.subnav-btn.on:hover{transform:translateY(2px);background:linear-gradient(135deg,#faeec1 0%,#f7e7ab 55%,#f2dd94 100%);
  box-shadow:inset 0 3px 7px rgba(150,110,10,.3), inset 0 -1px 0 rgba(255,255,255,.7), 0 1px 0 #dcc177}
.subnav-btn.on b{background:#b0800a;color:#fff8de}
/* вложенные подразделы в мега-меню: раскрываются кликом по разделу */
.mchev{position:absolute;right:11px;top:50%;transform:translateY(-50%);font-size:10px;font-style:normal;color:#b6bac0;
  transition:transform .22s ease,color .2s}
.mega-cats .mega-link.has-sub:hover .mchev{color:var(--yed)}
.mega-link.has-sub.open .mchev{transform:translateY(-50%) rotate(180deg);color:var(--yed)}
.mega-link.has-sub.open{border-color:#e6cf8a;background:linear-gradient(180deg,#fffdf5 0%,#fdf6e2 100%)}
.mega-sub{display:none;flex-direction:column;gap:3px;margin:3px 0 4px 14px;border-left:2px solid rgba(239,187,16,.5);padding-left:10px}
.mega-sub.open{display:flex;animation:megaSubIn .2s ease both}
@keyframes megaSubIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.mega-sublink{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 9px;border-radius:7px;font-size:13.5px;color:#5d6167}
.mega-sublink:hover{background:#fff6dd;color:var(--or)}
.mega-sublink span{background:#f6f3ee;border-radius:6px;padding:1px 7px;color:#9aa0a6;font-size:12px}
.mega-sublink span.mn{flex:1;min-width:0;background:none;padding:0;color:inherit;font-size:inherit}
.mega-sublink.all{font-weight:600;color:#3d4147}
/* широкое фото в начале текстовой страницы */
.t-hero{width:100%;height:auto;max-height:420px;object-fit:cover;border-radius:18px;margin:0 0 26px;
  box-shadow:0 22px 44px -30px rgba(22,24,29,.7)}
/* ── карточки на текстовых страницах (доставка и оплата) — как блок на главной, но светлые ── */
.dcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 30px}
.dcard{background:#fff;border:1px solid #ecebe7;border-radius:18px;padding:24px 26px 22px;
  box-shadow:0 16px 34px -28px rgba(22,24,29,.55)}
.dcard-ico{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:13px;
  color:#101114;background:linear-gradient(135deg,#ffe066 0%,#f4c62c 45%,#dfa905 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75), 0 8px 18px -10px rgba(239,187,16,.9)}
.dcard-ico svg{width:24px;height:24px}
.dcard h3{font-family:'Tektur';font-weight:700;font-size:20px;margin:14px 0 15px}
.dcard .t-rows{margin-bottom:14px}
.dlist{list-style:none;margin:0 0 15px;padding:0;display:flex;flex-direction:column;gap:12px}
.dlist li{position:relative;padding-left:26px;font-size:14.5px;line-height:1.55;color:#4a5058}
.dlist li::before{content:"";position:absolute;left:2px;top:8px;width:8px;height:8px;border-radius:50%;
  background:var(--ye);box-shadow:0 0 0 4px rgba(239,187,16,.18)}
.dlist b{color:#191b1e;font-weight:600}
.dnote{margin:0;padding:14px 16px;font-size:13.5px;line-height:1.6;color:#6b6f76;
  background:#fdfaf0;border-left:3px solid rgba(239,187,16,.85);border-radius:0 10px 10px 0}
.dnote b{color:#3d4147}
.dnote a{color:var(--lnk);border-bottom:1px dashed rgba(195,28,18,.4)}
.dnote a:hover{color:#101114;border-bottom-color:#101114}
@media (max-width:860px){
  .dcards{grid-template-columns:minmax(0,1fr);gap:14px}
  .dcard{padding:20px}
}
/* ── индекс каталога: разделы строками, круглое фото + подразделы кнопками ── */
.cat-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:44px}
.crow{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;align-items:center;
  background:#fff;border:1px solid #ecebe7;border-radius:18px;padding:22px 26px;
  transition:box-shadow .22s,border-color .22s,transform .22s}
.crow:hover{border-color:#e6cf8a;transform:translateY(-2px);box-shadow:0 22px 40px -26px rgba(22,24,29,.5)}
.crow-pic{position:relative;width:134px;height:134px;padding:7px;box-sizing:border-box;border-radius:50%;
  display:flex;align-items:center;justify-content:center;background:#fff}
.crow-pic::before{content:"";position:absolute;inset:0;border-radius:50%;
  background:conic-gradient(from 220deg, var(--ye) 0 80deg, rgba(20,22,26,.12) 80deg 360deg);
  -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 4.5px), #000 calc(100% - 3.5px));
          mask:radial-gradient(farthest-side, transparent calc(100% - 4.5px), #000 calc(100% - 3.5px));
  transition:transform .7s cubic-bezier(.22,1,.36,1)}
.crow:hover .crow-pic::before{transform:rotate(1turn)}
.crow-pic img{width:100%;height:100%;border-radius:50%;object-fit:contain;background:#fff;position:relative;
  box-shadow:0 12px 26px -18px rgba(22,24,29,.5);transition:transform .4s ease}
.crow:hover .crow-pic img{transform:scale(1.04)}
.crow-pic .noimg{font-size:12.5px;color:#9aa0a6;text-align:center}
.crow-body{display:flex;flex-direction:column;gap:12px;min-width:0}
.crow-h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-family:'Tektur';font-weight:700;
  font-size:19px;line-height:1.2;color:#191b1e;transition:color .18s}
.crow-h b{font-family:'IBM Plex Mono',monospace;font-weight:400;font-size:13px;color:#8b8f96;
  background:#f6f3ee;border-radius:7px;padding:3px 9px}
.crow:hover .crow-h{color:#101114}
.crow-subs{display:flex;flex-wrap:wrap;gap:8px}
.crow-sub{display:inline-flex;align-items:baseline;gap:7px;padding:8px 12px;border-radius:10px;
  background:#faf9f6;border:1px solid #eae7e0;font-size:14px;color:#3d4147;
  transition:background .18s,border-color .18s,color .18s,transform .12s}
.crow-sub i{font-style:normal;font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:#a8adb4}
.crow-sub:hover{background:#fff6dd;border-color:#e6cf8a;color:#101114;transform:translateY(-1px)}
.crow-sub:hover i{color:var(--yed)}
.crow-all{align-self:flex-start;font-size:13.5px;font-weight:600;color:var(--lnk)}
.crow-all i{font-style:normal;display:inline-block;transition:transform .2s}
.crow-all:hover i{transform:translateX(4px)}
@media (max-width:1080px){.cat-rows{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){
  .crow{grid-template-columns:minmax(0,1fr);gap:16px;padding:18px;justify-items:center;text-align:center}
  .crow-pic{width:132px;height:132px}
  .crow-body{align-items:center}
  .crow-subs{justify-content:center}
  .crow-h{font-size:19px;justify-content:center}
  .crow-all{align-self:center}
}
/* марки внизу каталога: плитки с лого */
.brands-h{display:flex;align-items:baseline;gap:12px}
.btiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px;margin-bottom:44px}
.btile{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;padding:16px 12px 13px;
  background:#fff;border:1px solid #ecebe7;border-radius:14px;color:#3d4147;
  transition:border-color .2s,box-shadow .2s,transform .2s}
.btile:hover{border-color:#e6cf8a;transform:translateY(-2px);box-shadow:0 16px 28px -20px rgba(22,24,29,.6);color:#3d4147}
.bt-l{height:38px;display:flex;align-items:center;justify-content:center;width:100%}
.bt-l img{max-height:38px;max-width:100%;object-fit:contain;filter:grayscale(.35);opacity:.92;transition:filter .2s,opacity .2s}
.btile:hover .bt-l img{filter:none;opacity:1}
.bt-txt{font-family:'Tektur';font-weight:700;font-size:15px;color:#6b6f76}
.bt-n{font-size:12.5px;font-weight:600;letter-spacing:.3px;text-align:center;line-height:1.2}
.bt-c{position:absolute;top:8px;right:9px;font-family:'IBM Plex Mono',monospace;font-size:11px;color:#a8adb4;
  background:#f6f3ee;border-radius:6px;padding:1px 6px}
.btile:hover .bt-c{background:#fff2cc;color:var(--yed)}
/* короткий текст о каталоге внизу страницы */
.seo-note{margin:0 0 10px;padding:22px 26px;background:#fff;border:1px solid #ecebe7;border-radius:16px}
.seo-note h2{font-family:'Tektur';font-weight:700;font-size:19px;margin:0 0 10px}
.seo-note p{margin:0 0 10px;font-size:14.5px;line-height:1.6;color:#4a5058}
.seo-note p:last-child{margin-bottom:0}
@media (max-width:760px){.seo-note{padding:18px}}
/* раздел без товаров (всё перенесли) — не тупик, а развилка */
.cat-empty{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:6px 0 40px;
  padding:26px 28px;background:#fff;border:1px solid #ecebe7;border-radius:16px}
.cat-empty b{font-family:'Tektur';font-weight:700;font-size:19px}
.cat-empty span{color:#6b6f76;font-size:14.5px}
.cat-empty .k-btn{margin-top:6px;text-decoration:none}
.cgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ccard{background:#fff;border:1px solid #ecebe7;border-radius:14px;overflow:hidden;transition:box-shadow .2s,transform .2s;color:#191b1e}
.ccard:hover{box-shadow:0 14px 30px -14px rgba(22,24,29,.25);transform:translateY(-3px);color:#191b1e;border-color:var(--or)}
.cimg2{display:flex;height:140px;background:#f6f5f2;overflow:hidden}
.cimg2 img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.ccard:hover .cimg2 img{transform:scale(1.05)}
.ccard:hover .cname{color:var(--or)}
.cbody{display:flex;flex-direction:column;gap:3px;padding:12px 14px 14px}
.cname{font-size:14.5px;font-weight:600;line-height:1.3}
.ccount{font-family:'IBM Plex Mono',monospace;font-size:12px;color:#9aa0a6}
/* стили этой кнопки — выше, рядом с поиском (была ещё одна пара правил здесь,
   и она перебивала их: одинаковая специфичность, но ниже по файлу) */

/* ── карточка товара ── */
.pwrap{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:start;padding-top:8px}
/* галерея: миниатюры вертикальной колонкой слева, наведение переключает большое фото */
.gal{display:grid;grid-template-columns:90px 1fr;gap:10px;align-items:start}
.gal.single{grid-template-columns:1fr}
@media (min-width:1025px){.gal{position:sticky;top:var(--pin-top,160px)}} /* фото залипает ниже шапки и крошек, чтобы не лезло под них */
.gal-main{background:#f6f5f2;border:1px solid #ecebe7;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;cursor:zoom-in}
.gal-main img{width:100%;height:100%;object-fit:cover}
.noimg.big{aspect-ratio:4/3;font-size:14px;cursor:default}
/* колонка миниатюр: полоса прокрутки занимает своё место (gutter), рамка входит в ширину —
   иначе правый край миниатюр срезало то скроллбаром, то самой рамкой */
.gal-thumbs{display:flex;flex-direction:column;gap:8px;max-height:400px;padding-right:2px;
  overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-gutter:stable}
.gal-thumbs::-webkit-scrollbar{width:6px}
.gal-thumbs::-webkit-scrollbar-thumb{background:#d8d5cf;border-radius:3px}
.gal-thumbs::-webkit-scrollbar-thumb:hover{background:#b9b5ac}
.gal-thumbs img{width:100%;box-sizing:border-box;aspect-ratio:4/3;object-fit:cover;border-radius:8px;border:2px solid transparent;cursor:pointer;background:#f6f5f2;opacity:.85;transition:opacity .15s,border-color .15s}
.gal-thumbs img:hover{opacity:1}
.gal-thumbs img.on{border-color:var(--yed);opacity:1}
/* лайтбокс: клик по большому фото */
#lb{position:fixed;inset:0;z-index:500;background:rgba(10,12,15,.9);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease}
#lb.open{opacity:1;pointer-events:auto}
#lb img{max-width:92vw;max-height:90vh;object-fit:contain;border-radius:6px;box-shadow:0 30px 80px rgba(0,0,0,.5);cursor:default}
.lb-x{position:absolute;top:16px;right:20px;width:44px;height:44px;border:none;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:24px;line-height:1;cursor:pointer}
.lb-x:hover{background:rgba(255,255,255,.22)}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:64px;border:none;border-radius:8px;background:rgba(255,255,255,.1);color:#fff;font-size:26px;cursor:pointer}
.lb-nav:hover{background:var(--or);color:#fff}
.lb-prev{left:16px}
.lb-next{right:16px}
.lb-n{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-family:'IBM Plex Mono',monospace;font-size:13px;color:#9ba1a8}
.pinfo h1{font-family:'Tektur';font-weight:700;font-size:28px;line-height:1.15;margin:0 0 6px}
.psub{font-size:12.5px;margin-bottom:4px}
/* бренд под названием: лого + имя, ссылка на страницу бренда */
.pbrand-line{display:inline-flex;align-items:center;gap:9px;margin:2px 0 4px;padding:6px 11px;
  border:1px solid #ecebe7;border-radius:9px;background:#fff}
.pbrand-line:hover{border-color:var(--or)}
.pbrand-line img{height:32px;max-width:160px;object-fit:contain}
.pbrand-line span{font-size:13px;color:#6b6f76;font-weight:600;letter-spacing:.3px}
.buy{display:flex;flex-direction:column;gap:12px;margin:18px 0 8px;padding:16px 18px;background:#fff;border:1px solid #ecebe7;border-radius:14px}
.buy-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.bprice{font-family:'Tektur';font-weight:700;font-size:28px}
.bprice.ask{font-size:18px;color:#8b8f96}
.add.big{flex:none;padding:13px 26px;font-size:15px;border-radius:10px}
/* второстепенное действие рядом с жёлтой «В корзину»: зелёный «позвонить» */
.ask-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;
  color:#2b8a3e;border-bottom:1px dashed #a9d8b5;padding-bottom:1px;transition:color .18s,border-color .18s}
.ask-btn:hover{color:#1f7a33;border-bottom-color:#2b8a3e}
.ask-btn svg{width:15px;height:15px;flex:none;color:#2b8a3e}
.pinfo h2{font-family:'Tektur';font-weight:700;font-size:19px;margin:26px 0 12px}
.ftable{width:100%;border-collapse:collapse;background:#fff;border:1px solid #ecebe7;border-radius:12px;overflow:hidden}
.is-empty{display:none}
.ftable td{padding:10px 14px;font-size:14px;border-bottom:1px solid #e9e9e6;background:#f7f7f5}
.ftable tr:nth-child(odd) td{background:#eaeae7}
.ftable tr:last-child td{border-bottom:0}
.ftable td:first-child{color:#6b6f76;width:55%}
.ftable td:last-child{font-weight:600;text-align:right}
/* доп. оборудование: чекбоксы + пересчёт цены + превью фото */
.accs-hint{font-size:13px;color:#a3560f;background:#fdf2cf;border:1px solid #f0dfa8;border-bottom:none;border-radius:12px 12px 0 0;padding:10px 14px}
.accs-hint + .accs{border-radius:0 0 12px 12px}
.accs{display:flex;flex-direction:column;background:#fffaea;border:1px solid #f0dfa8;border-radius:12px;overflow:hidden}
.acc{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;font-size:14px;border-bottom:1px solid #f6e4d3;cursor:pointer;transition:background .15s}
.acc:last-child{border-bottom:0}
.acc:hover{background:#fdf2cf}
.acc-l{display:flex;align-items:center;gap:11px;min-width:0}
/* галочка допа — своя, объёмная: снятая как клавиша, отмеченная жёлтая с чёрной птичкой */
.acc-check{-webkit-appearance:none;appearance:none;position:relative;flex:none;margin:0;cursor:pointer;
  width:23px;height:23px;border-radius:7px;border:1.5px solid #dcd6c7;
  background:linear-gradient(180deg,#fff 0%,#f4f2ea 100%);
  box-shadow:inset 0 1px 0 #fff, 0 2px 0 #e4dfd1, 0 5px 12px -7px rgba(22,24,29,.45);
  transition:background .18s,border-color .18s,box-shadow .16s,transform .12s}
.acc-check:hover{border-color:#d9a200;box-shadow:inset 0 1px 0 #fff, 0 2px 0 #e4dfd1, 0 7px 14px -7px rgba(201,148,0,.6)}
.acc-check:checked{border-color:#a87f00;
  background:linear-gradient(135deg,#ffe066 0%,#f4c62c 45%,#dfa905 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75), 0 2px 0 #a87f00, 0 7px 15px -6px rgba(201,148,0,.85)}
.acc-check:checked::after{content:"";position:absolute;left:7.5px;top:3.5px;width:5px;height:10px;
  border:solid #101114;border-width:0 2.6px 2.6px 0;transform:rotate(45deg)}
.acc-check:active{transform:translateY(2px);box-shadow:inset 0 2px 5px rgba(120,84,0,.35)}
.acc-check:focus-visible{outline:2px solid #8a6a05;outline-offset:2px}
.acc:has(.acc-check:checked){background:#fff4cf}
.acc:has(.acc-check:checked) .acc-name{border-bottom-color:#c99400}
.acc-nochk{width:23px;flex:none}
.acc-name{border-bottom:1px dashed #d9b18e}
.acc-r{display:flex;align-items:center;gap:0;flex:none}
.acc-p{font-family:'Tektur';font-weight:700;white-space:nowrap}
.acc-go{font-size:12.5px;font-weight:600;color:var(--lnk);white-space:nowrap;margin-left:14px;padding-left:14px;border-left:1px solid #e8d9a4}
.acc-go:hover{text-decoration:underline}
#accPrev{position:fixed;z-index:450;display:none;pointer-events:none;background:#fff;border:1px solid #ecebe7;border-radius:10px;padding:6px;box-shadow:0 18px 40px rgba(0,0,0,.28)}
#accPrev img{width:240px;height:180px;object-fit:contain;background:#f6f5f2;border-radius:6px;display:block}
/* раскладка цены: зебра-список выбранного оборудования, на всю ширину блока */
.bnote{width:100%;box-sizing:border-box;font-size:13px;color:#6b6f76;line-height:1.45;transition:height .3s ease;
  border:1px solid #f1e6d8;border-radius:8px;overflow:hidden}
.bnote b{color:#191b1e;font-weight:600}
/* «итого с оборудованием» — сумма графитом и Tektur'ом, как цены на сайте */
.bnote .bn-i:last-child b{font-family:'Tektur',sans-serif;font-weight:700;font-size:15.5px;color:#101114}
.bnote .bn-i{display:block;padding:7px 11px;animation:bnIn .3s ease}
@keyframes bnIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.bnote .bn-i:nth-child(even){background:#f8f4ee}
.bnote .bn-i:last-child{background:#fdf2cf;font-weight:600;color:#3d4147;border-top:1px solid #f0dfa8}
.bnote .bn-i i{font-style:normal;color:#3d4147}
.dtext{font-size:14.5px;line-height:1.6;color:#3d4147;overflow-wrap:break-word}
.dtext table{max-width:100%;border-collapse:collapse}
.dtext td{border:1px solid #eee;padding:6px 9px;font-size:13.5px}
.assure{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;font-size:13px;color:#5d6167;
  border-left:3px solid var(--ye);padding:8px 0 8px 14px;background:linear-gradient(90deg,rgba(239,187,16,.10),transparent 60%);border-radius:0 8px 8px 0}
.assure span{white-space:nowrap}

/* ── корзина (порт из «Ёлки-палок», палитра сайта) ── */
.k-h1{font-family:'Tektur';font-weight:700;font-size:32px;margin:6px 0 10px}
.k-empty{color:#6b6f76;font-size:15.5px;margin:0 0 22px}
.k-btn{display:inline-block;background:var(--ybg);color:#101114;border:none;border-radius:10px;padding:14px 26px;font-size:15px;font-weight:600;cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7), 0 3px 0 var(--ystep), 0 9px 18px -8px rgba(201,148,0,.55);
  transition:background .18s,box-shadow .16s,transform .12s}
.k-btn:hover{background:var(--ybg-h);color:#101114;transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 4px 0 var(--ystep), 0 13px 22px -8px rgba(201,148,0,.65)}
.k-btn:active{transform:translateY(2px);box-shadow:inset 0 2px 6px rgba(120,84,0,.4), 0 1px 0 var(--ystep)}
.k-wide{width:100%}
.k-link{font-size:14px;font-weight:600;color:var(--lnk);margin-left:18px}
.cart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;align-items:start}
.cart-side{position:sticky;top:var(--pin-top,160px);align-self:start;max-height:calc(100vh - 40px);overflow-y:auto;scrollbar-width:thin}
.cart-list{list-style:none;padding:0;margin:0;border-top:1px solid #e6e3dd}
.cart-list li{display:grid;grid-template-columns:64px 1fr auto auto auto;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid #e6e3dd}
.cart-pic{width:64px;height:64px;flex:none;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #ecebe7;border-radius:10px;overflow:hidden}
.cart-pic.is-empty{background:#f6f1e8;border-style:dashed}
.cart-pic img{width:100%;height:100%;object-fit:contain}
.cart-name{display:flex;flex-direction:column;gap:4px;min-width:0}
.cart-name a{font-size:14.5px;font-weight:500;line-height:1.35}
.cart-name span{font-size:13px;color:#8b8f96}
.cart-sum{font-family:'Tektur';font-weight:700;font-size:16px;min-width:86px;text-align:right;font-variant-numeric:tabular-nums}
.cart-del{border:0;background:none;cursor:pointer;font-size:22px;line-height:1;color:#b6bac0;width:30px;height:30px}
.cart-del:hover{color:#e03131}
.qty{display:inline-flex;align-items:center;background:#fff;border:1px solid #e4e2de;border-radius:10px;overflow:hidden}
.qty button{width:36px;height:42px;border:0;background:none;cursor:pointer;font-size:17px;color:#4b4f55}
.qty button:hover{background:#f6f5f2;color:var(--or)}
.qty input{width:48px;height:42px;border:0;text-align:center;background:none;font-size:14.5px;font-weight:600;outline:none;-moz-appearance:textfield}
.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.cart-form{background:#fff;border:1px solid #ecebe7;border-radius:16px;padding:24px;align-self:start}
.cart-form h2{font-family:'Tektur';font-weight:700;font-size:20px;margin:0 0 16px}
.ways{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
.ways label{position:relative;display:flex;flex-direction:column;gap:3px;padding:12px;background:#fbfaf8;cursor:pointer;border:1.5px solid #e6e3dd;border-radius:12px;font-size:12px;line-height:1.3;color:#8b8f96}
.ways label b{font-size:14px;font-weight:600;color:#191b1e}
.ways label.is-on{border-color:var(--yed);background:#fffaea}
.ways input{position:absolute;opacity:0;width:0;height:0}
.ways-2{margin-top:-6px}
.fld{display:block;margin-bottom:13px}
.fld span{display:block;margin-bottom:5px;font-size:13px;color:#8b8f96}
.fld input,.fld textarea{width:100%;box-sizing:border-box;padding:11px 13px;border:1px solid #e4e2de;border-radius:11px;background:#fff;font-family:inherit;font-size:14.5px;color:#191b1e;resize:vertical}
.fld input:focus,.fld textarea:focus{outline:2px solid var(--yed);outline-offset:-1px;border-color:transparent}
.fld-key input{border-color:#f0c9ab;box-shadow:inset 0 0 0 1px #fbe4d1}
.fld-key span{color:#a3560f}
.fld-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fld-row-3{grid-template-columns:1.05fr .95fr 1.2fr}
.fld-err{display:block;margin-top:5px;font-size:12.5px;color:#a03a2b;font-style:normal}
.firma{position:relative;margin-bottom:13px;padding:12px 12px 2px;border:1.5px solid #f0dfa8;border-radius:12px;background:#fffaea}
.firma .fld input{border-color:#eecbaa}
.firma .fld span{color:#a3560f}
.firma-drop{position:absolute;top:calc(100% - 6px);left:0;right:0;z-index:6;list-style:none;margin:0;padding:5px;max-height:290px;overflow-y:auto;background:#fff;border:1px solid #e6e3dd;border-radius:12px;box-shadow:0 22px 44px -22px rgba(24,20,14,.5)}
.firma-drop button{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;padding:9px 11px;border:0;border-radius:9px;background:none;cursor:pointer;font-family:inherit}
.firma-drop button:hover{background:#fdf2cf}
.firma-drop b{font-size:14px;font-weight:600;color:#191b1e}
.firma-drop span{font-size:12px;color:#8b8f96}
.firma-card{display:flex;flex-direction:column;gap:3px;padding:12px 14px;margin-bottom:12px;border:1.5px solid var(--yed);border-radius:12px;background:#fffaea}
.firma-card b{font-size:14.5px;font-weight:600}
.firma-card span{font-size:12.5px;color:#8b8f96}
.firma-card > button{align-self:flex-start;margin-top:4px;padding:0;border:0;background:none;cursor:pointer;font-family:inherit;font-size:12.5px;color:var(--yed);text-decoration:underline}
.firma-note{margin:0 0 10px;font-size:12.5px;color:#8b8f96}
.consent{display:flex;gap:9px;align-items:flex-start;margin:14px 0 4px;font-size:12.5px;line-height:1.45;color:#8b8f96;cursor:pointer}
.consent input{margin-top:2px;flex:none;accent-color:var(--yed)}
.cart-total{display:flex;justify-content:space-between;align-items:baseline;margin:16px 0 14px;padding-top:14px;border-top:1px solid #e6e3dd;font-size:14px;color:#8b8f96}
.cart-total b{font-family:'Tektur';font-weight:700;font-size:24px;color:#191b1e;font-variant-numeric:tabular-nums}
.cart-note{margin:12px 0 0;font-size:12.5px;line-height:1.5;color:#8b8f96}
.form-err{margin:0 0 10px;padding:10px 12px;border-radius:10px;background:#fbedea;color:#8e3123;font-size:13.5px}
/* «спасибо» */
.zakaz{max-width:760px}
.zakaz-mark{display:inline-flex;align-items:center;gap:8px;margin:4px 0 12px;padding:6px 13px;border-radius:999px;background:#fdf2cf;color:#a3560f;font-size:12.5px;font-weight:600}
.zakaz-list{list-style:none;padding:0;margin:0 0 26px;border-top:1px solid #e6e3dd}
.zakaz-list li{display:grid;grid-template-columns:48px 1fr auto auto;gap:16px;align-items:center;padding:13px 0;border-bottom:1px solid #e6e3dd}
.zakaz-pic{width:48px;height:48px;border-radius:9px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#faf9f7;border:1px solid #ecebe7}
.zakaz-pic.is-empty{background:#f2f0ea}
.zakaz-pic img{width:100%;height:100%;object-fit:contain}
.zakaz-sum b{font-family:'Tektur';font-size:18px}
.zakaz-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
@media (max-width:1024px){
  .cart-grid{grid-template-columns:1fr;gap:24px}
  .cart-side{position:static;max-height:none;overflow:visible}
  .fld-row-3{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .cart-pic{width:52px;height:52px}
  .cart-list li{grid-template-columns:52px 1fr auto;grid-template-areas:'pic name del' 'pic qty sum';row-gap:8px;column-gap:10px}
  .cart-list li .cart-pic{grid-area:pic}
  .cart-list li .cart-name{grid-area:name}
  .cart-list li .qty{grid-area:qty;justify-self:start}
  .cart-list li .cart-sum{grid-area:sum}
  .cart-list li .cart-del{grid-area:del;justify-self:end}
  .fld-row,.fld-row-3{grid-template-columns:1fr;gap:0}
}

/* ── тост ── */
#toast{display:none;position:fixed;left:28px;bottom:26px;background:#14161a;color:#fff;border-left:3px solid var(--ye);border-radius:5px;padding:14px 22px;font-size:14.5px;box-shadow:0 14px 34px rgba(0,0,0,.3);z-index:400;font-family:'Onest',sans-serif;max-width:calc(100vw - 40px)}

/* ── графитовый футер ── */
footer#contacts{position:relative;color:#fff;padding:56px 0 0;isolation:isolate;
  background:
    radial-gradient(760px 340px at 88% -120px, rgba(239,187,16,.16), transparent 65%),
    radial-gradient(560px 280px at -80px 115%, rgba(239,187,16,.08), transparent 60%),
    linear-gradient(155deg,#23272e 0%,#191d22 46%,#101216 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
footer#contacts::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:
    repeating-linear-gradient(135deg, rgba(255,255,255,.04) 0 1px, transparent 1px 8px),
    repeating-linear-gradient(45deg, rgba(0,0,0,.2) 0 1px, transparent 1px 8px),
    radial-gradient(rgba(255,255,255,.045) 1px, transparent 1.4px);
  background-size:auto,auto,16px 16px}
footer#contacts::after{content:"";position:absolute;top:0;left:0;right:0;height:2px;pointer-events:none;
  background:linear-gradient(90deg, transparent 0%, var(--yed) 16%, var(--ye) 50%, var(--yed) 84%, transparent 100%);opacity:.9}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:40px}
.f-logo{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.fl35{width:40px;height:40px;border-radius:9px;background:var(--ye);color:#101114;display:flex;align-items:center;justify-content:center;font-family:'Tektur';font-weight:800;font-size:18px}
.f-note{margin:16px 0 0;font-size:13.5px;line-height:1.6;color:#9aa0a6;max-width:260px}
.f-h{font-size:12px;font-weight:600;letter-spacing:1.2px;color:#8b8f96;text-transform:uppercase;margin-bottom:16px}
.f-links{display:flex;flex-direction:column;gap:10px}
.f-links a{font-size:14px;color:#c9ccd2}
.f-links a:hover{color:var(--ye)}
.f-tel{font-family:'Tektur';font-weight:600;font-size:19px;color:#fff}
.f-tel:hover{color:var(--ye)}
.f-adr{display:flex;flex-direction:column;gap:8px;margin-top:14px;font-size:14px;color:#9aa0a6;line-height:1.5}
.f-adr a{color:#c9ccd2}
.f-adr a:hover{color:var(--ye)}
.f-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:48px}
.fb-in{padding-top:20px;padding-bottom:20px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:#7d828a}
.fb-in a{color:#7d828a}
.fb-in a:hover{color:var(--ye)}

/* ── планшет ── */
@media (max-width:1024px){
  .pgrid{grid-template-columns:repeat(2,1fr)}
  .cgrid{grid-template-columns:repeat(3,1fr)}
  .pwrap{grid-template-columns:1fr;gap:28px}
  .foot-grid{grid-template-columns:repeat(2,1fr);gap:28px}
  .mega-inner{grid-template-columns:1fr 1fr}
}
/* ── телефон ── */
@media (max-width:640px){
  /* верхняя строка: только склад и индикатор работы, без скролла */
  /* верхняя строка — одна строка, без переносов */
  .hdr-top{height:auto;min-height:0;padding:calc(5px + env(safe-area-inset-top,0px)) 14px 5px;gap:10px;
    justify-content:space-between;flex-wrap:nowrap;font-size:11px;overflow:hidden;white-space:nowrap}
  .hdr-top .dotted{overflow:hidden;text-overflow:ellipsis}
  .hdr-top>a{display:none}
  .hm{display:none}
  .right{margin-left:0}
  /* главный ряд: [лого] … [тел-иконка][корзина][бургер], поиск отдельной строкой */
  .hdr-main{flex-wrap:wrap;gap:8px;padding:10px 14px}
  .hdr-logo{order:1;margin-right:auto}
  .logo-badge{padding:6px 11px 7px;border-radius:10px}
  .hdr-art{height:23px}
  .lname{font-size:16px}
  .hdr-phone{order:2;flex-basis:auto}
  .hdr-phone .cb{display:none}
  .hdr-phone .ph{width:44px;height:44px;border:1px solid rgba(255,255,255,.22);border-radius:8px;justify-content:center}
  .hdr-phone .ph svg{display:block}
  .hdr-phone .ph em{display:none}
  #cartBtn{order:3;width:44px;height:44px;padding:0;justify-content:center;position:relative;gap:0;box-sizing:border-box}
  #cartBtn .ct{display:none}
  #cartBadge{position:absolute;top:-6px;right:-6px}
  .burger-btn{display:flex;order:4}
  #searchForm{order:5;flex-basis:100%}
  .hdr-navwrap{max-width:100%;padding:6px 14px 9px}
  /* липкая полоса: [Каталог прицепов] [тел] [корзина] [меню]; сверху запас под системные рамки */
  /* при прокрутке на телефоне шапка остаётся как есть — прячется только строка поиска */
  header#top.stuck .hdr-line{display:block!important}
  header#top.stuck #searchForm{display:none!important}
  .hdr-nav{height:auto}
  .hdr-nav>a{display:none}
  .hdr-cats{display:none}
  .cat-btn{width:100%;justify-content:center;padding:11px 16px;font-size:14.5px}
  /* крошки: последний элемент дублирует заголовок — прячем, контент выше */
  .crumbs span{display:none}
  .crumbs i:last-of-type{display:none}
  .wrap{padding-left:16px;padding-right:16px}
  .pgrid,.cgrid{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr}
  .cat-index h1.ghost::before{font-size:48px;letter-spacing:4px}
  /* на мобиле миниатюры — горизонтальной лентой под большим фото */
  .gal{grid-template-columns:1fr}
  .gal-thumbs{flex-direction:row;order:2;max-height:none;overflow-x:auto;overflow-y:hidden;padding:0 0 4px}
  .gal-thumbs img{width:72px;flex:none}
  /* шторка-каталог справа */
  /* каталог выезжает СЛЕВА */
  #megaMenu{position:fixed;top:0;bottom:0;left:0;right:auto;width:min(86vw,360px);z-index:300;border-top:none;border-radius:0;
    display:flex;flex-direction:column;opacity:1;visibility:visible;pointer-events:none;
    transform:translateX(-103%);transition:transform .28s cubic-bezier(.32,.72,0,1);box-shadow:22px 0 46px rgba(0,0,0,.3)}
  .mega-brands{grid-template-columns:repeat(2,1fr)}
  #megaMenu.open{transform:none;pointer-events:auto;transition:transform .28s cubic-bezier(.32,.72,0,1)}
  .mega-head{display:flex}
  .mega-inner{display:block;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:4px 18px 30px}
  .mega-col-h{margin-top:20px}
  .mega-link{padding:12px 0;border-bottom:1px solid #f1efeb;font-size:15px}
  .mega-promos{margin-top:22px}
}