/* araide (s5): единый слой оформления поверх Кракена. Подключается в <head> через araide_head.php.
   Шрифт, шапка, плавающие кнопки, общие элементы, анимации. Цвета — токены ниже. */
:root{
  --ar-font:"Golos Text",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --ar-accent:#e8730c; --ar-accent-d:#cf6408; --ar-accent-soft:#fff3e8;
  --ar-ink:#1f2329; --ar-text:#2a2f36; --ar-muted:#6b7280; --ar-line:#e7e8eb; --ar-soft:#f5f6f7;
  --ar-dark:#16191e; --ar-r:12px; --ar-shadow:0 10px 30px rgba(17,20,24,.08); --ar-ease:cubic-bezier(.2,.7,.2,1);
}

/* ---------- Шрифт ---------- */
html body,html body .bold{font-family:var(--ar-font)!important}
html body .main1,html body .main2,html body h1,html body h2,html body h3,html body h4,html body h5,html body h6{font-family:var(--ar-font)!important;letter-spacing:-.01em}
html body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
html body h1,html body h2{text-wrap:balance}
input,button,select,textarea{font-family:var(--ar-font)!important}

/* ---------- Шапка ---------- */
.header-top .main-desciption,.header-top .main-desciption-mob{display:none!important}
.header-top .main-phone .comment,.header-top a.visible-part.mail,.header-top .ic-open-list-contact{display:none!important}
.header-top .main-phone .visible-part.phone,.header-top .main-phone .phone{font-size:21px!important;font-weight:600!important;letter-spacing:.01em;white-space:nowrap}
.header-top .main-phone{padding:0!important}
.header-top a.ic-callback{transition:transform .2s var(--ar-ease),box-shadow .2s var(--ar-ease)}
.header-top a.ic-callback:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(232,115,12,.4)}
.wrap-main-menu .main-menu a,.wrap-main-menu .main-menu span{text-transform:none!important;letter-spacing:0!important;font-size:16px!important;font-weight:500!important}
.wrap-main-menu .main-menu a{transition:color .2s var(--ar-ease),opacity .2s}
.wrap-main-menu .main-menu a:hover{color:#fff!important;opacity:1}
.wrap-main-menu{border-top-color:rgba(255,255,255,.12)!important}
/* шапка в одну строку (≥1200px, класс ar-oneline ставит araide_head.php): бургер «Меню», логотип, меню, телефон */
@media (min-width:768px){
html body .header-top td.menu-burger{display:table-cell!important;padding-right:16px!important;vertical-align:middle}
html body .header-top td.menu-burger a.ic-menu-burger{width:auto!important;height:44px!important;border-radius:22px!important;display:flex!important;align-items:center;gap:9px;padding:0 18px 0 14px!important;position:relative;transition:background .2s var(--ar-ease),box-shadow .2s var(--ar-ease)}
html body .header-top td.menu-burger a.ic-menu-burger:hover{box-shadow:0 6px 18px rgba(232,115,12,.4)}
html body .header-top td.menu-burger a.ic-menu-burger .icon-hamburger-wrap{position:static!important;transform:none!important;margin:0!important;width:18px!important;left:auto!important;top:auto!important}
html body .header-top td.menu-burger a.ic-menu-burger:after{content:"Меню";color:#fff;font:600 15px/1 var(--ar-font)}
html body .wrap-main-menu nav.main-menu > li.menu{display:none!important}
}
html.ar-oneline body .header-top .top-line{padding-top:8px!important;padding-bottom:8px!important}
html.ar-oneline body .header-top .top-line > .row{margin:0!important}
html.ar-oneline body .header-top .top-line table.wrap{width:100%!important;margin:0!important;min-height:0!important;height:60px!important}
html.ar-oneline body .header-top .top-line table.wrap > tbody > tr > td{height:60px!important;vertical-align:middle!important}
html.ar-oneline body .header-top .top-line table.wrap td.left{width:1%!important;white-space:nowrap;padding:0 8px 0 0!important}
html.ar-oneline body .header-top .top-line table.wrap td.right{width:1%!important;white-space:nowrap;padding:0 0 0 8px!important}
html.ar-oneline body .header-top .top-line table.wrap td.center{width:auto!important;padding:0!important}
html.ar-oneline body .header-top .beside-burger img.logotype{height:40px!important;width:auto!important;max-width:none!important}
html.ar-oneline body .header-top td.center .wrap-main-menu{visibility:visible!important;opacity:1!important;transform:none!important;position:static!important;background:none!important;border:0!important;width:auto!important;box-shadow:none!important;margin:0!important;height:auto!important;min-height:0!important}
html.ar-oneline body .header-top td.center .wrap-main-menu .container{width:auto!important;padding:0!important;margin:0!important}
html.ar-oneline body .header-top td.center .main-menu-inner,html.ar-oneline body .header-top td.center .nav-main-menu-wrap{width:auto!important;border:0!important;height:auto!important;min-height:0!important}
html.ar-oneline body .header-top td.center nav.main-menu{display:flex!important;justify-content:center;align-items:center;flex-wrap:nowrap;margin:0!important;padding:0!important;width:auto!important}
html.ar-oneline body .header-top td.center nav.main-menu > li.lvl1:not(.section-menu-id-611){display:block!important}
html.ar-oneline body .header-top td.center nav.main-menu > li.menu{display:none!important}
html.ar-oneline body .header-top td.center nav.main-menu > li.lvl1 > a{display:block!important;width:auto!important;height:auto!important;padding:9px 8px!important;line-height:1.2!important;border-radius:8px}
html.ar-oneline body .header-top td.center nav.main-menu > li.lvl1 > a:hover{background:rgba(255,255,255,.08)}
html.ar-oneline body .header-top td.center nav.main-menu .wrap-name,html.ar-oneline body .header-top td.center nav.main-menu .wrap-name > span{display:inline!important}
html.ar-oneline body .header-top td.center nav.main-menu .bord{display:none!important}
html.ar-oneline body .header-top td.center nav.main-menu > li.lvl1 > a span{font-size:14.5px!important}
html.ar-oneline body .header-top .main-phone .visible-part.phone{font-size:18px!important}
html.ar-oneline body .header-top a.ic-callback{width:44px!important;height:44px!important;margin:0!important}
@media (min-width:1400px){html.ar-oneline body .header-top .container.top-line{width:1320px!important}}
@media (min-width:1480px){html.ar-oneline body .header-top .container.top-line{width:1380px!important}}
@media (max-width:1399px){
html.ar-oneline body .header-top td.menu-burger a.ic-menu-burger:after{display:none}
html.ar-oneline body .header-top td.menu-burger a.ic-menu-burger{padding:0 13px!important;padding-right:13px!important}
html.ar-oneline body .header-top td.menu-burger{padding-right:10px!important}
html.ar-oneline body .header-top td.center nav.main-menu > li.lvl1 > a{padding:9px 5px!important}
html.ar-oneline body .header-top td.center nav.main-menu > li.lvl1 > a span{font-size:13.5px!important}
html.ar-oneline body .header-top .main-phone .visible-part.phone{font-size:17px!important}
}
/* боковое меню (≡) */
.open-menu.on{background:rgba(16,18,22,.96)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.open-menu .main-desciption,.open-menu .main-desciption-mob{display:none!important}
.open-menu .main-menu-navigation a,.open-menu .main-menu-navigation span{text-transform:none!important;letter-spacing:0!important;font-size:22px!important;font-weight:600!important;line-height:1.3!important}
.open-menu .main-menu-navigation a{transition:color .2s var(--ar-ease)}
.open-menu .main-menu-navigation a:hover{color:var(--ar-accent)!important}
/* мобильное меню (≡ на телефоне): тёмная тема, крупные пункты, контакты сразу под списком */
@media (max-width:767px){
html body .open-menu-mobile.on{background-color:#16191e!important}
html body .open-menu-mobile{background:#16191e!important;background-image:none!important;overflow-y:auto!important}
html body .open-menu-mobile .menu-mobile-inner{height:auto!important}
html body .open-menu-mobile .head-wrap{background:var(--ar-dark)!important;border-bottom:1px solid rgba(255,255,255,.08)}
html body .open-menu-mobile .head-wrap img.logotype{height:40px!important;width:auto!important;margin-top:8px}
html body .open-menu-mobile .menu-content{padding:16px 20px 0!important}
html body .open-menu-mobile .search-form{width:auto!important;margin:0 0 8px!important;padding:0!important}
html body .open-menu-mobile .search-panel-mob{margin:0!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.12);border-radius:12px;overflow:hidden;display:flex;height:48px!important}
html body .open-menu-mobile .search-panel-mob > div{height:48px!important;float:none!important;position:relative!important}
html body .open-menu-mobile .search-panel-mob .col-xs-8{flex:1;width:auto!important;padding:0!important}
html body .open-menu-mobile .search-panel-mob .col-xs-4{width:auto!important;padding:4px!important}
html body .open-menu-mobile .search-input-box{height:48px!important;padding:0!important;left:0!important}
html body .open-menu-mobile .search-input-box input{background:transparent!important;color:#fff!important;height:48px!important;font-size:16px!important;padding-left:42px!important;width:100%!important;left:0!important;border:0!important}
html body .open-menu-mobile .search-input-box input::placeholder{color:rgba(255,255,255,.45)!important}
html body .open-menu-mobile .search-icon{left:14px!important;top:50%!important;bottom:auto!important;opacity:.55;filter:brightness(0) invert(1)}
html body .open-menu-mobile .search-btn-style{position:static!important;height:40px!important;width:auto!important;padding:0 18px!important;border-radius:9px!important;font-size:15px!important;text-transform:none!important}
html body .open-menu-mobile .mobile-menu-list{width:auto!important;margin:0!important;padding:0!important}
html body .open-menu-mobile .mobile-menu-list > li{border:0!important}
html body .open-menu-mobile .mobile-menu-list > li > a{display:flex!important;align-items:center;justify-content:space-between;padding:15px 2px!important;height:auto!important;font:600 18px/1.25 var(--ar-font)!important;text-transform:none!important;letter-spacing:0!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
html body .open-menu-mobile .mobile-menu-list > li > a:after{content:"";width:8px;height:8px;border-top:2px solid var(--ar-accent);border-right:2px solid var(--ar-accent);transform:rotate(45deg);flex:none;margin-right:4px}
html body .open-menu-mobile .mobile-menu-list > li > a:active{color:var(--ar-accent)!important}
html body .open-menu-mobile .border-mob-menu{display:none!important}
html body .open-menu-mobile .foot-wrap{position:static!important;padding:24px 20px 32px!important;width:auto!important;height:auto!important}
html body .open-menu-mobile .foot-wrap .contacts{margin:0 0 16px!important;padding:0!important}
html body .open-menu-mobile .foot-wrap .phone{font:700 24px/1.2 var(--ar-font)!important;color:#fff!important}
html body .open-menu-mobile .foot-wrap .phone a{color:#fff!important;text-decoration:none!important}
html body .open-menu-mobile .foot-wrap .desc{font-size:14px!important;line-height:1.45!important;color:rgba(255,255,255,.55)!important;margin-top:6px}
html body .open-menu-mobile .foot-wrap .ic-open-list-contact,html body .open-menu-mobile .foot-wrap .list-contacts{display:none!important}
html body .open-menu-mobile .foot-wrap a.callform{display:flex!important;align-items:center;justify-content:center;width:100%!important;height:52px!important;border-radius:12px!important;font:600 16px/1 var(--ar-font)!important;text-transform:none!important;box-shadow:0 8px 24px rgba(232,115,12,.3)}
html body .open-menu-mobile .foot-wrap .soc-group{position:static!important;margin:18px 0 0!important;padding:0!important;background:none!important;height:auto!important;display:flex;gap:10px}
html body .open-menu-mobile .foot-wrap .soc_ic{position:relative!important;display:flex!important;align-items:center;justify-content:center;width:44px!important;height:44px!important;margin:0!important;background:rgba(255,255,255,.08)!important;border-radius:12px!important}
html body .open-menu-mobile .foot-wrap .soc_ic i{position:static!important;transform:none!important;margin:0!important;color:#fff!important;font-size:18px!important}
}
/* всплывающие формы (перезвонить, быстрый заказ) */
.kraken-modal .form-modal-cell.part-form{background:#fff!important;border-radius:16px!important;padding:30px 28px 24px!important;box-shadow:0 30px 80px rgba(0,0,0,.35)!important}
.kraken-modal .form-modal-cell.part-form{width:420px!important;max-width:calc(100vw - 32px)!important}
.kraken-modal .form-modal-table{max-width:calc(100vw - 32px)!important}
/* окно быстрого заказа: слева товар на тёмном фоне вместо демо-фото Кракена */
.kraken-modal .form-modal-cell.part-more{width:300px!important;background:var(--ar-dark)!important;background-image:none!important;border-radius:16px 0 0 16px!important;padding:28px 24px!important}
.kraken-modal .form-modal-cell.part-more *{color:#fff!important}
.kraken-modal .form-modal-cell.part-more img{background:#fff;border-radius:12px;padding:8px}
.kraken-modal .form-modal-table:has(.part-more.hidden-xs) .form-modal-cell.part-form{border-radius:0 16px 16px 0!important}
@media (max-width:767px){.kraken-modal .form-modal-table:has(.part-more) .form-modal-cell.part-form{border-radius:16px!important}}
.kraken-modal *{text-transform:none!important;letter-spacing:0!important}
.kraken-modal form .title-form{font-size:24px!important;line-height:1.25!important;font-weight:700!important;color:var(--ar-ink)!important}
.kraken-modal form .subtitle-form{font-size:15px!important;line-height:1.45!important;font-weight:400!important;color:var(--ar-muted)!important;margin-top:6px}
.kraken-modal .input .bg{border:1.5px solid var(--ar-line)!important;border-radius:10px!important;background:#fff!important}
.kraken-modal .input input{font-size:16px!important;background:transparent!important}
.kraken-modal button,.kraken-modal .button-def{height:52px!important;font-size:16px!important}
.modalArea .shadow-modal,.modalArea [class*="shadow"]{background:rgba(16,18,22,.72)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
/* «Статьи» скрыты, пока раздел пустой (статьи ждём от заказчика). Вернуть: удалить эти две строки */
html body .section-menu-id-611{display:none!important}
html body .open-menu .list-menu:has(> a[href="/blog/"]){display:none!important}
/* встроенные формы Кракена (заявка внизу главной и т.п.) — карточка */
html body .form-table form.form{background:#fff;border:1px solid var(--ar-line);border-radius:16px;box-shadow:var(--ar-shadow);padding:28px 30px 22px!important;width:440px!important;max-width:100%;margin:0 auto;box-sizing:border-box}
@media (max-width:767px){html body .form-table{display:block!important;width:100%!important}html body .form-table .form-cell{width:100%!important}html body .form-table form.form{width:100%!important;padding:22px 18px 18px!important}}
html body .form-table form.form .title{text-transform:none!important;letter-spacing:0!important;font-size:22px!important;font-weight:700!important;color:var(--ar-ink)!important}
html body .form-table form.form .subtitle{color:var(--ar-muted)!important;font-size:14px!important}
/* лишняя кнопка «вниз» справа от заголовка в разделах и товарах */
html body .catalog-first-block .wrap-scroll-down,html body .catalog-first-block-cell .wrap-scroll-down{display:none!important}
/* корзина: шапка без демо-фото */
html body .head.cart-head-height{background:var(--ar-dark)!important;background-image:none!important}
html body .head.cart-head-height:before,html body .head.cart-head-height:after{display:none!important}
/* просмотрщик фото (общий) */
.alb{position:fixed;inset:0;z-index:10000;background:rgba(10,12,15,.94);display:flex;align-items:center;justify-content:center;flex-direction:column}
.alb[hidden]{display:none}
.alb img{max-width:92vw;max-height:80vh;border-radius:6px;box-shadow:0 10px 40px rgba(0,0,0,.5)}
.alb__cap{color:#fff;margin:14px 20px 0;font-size:15px;text-align:center;max-width:900px}
.alb__cnt{color:rgba(255,255,255,.6);font-size:13px;margin-top:6px}
.alb button{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;width:54px;height:54px;border-radius:50%;cursor:pointer;font-size:26px;line-height:1}
.alb button:hover{background:#e8730c}
.alb .x{top:18px;right:18px;font-size:30px}.alb .l{left:18px;top:50%;margin-top:-27px}.alb .r{right:18px;top:50%;margin-top:-27px}
@media (max-width:767px){.alb .l,.alb .r{top:auto;bottom:18px;margin:0}}
.pics-block a[href*="/upload/"]{cursor:zoom-in}
/* липкая шапка */
body.ar-scrolled .header-top{background:rgba(18,20,24,.9)!important;-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);box-shadow:0 8px 28px rgba(0,0,0,.22);transition:background .3s var(--ar-ease)}

/* ---------- Внутренние страницы без фото на фоне (класс ar-inner ставит araide_head.php везде, кроме главной) ---------- */
html.ar-inner body header{background:#16191e!important}
html.ar-inner body header .header-top{background:#16191e!important;box-shadow:0 1px 0 rgba(255,255,255,.06)}
/* разделы каталога и товары (блок Кракена) */
html.ar-inner body .header-page.catalog-first-block{background:var(--ar-soft)!important;background-image:none!important;height:auto!important;min-height:0!important;padding-top:calc(var(--ar-hh,97px) + 34px)!important;padding-bottom:36px!important;border-bottom:1px solid var(--ar-line)}
html.ar-inner body .header-page.catalog-first-block > .shadow,html.ar-inner body .header-page.catalog-first-block > .top-shadow,html.ar-inner body .top-shadow{display:none!important}
html.ar-inner body .header-page .head .title,html.ar-inner body .header-page .head h1,html.ar-inner body .header-page .main1{color:var(--ar-ink)!important;text-shadow:none!important}
html.ar-inner body .header-page .head .subtitle,html.ar-inner body .header-page .head .text,html.ar-inner body .header-page .head p,html.ar-inner body .header-page .head div:not(.title){color:var(--ar-muted)!important;text-shadow:none!important}
html.ar-inner body .header-page [class*=breadcrumb] a,html.ar-inner body .header-page [class*=breadcrumb] span{color:var(--ar-muted)!important;background:transparent!important;opacity:1!important}
html.ar-inner body .header-page [class*=breadcrumb] a:hover{color:var(--ar-accent)!important}
html.ar-inner body .header-page .search-panel{border:1px solid var(--ar-line);border-radius:12px;overflow:hidden;box-shadow:var(--ar-shadow)}
/* корзина */
html.ar-inner body .cart-first-block{background:var(--ar-soft)!important;background-image:none!important;height:auto!important;min-height:0!important;padding-top:calc(var(--ar-hh,97px) + 34px)!important;padding-bottom:36px!important;border-bottom:1px solid var(--ar-line)}
html.ar-inner body .cart-first-block > .shadow{display:none!important}
html.ar-inner body .cart-first-block .head .title,html.ar-inner body .cart-first-block .main1{color:var(--ar-ink)!important;text-shadow:none!important}
html.ar-inner body .cart-first-block .head .subtitle,html.ar-inner body .cart-first-block .head div:not(.title){color:var(--ar-muted)!important}
/* контентные страницы (araide_router.php) */
html.ar-inner body .araide-hero{background:var(--ar-soft)!important;color:var(--ar-ink)!important;border-bottom:1px solid var(--ar-line);padding-bottom:36px!important}
html.ar-inner body .araide-hero h1{color:var(--ar-ink)!important}
html.ar-inner body .araide-hero .araide-crumbs,html.ar-inner body .araide-hero .araide-crumbs a,html.ar-inner body .araide-hero .araide-crumbs span{color:var(--ar-muted)!important}
html.ar-inner body .araide-hero .araide-crumbs a:hover{color:var(--ar-accent)!important}
html.ar-inner body .araide-hero__facts{color:var(--ar-text)!important}
html.ar-inner body .araide-hero__btns .b2{border-color:var(--ar-line)!important;color:var(--ar-ink)!important;background:#fff}
html.ar-inner body .araide-hero__btns .b2:hover{border-color:var(--ar-accent)!important;color:var(--ar-accent)!important}

/* ---------- Плавающие кнопки ---------- */
.open-cart{width:56px!important;height:56px!important;border-radius:50%!important;box-shadow:0 8px 24px rgba(232,115,12,.35)!important;transition:transform .2s var(--ar-ease)!important}
.open-cart:hover{transform:scale(1.05)}
.open-cart:before,.open-cart:after,.open-cart .circle,.open-cart [class*="pulse"],.open-cart [class*="wave"]{animation:none!important;display:none!important}
.open-cart *{box-shadow:none!important}

/* ---------- Хлебные крошки ---------- */
.breadcrumb,.araide-crumbs,.bx-breadcrumb{font-size:14px!important}

/* ---------- Кнопки и поля ---------- */
.button-def,.btn-def,a.button-def,button.button-def,.main-color.button-def{border-radius:10px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;transition:background .2s var(--ar-ease),transform .2s var(--ar-ease),box-shadow .2s var(--ar-ease)!important}
.button-def:hover,.btn-def:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(232,115,12,.28)}
html body input[type="text"],html body input[type="tel"],html body input[type="email"],html body input[type="search"],html body textarea{border-radius:10px!important;transition:border-color .2s,box-shadow .2s}
html body input[type="text"]:focus,html body input[type="tel"]:focus,html body input[type="email"]:focus,html body textarea:focus{border-color:var(--ar-accent)!important;box-shadow:0 0 0 3px rgba(232,115,12,.15)!important;outline:none}
a:focus-visible,button:focus-visible{outline:2px solid var(--ar-accent);outline-offset:2px;border-radius:6px}

/* ---------- Карточки товаров Кракена ---------- */
.element.FLAT{border:1px solid var(--ar-line);border-radius:var(--ar-r);background:#fff;transition:box-shadow .25s var(--ar-ease),transform .25s var(--ar-ease)}
.element.FLAT:hover{box-shadow:var(--ar-shadow);transform:translateY(-2px)}
.element.FLAT .name a{color:var(--ar-text)!important;font-size:15px;line-height:1.35}
.element.FLAT:hover .name a{color:var(--ar-accent)!important}
/* ровная сетка листинга: одинаковые промежутки по горизонтали и вертикали, край по линии сортировки */
html body .element-list{margin-left:0!important;margin-right:0!important}
html body .element-list > .row{display:flex;flex-wrap:wrap;margin:0 -8px!important}
html body .element-list > .row:before,html body .element-list > .row:after{display:none}
html body .element-list > .row > [class*="col-"]{float:none;padding:0 8px 16px!important;margin:0!important;height:auto!important}
html body .element-list .element-outer{height:100%!important}
html body .element-list .element.FLAT{height:100%;margin:0!important}
/* названия в карточках — до трёх строк, без обрезки */
html body .element.FLAT .name{height:auto!important;max-height:none!important;overflow:visible!important}
/* синие ссылки Кракена → фирменный цвет */
html body a.show-hidden,html body a.show-hidden span{color:var(--ar-accent)!important;border-bottom-color:rgba(232,115,12,.35)!important}
html body a.fast-order-style-sec{display:inline-flex;align-items:center;justify-content:center;margin-top:10px;padding:10px 22px;border:1.5px solid var(--ar-accent)!important;border-radius:10px;color:var(--ar-accent)!important;font-weight:600;text-decoration:none!important;transition:background .2s var(--ar-ease),color .2s var(--ar-ease)}
html body a.fast-order-style-sec .bord-bot{color:inherit!important;border:0!important}
html body a.fast-order-style-sec:hover{background:var(--ar-accent);color:#fff!important}
/* сортировка */
.element-sort a.sort_btn{color:var(--ar-muted)!important;border-bottom-color:transparent!important;transition:color .2s}
.element-sort a.sort_btn:hover{color:var(--ar-accent)!important}
.element-sort a.sort_btn.active,.element-sort a.sort_btn.selected{color:var(--ar-ink)!important;font-weight:600}

/* ---------- Тексты описаний (импорт a-ride): без выравнивания по ширине, единая типографика ---------- */
html body [style*="justify"],html body .product-text,html body .product-text *,html body .top-text-styling,html body .top-text-styling *{text-align:left!important}
html body .product-text{font-size:16px;line-height:1.7;color:var(--ar-text);max-width:760px}
html body .product-text h2{font-size:24px!important;line-height:1.25!important;margin:30px 0 12px!important;font-weight:700!important}
html body .product-text h3{font-size:20px!important;line-height:1.3!important;margin:24px 0 10px!important;font-weight:700!important}
html body .product-text p{margin:0 0 14px}
html body .product-text ul{margin:0 0 18px;padding:0;list-style:none}
html body .product-text ul li{position:relative;padding-left:26px;margin:0 0 8px}
html body .product-text ul li:before{content:"";position:absolute;left:2px;top:8px;width:12px;height:7px;border-left:2px solid var(--ar-accent);border-bottom:2px solid var(--ar-accent);transform:rotate(-45deg)}
/* сопутствующие товары в карточке */
.cart-catalog-list-wrap:before{content:"Вместе с этим комплектом берут";display:block;font-size:24px;font-weight:700;line-height:1.25;color:var(--ar-ink);margin:0 0 18px}

/* ---------- Подвал ---------- */
footer.tone-dark{background:var(--ar-dark)!important;background-image:none!important}
footer.tone-dark:before,footer.tone-dark:after{display:none!important}

/* ---------- Наведение на наши блоки: один ритм ---------- */
.ah-card,.ah-brand,.as-card,.am-card,.vd-card,.araide-card,.araide-tile,.sr-card,.am-top a,.as-brands a{transition:box-shadow .25s var(--ar-ease),transform .25s var(--ar-ease),border-color .25s var(--ar-ease)}

/* ---------- Появление при прокрутке ---------- */
.ar-rv{opacity:0;transform:translateY(16px)}
.ar-rv.ar-in{opacity:1;transform:none;transition:opacity .6s var(--ar-ease),transform .6s var(--ar-ease)}
@media (prefers-reduced-motion:reduce){
  .ar-rv{opacity:1!important;transform:none!important}
  *{transition-duration:.01ms!important;animation-duration:.01ms!important}
}

/* ===== иконки (araide_icons.js, Lucide) ===== */
.ar-ic{width:20px;height:20px;flex:0 0 auto;display:inline-block;vertical-align:-4px}
.ar-ic--inl{width:17px;height:17px;margin-right:7px;vertical-align:-3px;color:var(--ar-accent,#e8730c)}
.ap-card a.s1 .ar-ic--inl,.araide-side__card a.s1 .ar-ic--inl{color:currentColor}
.ar-ic-badge{display:inline-flex!important;align-items:center;justify-content:center;font-size:0!important;color:var(--ar-accent,#e8730c)!important;background:var(--ar-accent-soft,#fdf0e4)!important}
.ar-ic-badge .ar-ic{width:22px;height:22px}
.ap-trust>span{display:inline-flex;align-items:center}
.ap-trust>span:before{display:none!important}
.pt-nav button{display:inline-flex;align-items:center;gap:7px}
.ar-ic--tab{width:17px;height:17px;opacity:.8}
.pt-nav button.on .ar-ic--tab{opacity:1}
.araide-content h2.ar-h2ic{display:flex;align-items:center;gap:12px}
.ar-h2ic__b{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;flex:0 0 40px;background:var(--ar-accent-soft,#fdf0e4);color:var(--ar-accent,#e8730c)}
.ar-h2ic__b .ar-ic{width:22px;height:22px}
.ah-types>a{display:inline-flex!important;align-items:center;gap:8px}
.ar-ic--type{width:20px;height:20px;color:var(--ar-accent,#e8730c)}
.araide-page h2.ar-h2ic{padding-left:0!important}
.araide-page h2.ar-h2ic:before{display:none!important}

/* меню при увеличении масштаба (768–1199): все пункты в ряд с переносом, ничего не прячется под «…» */
@media (min-width:768px) and (max-width:1199px){
html:not(.ar-oneline) body .header-top .wrap-main-menu{height:auto!important;min-height:0!important}
html:not(.ar-oneline) body .header-top .wrap-main-menu .main-menu-inner,html:not(.ar-oneline) body .header-top .wrap-main-menu .nav-main-menu-wrap{height:auto!important;min-height:0!important;width:100%!important}
html:not(.ar-oneline) body .header-top .wrap-main-menu nav.main-menu{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;width:100%!important;margin:0!important;padding:4px 0!important}
html:not(.ar-oneline) body .header-top .wrap-main-menu nav.main-menu > li.lvl1:not(.section-menu-id-611){display:block!important;width:auto!important}
html:not(.ar-oneline) body .header-top .wrap-main-menu nav.main-menu > li.lvl1 > a{display:block!important;width:auto!important;height:auto!important;padding:9px 8px!important;line-height:1.2!important}
html:not(.ar-oneline) body .header-top .wrap-main-menu nav.main-menu > li.visible:not(.menu){display:block!important;width:auto!important}
html:not(.ar-oneline) body .header-top .wrap-main-menu nav.main-menu .bord{display:none!important}
}
/* 1200–1399: меню в одну строку не влезало в колонку и поиск уходил под телефон — ужимаем отступы и кегль */
@media (min-width:1200px) and (max-width:1399px){
html.ar-oneline body .header-top td.center nav.main-menu > li.lvl1 > a{padding:9px 3px!important}
html.ar-oneline body .header-top td.center nav.main-menu > li.lvl1 > a span{font-size:13px!important}
html.ar-oneline body .header-top .top-line table.wrap td.right{padding-left:4px!important}
}

/* липкая шапка: Кракен в режиме view-hide прячет меню (height:0;visibility:hidden) — при <1200 оставалась пустая полоса без пунктов */
html body header.fixed.view-hide div.header-top div.wrap-main-menu{height:auto!important;visibility:visible!important;overflow:visible!important}

/* ≥1400: шапке шире контейнера страницы, иначе меню с поиском впритык к телефону; ar-tight/ar-tight2 ставит JS (araide_head.php), если всё равно наезжает */
@media (min-width:1400px){html.ar-oneline body .header-top .container.top-line{width:calc(100% - 48px)!important;max-width:1480px}}
@media (min-width:1400px){
html.ar-oneline.ar-tight body .header-top td.center nav.main-menu > li.lvl1 > a{padding:9px 6px!important}
html.ar-oneline.ar-tight body .header-top td.center nav.main-menu > li.lvl1 > a span{font-size:14.5px!important}
html.ar-oneline.ar-tight2 body .header-top td.center nav.main-menu > li.lvl1 > a{padding:9px 4px!important}
html.ar-oneline.ar-tight2 body .header-top td.center nav.main-menu > li.lvl1 > a span{font-size:13.5px!important}
}

/* корзина: общий стиль внутренних страниц урезал отступ под заголовком до 36px, а карточка заказа заезжает вверх на 50px — наползала на h1; заголовок был белый (под фото) */
html.ar-inner body .cart-first-block{padding-bottom:96px!important}
html.ar-inner body div.cart-first-block div.head div.title,html.ar-inner body div.cart-first-block div.head div.title h1{color:var(--ar-ink)!important;font-weight:800!important;font-size:36px!important;line-height:1.2!important}
html.ar-inner body div.cart-first-block td.r-part{vertical-align:middle!important;text-align:right}
html.ar-inner body div.cart-first-block a.style-fast-order{display:inline-flex;align-items:center;gap:8px;padding:11px 18px!important;border:2px solid var(--ar-accent);border-radius:10px;background:#fff!important;color:var(--ar-ink)!important;font-weight:700;font-size:15px!important;line-height:1.2!important;transition:background .2s,color .2s}
html.ar-inner body div.cart-first-block a.style-fast-order:hover{background:var(--ar-accent)!important;color:#fff!important}
html.ar-inner body div.cart-first-block a.style-fast-order span.bord-bot{border:0!important;color:inherit!important}
html.ar-inner body div.cart-first-block a.style-fast-order:before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 3 14h9l-1 8 10-12h-9l1-8z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 3 14h9l-1 8 10-12h-9l1-8z'/%3E%3C/svg%3E") center/contain no-repeat}
html.ar-inner body .form-cart-wrap .form-cart-wrap-inner{border-radius:16px;box-shadow:0 14px 44px rgba(20,24,30,.12)}
@media (max-width:767px){html.ar-inner body .cart-first-block{padding-bottom:70px!important}html.ar-inner body div.cart-first-block div.head div.title h1{font-size:26px!important}}

/* cookie-плашка Кракена на телефоне занимала ~40% экрана — компактная полоса внизу: текст + кнопка в ряд, без заголовка */
@media (max-width:767px){
html body .kraken-cookie-privacy-block{left:8px!important;right:8px!important;bottom:8px!important;width:auto!important;max-width:none!important;padding:10px 12px!important;border-radius:12px!important}
html body .kraken-cookie-privacy-block-content{display:flex!important;align-items:center;gap:10px;padding:0!important}
html body .kraken-cookie-privacy-block h4{display:none!important}
html body .kraken-cookie-privacy-block p{margin:0!important;font-size:12.5px!important;line-height:1.35!important;flex:1}
html body .kraken-cookie-privacy-block button.kraken-cookie-privacy-button{flex:0 0 auto;width:auto!important;min-width:0!important;height:36px!important;padding:0 14px!important;margin:0!important;font-size:13px!important}
}

/* === страница «Официальный дистрибьютор ARIDE» (.ard) === */
.ard{--g:16px;color:var(--ar-text);font-family:var(--ar-font)}
.ard p{margin:0 0 14px;line-height:1.6}
.ard a{color:var(--ar-accent)}
.ard svg{width:20px;height:20px;flex:none}
.ard-hero{display:grid;grid-template-columns:1.3fr 1fr;border-radius:20px;overflow:hidden;background:var(--ar-dark);color:#fff;box-shadow:var(--ar-shadow)}
.ard-hero__txt{padding:34px 32px 30px}
.ard-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:99px;background:rgba(232,115,12,.16);color:#ff9a3c;font-size:13px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}
.ard-badge svg{width:16px;height:16px}
.ard .ard-hero__lead{font-size:18px;line-height:1.45;font-weight:600;margin:18px 0 12px;color:#fff}
.ard .ard-hero__sub{color:rgba(255,255,255,.72);font-size:15px;margin-bottom:22px}
.ard-hero__img{position:relative;min-height:320px;background:#16191e 56% 45%/cover no-repeat}
.ard-hero__img:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--ar-dark) 0,rgba(22,25,30,0) 35%)}
.ard-btns{display:flex;flex-wrap:wrap;gap:10px}
.ard .ard-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:12px;background:var(--ar-accent);color:#fff;font-weight:600;font-size:15px;text-decoration:none;cursor:pointer;transition:background .2s,transform .2s var(--ar-ease)}
.ard .ard-btn:hover{background:var(--ar-accent-d);color:#fff;transform:translateY(-1px)}
.ard .ard-btn svg{width:17px;height:17px}
.ard .ard-btn--ghost{background:transparent;border:1.5px solid rgba(255,255,255,.3);color:#fff}
.ard .ard-btn--ghost:hover{background:rgba(255,255,255,.08);border-color:#fff}
.ard .ard-btn--light{background:#fff;color:var(--ar-ink)}
.ard .ard-btn--light:hover{background:#f1f1f1;color:var(--ar-ink)}
.ard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0 8px}
.ard-stat{background:var(--ar-soft);border-radius:14px;padding:18px 16px}
.ard-stat b{display:block;font-size:26px;font-weight:700;color:var(--ar-accent);line-height:1.1}
.ard-stat span{display:block;margin-top:6px;font-size:13px;color:var(--ar-muted);line-height:1.35}
.ard-sec{margin-top:44px}
.ard h2.ard-h{font-size:26px;font-weight:700;color:var(--ar-ink);margin:0 0 18px;line-height:1.25}
.ard-chain{display:flex;align-items:stretch;gap:10px}
.ard-chain__i{flex:1;display:flex;flex-direction:column;gap:4px;padding:18px;border:1px solid var(--ar-line);border-radius:14px;background:#fff}
.ard-chain__i svg{width:26px;height:26px;color:var(--ar-accent);margin-bottom:6px}
.ard-chain__i b{font-size:16px;color:var(--ar-ink)}
.ard-chain__i span{font-size:13px;color:var(--ar-muted);line-height:1.35}
.ard-chain__i--we{background:var(--ar-accent);border-color:var(--ar-accent)}
.ard-chain__i--we svg,.ard-chain__i--we b,.ard-chain__i--we span{color:#fff}
.ard-chain>i{display:flex;align-items:center;color:var(--ar-muted)}
.ard .ard-note{margin-top:14px;padding-left:14px;border-left:3px solid var(--ar-accent);color:var(--ar-muted)}
.ard-gal{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}
.ard-gal figure{position:relative;margin:0;border-radius:12px;overflow:hidden;aspect-ratio:4/3;background:var(--ar-soft)}
.ard-gal img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ar-ease)}
.ard-gal figure:hover img{transform:scale(1.05)}
.ard-gal figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px 10px 8px;font-size:12px;font-weight:500;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.7))}
.ard-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ard-card{padding:20px 18px;border:1px solid var(--ar-line);border-radius:14px;background:#fff;transition:box-shadow .25s,border-color .25s}
.ard-card:hover{box-shadow:var(--ar-shadow);border-color:transparent}
.ard-card i{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--ar-accent-soft);color:var(--ar-accent);margin-bottom:12px}
.ard-card i svg{width:22px;height:22px}
.ard-card b{display:block;font-size:16px;color:var(--ar-ink);margin-bottom:6px;line-height:1.3}
.ard-card span{display:block;font-size:14px;color:var(--ar-muted);line-height:1.5}
.ard-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.ard-step{position:relative;padding:20px 16px 18px;border-radius:14px;background:var(--ar-soft)}
.ard-step em{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--ar-dark);color:#fff;font-style:normal;font-weight:700;margin-bottom:12px}
.ard-step b{display:block;font-size:16px;color:var(--ar-ink);margin-bottom:6px}
.ard-step span{display:block;font-size:14px;color:var(--ar-muted);line-height:1.5}
.ard-chips{display:flex;flex-wrap:wrap;gap:8px}
.ard-chips span{padding:7px 14px;border-radius:99px;border:1px solid var(--ar-line);font-size:14px;color:var(--ar-text);background:#fff}
.ard-chips span:first-child{background:var(--ar-ink);border-color:var(--ar-ink);color:#fff}
.ard-cta{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-top:44px;padding:28px 30px;border-radius:20px;background:var(--ar-accent);color:#fff}
.ard-cta b{display:block;font-size:21px;line-height:1.3;margin-bottom:6px}
.ard-cta span{font-size:14px;opacity:.9}
.ard-cta span a{color:#fff;text-decoration:underline}
.ard-cta .ard-btn:not(.ard-btn--light){background:var(--ar-dark)}
.ard-cta .ard-btn:not(.ard-btn--light):hover{background:#000}
@media (max-width:991px){.ard-cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:767px){
.ard-hero{grid-template-columns:1fr}.ard-hero__img{min-height:230px;order:-1;background-position:center 40%}.ard-hero__img:before{background:linear-gradient(0deg,var(--ar-dark) 0,rgba(22,25,30,0) 45%)}
.ard-hero__txt{padding:22px 18px}.ard .ard-hero__lead{font-size:18px}
.ard-stats{grid-template-columns:repeat(2,1fr)}.ard-stat b{font-size:22px}
.ard-chain{flex-direction:column}.ard-chain>i{justify-content:center;transform:rotate(90deg)}
.ard-gal{grid-template-columns:repeat(2,1fr)}.ard h2.ard-h{font-size:22px}.ard-sec{margin-top:34px}
.ard-cards,.ard-steps{grid-template-columns:1fr}
.ard-chain{gap:6px}.ard-chain__i{display:grid;grid-template-columns:40px 1fr;column-gap:12px;row-gap:2px;align-items:center;padding:14px 16px}.ard-chain__i svg{grid-row:span 2;margin:0}.ard-chain>i svg{width:16px;height:16px}
.ard-card,.ard-step{display:grid;grid-template-columns:44px 1fr;column-gap:14px;row-gap:4px;padding:16px;align-items:start}.ard-card i,.ard-step em{grid-row:span 2;margin:0}.ard-card b,.ard-step b{margin:0}.ard-step em{width:36px;height:36px}.ard-cta{padding:22px 18px}.ard-cta .ard-btns,.ard-hero .ard-btns{width:100%}.ard .ard-btn{flex:1 1 100%;justify-content:center}
}
/* === страница «Установка пневмоподвески в Воронеже» (.ard.aru, генератор new_pages/make_install.py) === */
.aru .aru-addr{display:flex;align-items:center;gap:8px;margin:18px 0 0;font-size:14px;color:rgba(255,255,255,.65)}
.aru .aru-addr svg{width:16px;height:16px;color:#ff9a3c}
.aru{container-type:inline-size}
.aru-types{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.aru-type{display:flex;flex-direction:column;border:1px solid var(--ar-line);border-radius:14px;overflow:hidden;background:#fff;transition:box-shadow .25s,border-color .25s}
.aru-type:hover{box-shadow:var(--ar-shadow);border-color:transparent}
.aru-type figure{position:relative;margin:0;aspect-ratio:4/3;overflow:hidden;background:var(--ar-soft)}
.aru-type img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ar-ease)}
.aru-type:hover img{transform:scale(1.05)}
.aru .aru-type img,.aru .ard-gal img{height:100%!important;max-height:none!important}
.aru-type>div{padding:16px 16px 18px}
.aru-type b{display:block;font-size:16px;color:var(--ar-ink);margin-bottom:10px;line-height:1.3}
.aru-brands{display:flex;flex-wrap:wrap;gap:6px}
.aru .aru-brands a{padding:4px 10px;border-radius:99px;background:var(--ar-soft);font-size:13px;color:var(--ar-text);text-decoration:none;line-height:1.4;transition:background .2s,color .2s}
.aru .aru-brands a:hover{background:var(--ar-accent);color:#fff}
.aru-price{border:1px solid var(--ar-line);border-radius:14px;overflow:hidden;background:#fff}
.aru-price__r{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px}
.aru-price__r+.aru-price__r{border-top:1px solid var(--ar-line)}
.aru-price__r:nth-child(even){background:#fafafb}
.aru-price__r b{display:block;font-size:16px;color:var(--ar-ink);line-height:1.3}
.aru-price__r span{display:block;margin-top:3px;font-size:13px;color:var(--ar-muted);line-height:1.4}
.aru-price__r em{flex:none;font-style:normal;font-weight:700;font-size:18px;color:var(--ar-accent);white-space:nowrap}
.aru-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:0;padding:0;list-style:none;counter-reset:none}
.aru-flow li{position:relative;padding:20px 16px 18px;border-radius:14px;background:var(--ar-soft)}
.aru-flow li:not(:last-child):after{content:"";position:absolute;top:36px;right:-12px;width:12px;height:2px;background:var(--ar-accent);opacity:.5}
.aru-flow em{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--ar-dark);color:#fff;font-style:normal;font-weight:700;margin-bottom:12px}
.aru-flow li:last-child em{background:var(--ar-accent)}
.aru-flow b{display:block;font-size:16px;color:var(--ar-ink);margin-bottom:6px}
.aru-flow span{display:block;font-size:14px;color:var(--ar-muted);line-height:1.5}
.aru .aru-more{margin:16px 0 0}
.aru .aru-more a{font-weight:600;text-decoration:none;border-bottom:1px solid currentColor}
.aru-warr{display:flex;align-items:center;gap:20px;margin-top:44px;padding:24px 28px;border-radius:20px;background:var(--ar-dark);color:#fff}
.aru-warr>i{display:flex;align-items:center;justify-content:center;flex:none;width:56px;height:56px;border-radius:16px;background:rgba(232,115,12,.16);color:#ff9a3c}
.aru-warr>i svg{width:28px;height:28px}
.aru-warr b{display:block;font-size:19px;line-height:1.3;margin-bottom:6px}
.aru-warr span{display:block;font-size:14px;line-height:1.55;color:rgba(255,255,255,.72)}
.aru .aru-warr a{color:#ff9a3c}
.aru-faq{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
.aru-faq details{border:1px solid var(--ar-line);border-radius:14px;background:#fff;transition:border-color .2s}
.aru-faq details[open]{border-color:var(--ar-accent)}
.aru-faq summary{position:relative;list-style:none;cursor:pointer;padding:16px 48px 16px 18px;font-weight:600;font-size:15px;color:var(--ar-ink);line-height:1.4}
.aru-faq summary::-webkit-details-marker{display:none}
.aru-faq summary:after{content:"";position:absolute;right:20px;top:50%;width:9px;height:9px;margin-top:-7px;border:solid var(--ar-accent);border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .2s}
.aru-faq details[open] summary:after{transform:rotate(-135deg);margin-top:-2px}
.aru .aru-faq p{margin:0;padding:0 18px 16px;font-size:14px;color:var(--ar-muted)}
.aru-contact{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;align-items:stretch}
.aru-contact__info ul{margin:0 0 22px;padding:0;list-style:none}
.aru-contact__info li{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:15px;border-bottom:1px solid var(--ar-line)}
.aru-contact__info li svg{color:var(--ar-accent)}
.aru .aru-contact__info li:before,.aru .aru-contact__info li:after{display:none!important}.aru .aru-contact__info li{padding-left:0!important;margin:0!important}
.aru-map{min-height:340px;border-radius:14px;overflow:hidden;background:var(--ar-soft)}
.aru-map iframe{display:block;width:100%;height:100%;min-height:340px;border:0}
/* колонка контента узкая (справа сайдбар) — раскладка по ширине самой .aru */
@container (max-width:1050px){
.aru-types{grid-template-columns:repeat(2,1fr)}.aru-type{flex-direction:row}.aru-type figure{flex:0 0 44%;aspect-ratio:auto;min-height:150px}
.aru-flow{grid-template-columns:1fr;gap:0}.aru-flow li{display:grid;grid-template-columns:48px 1fr;column-gap:16px;row-gap:2px;padding:0 0 20px;background:none;border-radius:0}
.aru-flow li:not(:last-child):after{top:40px;bottom:4px;left:17px;right:auto;width:2px;height:auto;background:var(--ar-line);opacity:1}
.aru-flow em{grid-row:span 2;margin:0}.aru-flow b{margin:6px 0 0}.aru-flow li:last-child{padding-bottom:0}
}
@container (max-width:900px){.aru-faq{grid-template-columns:1fr}}
@container (max-width:640px){.aru-types{grid-template-columns:1fr}.aru-contact{grid-template-columns:1fr}}
@media (max-width:991px){.aru-faq,.aru-contact{grid-template-columns:1fr}}
@media (max-width:767px){
.aru-type figure{flex:0 0 38%;min-height:120px}.aru-type>div{padding:14px}
.aru-price__r{flex-direction:column;align-items:flex-start;gap:6px;padding:14px 16px}.aru-price__r em{font-size:17px}
.aru-warr{flex-direction:column;align-items:flex-start;padding:22px 18px}
.aru-map,.aru-map iframe{min-height:280px}
}
/* 13.10: шапка страниц без серой полосы — белый фон, без линии, отступы меньше */
html.ar-inner body .header-page,html.ar-inner body .header-page.catalog-first-block,html.ar-inner body .cart-first-block{background:#fff!important;border-bottom:0!important;padding-bottom:12px!important}
html.ar-inner body .header-page.catalog-first-block,html.ar-inner body .cart-first-block{padding-top:calc(var(--ar-hh,97px) + 26px)!important}
html.ar-inner body .cart-first-block{padding-bottom:64px!important}
html.ar-inner body .form-cart-wrap{background:#fff!important}
/* Кракен скриптом тянет боковую навигацию на высоту контента — из-за неё пустота до подвала на коротких страницах */
html body .menu-navigation{height:auto!important;min-height:0!important}
/* пустые блоки Кракена (только заголовок-заглушка) и лишние отступы у последнего блока перед подвалом */
html body .cart-block:has(> .cart-title.empty-title:only-child){display:none!important}
html.ar-inner body .page_pad_bot{padding-bottom:48px!important}
html.ar-inner body .catalog-card-wrap .block.small.padding-on{padding-bottom:0!important}
html.ar-inner body .catalog-card-wrap .cart-block:last-of-type,html.ar-inner body .catalog-card-wrap .cart-block:has(+ .cart-block:has(> .cart-title.empty-title:only-child)){padding-bottom:0!important}
html.ar-inner body .catalog-card-wrap .pt{margin-bottom:0!important}
/* кнопка «Другие категории» — скругление как у остальных кнопок */
html body .section-with-hidden-items .btn-click{border-radius:12px!important}
html body .section-with-hidden-items .btn-click.active,html body .section-with-hidden-items .btn-click:not(.noactive){border-radius:12px 12px 0 0!important}
/* боковой список «Другие категории»: карточка, строки с наведением, активный раздел, счётчик-пилюля, прокрутка для длинного списка */
/* шапку-кнопку не трогаем (отступ под иконку — Кракена); счётчик Кракена стоит абсолютом поверх текста — ставим в поток */
html body .section-with-hidden-items .body[data-show="catalog-sections"]{background:#fff;border:1px solid #e6e8eb;border-top:0;border-radius:0 0 12px 12px;overflow:hidden}
html body .section-with-hidden-items .menu-navigation,html body .section-with-hidden-items .menu-navigation-wrap,html body .section-with-hidden-items .menu-navigation-inner,html body .section-with-hidden-items .menu-navigation ul.nav{width:auto!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:none!important}
html body .section-with-hidden-items .menu-navigation-inner{max-height:540px;overflow-y:auto!important;scrollbar-width:thin;scrollbar-color:#d6d9de transparent}
html body .section-with-hidden-items .menu-navigation ul.nav:before,html body .section-with-hidden-items .menu-navigation ul.nav:after{display:none!important}
html body .section-with-hidden-items .menu-navigation li{width:auto!important;margin:0!important;padding:0!important;border:0!important;border-bottom:1px solid #f0f1f3!important;background:none!important}
html body .section-with-hidden-items .menu-navigation li:last-child{border-bottom:0!important}
html body .section-with-hidden-items .menu-navigation li a{display:flex!important;align-items:center;gap:10px;width:auto!important;padding:10px 14px 10px 16px!important;color:#2a2f36!important;font-size:14px!important;font-weight:400;line-height:1.35!important;text-decoration:none!important;border:0!important;transition:background .15s,color .15s}
html body .section-with-hidden-items .menu-navigation li a:hover{background:#fff8f1!important;color:#e8730c!important}
html body .section-with-hidden-items .menu-navigation li.active a{background:#fff3e8!important;color:#e8730c!important;font-weight:600;box-shadow:inset 3px 0 0 #e8730c}
html body .section-with-hidden-items .menu-navigation li .count{position:static!important;flex:0 0 auto;margin:0 0 0 auto!important;min-width:26px;padding:1px 7px!important;border-radius:999px;background:#f2f3f5!important;color:#6b7280!important;font-size:12px!important;font-weight:600;line-height:18px!important;text-align:center}
html body .section-with-hidden-items .menu-navigation li a:hover .count{background:#fde4cc!important;color:#c2560a!important}
html body .section-with-hidden-items .menu-navigation li.active .count{background:#e8730c!important;color:#fff!important}
html body .section-with-hidden-items .menu-navigation li.back a{padding-left:16px!important;background:none!important;color:#6b7280!important;font-size:13px!important}
html body .section-with-hidden-items .menu-navigation li.back a:before{content:"←";margin-right:2px}
html body .section-with-hidden-items .menu-navigation li.back a:hover{color:#e8730c!important}
@media (max-width:991px){html body .section-with-hidden-items .menu-navigation-inner{max-height:400px}}
/* 19.10 корзина: «− 1 +» одной рамкой (у поля было скругление 10px от общих стилей input — цифра сидела отдельным овалом) */
html body .count-cart{height:auto!important}
html body .count-cart + .price-unit{margin-top:6px}
html body .count-cart table{border-collapse:separate!important;border-spacing:0;border:1px solid #d9dce1;border-radius:10px;overflow:hidden;background:#fff;transition:border-color .15s}
html body .count-cart table:hover{border-color:#e8730c}
html body .count-cart td.minus div,html body .count-cart td.plus div{width:32px!important;height:32px!important;border:0!important;border-radius:0!important;background-color:#fff;cursor:pointer}
html body .count-cart input.count-val{width:38px!important;height:32px!important;margin:0!important;padding:0!important;border:0!important;border-left:1px solid #eceef1!important;border-right:1px solid #eceef1!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;font-size:15px!important;font-weight:600;line-height:32px!important;text-align:center;color:#2a2f36}
/* корзина в шапке рядом со звонком (araide_hcart.js); плавающий кружок Кракена на десктопе скрыт */
.ar-hcart{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:10px;border-radius:50%;background:#2a2f36;color:#fff!important;vertical-align:middle;text-decoration:none!important;transition:background .2s,color .2s}
.ar-hcart:hover{background:#353b45;color:var(--ar-accent)!important}
/* звонок и корзина — по одной линии; меню не впритык к логотипу */
html body .ar-hcart+.ic-callback{vertical-align:middle!important}
@media (min-width:1200px){html body .main-menu-inner{margin-left:0!important}}
.ar-hcart__n{display:none;position:absolute;top:-5px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--ar-accent);color:#fff;font-size:12px;font-weight:700;line-height:20px;text-align:center;box-shadow:0 0 0 2px var(--ar-dark)}
.ar-hcart--has .ar-hcart__n{display:block}
.ar-hcart--bump{animation:arHcartBump .45s var(--ar-ease)}
@keyframes arHcartBump{30%{transform:scale(1.18)}60%{transform:scale(.95)}100%{transform:scale(1)}}
@media (min-width:768px){.fly-basket .open-cart{display:none!important}}
@media (max-width:767px){.ar-hcart{display:none!important}}
/* шапка контентных страниц (модели, марки, статьи, проекты, FAQ) — тоже без серой полосы */
html.ar-inner body .araide-hero{background:#fff!important;border-bottom:0!important;padding-top:calc(var(--ar-hh,97px) + 26px)!important;padding-bottom:12px!important}
html.ar-inner body .search-header,html body .search-header.kraken-firsttype-3{background:#fff!important;background-image:none!important;border-bottom:0!important}
/* разгруженная шапка: бургер — тёмный круг в пару к корзине (оранжевый акцент один — звонок); под телефоном «Написать» + TG/MAX */
html body .header-top td.menu-burger a.ic-menu-burger{background:#2a2f36!important;width:44px!important;padding:0!important;justify-content:center;box-shadow:none!important}
html body .header-top td.menu-burger a.ic-menu-burger:hover{background:#353b45!important;box-shadow:none!important}
html body .header-top td.menu-burger a.ic-menu-burger:after{display:none!important}
html body .header-top td.menu-burger{width:60px!important}
.ar-soc--hdr{margin:6px 0 0!important;gap:6px!important}
.ar-soc--hdr:before{content:"Написать:";font-size:12px;line-height:1;color:rgba(255,255,255,.55);margin-right:2px}
.ar-soc--hdr .ar-soc__i{width:20px!important;height:20px!important}
html.ar-oneline.ar-tight3 body .header-top td.center nav.main-menu > li.lvl1 > a{padding:9px 2px!important}
html.ar-oneline.ar-tight3 body .header-top td.center nav.main-menu > li.lvl1 > a span{font-size:12.5px!important}
html.ar-oneline.ar-tight3 body .header-top .beside-burger img.logotype{height:34px!important}
html.ar-oneline.ar-tight3 .ar-soc--hdr:before{display:none}
html.ar-oneline.ar-tight3 .ar-hcart{margin-right:6px}
html.ar-oneline.ar-tight3 body .header-top td.menu-burger{width:52px!important}
/* последний блок страницы не прилипает к подвалу (форма заявки внизу главной и т.п.); :not(#ar-x) — вес id, Кракен ставит отступы блоков правилом #blockNNN */
html body .block:has(+ footer):not(#ar-x),html body .block:has(+ .footer-wrap):not(#ar-x){padding-bottom:72px!important}
@media (max-width:767px){html body .block:has(+ footer):not(#ar-x),html body .block:has(+ .footer-wrap):not(#ar-x){padding-bottom:48px!important}}

/* Лоадер: вместо трёх цветных дуг Кракена (google-spin) и «полосок» audio-wave — колесо:
   шина-кольцо, по ней бежит оранжевая дуга, внутри медленно крутится 5-спицевый диск. */
.xLoader .google-spin-wrapper .google-spin{width:52px;height:52px;margin:-26px 0 0 -26px;border:3px solid var(--ar-line);border-top-color:var(--ar-accent);box-sizing:border-box;animation:arSpin .9s cubic-bezier(.55,.15,.45,.85) infinite}
.xLoader .google-spin-wrapper .google-spin:before{top:6px;left:6px;right:6px;bottom:6px;border:0;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%232a2f36' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='20' cy='20' r='4'/%3E%3Cpath d='M20 16V5M23.8 18.8 34.3 15.4M22.4 23.2 28.8 32.1M17.6 23.2 11.2 32.1M16.2 18.8 5.7 15.4'/%3E%3C/svg%3E") center/100% no-repeat;opacity:.35;animation:arSpin 2.4s linear infinite reverse}
.xLoader .google-spin-wrapper .google-spin:after{display:none}
.xLoader .audio-wave{width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;border:2.5px solid var(--ar-line);border-top-color:var(--ar-accent);box-sizing:border-box;animation:arSpin .8s linear infinite}
.xLoader .audio-wave span{display:none!important}
@keyframes arSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.xLoader .google-spin,.xLoader .google-spin:before,.xLoader .audio-wave{animation-duration:3s}}

/* ===== карточка товара: миниатюры сеткой, блок цены с кнопками в потоке, преимущества столбиком (15.10) ===== */
.tabs-pic{margin-top:14px!important}
.tabs-pic .gallery-control{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0!important}
.tabs-pic .gallery-control:before,.tabs-pic .gallery-control:after,.tabs-pic .gallery-control>:not(.pic-item){display:none!important}
.tabs-pic .pic-item{float:none!important;width:auto!important;height:auto!important;min-height:0!important;padding:0!important}
.tabs-pic .mini-pic{margin:0!important;width:auto!important;height:auto!important;cursor:pointer}
.tabs-pic .mini-pic table,.tabs-pic .mini-pic tbody,.tabs-pic .mini-pic tr,.tabs-pic .mini-pic td{display:block;width:100%!important;height:auto!important;padding:0!important}
.tabs-pic .pic-border{display:flex!important;align-items:center;justify-content:center;width:100%!important;height:auto!important;aspect-ratio:1;padding:6px;box-sizing:border-box;border:1.5px solid #e6e8eb!important;border-radius:10px;background:#fff;overflow:hidden;transition:border-color .2s}
.tabs-pic .mini-pic:hover .pic-border{border-color:#c9cdd3!important}
.tabs-pic .mini-pic.active .pic-border{border-color:var(--ar-accent,#e8730c)!important}
.tabs-pic .pic-border img{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain;margin:0!important}
.tabs-pic .pic-shadow{display:none!important}
@media (max-width:767px){.tabs-pic .gallery-control{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}}

.price-info-wrap .price-info-wrap-top{background:#f6f6ef;border-radius:16px;padding:22px 24px 24px;margin:0!important}
.price-info-wrap .price-info-top,.price-info-wrap .price-info-bottom{background:none!important;padding:0!important;min-height:0!important;height:auto!important}
.price-info-wrap .price-info-bottom .wrap-btn{position:static!important;height:auto!important;display:flex;flex-direction:column;gap:10px;margin:18px 0 0!important;padding:0!important}
.price-info-wrap .wrap-btn>a{position:static!important;transform:none!important;top:auto!important;left:auto!important;right:auto!important;width:100%!important;max-width:none!important;margin:0!important;box-sizing:border-box;display:flex!important;align-items:center;justify-content:center;text-align:center}
.price-info-wrap .wrap-btn>a.btn-add2basket{min-height:54px;border-radius:12px!important;box-shadow:none!important}
.price-info-wrap .wrap-btn>a.fast-order-style-sec{min-height:48px;padding:10px 22px!important;border-radius:12px!important;background:#fff}
.price-info-wrap .wrap-btn>a.fast-order-style-sec:hover{background:var(--ar-accent,#e8730c)}

.price-info-wrap .ap-trust{display:flex!important;flex-direction:column;gap:12px!important;margin:14px 0 0!important;padding:18px 20px!important;background:#fff!important;border:1px solid #e6e8eb;border-radius:16px!important;font-size:15px!important;line-height:1.35;color:#2a2f36}
.price-info-wrap .ap-trust>span{display:flex!important;align-items:center;gap:12px!important}
.price-info-wrap .ap-trust .ar-ic--inl{width:36px;height:36px;padding:8px;margin:0!important;border-radius:50%;background:var(--ar-accent-soft,#fdf0e4);box-sizing:border-box;flex:0 0 36px}
/* шапка: без выпадающего списка контактов при наведении на телефон */
html body header .main-phone .list-contacts,html body header .main-phone .ic-open-list-contact{display:none!important}
/* лендинги .ard (дилер, покупателям, кредит): без пустоты между h1 и первым абзацем */
html body .araide-page:has(.araide-content > .ard){padding-top:16px!important}
html body .araide-content > .ard > .ard-sec:first-child{margin-top:0!important}
/* страница Покупка в кредит (/kredit, new_pages/make_credit.py): тёмный первый экран, цифры, таймлайн шагов */
.krd{--krd-y:#ffdd2d;--krd-d:#1f2328}
.krd .krd-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);background:var(--krd-d);color:#fff;border-radius:24px;overflow:hidden;min-height:400px}
.krd .krd-hero__txt{padding:44px 44px 32px;display:flex;flex-direction:column;align-items:flex-start;gap:18px;position:relative;z-index:1}
.krd .krd-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--krd-y)}
.krd .krd-eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--krd-y);box-shadow:0 0 0 4px rgba(255,221,45,.18)}
.krd .krd-price{font-size:64px;line-height:1;font-weight:700;letter-spacing:-.02em;white-space:nowrap}
.krd .krd-price small{font-size:24px;font-weight:500;color:#c9ced6;letter-spacing:0}
.krd .krd-hero p{margin:0;color:#c9ced6;font-size:17px;line-height:1.5;max-width:460px}
.krd .krd-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.krd .krd-btn{display:inline-flex;align-items:center;height:52px;padding:0 26px;border-radius:14px;background:var(--krd-y);color:var(--krd-d)!important;font-weight:600;font-size:16px;text-decoration:none!important;transition:transform .15s,box-shadow .15s}
.krd .krd-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(255,221,45,.25)}
.krd .krd-btn--ghost{background:transparent;color:#fff!important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35)}
.krd .krd-btn--ghost:hover{box-shadow:inset 0 0 0 1.5px #fff}
.krd .krd-hero em{font-style:normal;font-size:12px;color:#8a919c;line-height:1.45;margin-top:auto;max-width:480px}
.krd .krd-hero__img{background:url(/upload/araide/images/dealer/ar_hero_podushka2.jpg) center/cover no-repeat;position:relative}
.krd .krd-hero__img:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--krd-d) 0,rgba(31,35,40,.55) 30%,rgba(31,35,40,0) 70%)}
.krd .krd-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:20px 0 0;border:1px solid #e6e8ec;border-radius:20px;background:#fff}
.krd .krd-stats div{padding:24px 26px;display:flex;flex-direction:column;gap:6px}
.krd .krd-stats div+div{border-left:1px solid #e6e8ec}
.krd .krd-stats b{font-size:40px;line-height:1;font-weight:700;letter-spacing:-.02em;color:var(--krd-d)}
.krd .krd-stats span{font-size:14px;color:#6b7280;line-height:1.35}
.krd .krd-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;counter-reset:none;position:relative}
.krd .krd-steps:before{content:"";position:absolute;left:22px;right:calc(20% - 22px);top:22px;height:2px;background:repeating-linear-gradient(90deg,#d5d9df 0 8px,transparent 8px 14px)}
.krd .krd-steps li{position:relative;display:flex;flex-direction:column;gap:8px;padding:0;margin:0}
.krd .krd-steps li:before{display:none!important}
.krd .krd-steps i{width:46px;height:46px;border-radius:50%;background:#fff;border:2px solid var(--krd-d);color:var(--krd-d);font-style:normal;font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;position:relative}
.krd .krd-steps li:last-child i{background:var(--ar-accent,#e8730c);border-color:var(--ar-accent,#e8730c);color:#fff;box-shadow:0 0 0 6px rgba(232,115,12,.15)}
.krd .krd-steps b{font-size:17px;font-weight:600;color:var(--krd-d)}
.krd .krd-steps span{font-size:14px;color:#6b7280;line-height:1.45}
.krd .krd-notes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.krd .krd-notes li{display:flex;gap:14px;align-items:flex-start;background:var(--ar-soft,#f6f7f9);border-radius:16px;padding:18px 20px;margin:0;font-size:15px;line-height:1.5;color:#3d434d}
.krd .krd-notes li:before{display:none!important}
.krd .krd-notes i{flex:0 0 26px;height:26px;border-radius:50%;background:var(--krd-d);color:var(--krd-y);display:flex;align-items:center;justify-content:center}
.krd .krd-notes i svg{width:14px;height:14px}
@media(max-width:991px){
.krd .krd-hero{grid-template-columns:1fr;min-height:0}
.krd .krd-hero__img{order:-1;height:200px}
.krd .krd-hero__img:before{background:linear-gradient(0deg,var(--krd-d) 0,rgba(31,35,40,0) 60%)}
.krd .krd-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.krd .krd-stats div:nth-child(3){border-left:0}
.krd .krd-stats div:nth-child(n+3){border-top:1px solid #e6e8ec}
.krd .krd-steps{grid-template-columns:1fr;gap:0}
.krd .krd-steps:before{left:22px;right:auto;top:22px;bottom:22px;width:2px;height:auto;background:repeating-linear-gradient(180deg,#d5d9df 0 8px,transparent 8px 14px)}
.krd .krd-steps li{display:grid;grid-template-columns:46px 1fr;column-gap:16px;padding-bottom:22px}
.krd .krd-steps li i{grid-row:1/3;margin:0}
.krd .krd-steps li b{padding-top:10px}
.krd .krd-notes{grid-template-columns:1fr}
}
@media(max-width:575px){
.krd .krd-hero__txt{padding:24px 20px 22px;gap:14px}
.krd .krd-price{font-size:46px}
.krd .krd-price small{font-size:18px}
.krd .krd-hero p{font-size:15px}
.krd .krd-btn{flex:1 1 auto;justify-content:center}
.krd .krd-stats div{padding:18px 16px}
.krd .krd-stats b{font-size:30px}
}

/* 22.10: разделы-витрины (section.php, .ar-popular-title) и страницы с фильтром (.asf-side) растянуты до 1400px —
   шапка раздела (крошки + h1) оставалась в контейнере 1170 и стояла правее товаров. Ровняем по одной линии. */
@media (min-width:992px){body:has(.ar-popular-title) .catalog-list-wrap .row>.content-inner,.catalog-list-wrap .row:has(#actionbox>.asf-side)>.content-inner{padding-left:15px}}
@media (min-width:1200px){body:has(.ar-popular-title) .header-page .container,body:has(#actionbox>.asf-side) .header-page .container{width:auto;max-width:1400px;padding-left:24px;padding-right:24px}}

/* 22.10: Beget режет multipart (403), формы уходят обходом без файла — «Прикрепить файл» скрыт, чтобы файлы не терялись молча. Вернуть, когда Beget снимет блок. */
form.send .load-file{display:none!important}

/* 22.10 КАРТОЧКИ — единый hover без сдвигов (пользователь: «при наведении не двигать другие карточки, красиво и одинаково по сайту»).
   Кракен на ≥1200 делал карточку товара плавающей (position:absolute) и раскрывал под ней кнопки — она наезжала на ряд ниже,
   а где высоту не держали, ряды прыгали. Теперь карточка в потоке, кнопки видны всегда (как на a-ride и у нас на телефоне),
   при наведении — только подъём на 3px, тень и рамка акцента: transform и тень раскладку не меняют. */
@media (min-width:1200px){
html body div.element-list div.element:hover,
html body div.catalog-block div.catalog-content-wrap div.element:hover{position:relative!important;top:auto!important;left:auto!important;right:auto!important}
}
html body .element-list .element.FLAT{display:flex;flex-direction:column}
html body .element-list .element.FLAT>.element-inner{flex:1 1 auto}
html body .element-list .element .elem-hover-show{display:block!important;height:auto!important;overflow:visible!important;padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}
html body .element-list .element .elem-hover-show .info-panel:empty{display:none}
html body .element-list .element div.btn-detail-wrap{padding:0 16px 16px!important;background:transparent!important;text-align:center}
html body .element-list .element div.btn-detail-wrap .def-wrap-btn{margin:0!important}
html body .element-list .element div.btn-detail-wrap a.button-def{display:flex!important;align-items:center;justify-content:center;width:100%;max-width:none!important;min-height:40px;margin:0!important;padding:8px 12px!important;border-radius:10px!important;font-size:14px!important;line-height:1.2!important}
html body .element-list .element div.btn-detail-wrap [id$="_wr_fast_order"] a.button-def{min-height:0;margin-top:8px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;color:var(--ar-accent)!important;font-size:13px!important;font-weight:600}
html body .element-list .element div.btn-detail-wrap [id$="_wr_fast_order"] a.button-def .txt{border-bottom:1px dashed rgba(232,115,12,.5)}
html body .element-list .element div.btn-detail-wrap [id$="_wr_fast_order"] a.button-def:hover{opacity:.8}
html body .element-list .element div.btn-detail-wrap a.link-def{display:none!important}
@media (max-width:767px){html body .element-list .element div.btn-detail-wrap{padding:0 10px 12px!important}html body .element-list .element div.btn-detail-wrap a.button-def{font-size:13px!important;min-height:38px}}
/* один hover для всех карточек сайта */
html body .element.FLAT,html body .araide-card,html body .araide-mcard,html body .sr-card,html body .ah-card,html body .as-card,html body .ard-card{transition:transform .25s var(--ar-ease),box-shadow .25s var(--ar-ease),border-color .25s var(--ar-ease)}
html body .element.FLAT:hover,html body .araide-card:hover,html body .araide-mcard:hover,html body .sr-card:hover,html body .ah-card:hover,html body .as-card:hover,html body .ard-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(17,20,24,.10);border-color:rgba(232,115,12,.45)}
/* в лентах с прокруткой подъём обрезается краем ленты — там только тень и рамка */
html body .ar-strip-w .araide-mcard:hover,html body .ar-strip-w .araide-card:hover,html body .ar-strip-w .element.FLAT:hover{transform:none}
@media (hover:none){html body .element.FLAT:hover,html body .araide-card:hover,html body .araide-mcard:hover,html body .sr-card:hover,html body .ah-card:hover,html body .as-card:hover,html body .ard-card:hover{transform:none}}

/* 23.10: «Быстрый заказ» убран везде (заказчик: сразу оплата, без заявок) — карточки, товар, поиск, корзина, всплывающая корзина */
html body [id$="_wr_fast_order"],html body a[id$="_fast_order"],html body div.wrap-btn>a.fast-order-style-sec[id],html body .fast-order-btn-cart-page-js,html body a.style-fast-order,html body a.sec-b.cart-form{display:none!important}
/* 23.10: лишняя пустота под h1 — шапка Кракена 12px + блок 60px, полоса роутера 12px + .araide-page 40px, /shop/ 46px */
@media (min-width:768px){
.header-page+.catalog-list-wrap>.container>.row>div>.block.padding-on:first-child,
.header-page+.catalog-card-wrap>.container>.row>div>.block.padding-on:first-child{padding-top:16px!important}
}
.araide-hero+.araide-page{padding-top:16px}
.header-page+.as{padding-top:24px}
@media (max-width:767px){.header-page+.catalog-card-wrap>.container>.row>div>.block.padding-on:first-child{padding-top:16px!important}}
html body div.catalog-list-wrap div.section-list{padding-bottom:0;margin-bottom:16px}
html body .ar-stext--bottom{margin-top:20px}
/* 23.10: товар — пустой заголовок Кракена с линией над вкладками и 40px под галереей */
html body .catalog-card-wrap .cart-title.empty-title{display:none}
html body .catalog-card-wrap .cart-catalog-list-wrap{margin-top:32px}
html body .catalog-card-wrap .cart-char-table-wrap{margin-bottom:20px}
html body .catalog-card-wrap .cart-info-block{padding-bottom:20px}