/* Новая главная TBOXSHOP — стили (собрано из preview/_src/home_main.html). Не править вручную. */
/* Unbounded 500/600 — локально (кириллица + латиница), без Google Fonts */
@font-face{font-family:'Unbounded';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/unbounded-500-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/unbounded-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/unbounded-600-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/unbounded-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}


/* Главная v1 — сборка из 4 дизайн-проходов: палитра «графит + один красный» (ui-ux-pro-max / frontend-design), шрифт Unbounded только для крупного (frontend-design),
   сдержанность и текстовые блоки вместо одинаковых карточек (impeccable), нажатие/hover/кривые/tabular-nums (emil-design-eng). */
:root{--hp-ink:#1D2126;--hp-steel:#5E6670;--hp-line:#E2E5E9;--hp-panel:#F3F4F6;--hp-accent:#C0392B;--hp-accent-d:#9E2F23;--hp-wash:#FBECEA;--hp-tbd-bg:#fff3bf;--hp-tbd-ink:#7a5b00;--hp-disp:'Unbounded',Roboto,Arial,sans-serif;--hp-ease:cubic-bezier(.23,1,.32,1)}
.hp,.hp-hdr,.hp-bar{font:16px/1.55 Roboto,Arial,sans-serif;color:var(--hp-ink);-webkit-font-smoothing:antialiased}
.hp *,.hp-hdr *,.hp-bar *{box-sizing:border-box}
.hp a,.hp-hdr a{color:inherit;text-decoration:none}
.hp-wrap{max-width:1210px;margin:0 auto;padding:0 20px}
.hp ::selection{background:var(--hp-wash);color:var(--hp-accent-d)}
.hp a:focus-visible,.hp-hdr a:focus-visible,.hp-hdr button:focus-visible,.hp-hdr input:focus-visible,.hp summary:focus-visible{outline:2px solid var(--hp-accent);outline-offset:2px;border-radius:4px}
.hp-num{font-variant-numeric:tabular-nums}
.hp-tbd{display:inline-block;background:var(--hp-tbd-bg);color:var(--hp-tbd-ink);font:700 11px/1.6 Roboto,Arial,sans-serif;letter-spacing:.02em;padding:0 6px;border-radius:4px;vertical-align:1px;white-space:nowrap}

/* ---------- шапка (без красной полосы меню) ---------- */
.hp-hdr{background:#fff;border-bottom:1px solid var(--hp-line)}
.hp-hdr__row{display:flex;align-items:center;gap:20px;min-height:84px}
.hp-hdr__logo img{display:block;width:178px;height:auto}
.hp-hdr__search{flex:1 1 220px;position:relative;max-width:300px}
.hp-hdr__search input{width:100%;height:44px;border:1px solid var(--hp-line);border-radius:22px;padding:0 44px 0 18px;font:inherit;font-size:15px;color:var(--hp-ink);background:var(--hp-panel);transition:border-color .16s var(--hp-ease),background-color .16s var(--hp-ease)}
.hp-hdr__search input:focus{background:#fff;border-color:var(--hp-steel);outline:none}
.hp-hdr__search button{position:absolute;right:4px;top:4px;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--hp-steel);cursor:pointer;display:grid;place-items:center}
.hp-hdr__info{display:flex;gap:0;margin:0;padding:0;list-style:none}
.hp-hdr__info a{display:block;white-space:nowrap;padding:10px 9px;font-size:15px;color:var(--hp-ink);border-radius:6px;transition:color .16s var(--hp-ease),background-color .16s var(--hp-ease)}
.hp-hdr__phone{margin-left:auto;text-align:right;line-height:1.25}
.hp-hdr__phone a{font:600 17px/1.2 Roboto,Arial,sans-serif;white-space:nowrap}
.hp-hdr__phone span{display:block;white-space:nowrap;font-size:12.5px;color:var(--hp-steel);margin-top:3px}
.hp-hdr__ctrl{display:flex;gap:2px}
.hp-hdr__ctrl>a{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--hp-ink);transition:background-color .16s var(--hp-ease),transform .16s var(--hp-ease)}
.hp-hdr__ctrl>a:active{transform:scale(.94)}
.hp-hdr__ctrl>a svg{width:22px;height:22px}
.hp-hdr__ctrl .hp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (hover:hover) and (pointer:fine){
  .hp-hdr__info a:hover{color:var(--hp-accent);background:var(--hp-panel)}
  .hp-hdr__ctrl>a:hover{background:var(--hp-panel)}
}
@media (max-width:1199px){
  .hp-hdr__row{flex-wrap:wrap;gap:8px 16px;padding-top:12px;padding-bottom:12px}
  .hp-hdr__search{order:5;flex:1 1 100%;max-width:none}
  .hp-hdr__nav{order:6;flex:1 1 100%;min-width:0}
  .hp-hdr__info{overflow-x:auto;scrollbar-width:none;margin:0 -9px}
  .hp-hdr__info::-webkit-scrollbar{display:none}
  .hp-hdr__info a{white-space:nowrap;font-size:14px;padding:8px 10px}
}
@media (max-width:575px){
  .hp-hdr__row{column-gap:10px}
  .hp-hdr__logo img{width:120px}
  .hp-hdr__phone span{display:none}
  .hp-hdr__phone a{font-size:14px}
  .hp-hdr__ctrl>a{width:40px;height:40px}
  .hp-hdr__ctrl>a.hp-hide-s{display:none}
}

/* ---------- меню магазина: 3 плитки ---------- */
.hp-menu{padding:20px 0 0}
.hp-menu__grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:12px}
.hp-tile{position:relative;display:flex;flex-direction:column;min-width:0;min-height:580px;border-radius:14px;padding:26px 26px 20px;background:var(--hp-panel);overflow:hidden;isolation:isolate;transition:transform .2s var(--hp-ease),box-shadow .2s var(--hp-ease)}
.hp-tile--sim{background:var(--hp-ink);color:#fff;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto 1fr auto auto;column-gap:24px}
.hp-tile--sim .hp-tile__body{display:contents}
.hp-tile--sim .hp-tile__title{grid-column:1/-1;grid-row:1}
.hp-tile--sim .hp-tile__meta{grid-column:1;grid-row:2}
.hp-tile--sim .hp-tile__chips{grid-column:1;grid-row:3;align-self:center;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;max-width:none;margin:18px 0}
.hp-tile--sim .hp-tile__chips a{display:flex;align-items:center;justify-content:center;min-height:56px;padding:8px 6px;border-radius:10px;font-size:14px;white-space:nowrap;font-weight:500;text-align:center;border:1px solid rgba(255,255,255,.1)}
.hp-tile--sim .hp-cock{grid-column:1;grid-row:4;align-self:end;margin-top:0}
.hp-tile--sim .hp-tile__cta{grid-column:1;grid-row:5}
.hp-tile--sim .hp-show{grid-column:2;grid-row:2/6;margin-top:16px}
.hp-tile__link{position:absolute;inset:0;z-index:3;border-radius:14px}
.hp-tile__link:active~.hp-tile__body{transform:scale(.985)}
.hp-tile__body{display:flex;flex-direction:column;height:100%;flex:1;transition:transform .16s var(--hp-ease)}
.hp-tile__title{font:600 clamp(19px,1.95vw,25px)/1.08 var(--hp-disp);hyphens:manual;letter-spacing:-.01em;margin:0;text-transform:uppercase}
.hp-tile--sim .hp-tile__title{font-size:clamp(30px,3.6vw,44px)}
.hp-tile__meta{margin:10px 0 0;font-size:14.5px;color:var(--hp-steel)}
.hp-tile--sim .hp-tile__meta{color:#B8BEC6}
.hp-tile__meta b{font-weight:500;color:var(--hp-ink)}
.hp-tile--sim .hp-tile__meta b{color:#fff}
.hp-tile__chips{position:relative;z-index:4;display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 0;padding:0;list-style:none;max-width:420px}
.hp-tile__chips a{display:block;padding:6px 12px;border-radius:16px;font-size:13.5px;background:rgba(255,255,255,.08);color:#E6E8EB;transition:background-color .16s var(--hp-ease),color .16s var(--hp-ease)}
.hp-tile:not(.hp-tile--sim) .hp-tile__chips a{background:#fff;color:var(--hp-ink)}
.hp-tile__chips a:active{transform:scale(.96)}
.hp-tile__cta{position:relative;z-index:2;margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;font-size:14.5px;font-weight:500}
.hp-tile__cta i{font-style:normal;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--hp-accent);color:#fff;transition:transform .2s var(--hp-ease)}

/* витрина: товары сменяют друг друга (только CSS) */
.hp-show{position:absolute;right:0;bottom:56px;width:62%;height:64%;z-index:1;pointer-events:none}
.hp-tile:not(.hp-tile--sim) .hp-show{left:0;right:0;width:auto;height:64%;bottom:64px}
.hp-show__item{position:absolute;inset:0;margin:0;background:var(--hp-panel);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;opacity:0;animation:hp-cycle var(--hp-cyc,14s) var(--hp-ease) infinite both}
.hp-show__item img{display:block;max-width:86%;max-height:calc(100% - 34px);width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply}
.hp-tile--sim .hp-show{position:relative;overflow:hidden;inset:auto;width:auto;height:auto;min-height:480px;background:var(--hp-panel);border-radius:10px;z-index:1}
.hp-tile--sim .hp-show__item{padding:34px 16px 14px}
.hp-show__cap{margin-top:8px;font-size:13px;line-height:1.3;text-align:center;color:var(--hp-steel);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:92%}
.hp-tile--sim .hp-show__cap{color:var(--hp-steel)}
.hp-show__cap b{font-weight:500;color:var(--hp-ink);font-variant-numeric:tabular-nums}

.hp-show__item:nth-child(2){animation-delay:calc(var(--hp-off,0s) + var(--hp-cyc,14s)/4)}
.hp-show__item:nth-child(3){animation-delay:calc(var(--hp-off,0s) + var(--hp-cyc,14s)/2)}
.hp-show__item:nth-child(4){animation-delay:calc(var(--hp-off,0s) + var(--hp-cyc,14s)*3/4)}
.hp-show__item:nth-child(1){animation-delay:var(--hp-off,0s)}
.hp-tile--avia{--hp-off:-1.2s}.hp-tile--tun{--hp-off:-2.4s}
@keyframes hp-cycle{
  0%{opacity:0;transform:translateX(32px) scale(.96)}
  5%{opacity:1;transform:none}
  22%{opacity:1;transform:none}
  27%{opacity:0;transform:translateX(-32px) scale(.96)}
  100%{opacity:0;transform:translateX(-32px) scale(.96)}
}
/* точки-индикатор, идут в такт витрине */
.hp-dots{position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:2;display:flex;gap:5px}
.hp-tile--sim .hp-dots{top:16px;left:auto;right:16px;transform:none}
.hp-dots span{width:18px;height:3px;border-radius:2px;background:rgba(127,127,127,.28);overflow:hidden;position:relative}
.hp-dots span:after{content:"";position:absolute;inset:0;background:var(--hp-accent);transform:scaleX(0);transform-origin:left;animation:hp-dot var(--hp-cyc,14s) linear infinite both}
.hp-dots span:nth-child(1):after{animation-delay:var(--hp-off,0s)}
.hp-dots span:nth-child(2):after{animation-delay:calc(var(--hp-off,0s) + var(--hp-cyc,14s)/4)}
.hp-dots span:nth-child(3):after{animation-delay:calc(var(--hp-off,0s) + var(--hp-cyc,14s)/2)}
.hp-dots span:nth-child(4):after{animation-delay:calc(var(--hp-off,0s) + var(--hp-cyc,14s)*3/4)}
@keyframes hp-dot{0%{transform:scaleX(0)}25%{transform:scaleX(1)}25.01%,100%{transform:scaleX(0)}}
/* десктоп: фото-сцены всех трёх плиток симметричны — одинаковые верх/низ, товар по центру, подпись внизу сцены */
@media (min-width:992px){
  .hp-show,.hp-tile:not(.hp-tile--sim) .hp-show,.hp-tile--sim .hp-show{position:absolute;top:150px;bottom:84px;height:auto;min-height:0;margin:0;border-radius:10px;overflow:hidden;z-index:1}
  .hp-tile:not(.hp-tile--sim) .hp-show{left:26px;right:26px;width:auto;background:#fff}
  .hp-tile--sim .hp-show{left:auto;right:26px;width:calc((100% - 76px)/2);background:var(--hp-panel);grid-column:auto;grid-row:auto}
  .hp-show__item,.hp-tile--sim .hp-show__item{justify-content:center;padding:30px 16px 36px}
  .hp-tile:not(.hp-tile--sim) .hp-show__item{background:#fff}
  .hp-show__item img{max-height:100%}
  .hp-show__cap{position:absolute;left:0;right:0;bottom:12px;margin:0 auto}
  .hp-dots,.hp-tile--sim .hp-dots{top:14px;right:16px;left:auto;transform:none}
  .hp-tile--sim .hp-tile__cta{grid-column:1/-1}
}
@media (hover:hover) and (pointer:fine){
  .hp-tile:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(29,33,38,.14)}
  .hp-tile:hover .hp-show__item,.hp-tile:hover .hp-dots span:after{animation-play-state:paused}
  .hp-tile:hover .hp-tile__cta i{transform:translateX(4px)}
  .hp-tile__chips a:hover{background:rgba(255,255,255,.18);color:#fff}
  .hp-tile:not(.hp-tile--sim) .hp-tile__chips a:hover{background:var(--hp-ink);color:#fff}
}
@media (max-width:991px){
  .hp-menu__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .hp-tile--sim{grid-column:1/-1;min-height:400px}
  .hp-tile--sim .hp-show{min-height:320px}
  .hp-tile{min-height:420px}
  .hp-tile--sim .hp-tile__title{font-size:36px}
}
@media (max-width:575px){
  .hp-menu{padding-top:12px}
  .hp-menu__grid{gap:8px}
  .hp-tile{min-height:290px;padding:16px 14px 12px;border-radius:12px}
  .hp-tile--sim{min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:none}
  .hp-tile--sim .hp-tile__title,.hp-tile--sim .hp-tile__meta,.hp-tile--sim .hp-tile__chips,.hp-tile--sim .hp-show,.hp-tile--sim .hp-tile__cta{grid-column:1;grid-row:auto}
  .hp-tile--sim .hp-show{min-height:230px;margin-top:14px}
  .hp-tile--sim .hp-show{order:1}.hp-tile--sim .hp-tile__cta{order:2;padding-top:12px}
  .hp-tile:not(.hp-tile--sim) .hp-tile__title{font-size:16px}
  .hp-tile:not(.hp-tile--sim) .hp-tile__meta span{display:none}
  .hp-tile:not(.hp-tile--sim) .hp-dots{display:none}
  .hp-tile__title{font-size:17px}
  .hp-tile--sim .hp-tile__title{font-size:28px}
  .hp-tile__meta{font-size:13px;margin-top:6px}
  .hp-tile__chips a{font-size:12.5px;padding:5px 10px}
  .hp-tile:not(.hp-tile--sim) .hp-show{height:46%;bottom:50px}
  .hp-show__cap{font-size:11.5px}
  .hp-tile:not(.hp-tile--sim) .hp-show__cap{display:none}
  .hp-tile__cta{font-size:13px}.hp-tile__cta i{width:34px;height:34px}
  .hp-tile:not(.hp-tile--sim) .hp-tile__cta span{display:none}
}
@media (prefers-reduced-motion:reduce){
  .hp-show__item,.hp-dots span:after{animation:none}
  .hp-show__item:first-child{opacity:1}
  .hp-dots{display:none}
  .hp-tile,.hp-tile__body,.hp-tile__cta i{transition:none}
}

/* плитка «Кокпиты» внутри «Симрейсинга» — отдельная подкатегория */
.hp-cock{position:relative;z-index:4;display:grid;grid-template-columns:minmax(0,1fr) 92px;align-items:center;gap:12px;padding:14px 12px 14px 16px;border-radius:10px;background:var(--hp-panel);color:var(--hp-ink)!important;transition:transform .16s var(--hp-ease),box-shadow .2s var(--hp-ease)}
.hp-cock__txt b{display:block;font:600 17px/1.15 var(--hp-disp);text-transform:uppercase}
.hp-cock__txt span{display:block;font-size:13px;color:var(--hp-steel);margin:3px 0 6px}
.hp-cock__txt small{display:block;font-size:13px;line-height:1.4;color:#3A4048}
.hp-cock img{width:92px;height:92px;object-fit:contain;mix-blend-mode:multiply}
.hp-cock:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.hp-cock:hover{box-shadow:0 0 0 2px var(--hp-accent)}}

/* новинки: в наличии + в пути */
.hp-new{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:12px}
.hp-newc{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:20px;align-items:center;min-height:300px;padding:26px;border-radius:14px;background:var(--hp-panel)}
.hp-newc--soon{background:#fff;border:1.5px dashed #C3C8CF;grid-template-columns:minmax(0,1fr) 150px}
.hp-newc__st{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;padding:4px 10px;border-radius:14px;background:#E3F1E6;color:#1F6B33;margin-bottom:12px}
.hp-newc__st:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.hp-newc--soon .hp-newc__st{background:var(--hp-wash);color:var(--hp-accent-d)}
.hp-newc--soon .hp-newc__st:before{animation:hp-pulse 1.6s ease-in-out infinite}
@keyframes hp-pulse{50%{opacity:.25}}
.hp-newc h3{font:600 22px/1.15 var(--hp-disp);margin:0 0 8px;text-wrap:balance}
.hp-newc h3 a:after{content:"";position:absolute;inset:0;border-radius:14px}
.hp-newc p{margin:0 0 12px;font-size:14.5px;color:#3A4048}
.hp-newc ul{margin:0 0 14px;padding:0;list-style:none;font-size:14px}
.hp-newc li{padding:4px 0;border-bottom:1px solid var(--hp-line)}
.hp-newc li b{font-weight:500;font-variant-numeric:tabular-nums}
.hp-newc__price{font:600 24px/1.1 Roboto,Arial,sans-serif;font-variant-numeric:tabular-nums}
.hp-newc__img{width:100%;aspect-ratio:1/1;object-fit:contain;mix-blend-mode:multiply}
.hp-newc__ph{aspect-ratio:1/1;border-radius:12px;background:var(--hp-panel);display:grid;place-items:center;color:#AEB4BC}
.hp-newc__ph svg{width:70%;height:auto}
.hp-newc__btn{position:relative;z-index:2;display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:22px;border:1.5px solid var(--hp-ink);font-weight:500;font-size:14.5px;background:#fff;color:var(--hp-ink);cursor:pointer;transition:background-color .16s var(--hp-ease),color .16s var(--hp-ease),transform .16s var(--hp-ease)}
.hp-newc__btn:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.hp-newc__btn:hover{background:var(--hp-ink);color:#fff}.hp-newc:not(.hp-newc--soon):hover h3{color:var(--hp-accent)}}
/* новинки: цена + кнопка, плитка целиком — ссылка на товар, «в пути» — список (может быть несколько) */
.hp-new__soon{display:grid;gap:12px;align-content:start}
.hp-newc{transition:box-shadow .2s var(--hp-ease),transform .2s var(--hp-ease)}
.hp-newc--soon{grid-template-columns:minmax(0,1fr) minmax(0,.75fr)}
.hp-newc__foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:8px}
.hp-newc__price b{font:inherit}
.hp-newc__price s{margin-left:10px;font-size:16px;font-weight:400;color:var(--hp-steel)}
.hp-newc__buy{position:relative;z-index:2;min-height:46px;padding:0 24px;flex:0 0 auto}
.hp-btn--pre{background:var(--hp-ink);color:#fff}
@media (hover:hover) and (pointer:fine){.hp-newc:hover{box-shadow:0 12px 28px rgba(29,33,38,.1)}.hp-newc:hover h3{color:var(--hp-accent)}.hp-btn--pre:hover{background:#000}}
@media (max-width:575px){.hp-newc--soon{grid-template-columns:minmax(0,1fr)}.hp-newc__buy{flex:1}}
@media (max-width:991px){.hp-new{grid-template-columns:minmax(0,1fr)}}
@media (max-width:575px){.hp-newc,.hp-newc--soon{grid-template-columns:minmax(0,1fr);padding:18px}.hp-newc__img,.hp-newc__ph{max-width:220px;margin:0 auto;order:-1}.hp-newc h3{font-size:19px}.hp-cock{grid-template-columns:minmax(0,1fr) 84px}.hp-cock img{width:84px;height:84px}}
@media (prefers-reduced-motion:reduce){.hp-newc--soon .hp-newc__st:before{animation:none}}

/* «Как мы работаем» — светлая подложка-панель, белые карточки с красной риской и иконкой в круге; текст тёмный */
.hp-work{padding:56px 0;border-top:1px solid var(--hp-line)}
.hp-work>.hp-wrap{position:relative}
.hp-work__box{background:var(--hp-panel);border-radius:18px;padding:40px 36px 36px}
.hp-work__box .hp-h2{margin-bottom:6px}
.hp-work__box .hp-sub{margin-bottom:28px}
.hp-work__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hp-w{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:16px;align-items:start;align-content:start;padding:22px 22px 22px 20px;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(29,33,38,.05);transition:transform .2s var(--hp-ease),box-shadow .2s var(--hp-ease)}
.hp-w__ico{grid-row:1/3;width:48px;height:48px;padding:11px;border-radius:12px;background:var(--hp-ink);color:#fff;display:block;transition:background-color .2s var(--hp-ease)}
.hp-w__ico *{stroke-dasharray:1;stroke-dashoffset:0}
.hp-w h3{font:600 16px/1.3 var(--hp-disp);margin:2px 0 6px;color:var(--hp-ink);text-wrap:balance}
.hp-w>*:not(.hp-w__ico){grid-column:2}
.hp-w p+p{margin-top:6px}
.hp-w__k{display:block;font-weight:500;color:var(--hp-ink)}
.hp-w p{margin:0;font-size:14.5px;line-height:1.5;color:#3A4048}
.hp-w a{color:var(--hp-accent)!important;font-weight:500;text-decoration:underline;text-decoration-color:rgba(192,57,43,.35);text-underline-offset:3px}
.hp-work.is-js .hp-w{opacity:0;transform:translateY(12px)}
.hp-work.is-js .hp-w__ico *{stroke-dashoffset:1}
.hp-work.is-in .hp-w{opacity:1;transform:none;transition:opacity .5s var(--hp-ease) calc(var(--i)*60ms),transform .5s var(--hp-ease) calc(var(--i)*60ms),box-shadow .2s var(--hp-ease)}
.hp-work.is-in .hp-w__ico *{stroke-dashoffset:0;transition:stroke-dashoffset .8s cubic-bezier(.65,0,.35,1) calc(var(--i)*60ms + 180ms)}
@media (hover:hover) and (pointer:fine){.hp-w:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(29,33,38,.05),0 12px 28px rgba(29,33,38,.10)}.hp-w:hover .hp-w__ico{background:var(--hp-accent)}}
@media (max-width:991px){.hp-work__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:575px){.hp-work{padding:40px 0}.hp-work__box{padding:26px 14px 14px;border-radius:14px}.hp-work__grid{grid-template-columns:minmax(0,1fr);gap:8px}.hp-w{padding:16px;grid-template-columns:40px minmax(0,1fr);column-gap:12px}.hp-w__ico{width:40px;height:40px;padding:9px;border-radius:10px}}
@media (prefers-reduced-motion:reduce){.hp-w,.hp-w__ico,.hp-w__ico *{transition:none!important;animation:none!important}}
/* «Как мы работаем»: кнопка-ссылка, всплывашка демостенда, окно сертификата */
.hp-w__btn{grid-column:2;justify-self:start;margin-top:10px;padding:0;border:0;background:none;font:500 14px/1.4 Roboto,Arial,sans-serif;color:var(--hp-accent);text-decoration:underline;text-decoration-color:rgba(192,57,43,.35);text-underline-offset:3px;cursor:pointer}
.hp-w__btn:focus-visible{outline:2px solid var(--hp-accent);outline-offset:3px;border-radius:3px}
.hp-w__pop{grid-column:2;position:relative;justify-self:start}
.hp-w__pop .hp-w__btn{margin-top:10px}
.hp-w__tip{position:absolute;left:0;bottom:calc(100% + 10px);z-index:20;width:300px;padding:14px 16px;border-radius:12px;background:var(--hp-ink);color:#fff;box-shadow:0 14px 34px rgba(29,33,38,.28);font-size:13.5px;line-height:1.45;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s var(--hp-ease),transform .18s var(--hp-ease),visibility 0s .18s}
.hp-w__tip:after{content:"";position:absolute;left:24px;top:100%;border:7px solid transparent;border-top-color:var(--hp-ink)}
.hp-w__tip b{display:block;font:600 13px/1.3 var(--hp-disp);text-transform:uppercase;letter-spacing:.02em;margin-bottom:8px}
.hp-w__tip span{display:grid;grid-template-columns:86px minmax(0,1fr);gap:8px;padding:4px 0;border-top:1px solid rgba(255,255,255,.1)}
.hp-w__tip i{font-style:normal;color:#9CA3AC}
.hp-w__pop:hover .hp-w__tip,.hp-w__pop:focus-within .hp-w__tip,.hp-w__pop.is-open .hp-w__tip{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.hp-dlg{border:0;border-radius:16px;padding:0;max-width:min(560px,calc(100vw - 32px));box-shadow:0 24px 60px rgba(29,33,38,.35)}
.hp-dlg::backdrop{background:rgba(29,33,38,.55)}
.hp-dlg__in{padding:22px 22px 20px;font:15px/1.5 Roboto,Arial,sans-serif;color:var(--hp-ink)}
.hp-dlg__head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.hp-dlg__head b{font:600 17px/1.2 var(--hp-disp);text-transform:uppercase}
.hp-dlg__close{width:40px;height:40px;border:0;border-radius:50%;background:var(--hp-panel);font-size:20px;cursor:pointer;color:var(--hp-ink)}
.hp-dlg__ph{aspect-ratio:1/1.414;border-radius:10px;background:var(--hp-panel);display:grid;place-items:center;text-align:center;padding:24px;color:var(--hp-steel);font-size:14px}
@media (max-width:575px){.hp-w__tip{width:min(300px,calc(100vw - 80px))}}
@media (prefers-reduced-motion:reduce){.hp-w__tip{transition:none}}
.hp-work+script+.hp-s{border-top:0;padding-top:8px}

.hp-tile--sim .hp-tile__chips a{flex-direction:column;gap:6px;min-height:80px}.hp-chip__ico{width:30px;height:30px;color:#C9CED4;transition:color .16s var(--hp-ease),transform .2s var(--hp-ease)}@media (hover:hover) and (pointer:fine){.hp-tile--sim .hp-tile__chips a:hover .hp-chip__ico{color:var(--hp-accent);transform:translateY(-2px)}}@media (max-width:575px){.hp-tile--sim .hp-tile__chips a{min-height:64px}.hp-chip__ico{width:22px;height:22px}}
/* «Каталог симуляторов» — 2/4 + 1/4 + 1/4, общий блок для главной и верха каталога/категорий/товаров */
.hp-cn{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1.35fr) minmax(0,.8fr);gap:12px}
.hp-cn__col{display:flex;flex-direction:column;border:1px solid var(--hp-line);border-radius:12px;padding:12px;background:#fff}
.hp-cn__col--sim{background:var(--hp-ink);border-color:var(--hp-ink)}
.hp-cn__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:4px 6px 12px}
.hp-cn__head b{font:600 17px/1.2 var(--hp-disp);text-transform:uppercase;letter-spacing:.01em}
.hp-cn__head span{font-size:13px;color:var(--hp-steel);white-space:nowrap}
.hp-cn__col--sim .hp-cn__head b{color:#fff}.hp-cn__col--sim .hp-cn__head span{color:#B8BEC6}
.hp-cn__grid{flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:8px}
.hp-cn__col--sim .hp-cn__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.hp-cn__grid--1{grid-template-columns:minmax(0,1fr)}
.hp-cn__t{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;text-align:left;gap:12px;min-height:112px;padding:14px 14px 12px;border-radius:9px;background:var(--hp-panel);transition:background-color .16s var(--hp-ease),transform .16s var(--hp-ease),box-shadow .16s var(--hp-ease)}
.hp-cn__col--sim .hp-cn__t{background:rgba(255,255,255,.06);color:#fff}
.hp-cn__grid--1 .hp-cn__t{min-height:0}
.hp-cn__t svg{width:40px;height:40px;flex:0 0 40px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:var(--hp-steel);transition:color .16s var(--hp-ease),transform .2s var(--hp-ease)}
.hp-cn__col--sim .hp-cn__t svg{color:#C9CED4}
.hp-cn__t b{font-weight:500;font-size:15.5px;line-height:1.25;padding-right:22px}
.hp-cn__t span{position:absolute;right:12px;bottom:10px;font-size:13px;font-weight:500;color:var(--hp-steel);font-variant-numeric:tabular-nums}
.hp-cn__col--sim .hp-cn__t span{color:#9CA3AC}
.hp-cn__t.is-new:after{content:"новая";position:absolute;top:6px;right:6px;font-size:10px;line-height:1;padding:3px 5px;border-radius:4px;background:var(--hp-tbd-bg);color:var(--hp-tbd-ink);font-weight:700}
.hp .hp-cn__t span,.hp .hp-cn__head span{color:var(--hp-steel)}.hp .hp-cn__col--sim .hp-cn__t span,.hp .hp-cn__col--sim .hp-cn__head span{color:#9CA3AC}.hp .hp-cn__t b{color:inherit}
.hp-cn__t.is-current{box-shadow:inset 0 0 0 2px var(--hp-accent)}
.hp-cn__t:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
  .hp-cn__t:hover{background:#E9EBEE}.hp-cn__col--sim .hp-cn__t:hover{background:rgba(255,255,255,.12)}
  .hp-cn__t:hover svg{color:var(--hp-accent);transform:translateY(-2px)}
  .hp-cn__head:hover b{color:var(--hp-accent)}
}
@media (max-width:1199px){.hp-cn{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hp-cn__col--sim{grid-column:1/-1}}
@media (max-width:575px){
  .hp-cn{grid-template-columns:minmax(0,1fr)}
  .hp-cn__col--sim .hp-cn__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hp-cn__t{min-height:96px}.hp-cn__t svg{width:34px;height:34px;flex-basis:34px}
}

/* кнопки — общие для всех страниц */
.hp-prod__buy{position:relative;z-index:2;display:flex;gap:6px;margin-top:12px}
.hp-btn--tocart{text-transform:uppercase;letter-spacing:.04em;font-size:13.5px}
.hp-btn--off{flex:1;background:var(--hp-panel);color:var(--hp-steel);cursor:not-allowed;font-size:14px}
.hp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:22px;border:0;font:500 14.5px/1 Roboto,Arial,sans-serif;cursor:pointer;transition:background-color .16s var(--hp-ease),transform .16s var(--hp-ease),color .16s var(--hp-ease)}
.hp-btn--buy{flex:1;background:var(--hp-accent);color:#fff}
.hp-btn--ghost{width:44px;padding:0;background:var(--hp-panel);color:var(--hp-ink)}
.hp-btn:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.hp-btn--buy:hover{background:var(--hp-accent-d)}.hp-btn--ghost:hover{background:#E4E7EA}}

/* плитка конфигуратора MOZA — во всю ширину под меню */
.hp-conf{display:grid;grid-template-columns:300px minmax(0,1fr) auto;align-items:center;gap:16px 28px;margin-top:12px;padding:14px 24px 14px 14px;border-radius:14px;background:var(--hp-ink);color:#fff;position:relative;overflow:hidden;transition:box-shadow .2s var(--hp-ease),transform .2s var(--hp-ease)}
.hp-conf__img{border-radius:10px;background:#E9EBEE url(https://tboxshop.ru/image/catalog/configurator/cockpit_gray_bg_0729.webp) center/cover;display:grid;place-items:center;overflow:hidden}
.hp-conf__img img{width:92%;height:auto;display:block}
.hp-conf__txt b{color:#fff!important;display:block;font:600 22px/1.2 var(--hp-disp);text-transform:uppercase}
.hp-conf__txt p{margin:8px 0 12px;font-size:15px;line-height:1.5;color:#C9CED4;max-width:62ch}
.hp-conf__feat{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.hp-conf__feat li{display:inline-flex;align-items:center;gap:6px;font-size:13px;padding:6px 11px;border-radius:15px;background:rgba(255,255,255,.08);color:#E6E8EB}
.hp-conf__feat li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--hp-accent)}
.hp-conf__go{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 22px;border-radius:26px;background:var(--hp-accent);color:#fff;font-weight:500;font-size:16px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;transition:background-color .16s var(--hp-ease)}
.hp-conf__go svg{transition:transform .2s var(--hp-ease)}
.hp-conf:active{transform:scale(.995)}
@media (hover:hover) and (pointer:fine){.hp-conf:hover{box-shadow:0 14px 34px rgba(29,33,38,.28)}.hp-conf:hover .hp-conf__go{background:var(--hp-accent-d)}.hp-conf:hover .hp-conf__go svg{transform:translateX(4px)}}
/* сцена конфигуратора: 4 шага по 3 с — база, руль, педали, пустой кокпит */
.hp-cs{position:relative;display:block;aspect-ratio:1720/1505;background:#E2E4E7;overflow:hidden}
.hp-cs img{position:absolute;display:block;max-width:none}
.hp-cs__l{opacity:0;animation:6s var(--hp-ease) infinite both}
.hp-cs__base{animation-name:hp-cs-base}
.hp-cs__wheel{animation-name:hp-cs-wheel}
.hp-cs__ped{animation-name:hp-cs-ped}
@keyframes hp-cs-base {0%{opacity:0;transform:translateY(-14%)}6%{opacity:1;transform:none}72%{opacity:1;transform:none}78%,100%{opacity:0;transform:none}}
@keyframes hp-cs-wheel{0%,25%{opacity:0;transform:translateY(-14%) scale(.94)}31%{opacity:1;transform:none}72%{opacity:1;transform:none}78%,100%{opacity:0;transform:none}}
@keyframes hp-cs-ped  {0%,50%{opacity:0;transform:translateY(-10%)}56%{opacity:1;transform:none}72%{opacity:1;transform:none}78%,100%{opacity:0;transform:none}}
.hp-cs__cap{position:absolute;left:8px;bottom:8px;right:8px;height:24px}
.hp-cs__cap i{position:absolute;left:0;bottom:0;font-style:normal;font-size:12px;font-weight:500;line-height:1;padding:6px 9px;border-radius:12px;background:rgba(29,33,38,.82);color:#fff;white-space:nowrap;opacity:0;animation:hp-cs-cap 6s var(--hp-ease) infinite both}
.hp-cs__cap i:nth-child(2){animation-delay:1.5s}.hp-cs__cap i:nth-child(3){animation-delay:3s}.hp-cs__cap i:nth-child(4){animation-delay:4.5s}
@keyframes hp-cs-cap{0%{opacity:0;transform:translateY(6px)}4%{opacity:1;transform:none}22%{opacity:1}25%,100%{opacity:0}}
@media (hover:hover) and (pointer:fine){.hp-conf:hover .hp-cs__l,.hp-conf:hover .hp-cs__cap i{animation-play-state:paused}}
@media (prefers-reduced-motion:reduce){.hp-cs__l{animation:none;opacity:1}.hp-cs__cap{display:none}}
@media (max-width:991px){.hp-conf{grid-template-columns:200px minmax(0,1fr)}.hp-conf__go{grid-column:1/-1;justify-content:center}}
@media (max-width:575px){.hp-conf{grid-template-columns:minmax(0,1fr);padding:12px 12px 16px}.hp-conf__txt b{font-size:18px}.hp-conf__txt p{font-size:14px}}

/* модуль «Собери свой комплект»: кнопки «Заменить» и «Купить комплект» */
.hp-kit__swap{position:absolute;top:26px;right:26px;z-index:3;display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border-radius:16px;background:#fff;box-shadow:0 1px 3px rgba(29,33,38,.15);font-size:13px;font-weight:500;color:var(--hp-ink)!important;transition:background-color .16s var(--hp-ease),color .16s var(--hp-ease)}
.hp-kit__swap svg{width:14px;height:14px}
.hp-kit__swap:active{transform:scale(.96)}
.hp-kit__sum .hp-btn--buy{margin-top:16px;width:100%;min-height:48px;color:#fff!important;font-size:15.5px}
.hp-kit__sum form{margin:0;display:flex;flex-direction:column}
@media (hover:hover) and (pointer:fine){.hp-kit__swap:hover{background:var(--hp-ink);color:#fff!important}}
@media (max-width:575px){.hp-kit__swap{top:auto;bottom:14px;right:14px}}

/* «Акции» — лента товаров модуля «Акции» (OpenCart special); появление волной, живой обратный отсчёт */
.hp-sale__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}
.hp-sale__head .hp-sub{margin:0}
.hp-sale__nav{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.hp-sale__nav .hp-more{margin-right:10px}
.hp-sale__arr{width:44px;height:44px;border-radius:50%;border:1px solid var(--hp-line);background:#fff;color:var(--hp-ink);display:grid;place-items:center;cursor:pointer;transition:background-color .16s var(--hp-ease),color .16s var(--hp-ease),border-color .16s var(--hp-ease),opacity .16s}
.hp-sale__arr:disabled{opacity:.35;cursor:default}
.hp-sale__arr:not(:disabled):active{transform:scale(.94)}
.hp-sale__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*16px)/4);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 0 8px;outline:0}
.hp-sale__track::-webkit-scrollbar{display:none}
.hp-sale__track:focus-visible{box-shadow:0 0 0 2px var(--hp-accent);border-radius:12px}
.hp-sale__c{scroll-snap-align:start}
.hp-sale__pct{position:absolute;top:10px;left:10px;z-index:2;font:600 13px/1 var(--hp-disp);padding:7px 9px;border-radius:7px;background:var(--hp-accent);color:#fff;font-variant-numeric:tabular-nums}
.hp-prod__img--none{flex-direction:column;gap:6px;color:#AEB4BC;font-size:13px}
.hp-sale__save{margin:6px 0 0;font-size:13px;color:#1F6B33;font-weight:500}
.hp-sale__timer{margin:10px 0 0;padding-top:10px;border-top:1px solid var(--hp-line);font-size:13px;color:var(--hp-steel)}
.hp-sale__timer time{font-variant-numeric:tabular-nums}
.hp-sale__timer b{font-weight:600;color:var(--hp-ink)}
.hp-sale.is-js .hp-sale__c{opacity:0;transform:translateY(18px)}
.hp-sale.is-in .hp-sale__c{opacity:1;transform:none;transition:opacity .55s var(--hp-ease) calc(var(--i)*55ms),transform .55s var(--hp-ease) calc(var(--i)*55ms)}
.hp-sale.is-in .hp-sale__pct{animation:hp-pct .6s var(--hp-ease) calc(var(--i)*55ms + 250ms) both}
@keyframes hp-pct{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08);opacity:1}100%{transform:none}}
@media (hover:hover) and (pointer:fine){.hp-sale__arr:not(:disabled):hover{background:var(--hp-ink);border-color:var(--hp-ink);color:#fff}}
@media (max-width:991px){.hp-sale__track{grid-auto-columns:calc((100% - 2*16px)/3)}}
@media (max-width:767px){.hp-sale__head{align-items:flex-start;flex-direction:column}.hp-sale__arr{display:none}.hp-sale__track{grid-auto-columns:46%;gap:12px;margin:0 -20px;padding:4px 20px 8px;scroll-padding:0 20px}}
@media (prefers-reduced-motion:reduce){.hp-sale .hp-sale__c,.hp-sale .hp-sale__pct{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}}

.hp-off .hp-show__item,.hp-off .hp-dots span:after,.hp-off .hp-cs__l,.hp-off .hp-cs__cap i,.hp-off.hp-newc__st:before{animation-play-state:paused!important}
/* хиро 992–1199 px: маленькие плитки — в потоке, сцена не наезжает на текст */
@media (min-width:992px) and (max-width:1199px){
  .hp-tile:not(.hp-tile--sim) .hp-tile__body{display:contents}
  .hp-tile:not(.hp-tile--sim) .hp-show{position:relative;inset:auto;top:auto;bottom:auto;left:auto;right:auto;width:auto;height:auto;flex:1 1 auto;min-height:220px;margin:14px 0 4px;order:1}
  .hp-tile:not(.hp-tile--sim) .hp-tile__cta{order:2}
}

/* «Собери свой комплект» — модуль темы technics_set в стиле главной (функции модуля не тронуты) */
.hp-kitmod .set{margin:0;padding:0;background:none}
.hp-kitmod .set__head{display:none}
.hp-kitmod .set .container-fluid{max-width:1210px;margin:0 auto;padding:0 20px}
.hp-kitmod .set__body>.row{display:grid;grid-template-columns:minmax(0,1fr) 300px;margin:0;border:1px solid var(--hp-line);border-radius:12px;overflow:hidden;background:#fff}
.hp-kitmod .set__body>.row>[class*="col-"]{max-width:none;width:auto;flex:none;padding:0}
.hp-kitmod .slick-list{overflow:visible;padding:0!important}
.hp-kitmod .set__slides.slick-initialized{display:block!important}
.hp-kitmod .set__slides:not(.slick-initialized),.hp-kitmod .slick-track{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));width:auto!important;transform:none!important;margin:0}
.hp-kitmod .slick-track:before,.hp-kitmod .slick-track:after{display:none}
.hp-kitmod .slick-slide,.hp-kitmod .set__slides>.products__item{float:none;width:auto!important;height:auto;margin:0}
.hp-kitmod .slick-arrow,.hp-kitmod .slick-dots{display:none!important}
.hp-kitmod .products__item{position:relative;padding:0;margin:0;border:0;border-right:1px solid var(--hp-line);box-shadow:none;background:#fff}
.hp-kitmod .slick-slide:last-child .products__item,.hp-kitmod .set__slides>.products__item:last-child{border-right:0}
.hp-kitmod .products__item-in{position:relative;display:flex;flex-direction:column;height:100%;padding:18px;border:0;box-shadow:none;background:none}
.hp-kitmod .products__item-in:hover{box-shadow:none}
.hp-kitmod .products__item-images{order:-1;aspect-ratio:1/1;border-radius:10px;background:var(--hp-panel);display:grid;place-items:center;margin:0 0 12px;overflow:hidden}
.hp-kitmod .products__item-images img{width:82%!important;height:82%!important;object-fit:contain;mix-blend-mode:multiply}
${1}z-index:20;display:flex;flex-direction:column;gap:4px}
.hp-kitmod .products__item-mark{display:none}
.hp-kitmod .products__item-mark--sale{display:inline-block;font:600 12px/1 Roboto,Arial,sans-serif;padding:5px 8px;border-radius:5px;background:var(--hp-accent);color:#fff;text-transform:none}
${1}z-index:21;display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border-radius:16px;background:#fff;box-shadow:0 1px 3px rgba(29,33,38,.15);font:500 13px/1 Roboto,Arial,sans-serif;color:var(--hp-ink)!important;text-transform:none;text-decoration:none!important;transition:background-color .16s var(--hp-ease),color .16s var(--hp-ease)}
.hp-kitmod .products__item-replace svg{width:14px;height:14px;fill:currentColor}
.hp-kitmod .products__item-desc{display:flex;flex-direction:column;flex:1;padding:0;text-align:left}
.hp-kitmod .products__item-category{order:-1;font-size:12.5px;color:var(--hp-steel);margin:0 0 2px}
.hp-kitmod .products__item-title{font:500 15px/1.35 Roboto,Arial,sans-serif;color:var(--hp-ink)!important;margin:0 0 10px;height:auto;max-height:none;-webkit-line-clamp:3}
.hp-kitmod .products__item-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 8px;margin-top:auto;font:600 18px/1.2 Roboto,Arial,sans-serif;color:var(--hp-ink);font-variant-numeric:tabular-nums}
.hp-kitmod .products__item-price u{order:2;margin-left:8px;font-size:14px;font-weight:400;color:var(--hp-steel)}
.hp-kitmod .products__item-action,.hp-kitmod .products__item-buttons{display:none}
.hp-kitmod .products__set{height:100%;margin:0;padding:0;background:var(--hp-ink);color:#fff;border-radius:0}
.hp-kitmod .products__set form,.hp-kitmod .products__set-in{height:100%;margin:0;padding:0;border:0;background:none}
.hp-kitmod .products__set-in{display:flex;flex-direction:column;justify-content:center;padding:24px;text-align:left}
.hp-kitsum small{display:block;color:#B8BEC6;font-size:13.5px}
.hp-kitsum b{display:block;font:600 32px/1.1 var(--hp-disp);margin:6px 0 4px;font-variant-numeric:tabular-nums;color:#fff}
.hp-kitsum .js-set-discount{display:block;font-size:13px;color:#9FD3A9;min-height:0}
.hp-kitsum .js-set-discount:empty{display:none}
.hp-kitsum p{margin:8px 0 0;font-size:14px;color:#D4D8DD}
.hp-kitmod .js-btn-add-set2cart{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;margin:16px 0 0;padding:0 18px;border:0;border-radius:24px;background:var(--hp-accent);color:#fff!important;font:500 14.5px/1 Roboto,Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;text-decoration:none!important;transition:background-color .16s var(--hp-ease),transform .16s var(--hp-ease)}
.hp-kitmod .js-btn-add-set2cart svg{width:18px;height:18px;fill:currentColor}
.hp-kitmod .js-btn-add-set2cart:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.hp-kitmod .products__item-replace:hover{background:var(--hp-ink);color:#fff!important}.hp-kitmod .js-btn-add-set2cart:hover{background:var(--hp-accent-d)}.hp-kitmod .products__item-title:hover{color:var(--hp-accent)!important}}
@media (max-width:991px){.hp-kitmod .set__body>.row{grid-template-columns:minmax(0,1fr)}}
@media (max-width:575px){
  .hp-kitmod .set__slides:not(.slick-initialized),.hp-kitmod .slick-track{grid-template-columns:minmax(0,1fr)}
  .hp-kitmod .products__item{border-right:0;border-bottom:1px solid var(--hp-line)}
  .hp-kitmod .products__item-in{padding:14px}
  .hp-kitmod .products__item-images{max-width:240px;width:100%;margin:0 auto 12px}
  .hp-kitmod .products__item-stickers{left:22px;top:22px}
  .hp-kitmod .products__item-replace{top:22px;right:22px;font-size:13px!important;letter-spacing:normal!important;color:var(--hp-ink)!important}
}

/* ---------- секции ---------- */
.hp-s{padding:56px 0;border-top:1px solid var(--hp-line)}
.hp-s--first{border-top:0;padding-top:44px}
.hp-h2{font:600 26px/1.2 var(--hp-disp);letter-spacing:-.015em;margin:0 0 6px;text-wrap:balance}
.hp-sub{margin:0 0 24px;color:var(--hp-steel);font-size:15px}
.hp-more{color:var(--hp-accent)!important;font-weight:500;font-size:15px}

/* H1 + лид + полоса показаний */
.hp-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:end}
.hp-intro h1{font:600 30px/1.18 var(--hp-disp);letter-spacing:-.015em;margin:0 0 14px;text-wrap:balance;color:var(--hp-ink)}
.hp-intro p{margin:0;font-size:16.5px;max-width:62ch;color:#2E343B}
.hp-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:2px solid var(--hp-ink)}
.hp-stat{padding:14px 16px 14px 0;border-bottom:1px solid var(--hp-line)}
.hp-stat:nth-child(even){padding-left:16px;border-left:1px solid var(--hp-line)}
.hp-stat b{display:block;font:600 24px/1.1 var(--hp-disp);font-variant-numeric:tabular-nums}
.hp-stat span{font-size:13.5px;color:var(--hp-steel)}

/* плитки разделов симрейсинга */
.hp-cats{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));border:1px solid var(--hp-line);border-radius:10px;overflow:hidden}
.hp-cat{display:block;text-align:center;padding:18px 8px 14px;border-left:1px solid var(--hp-line);transition:background-color .16s var(--hp-ease)}
.hp-cat:first-child{border-left:0}
.hp-cat:active{transform:scale(.97)}
.hp-cat svg{display:block;width:32px;height:32px;margin:0 auto 10px;color:var(--hp-steel);transition:color .16s var(--hp-ease)}
.hp-cat b{display:block;font-weight:500;font-size:14.5px;line-height:1.25}
.hp-cat span{display:block;font-size:12.5px;color:var(--hp-steel);margin-top:3px;font-variant-numeric:tabular-nums}
@media (hover:hover) and (pointer:fine){.hp-cat:hover{background:var(--hp-panel)}.hp-cat:hover svg{color:var(--hp-accent)}}

/* товары */
.hp-prods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}
.hp-prod{position:relative;display:flex;flex-direction:column}
.hp-prod__img{aspect-ratio:1/1;border-radius:10px;background:var(--hp-panel);display:grid;place-items:center;overflow:hidden;margin-bottom:12px}
.hp-prod__img img{width:82%;height:82%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s var(--hp-ease)}
.hp-prod__tag{font-size:12.5px;color:var(--hp-steel);margin:0 0 4px}
.hp-prod__name{font-weight:500;font-size:15px;line-height:1.35;margin:0 0 10px}
.hp-prod__name a:after{content:"";position:absolute;inset:0;z-index:1}
.hp-prod__price{margin-top:auto;font:600 19px/1.2 Roboto,Arial,sans-serif;font-variant-numeric:tabular-nums}
.hp-prod__price s{font-weight:400;font-size:14px;color:var(--hp-steel);margin-left:8px}
.hp-prod__price em{font-style:normal;color:var(--hp-accent)}
.hp-prod:active .hp-prod__img{transform:scale(.98)}
@media (hover:hover) and (pointer:fine){.hp-prod:hover .hp-prod__img img{transform:scale(1.04)}.hp-prod:hover .hp-prod__name{color:var(--hp-accent)}}

/* стартовый комплект */
.hp-kit{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:0;border:1px solid var(--hp-line);border-radius:12px;overflow:hidden}
.hp-kit__items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.hp-kit__item{position:relative;padding:18px;border-right:1px solid var(--hp-line);display:flex;flex-direction:column}
.hp-kit__item img{display:block;width:100%;max-width:190px;aspect-ratio:1/1;object-fit:contain;margin:0 auto 12px}
.hp-kit__item small{font-size:12.5px;color:var(--hp-steel)}
.hp-kit__item a{font-weight:500;line-height:1.35;margin:2px 0 8px}
.hp-kit__item a:after{content:"";position:absolute;inset:0}
.hp-kit__item b{margin-top:auto;font-variant-numeric:tabular-nums}
.hp-kit__item:not(:last-child):before{content:"+";position:absolute;right:-13px;top:38%;z-index:2;width:26px;height:26px;border-radius:50%;background:#fff;border:1px solid var(--hp-line);display:grid;place-items:center;font-weight:500;color:var(--hp-steel)}
.hp-kit__sum{background:var(--hp-ink);color:#fff;padding:24px;display:flex;flex-direction:column;justify-content:center}
.hp-kit__sum small{color:#B8BEC6;font-size:13.5px}
.hp-kit__sum b{font:600 32px/1.1 var(--hp-disp);margin:6px 0 10px;font-variant-numeric:tabular-nums}
.hp-kit__sum p{margin:0;font-size:14px;color:#D4D8DD}

/* разделы тюнинга */
.hp-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.hp-chips a{display:block;padding:9px 14px;border:1px solid var(--hp-line);border-radius:20px;font-size:14.5px;transition:border-color .16s var(--hp-ease),color .16s var(--hp-ease)}
.hp-chips a:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.hp-chips a:hover{border-color:var(--hp-accent);color:var(--hp-accent)}}

/* почему мы — разлинованный текст, не карточки */
.hp-why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 36px}
.hp-why div{padding:16px 0;border-top:1px solid var(--hp-line)}
.hp-why h3{font-size:16px;font-weight:500;margin:0 0 4px}
.hp-why p{margin:0;font-size:14.5px;color:#3A4048}

/* FAQ */
.hp-faqs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 40px;align-items:start}
.hp-faq__h{font:600 15px/1.3 var(--hp-disp);margin:0;padding:14px 0 10px;color:var(--hp-steel);text-transform:uppercase;letter-spacing:.02em}
@media (max-width:991px){.hp-faqs{grid-template-columns:minmax(0,1fr)}.hp-faq+.hp-faq{margin-top:24px}}
.hp-faq{border-top:0}.hp-faq details:first-of-type{border-top:1px solid var(--hp-line)}
.hp-faq details{border-bottom:1px solid var(--hp-line)}
.hp-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:56px;padding:12px 0;font-weight:500;font-size:16px}
.hp-faq summary::-webkit-details-marker{display:none}
.hp-faq summary:after{content:"";flex:0 0 14px;height:14px;background:linear-gradient(var(--hp-accent),var(--hp-accent)) center/14px 2px no-repeat,linear-gradient(var(--hp-accent),var(--hp-accent)) center/2px 14px no-repeat;transition:transform .24s var(--hp-ease)}
.hp-faq details[open] summary:after{transform:rotate(45deg)}
.hp-faq details p{margin:0 0 16px;max-width:68ch;color:#3A4048}

/* коротко о магазине */
.hp-about{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px}
.hp-about p{margin:0 0 12px;max-width:68ch}
.hp-facts{margin:0;background:var(--hp-panel);border-radius:12px;padding:18px 20px;font-size:14.5px}
.hp-facts dt{color:var(--hp-steel);font-size:13px;margin-top:10px}.hp-facts dt:first-child{margin-top:0}
.hp-facts dd{margin:0;font-weight:500}

/* превью-заметки */
.hp-notes{background:#F7F8FA;border-top:1px solid var(--hp-line);padding:40px 0;font-size:14px}
.hp-notes h2{font:600 18px/1.3 Roboto,Arial,sans-serif;margin:0 0 10px}
.hp-notes table{width:100%;border-collapse:collapse;background:#fff;margin-bottom:18px}
.hp-notes th,.hp-notes td{text-align:left;vertical-align:top;padding:8px 10px;border-bottom:1px solid var(--hp-line)}
.hp-notes th{color:var(--hp-steel);font-weight:500}
.hp-notes ul{margin:0;padding-left:18px}

@media (max-width:1199px){.hp-cats{grid-template-columns:repeat(4,minmax(0,1fr))}.hp-cat:nth-child(4n+1){border-left:0}.hp-cat:nth-child(n+5){border-top:1px solid var(--hp-line)}}
@media (max-width:991px){
  .hp-intro,.hp-about{grid-template-columns:minmax(0,1fr);gap:24px}
  .hp-prods{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hp-kit{grid-template-columns:minmax(0,1fr)}
  .hp-why{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media (max-width:575px){
  .hp-s{padding:40px 0}
  .hp-h2{font-size:21px}
  .hp-intro h1{font-size:23px}
  .hp-cats{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .hp-cats::-webkit-scrollbar{display:none}
  .hp-cat{flex:0 0 33%;scroll-snap-align:start;border-top:0!important;border-left:1px solid var(--hp-line)!important}
  .hp-cat:first-child{border-left:0!important}
  .hp-prods{gap:20px 12px}
  .hp-prod__name{font-size:14px}
  .hp-kit__items{grid-template-columns:minmax(0,1fr)}
  .hp-kit__item{display:grid;grid-template-columns:88px 1fr;column-gap:14px;border-right:0;border-bottom:1px solid var(--hp-line)}
  .hp-kit__item img{grid-row:1/4;margin:0}
  .hp-kit__item:not(:last-child):before{right:auto;left:50px;top:auto;bottom:-13px}
  .hp-why{grid-template-columns:minmax(0,1fr)}
}

/* подвал: компактный блок «О магазине» */
.hp-fabout{font-size:13px;line-height:1.6}.hp-fabout a{color:inherit;text-decoration:underline;text-underline-offset:2px}
/* шапка: виджет корзины темы — иконкой 44×44 со счётчиком, как остальные иконки */
.hp-hdr__cart{position:relative;display:flex;align-items:center}
.hp-hdr__cart .cart__btn{position:relative;display:grid;place-items:center;width:44px;height:44px;min-width:0;padding:0;margin:0;border:0;border-radius:50%;background:none;font-size:0;line-height:0;color:var(--hp-ink);cursor:pointer;transition:background-color .16s var(--hp-ease)}
.hp-hdr__cart .cart__btn:before,.hp-hdr__cart .cart__btn:after{display:none}
.hp-hdr__cart .cart__btn svg{width:22px;height:22px;margin:0;fill:currentColor}
.hp-hdr__cart .cart__counter{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--hp-accent);color:#fff;font:600 11px/18px Roboto,Arial,sans-serif;text-align:center}
.hp-hdr__cart #cart-total:empty{display:none}
.hp-hdr__cart .cart,.hp-hdr__cart .js-cart-call{border:0!important;padding:0;margin:0;box-shadow:none}
.hp-hdr__cart .cart:before,.hp-hdr__cart .cart:after{display:none}
@media (hover:hover) and (pointer:fine){.hp-hdr__cart .cart__btn:hover{background:var(--hp-panel)}}