/* ==========================================================
   PDS SEVER — homepage v2
   Доработка главной страницы в промышленном синем стиле
========================================================== */
:root{
  --bg:#07172d;
  --bg-2:#0b2444;
  --blue:#164c8f;
  --blue-2:#2f72bd;
  --blue-3:#6fa7df;
  --line:rgba(185,219,255,.22);
  --line-strong:rgba(207,232,255,.48);
  --text:#eef7ff;
  --muted:#b4cbe5;
  --orange:#f7a634;
  --white:#fff;
  --shadow:0 24px 70px rgba(0,0,0,.32);
  --radius:22px;
  --max:1540px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  min-width:320px;
  font-family:"Exo 2",Arial,sans-serif!important;
  color:var(--text);
  background:
    radial-gradient(circle at 22% 0%, rgba(54,126,203,.55), transparent 35%),
    linear-gradient(180deg,#0a1f3a 0%,#07172d 55%,#061225 100%);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.site-shell{position:relative;min-height:100vh;background:linear-gradient(180deg,rgba(25,75,130,.14),transparent 36%)}
.site-shell:before{
  content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;z-index:-1;
  background-image:
    linear-gradient(30deg, transparent 24%, rgba(255,255,255,.18) 25%, rgba(255,255,255,.18) 26%, transparent 27%, transparent 74%, rgba(255,255,255,.18) 75%, rgba(255,255,255,.18) 76%, transparent 77%),
    linear-gradient(150deg, transparent 24%, rgba(255,255,255,.18) 25%, rgba(255,255,255,.18) 26%, transparent 27%, transparent 74%, rgba(255,255,255,.18) 75%, rgba(255,255,255,.18) 76%, transparent 77%);
  background-size:112px 194px;
}

/* HEADER */
.topbar{position:sticky;top:0;z-index:1000;padding:12px 18px;background:rgba(6,18,37,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(170,212,255,.16)}
.topbar__inner{width:min(var(--max),calc(100vw - 44px));height:78px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 24px;border:1px solid rgba(210,233,255,.18);border-radius:12px;background:linear-gradient(90deg,rgba(12,42,82,.82),rgba(7,24,50,.62));box-shadow:0 18px 55px rgba(0,0,0,.18)}
.brand{display:flex;align-items:center;gap:14px;min-width:230px}
.brand img{width:68px;height:58px;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(0,0,0,.28))}
.brand__text{font-size:14px;line-height:1.05;text-transform:uppercase;letter-spacing:.7px;color:#dcecff;font-weight:800}
.brand__text b{display:block;color:#fff}
.main-nav{display:flex;align-items:center;justify-content:center;gap:24px;flex:1}
.main-nav a{position:relative;color:#d7eaff;font-size:13px;line-height:1;text-transform:uppercase;font-weight:800;letter-spacing:.7px;opacity:.82;transition:.25s}
.main-nav a:after{content:"";position:absolute;left:0;bottom:-12px;width:0;height:2px;background:var(--orange);transition:.25s}
.main-nav a:hover,.main-nav a.active{opacity:1;color:#fff}.main-nav a:hover:after,.main-nav a.active:after{width:100%}
.top-phone{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 20px;border-radius:7px;border:1px solid rgba(207,232,255,.42);background:linear-gradient(135deg,rgba(52,116,190,.85),rgba(16,58,112,.88));font-size:15px;font-weight:900;white-space:nowrap;box-shadow:0 12px 28px rgba(10,54,110,.25);transition:.25s}.top-phone:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(10,54,110,.35)}
.burger{display:none;width:44px;height:40px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);border-radius:8px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.burger span{width:20px;height:2px;background:#fff;transition:.25s}

/* HERO */
.hero{position:relative;min-height:720px;overflow:hidden;border-bottom:1px solid rgba(214,236,255,.22);background:
  linear-gradient(110deg,rgba(7,24,52,.98) 0%,rgba(15,56,105,.98) 45%,rgba(72,127,186,.9) 100%)}
.hero:before{content:"";position:absolute;inset:0;z-index:1;opacity:.38;background:
  radial-gradient(circle at 58% 52%,rgba(100,173,240,.36),transparent 30%),
  linear-gradient(118deg,transparent 0 22%,rgba(255,255,255,.08) 22.2% 22.6%,transparent 22.8% 100%),
  linear-gradient(118deg,transparent 0 63%,rgba(255,255,255,.12) 63.1% 63.4%,transparent 63.6% 100%)}
.hero__decor{position:absolute;inset:0;pointer-events:none}.hero__decor--hex{z-index:2;opacity:.18;background-image:
  linear-gradient(30deg, transparent 24%, rgba(255,255,255,.24) 25%, rgba(255,255,255,.24) 26%, transparent 27%, transparent 74%, rgba(255,255,255,.24) 75%, rgba(255,255,255,.24) 76%, transparent 77%),
  linear-gradient(150deg, transparent 24%, rgba(255,255,255,.24) 25%, rgba(255,255,255,.24) 26%, transparent 27%, transparent 74%, rgba(255,255,255,.24) 75%, rgba(255,255,255,.24) 76%, transparent 77%);background-size:120px 208px;background-position:center top}
.hero__decor--lines{z-index:3;background:
  linear-gradient(118deg,transparent 0 34%,rgba(255,255,255,.18) 34.1% 34.25%,transparent 34.35% 100%),
  linear-gradient(118deg,transparent 0 73%,rgba(255,255,255,.14) 73.1% 73.25%,transparent 73.35% 100%)}
.hero__decor--glow{z-index:4;background:radial-gradient(circle at 76% 55%,rgba(255,176,56,.18),transparent 18%),radial-gradient(circle at 8% 8%,rgba(84,151,222,.38),transparent 28%)}
.hero__inner{position:relative;z-index:10;width:min(var(--max),calc(100vw - 44px));min-height:720px;margin:auto;display:grid;grid-template-columns:minmax(460px,600px) 1fr;align-items:center;gap:20px;padding:48px 0 78px}
.hero__content{position:relative;z-index:20;max-width:650px;padding-top:20px}.eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:22px;color:#d7ecff;text-transform:uppercase;font-weight:900;letter-spacing:2.4px;font-size:14px}.eyebrow span{width:56px;height:2px;background:var(--orange);box-shadow:0 0 18px rgba(247,166,52,.75)}
.hero h1{margin:0 0 26px;color:#fff;text-transform:uppercase;font-size:clamp(46px,4.9vw,78px);line-height:.98;letter-spacing:.7px;font-weight:900;text-shadow:0 6px 24px rgba(0,0,0,.42);white-space: nowrap;}
.hero h1 strong{display:inline-block;color:#fff;background:linear-gradient(180deg,#fff 0%,#b9d7f3 58%,#6e8eb5 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 10px rgba(0,0,0,.42))}
.hero__lead{max-width:570px;margin-bottom:34px;color:#d7eaff;font-size:18px;line-height:1.65;text-shadow:0 2px 12px rgba(0,0,0,.2)}
.hero__actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:54px;padding:0 25px;border-radius:8px;text-transform:uppercase;font-weight:900;letter-spacing:.8px;font-size:13px;transition:.25s}.btn--primary{color:#fff;background:linear-gradient(135deg,#2b71c8,#0d3d86);border:1px solid rgba(205,231,255,.52);box-shadow:0 16px 36px rgba(6,43,98,.34)}.btn--primary:hover{transform:translateY(-3px);box-shadow:0 22px 48px rgba(6,43,98,.46)}.btn--ghost{color:#eaf6ff;background:rgba(5,20,45,.16);border:1px solid rgba(220,240,255,.48);backdrop-filter:blur(8px)}.btn--ghost:hover{background:rgba(255,255,255,.12);transform:translateY(-3px)}
.hero__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:570px}.hero__stats div{min-height:84px;padding:15px 16px;border:1px solid rgba(211,234,255,.2);background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.035));backdrop-filter:blur(10px);border-radius:14px}.hero__stats b{display:block;color:#fff;font-size:26px;line-height:1;font-weight:900}.hero__stats span{display:block;margin-top:8px;color:#c5def7;font-size:12px;text-transform:uppercase;line-height:1.25;font-weight:800;letter-spacing:.6px}
.hero__visual{position:absolute;right:-50px;bottom:0;top:0;width:min(920px,58vw);z-index:12;pointer-events:none}.hero__engine{position:absolute;right:-95px;top:24px;width:1800px;height:74%;object-fit:cover;opacity:.34;mix-blend-mode:screen;max-width: none}.hero__truck{position:absolute;right:-10px;bottom:-60px;width:93%;max-width:none;filter:drop-shadow(-35px 38px 45px rgba(0,0,0,.54));animation:truckFloat 8s ease-in-out infinite;transition:opacity .42s ease,filter .42s ease}.hero__truck.is-changing{opacity:0;filter:drop-shadow(-18px 22px 34px rgba(0,0,0,.38)) blur(3px)}@keyframes truckFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero__dots{position:absolute;z-index:30;right:7.3vw;bottom:52px;display:flex;gap:10px}.hero__dots button{width:28px;height:5px;border:1px solid rgba(255,255,255,.72);border-radius:20px;background:rgba(255,255,255,.12);padding:0;cursor:pointer;transition:.25s}.hero__dots button:hover{background:rgba(255,255,255,.42);transform:translateY(-1px)}.hero__dots .active{width:42px;background:#fff;box-shadow:0 0 20px rgba(255,255,255,.45)}

/* SECTIONS */
.section-block{width:min(var(--max),calc(100vw - 44px));margin:0 auto;padding:58px 0}.section-block--compact{padding-top:34px}.section-head{margin-bottom:28px;text-align:center}.section-head--row{display:flex;justify-content:space-between;align-items:end;gap:24px;text-align:left}.section-kicker{display:block;margin-bottom:9px;color:#78b7f2;text-transform:uppercase;letter-spacing:2.4px;font-size:12px;font-weight:900}.section-head h2{color:#fff;text-transform:uppercase;font-size:clamp(28px,3vw,42px);line-height:1.08;letter-spacing:1px;text-shadow:0 5px 18px rgba(0,0,0,.25)}.small-link{color:#bfe3ff;font-weight:900;text-transform:uppercase;font-size:13px;letter-spacing:.8px}.small-link:hover{color:#fff}
.services{position:relative;margin-top:-20px;z-index:40}.services__grid{display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 18px;}.service-card{flex: 0 1 calc((100% - 54px) / 4);
    max-width: calc((100% - 54px) / 4);position:relative;min-height:270px;overflow:hidden;border-radius:16px;border:1px solid rgba(203,230,255,.32);background:#0c2448;box-shadow:0 18px 48px rgba(0,0,0,.22);clip-path:polygon(8% 0,100% 0,100% 88%,92% 100%,0 100%,0 12%);transition:.3s}.service-card:before{content:"";position:absolute;inset:8px;border:1px solid rgba(225,241,255,.2);clip-path:inherit;z-index:4;pointer-events:none}.service-card__photo{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.62;filter:saturate(.85) contrast(1.06);transition:.35s}.service-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,28,56,.15),rgba(7,18,39,.9) 70%,rgba(4,12,28,.98));z-index:2}.service-card__icon{position:absolute;z-index:5;left:50%;bottom:90px;transform:translateX(-50%);width:68px;height:62px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;background:linear-gradient(135deg,rgba(47,114,189,.95),rgba(13,55,114,.92));border:1px solid rgba(230,244,255,.56);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);box-shadow:0 12px 30px rgba(0,0,0,.25)}.service-card h3{position:absolute;z-index:5;left:22px;right:22px;bottom:38px;color:#fff;text-transform:uppercase;font-size:17px;line-height:1.18;font-weight:900;letter-spacing:.5px}.service-card p{position:absolute;z-index:5;left:22px;right:22px;bottom:16px;color:#bdd7f0;font-size:13px;line-height:1.35;opacity:0;transform:translateY(10px);transition:.25s}.service-card:hover{transform:translateY(-7px);border-color:rgba(141,202,255,.76);box-shadow:0 26px 70px rgba(16,90,175,.28)}.service-card:hover .service-card__photo{opacity:.84;transform:scale(1.06)}.service-card:hover p{opacity:1;transform:none}.service-card:hover h3{bottom:70px}
.brands__line{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;padding:24px;border-radius:18px;border:1px solid rgba(207,232,255,.16);background:linear-gradient(135deg,rgba(17,54,102,.72),rgba(8,24,48,.55));box-shadow:var(--shadow)}.brands__line a{min-height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.035);transition:.25s}.brands__line a:hover{transform:translateY(-4px);background:rgba(255,255,255,.08);border-color:rgba(176,220,255,.35)}.brands__line img{height:38px;object-fit:contain;filter:brightness(0) invert(1);opacity:.9}.brands__line span{color:#cce5ff;font-size:14px;font-weight:700}
.about__panel{display:grid;grid-template-columns:1.35fr .65fr;gap:22px;padding:34px;border-radius:22px;border:1px solid rgba(207,232,255,.2);background:linear-gradient(135deg,rgba(20,72,128,.68),rgba(7,22,45,.86));box-shadow:var(--shadow);position:relative;overflow:hidden}.about__panel:before{content:"";position:absolute;inset:0;opacity:.12;background:linear-gradient(118deg,transparent 0 42%,#fff 42.1% 42.3%,transparent 42.5% 100%)}.about__text,.about__card{position:relative;z-index:2}.about h2{font-size:38px;text-transform:uppercase;margin-bottom:16px}.about p{color:#c8def4;font-size:17px;line-height:1.68;max-width:820px}.about__features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}.about__features div{padding:18px;border:1px solid rgba(212,234,255,.16);border-radius:14px;background:rgba(255,255,255,.05)}.about__features b{display:block;color:#77bdf7;font-size:24px;margin-bottom:8px}.about__features span{color:#d9ecff;font-weight:700;line-height:1.35}.about__card{align-self:stretch;padding:26px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;justify-content:center}.about__card h3{font-size:26px;text-transform:uppercase;margin-bottom:12px}.about__card p{font-size:15px;margin-bottom:22px;color:#cfe6ff}
.contacts-strip{width:min(var(--max),calc(100vw - 44px));margin:0 auto 28px}.contacts-strip__inner{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;overflow:hidden;border-radius:18px;border:1px solid rgba(207,232,255,.2);background:rgba(207,232,255,.18)}.contacts-strip__inner div{padding:24px;background:linear-gradient(135deg,rgba(12,42,82,.9),rgba(8,26,54,.9))}.contacts-strip span{display:block;margin-bottom:8px;color:#7fbdf4;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:1.5px}.contacts-strip a,.contacts-strip b{font-size:20px;color:#fff;font-weight:900}
.footer{border-top:1px solid rgba(207,232,255,.12);background:#061225}.footer__inner{width:min(var(--max),calc(100vw - 44px));margin:auto;min-height:74px;display:flex;align-items:center;justify-content:space-between;color:#9fb9d5;font-weight:700}.footer a{color:#d9ecff}

/* RESPONSIVE */
@media (max-width:1180px){.service-card {
        flex-basis: calc((100% - 36px) / 2);
        max-width: calc((100% - 36px) / 2);
    }.topbar__inner{height:auto;min-height:74px}.services__grid {
        display: flex;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;}.brand{min-width:auto}.brand__text{display:none}.main-nav{gap:18px}.main-nav a{font-size:12px}.hero__inner{grid-template-columns:1fr;min-height:680px}.hero__visual{right:-150px;width:650px;opacity:.78}.services__grid{grid-template-columns:repeat(3,1fr)}.brands__line{grid-template-columns:repeat(3,1fr)}}
@media (max-width:860px){.service-card {
        width: auto;
        max-width: none;
        min-width: 0;
        flex: none;
                flex-basis: calc((100% - 36px) / 2);
    }.topbar{padding:8px}.topbar__inner{width:calc(100vw - 16px);padding:0 12px}.burger{display:flex}.main-nav{position:absolute;top:96px;left:8px;right:8px;display:none;flex-direction:column;align-items:stretch;padding:18px;border-radius:14px;background:rgba(7,22,45,.98);border:1px solid rgba(207,232,255,.18)}.main-nav.is-open{display:flex}.main-nav a{padding:12px}.top-phone{height:42px;padding:0 13px;font-size:13px}.hero{min-height:auto}.hero__inner{width:calc(100vw - 28px);min-height:650px;padding:54px 0}.hero__visual{right:-260px;width:620px;opacity:.45}.hero h1{font-size:44px}.hero__lead{font-size:16px}.hero__stats{grid-template-columns:1fr}.services__grid{grid-template-columns:repeat(2,1fr)}.about__panel{grid-template-columns:1fr}.about__features{grid-template-columns:1fr}.contacts-strip__inner{grid-template-columns:1fr}.main-nav a:after {bottom: -1px;}}
@media (max-width:560px){.services__grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }.top-phone{font-size:0;min-width:46px}.top-phone span{font-size:16px}.brand img{width:54px;height:48px}.hero__visual{display:none}.eyebrow{font-size:11px;letter-spacing:1.6px}.hero h1{font-size:32px}.hero__actions{align-items:stretch;flex-direction:column}.btn{width:100%}.services__grid {
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 14px;
    }.brands__line{grid-template-columns:1fr 1fr;padding:14px}.section-head--row{display:block}.contacts-strip a,.contacts-strip b{font-size:17px}.footer__inner{flex-direction:column;justify-content:center;gap:8px;text-align:center}}

/* ==========================================================
   MOBILE FIX — hero slider + about block
   Исправление отображения главного экрана и блока "О компании" на телефонах
========================================================== */
@media (max-width: 560px){
  .hero{
    overflow: hidden;
  }

  .hero__inner {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero__content {
    display: block;
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0;
    padding-top: 20px;
  }

  .hero__content h1 {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
    font-size: clamp(28px, 8.5vw, 36px);
    line-height: 0.98;
  }

  .hero__lead {
    width: 100%;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: break-word;
  }

  .hero__visual{
    display: block;
    position: relative;
    inset: auto;
    width: 100%;
    height: 250px;
    margin-top: 22px;
    opacity: 1;
    pointer-events: none;
    z-index: 12;
  }

  .hero__engine {
    width: auto;
    max-width: none;
    display: block;
}

  .hero__truck{
    position: absolute;
    left: 50%;
    right: auto;
    bottom: -14px;
    width: min(430px, 122vw);
    max-width: none;
    height: 250px;
    object-fit: contain;
    object-position: center bottom;
    transform: translateX(-50%);
    animation: none;
    filter: drop-shadow(0 28px 32px rgba(0,0,0,.42));
  }

  .hero__truck.is-changing{
    opacity: 0;
    filter: drop-shadow(0 18px 24px rgba(0,0,0,.32)) blur(2px);
  }

  .hero__dots{
    right: 50%;
    bottom: 30px;
    transform: translateX(50%);
    gap: 9px;
  }

  .hero__dots button{
    width: 28px;
    height: 5px;
  }

  .hero__dots .active{
    width: 40px;
  }

  .section-block{
    width: calc(100vw - 28px);
    padding: 44px 0;
  }

  .about__panel{
    padding: 20px;
    border-radius: 20px;
    overflow: hidden;
  }

  .about h2{
    font-size: 31px;
    line-height: 1.12;
    overflow-wrap: anywhere;
  }

  .about p{
    font-size: 15px;
    line-height: 1.65;
  }

  .about__features{
    gap: 12px;
  }

  .about__features div{
    padding: 16px;
  }

  .about__card{
    padding: 20px;
  }

  .about__card h3{
    font-size: 24px;
    line-height: 1.15;
  }
}

@media (max-width: 390px){
  .hero h1{
    font-size: 32px;
  }

  .hero__visual{
    height: 220px;
  }

  .hero__truck{
    height: 220px;
    width: min(390px, 125vw);
  }

  .about h2{
    font-size: 28px;
  }
}


/* ==========================================================
   PDS V2 — inner pages
========================================================== */
.page-hero{
  position:relative;
  min-height:430px;
  display:flex;
  align-items:center;
  overflow:hidden;
  padding:140px 0 70px;
  background:
    radial-gradient(circle at 75% 10%, rgba(111,167,223,.34), transparent 34%),
    linear-gradient(135deg,#0a1f3a 0%,#113b68 54%,#1d5f9c 100%);
  border-bottom:1px solid var(--line);
}
.page-hero__decor{position:absolute;inset:0;pointer-events:none}
.page-hero__decor--hex{
  opacity:.13;
  background:
    linear-gradient(30deg, rgba(255,255,255,.55) 12%, transparent 12.5%, transparent 87%, rgba(255,255,255,.55) 87.5%),
    linear-gradient(150deg, rgba(255,255,255,.55) 12%, transparent 12.5%, transparent 87%, rgba(255,255,255,.55) 87.5%),
    linear-gradient(90deg, rgba(255,255,255,.55) 2%, transparent 2.5%, transparent 97%, rgba(255,255,255,.55) 97.5%);
  background-size:90px 156px;
}
.page-hero__decor--lines{
  opacity:.42;
  background:
    linear-gradient(120deg, transparent 0 31%, rgba(255,255,255,.18) 31.1% 31.35%, transparent 31.45%),
    linear-gradient(120deg, transparent 0 63%, rgba(255,255,255,.13) 63.1% 63.35%, transparent 63.45%),
    linear-gradient(120deg, transparent 0 84%, rgba(255,255,255,.12) 84.1% 84.35%, transparent 84.45%);
}
.page-hero__inner{
  position:relative;
  z-index:2;
  width:min(var(--max), calc(100% - 64px));
  margin:0 auto;
}
.page-hero h1{
  max-width:920px;
  margin:18px 0 20px;
  color:#fff;
  font-size:clamp(42px, 6vw, 82px);
  line-height:.98;
  text-transform:uppercase;
  letter-spacing:.01em;
}
.page-hero p{
  max-width:780px;
  color:rgba(238,247,255,.86);
  font-size:20px;
  line-height:1.7;
}
.subpage{
  position:relative;
}
.subpage__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.sub-card{
  position:relative;
  min-height:230px;
  padding:26px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:
    linear-gradient(145deg, rgba(22,76,143,.72), rgba(7,23,45,.82)),
    radial-gradient(circle at 15% 0%, rgba(111,167,223,.3), transparent 45%);
  box-shadow:0 18px 44px rgba(0,0,0,.18);
  transition:.28s ease;
}
.sub-card::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.5;
  background:
    linear-gradient(30deg, rgba(255,255,255,.8) 12%, transparent 12.5%, transparent 87%, rgba(255,255,255,.8) 87.5%),
    linear-gradient(150deg, rgba(255,255,255,.8) 12%, transparent 12.5%, transparent 87%, rgba(255,255,255,.8) 87.5%);
  background-size:70px 122px;
}
.sub-card:hover{
  transform:translateY(-6px);
  border-color:var(--line-strong);
  box-shadow:0 28px 70px rgba(0,0,0,.27);
}
.sub-card__num{
  position:relative;
  z-index:1;
  margin-bottom:34px;
  color:var(--blue-3);
  font-size:34px;
  font-weight:900;
}
.sub-card h3{
  position:relative;
  z-index:1;
  margin-bottom:14px;
  color:#fff;
  font-size:24px;
  line-height:1.15;
  text-transform:uppercase;
}
.sub-card p{
  position:relative;
  z-index:1;
  color:var(--muted);
  font-size:16px;
  line-height:1.62;
}
.sub-card span:not(.sub-card__num){
  position:absolute;
  z-index:1;
  left:26px;
  bottom:24px;
  color:#fff;
  font-weight:800;
  opacity:.86;
}
.page-cta{
  width:min(var(--max), calc(100% - 64px));
  margin:10px auto 86px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding:34px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:linear-gradient(135deg, rgba(17,59,104,.9), rgba(7,23,45,.94));
  box-shadow:var(--shadow);
}
.page-cta h2{
  margin:10px 0 10px;
  color:#fff;
  font-size:clamp(28px, 3.2vw, 48px);
  line-height:1.05;
  text-transform:uppercase;
}
.page-cta p{
  max-width:760px;
  color:var(--muted);
  font-size:17px;
  line-height:1.65;
}
.contacts-page{
  padding-top:60px;
}
.contacts-page__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-bottom:22px;
}
.contact-tile,.contact-form-panel{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:linear-gradient(145deg, rgba(22,76,143,.66), rgba(7,23,45,.84));
  box-shadow:0 18px 44px rgba(0,0,0,.2);
}
.contact-tile{
  padding:26px;
}
.contact-tile span{
  display:block;
  margin-bottom:10px;
  color:var(--blue-3);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.contact-tile a,.contact-tile b{
  color:#fff;
  font-size:22px;
  line-height:1.35;
}
.contact-form-panel{
  padding:34px;
}
.contact-form-panel h2{
  margin-bottom:12px;
  color:#fff;
  font-size:42px;
  text-transform:uppercase;
}
.contact-form-panel p{
  margin-bottom:24px;
  color:var(--muted);
  line-height:1.7;
}
.pds-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.pds-form input,.pds-form textarea{
  width:100%;
  border:1px solid var(--line);
  border-radius:16px;
  padding:16px 18px;
  color:#fff;
  font:inherit;
  outline:none;
  background:rgba(2,12,25,.34);
}
.pds-form textarea{
  grid-column:1/-1;
  min-height:130px;
  resize:vertical;
}
.pds-form button{
  border:0;
  cursor:pointer;
}

@media (max-width:960px){
  .page-hero{min-height:360px;padding:118px 0 54px}
  .subpage__grid,.contacts-page__grid{grid-template-columns:1fr 1fr}
  .page-cta{align-items:flex-start;flex-direction:column}
}
@media (max-width:560px){
  .page-hero{min-height:auto;padding:108px 0 46px}
  .page-hero__inner{width:calc(100vw - 28px)}
  .page-hero h1{font-size:38px}
  .page-hero p{font-size:16px}
  .subpage__grid,.contacts-page__grid,.pds-form{grid-template-columns:1fr}
  .sub-card{min-height:220px;padding:22px}
  .page-cta{width:calc(100vw - 28px);padding:22px;margin-bottom:54px}
  .contact-form-panel,.contact-tile{padding:22px}
  .contact-form-panel h2{font-size:30px}
}


/* ==========================================================
   PDS V2.1 — polishing cards, section markers and brand list
========================================================== */
:root{
  --accent-blue:#7fc4ff;
}

/* Убираем оранжевую полоску: вместо нее фирменный шестигранник */
.main-nav a:after{
  background:linear-gradient(90deg, transparent, var(--accent-blue), transparent);
  box-shadow:0 0 16px rgba(127,196,255,.65);
}

.eyebrow span{
  width:18px;
  height:20px;
  flex:0 0 18px;
  background:linear-gradient(135deg, rgba(127,196,255,.96), rgba(34,104,183,.8));
  clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
  box-shadow:0 0 22px rgba(127,196,255,.68);
}

.section-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}

.section-kicker::before{
  content:"";
  width:15px;
  height:17px;
  flex:0 0 15px;
  background:linear-gradient(135deg, rgba(127,196,255,.95), rgba(38,107,184,.72));
  clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
  box-shadow:0 0 18px rgba(127,196,255,.58);
}

/* Единая высота и аккуратное расположение текста в карточках внутренних страниц */
.subpage__grid{
  align-items:stretch;
}

.sub-card{
  min-height:278px;
  padding:30px 28px 26px;
  display:flex;
  flex-direction:column;
  isolation:isolate;
  border-color:rgba(180,220,255,.28);
  background:
    linear-gradient(145deg, rgba(24,84,151,.72), rgba(7,23,45,.88)),
    radial-gradient(circle at 18% -5%, rgba(127,196,255,.3), transparent 42%);
}

.sub-card::before{
  z-index:-2;
}

.sub-card::after{
  content:"";
  position:absolute;
  inset:1px;
  z-index:-1;
  border-radius:calc(var(--radius) - 1px);
  background:
    linear-gradient(120deg, transparent 0 45%, rgba(127,196,255,.16) 45.2% 45.8%, transparent 46%),
    radial-gradient(circle at 50% 0%, rgba(127,196,255,.14), transparent 44%);
  pointer-events:none;
}

.sub-card:hover{
  transform:translateY(-8px);
  border-color:rgba(127,196,255,.72);
  box-shadow:0 28px 72px rgba(17,92,181,.28), inset 0 0 0 1px rgba(255,255,255,.04);
}

.sub-card__num{
  margin-bottom:28px;
  color:var(--accent-blue);
  text-shadow:0 0 20px rgba(127,196,255,.38);
}

.sub-card h3{
  min-height:58px;
  margin-bottom:16px;
}

.sub-card p{
  margin-bottom:22px;
  padding-right:8px;
}

.sub-card span:not(.sub-card__num){
  position:relative;
  left:auto;
  bottom:auto;
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  color:#eaf7ff;
  font-weight:900;
  letter-spacing:.04em;
  transition:.25s ease;
}

.sub-card:hover span:not(.sub-card__num){
  transform:translateX(6px);
  color:#fff;
  text-shadow:0 0 16px rgba(127,196,255,.55);
}

/* Главные карточки услуг: меньше риска наложения текста при hover */
.service-card h3{
  transition:.25s ease;
}
.service-card:hover h3{
  bottom:78px;
}
.service-card p{
  max-height:44px;
  overflow:hidden;
}

@media (max-width:560px){
  .sub-card{
    min-height:246px;
    padding:24px 22px;
  }
  .sub-card__num{
    margin-bottom:22px;
  }
  .sub-card h3{
    min-height:auto;
    font-size:22px;
  }
  .sub-card p{
    font-size:15px;
    line-height:1.55;
  }
}

/* ==========================================================
   PDS V2.2 — footer documents, forms, wider brand grid
========================================================== */
.brands__line{
  grid-template-columns:repeat(9,minmax(0,1fr));
}
.footer__inner--full{
  min-height:auto;
  padding:28px 0;
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:24px;
  align-items:center;
}
.footer__brand{
  color:#dcecff;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.footer__links{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:14px 22px;
}
.footer__links a{
  color:#9fb9d5;
  font-size:13px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
  transition:.25s ease;
}
.footer__links a:hover,
.footer__top:hover{
  color:#fff;
  text-shadow:0 0 14px rgba(127,196,255,.55);
}
.footer__top{
  white-space:nowrap;
}
.pds-form input::placeholder,
.pds-form textarea::placeholder{
  color:rgba(220,238,255,.52);
}
.pds-form input:focus,
.pds-form textarea:focus{
  border-color:rgba(127,196,255,.7);
  box-shadow:0 0 0 3px rgba(127,196,255,.12);
}
.pds-form .form-consent{
  grid-column:1/-1;
  display:flex;
  align-items:flex-start;
  gap:10px;
  color:#bcd6ef;
  font-size:13px;
  line-height:1.45;
}
.form-consent input{
  width:auto;
  margin-top:2px;
  accent-color:#7fc4ff;
  flex:0 0 auto;
}
.form-consent a{
  color:#d8f0ff;
  text-decoration:underline;
  text-underline-offset:3px;
}
.form-status{
  grid-column:1/-1;
  min-height:20px;
  color:#aee4ff;
  font-size:14px;
  font-weight:800;
}
.form-status.is-error{
  color:#ffb4b4;
}
.pds-form--compact{
  grid-template-columns:1fr;
  gap:12px;
}
.pds-form--compact textarea{
  min-height:98px;
}
.about__card--form{
  justify-content:flex-start;
}
.about__card--form .btn{
  width:100%;
  border:none;
  cursor:pointer;
}
@media (max-width:1180px){
  .brands__line{grid-template-columns:repeat(3,1fr)}
  .footer__inner--full{grid-template-columns:1fr;justify-items:center;text-align:center}
}
@media (max-width:560px){
  .brands__line{grid-template-columns:1fr 1fr}
  .footer__links{flex-direction:column;gap:10px}
  .pds-form .form-consent{font-size:12px}
}

/* ==========================================================
   PDS V2.2 — brand marks and back-to-top fix
========================================================== */
.brands__line--marks img{display:none}
.brands__line--marks a{gap:14px;overflow:hidden}
.brands__line--marks small{
  display:block;
  color:#cfe8ff;
  font-size:14px;
  font-weight:800;
  line-height:1.2;
}
.brand-mark{
  min-height:40px;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#f3f8ff;
  font-weight:1000;
  font-size:clamp(18px, 1.7vw, 28px);
  line-height:1;
  letter-spacing:.02em;
  text-transform:uppercase;
  text-shadow:0 8px 20px rgba(0,0,0,.24);
  white-space:nowrap;
}
.brand-mark--cat{font-size:clamp(17px, 1.55vw, 25px);letter-spacing:-.04em}
.brand-mark--cummins{font-style:italic;letter-spacing:-.04em}
.brand-mark--komatsu{letter-spacing:.04em}
.brand-mark--weichai{font-style:italic;letter-spacing:.02em}
.brand-mark--liebherr{letter-spacing:.03em}
.brand-mark--mtu{letter-spacing:.08em}
.brand-mark--volvo{font-size:clamp(15px, 1.35vw, 22px);letter-spacing:.01em}
.brand-mark--yamz,.brand-mark--tmz{font-size:clamp(22px, 1.9vw, 32px);letter-spacing:.08em}

.footer__top,
.to-top{
  cursor:pointer;
}
.to-top{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:900;
  width:52px;
  height:52px;
  border:1px solid rgba(148,211,255,.36);
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:22px;
  font-weight:900;
  background:linear-gradient(145deg, rgba(30,96,174,.92), rgba(6,24,48,.92));
  box-shadow:0 18px 36px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.14);
  opacity:0;
  transform:translateY(16px);
  pointer-events:none;
  transition:.25s ease;
}
.to-top.is-visible{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}
.to-top:hover{transform:translateY(-4px)}
@media (max-width:560px){
  .brand-mark{font-size:16px;min-height:32px}
  .brand-mark--cat,.brand-mark--volvo{font-size:14px}
  .brands__line--marks small{font-size:12px}
  .to-top{right:14px;bottom:14px;width:46px;height:46px;border-radius:14px}
}


/* ==========================================================
   PDS V2.3 — real brand logos + stations nav polish
========================================================== */
.main-nav{gap:22px}
.main-nav a{font-size:12px}
.brands__line--marks img,
.brands__line--logos img{
  display:block !important;
  width:100%;
  max-width:130px;
  height:42px;
  margin:0 auto;
  object-fit:contain;
  filter:brightness(0) invert(1) drop-shadow(0 8px 16px rgba(0,0,0,.25));
  opacity:.96;
  transition:transform .25s ease, opacity .25s ease, filter .25s ease;
}
.brands__line--logos a:hover img{
  transform:translateY(-3px) scale(1.04);
  opacity:1;
  filter:brightness(0) invert(1) drop-shadow(0 12px 24px rgba(122,190,255,.28));
}
.brands__line--logos a{gap:14px;overflow:hidden}
.brands__line--logos small{
  display:block;
  color:#cfe8ff;
  font-size:14px;
  font-weight:800;
  line-height:1.2;
}
@media (max-width:1180px){
  .main-nav{gap:14px}
  .main-nav a{font-size:11px;letter-spacing:.4px}
  
  .brands__line--logos img{max-width:112px;height:36px}
}
@media (max-width:860px){
  .main-nav{gap:0}
  .main-nav a{font-size:12px;letter-spacing:.7px}
  .brands__line--logos img{max-width:105px;height:34px}
}

/* ==========================================================
   PDS V2.5 — nested catalog header/footer mobile fix
   Исправляет вложенные страницы dvigately/zapchasti/stancii
========================================================== */
body.catalog-page-v2,
body.product-detail-v2{
  min-height:100vh!important;
  display:flex!important;
  flex-direction:column!important;
}
body.catalog-page-v2 > main,
body.product-detail-v2 > .product-shell,
body.catalog-page-v2 .catalog-shell{
  flex:1 0 auto!important;
}
body.catalog-page-v2 .footer,
body.product-detail-v2 .footer{
  margin-top:auto!important;
  flex-shrink:0!important;
}
body.catalog-page-v2 .topbar,
body.product-detail-v2 .topbar{
  position:sticky!important;
  top:0!important;
  z-index:9000!important;
  overflow:visible!important;
  background:rgba(6,18,37,.96)!important;
}
body.catalog-page-v2 .topbar__inner,
body.product-detail-v2 .topbar__inner{
  position:relative!important;
  overflow:visible!important;
  z-index:2!important;
}
body.catalog-page-v2 .catalog-shell,
body.product-detail-v2 .product-shell{
  padding-bottom:44px!important;
}
@media (max-width:860px){
  body.catalog-page-v2 .topbar,
  body.product-detail-v2 .topbar{
    padding:8px!important;
  }
  body.catalog-page-v2 .main-nav,
  body.product-detail-v2 .main-nav{
    position:fixed!important;
    top:90px!important;
    left:14px!important;
    right:14px!important;
    z-index:9100!important;
    display:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    max-height:calc(100vh - 112px)!important;
    overflow:auto!important;
    padding:12px!important;
    border-radius:18px!important;
    border:1px solid rgba(141,204,255,.24)!important;
    background:linear-gradient(180deg,rgba(7,22,45,.98),rgba(5,16,34,.98))!important;
    box-shadow:0 24px 70px rgba(0,0,0,.42)!important;
  }
  body.catalog-page-v2 .main-nav.is-open,
  body.product-detail-v2 .main-nav.is-open{
    display:flex!important;
  }
  body.catalog-page-v2 .main-nav a,
  body.product-detail-v2 .main-nav a{
    display:flex!important;
    align-items:center!important;
    min-height:44px!important;
    padding:0 16px!important;
    border-radius:12px!important;
    font-size:13px!important;
    line-height:1.2!important;
  }
  body.catalog-page-v2 .main-nav a.active,
  body.product-detail-v2 .main-nav a.active{
    background:rgba(75,150,224,.18)!important;
    box-shadow:inset 0 -1px 0 rgba(141,204,255,.18)!important;
  }
  body.catalog-page-v2 .main-nav a:after,
  body.product-detail-v2 .main-nav a:after{
    display:none!important;
  }
  body.catalog-page-v2 .catalog-shell,
  body.product-detail-v2 .product-shell{
    margin-top:18px!important;
    padding-bottom:38px!important;
  }
}


/* ==========================================================
   PDS V2.6 — stable nested header/mobile menu fix
========================================================== */
body.catalog-page-v2 .topbar,
body.product-detail-v2 .topbar{
  position:sticky!important;
  top:0!important;
  z-index:9500!important;
  padding:10px 18px!important;
  overflow:visible!important;
  background:rgba(6,18,37,.96)!important;
  border-bottom:1px solid rgba(141,204,255,.18)!important;
}
body.catalog-page-v2 .topbar__inner,
body.product-detail-v2 .topbar__inner{
  width:min(var(--max),calc(100vw - 44px))!important;
  min-height:72px!important;
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  overflow:visible!important;
  position:relative!important;
}
body.catalog-page-v2 .main-nav,
body.product-detail-v2 .main-nav{
  position:static!important;
  display:flex!important;
  flex:1 1 auto!important;
  justify-content:center!important;
  align-items:center!important;
  gap:20px!important;
  max-height:none!important;
  overflow:visible!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
@media (max-width:860px){
  body.catalog-page-v2 .topbar,
  body.product-detail-v2 .topbar{padding:8px!important;}
  body.catalog-page-v2 .topbar__inner,
  body.product-detail-v2 .topbar__inner{
    width:calc(100vw - 16px)!important;
    min-height:70px!important;
    padding:8px 12px!important;
    flex-wrap:wrap!important;
    align-items:center!important;
  }
  body.catalog-page-v2 .brand,
  body.product-detail-v2 .brand{order:1!important;}
  body.catalog-page-v2 .burger,
  body.product-detail-v2 .burger{order:2!important;display:flex!important;margin-left:auto!important;}
  body.catalog-page-v2 .top-phone,
  body.product-detail-v2 .top-phone{order:3!important;}
  body.catalog-page-v2 .main-nav,
  body.product-detail-v2 .main-nav{
    order:4!important;
    flex:0 0 100%!important;
    width:100%!important;
    position:static!important;
    display:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:6px!important;
    max-height:none!important;
    overflow:visible!important;
    margin:8px 0 0!important;
    padding:8px!important;
    border-radius:16px!important;
    border:1px solid rgba(141,204,255,.22)!important;
    background:linear-gradient(180deg,rgba(7,22,45,.98),rgba(5,16,34,.98))!important;
    box-shadow:0 18px 46px rgba(0,0,0,.34)!important;
  }
  body.catalog-page-v2 .main-nav.is-open,
  body.product-detail-v2 .main-nav.is-open{display:flex!important;}
  body.catalog-page-v2 .main-nav a,
  body.product-detail-v2 .main-nav a{
    display:flex!important;
    align-items:center!important;
    min-height:40px!important;
    padding:0 14px!important;
    border-radius:12px!important;
  }
}


/* ==========================================================
   PDS V2.7 — catalog/header final sync with main page
========================================================== */
body.catalog-page-v2 .topbar,
body.product-detail-v2 .topbar{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  padding:12px 18px!important;
  overflow:visible!important;
  background:rgba(6,18,37,.82)!important;
  backdrop-filter:blur(18px)!important;
  border-bottom:1px solid rgba(170,212,255,.16)!important;
}
body.catalog-page-v2 .topbar__inner,
body.product-detail-v2 .topbar__inner{
  width:min(var(--max),calc(100vw - 44px))!important;
  height:78px!important;
  min-height:78px!important;
  margin:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
  padding:0 24px!important;
  border:1px solid rgba(210,233,255,.18)!important;
  border-radius:12px!important;
  background:linear-gradient(90deg,rgba(12,42,82,.82),rgba(7,24,50,.62))!important;
  box-shadow:0 18px 55px rgba(0,0,0,.18)!important;
  overflow:visible!important;
  position:relative!important;
}
body.catalog-page-v2 .main-nav,
body.product-detail-v2 .main-nav{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:24px!important;
  flex:1!important;
  width:auto!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.catalog-page-v2 .main-nav a,
body.product-detail-v2 .main-nav a{
  min-height:0!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
}
body.catalog-page-v2 .main-nav a:after,
body.product-detail-v2 .main-nav a:after{
  display:block!important;
}
body.catalog-page-v2 .main-nav a.active,
body.product-detail-v2 .main-nav a.active{
  background:transparent!important;
  box-shadow:none!important;
}
body.catalog-page-v2 .catalog-shell,
body.product-detail-v2 .product-shell{
  margin-top:28px!important;
}
@media (max-width:1180px){
  body.catalog-page-v2 .main-nav,
  body.product-detail-v2 .main-nav{gap:18px!important;}
  body.catalog-page-v2 .main-nav a,
  body.product-detail-v2 .main-nav a{font-size:12px!important;}
}
@media (max-width:860px){
  body.catalog-page-v2 .topbar,
  body.product-detail-v2 .topbar{padding:8px!important;}
  body.catalog-page-v2 .topbar__inner,
  body.product-detail-v2 .topbar__inner{
    width:calc(100vw - 16px)!important;
    height:74px!important;
    min-height:74px!important;
    padding:0 12px!important;
    flex-wrap:nowrap!important;
  }
  body.catalog-page-v2 .brand,
  body.product-detail-v2 .brand{order:0!important;}
  body.catalog-page-v2 .burger,
  body.product-detail-v2 .burger{order:0!important;display:flex!important;margin-left:auto!important;}
  body.catalog-page-v2 .top-phone,
  body.product-detail-v2 .top-phone{order:0!important;height:42px!important;padding:0 13px!important;font-size:13px!important;}
  body.catalog-page-v2 .main-nav,
  body.product-detail-v2 .main-nav{
    position:absolute!important;
    top:calc(100% + 10px)!important;
    left:0!important;
    right:0!important;
    display:none!important;
    flex:0 0 auto!important;
    width:100%!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:6px!important;
    max-height:none!important;
    overflow:visible!important;
    margin:0!important;
    padding:14px!important;
    border-radius:16px!important;
    border:1px solid rgba(141,204,255,.22)!important;
    background:linear-gradient(180deg,rgba(7,22,45,.98),rgba(5,16,34,.98))!important;
    box-shadow:0 18px 46px rgba(0,0,0,.34)!important;
  }
  body.catalog-page-v2 .main-nav.is-open,
  body.product-detail-v2 .main-nav.is-open{display:flex!important;}
  body.catalog-page-v2 .main-nav a,
  body.product-detail-v2 .main-nav a{
    display:flex!important;
    align-items:center!important;
    min-height:42px!important;
    padding:0 14px!important;
    border-radius:12px!important;
  }
  body.catalog-page-v2 .main-nav a:after,
  body.product-detail-v2 .main-nav a:after{display:none!important;}
}
@media (max-width:560px){
  body.catalog-page-v2 .top-phone,
  body.product-detail-v2 .top-phone{font-size:0!important;min-width:46px!important;}
  body.catalog-page-v2 .top-phone span,
  body.product-detail-v2 .top-phone span{font-size:16px!important;}
}


/* ==========================================================
   PDS V2 — cookie notice unified style
========================================================== */
#cookie-notice{
  position:fixed;
  left:22px;
  right:22px;
  bottom:22px;
  z-index:99999;
  max-width:920px;
  margin:auto;
  display:flex;
  align-items:center;
  gap:16px;
  padding:18px 20px;
  border-radius:18px;
  border:1px solid rgba(132,197,255,.34);
  background:linear-gradient(135deg,rgba(20,72,128,.96),rgba(7,22,45,.98));
  box-shadow:0 24px 70px rgba(0,0,0,.42);
  color:#d8edff;
  font-family:"Exo 2",Arial,sans-serif!important;
  transition:.25s ease;
}
#cookie-notice.is-hidden{opacity:0;transform:translateY(12px);pointer-events:none;}
.cookie-notice__icon{
  width:24px;height:26px;flex:0 0 24px;
  background:linear-gradient(135deg,#7ec8ff,#2f72bd);
  clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
  font-size:0;
  box-shadow:0 0 22px rgba(126,200,255,.28);
}
.cookie-notice__text{display:flex;flex-direction:column;gap:4px;line-height:1.45;font-size:13px;color:#d8edff;}
.cookie-notice__text strong{color:#fff;text-transform:uppercase;letter-spacing:.8px;font-size:13px;}
.cookie-notice__text a{color:#8dd0ff;text-decoration:underline;text-underline-offset:3px;}
#cookie-accept-btn{
  margin-left:auto;
  border:0;
  border-radius:12px;
  padding:12px 20px;
  background:linear-gradient(135deg,#2f72bd,#4f9cf0);
  color:#fff;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.5px;
  cursor:pointer;
  box-shadow:0 14px 34px rgba(47,114,189,.28);
}
#cookie-accept-btn:hover{filter:brightness(1.08);transform:translateY(-1px);}
@media(max-width:680px){
  #cookie-notice{left:12px;right:12px;bottom:12px;align-items:flex-start;flex-direction:column;}
  #cookie-accept-btn{width:100%;margin-left:0;}
}


/* ==========================================================
   PDS V2.7 — content pages + brand photo cards
========================================================== */
.content-page-v2 .page-hero--compact{min-height:420px;padding:128px 0 64px;}
.breadcrumbs{display:block;margin-bottom:18px;color:rgba(210,232,255,.72);font-size:14px;font-weight:600;}
.breadcrumbs a{color:#a8d7ff;}
.breadcrumbs a:hover{color:#fff;}
.content-section{padding-top:34px;}
.content-panel{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start;}
.content-prose,.content-aside .aside-card{border:1px solid rgba(180,220,255,.25);border-radius:22px;background:linear-gradient(145deg,rgba(22,76,143,.62),rgba(7,23,45,.88));box-shadow:var(--shadow);}
.content-prose{padding:34px;color:#d9ecff;line-height:1.72;}
.content-prose h2,.content-prose h3{color:#fff;text-transform:uppercase;line-height:1.08;margin:26px 0 14px;font-weight:900;}
.content-prose h2{font-size:clamp(26px,2.5vw,38px);}
.content-prose h3{font-size:22px;color:#bce3ff;}
.content-prose p,.content-prose li{color:#c8def4;font-size:16px;line-height:1.75;}
.content-prose p{margin:0 0 16px;}
.content-prose ul,.content-prose ol{padding-left:22px;margin:0 0 18px;}
.content-prose a{color:#91d0ff;font-weight:800;}
.content-aside{display:flex;flex-direction:column;gap:16px;position:sticky;top:118px;}
.aside-card{padding:24px;overflow:hidden;position:relative;}
.aside-card:before{content:"";position:absolute;inset:0;opacity:.12;background:linear-gradient(120deg,transparent 0 46%,#fff 46.2% 46.4%,transparent 46.6%);pointer-events:none;}
.aside-card b{position:relative;display:block;color:#fff;font-size:22px;text-transform:uppercase;margin-bottom:12px;}
.aside-card p{position:relative;color:#c8def4;line-height:1.6;margin-bottom:18px;}
.aside-card .btn{position:relative;width:100%;}
.aside-card--muted{background:linear-gradient(145deg,rgba(9,34,70,.8),rgba(5,17,35,.92))!important;}
.sub-card--brand-photo{min-height:310px;justify-content:flex-end;background:#07172d;}
.sub-card--brand-photo .sub-card__media{position:absolute;inset:0;background-image:var(--card-img);background-repeat:no-repeat;background-position:center 42%;background-size:min(72%,220px) auto;opacity:.92;filter:drop-shadow(0 22px 34px rgba(0,0,0,.32));transition:.32s ease;z-index:-3;}
.sub-card--brand-photo .sub-card__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,24,48,.2) 0%,rgba(8,24,48,.58) 48%,rgba(4,13,29,.96) 100%),radial-gradient(circle at 50% 18%,rgba(111,167,223,.3),transparent 42%);z-index:-2;}
.sub-card--brand-photo::before{z-index:-1;opacity:.08;}
.sub-card--brand-photo .sub-card__num{margin-bottom:auto;}
.sub-card--brand-photo h3{margin-top:76px;min-height:auto;font-size:26px;}
.sub-card--brand-photo p{min-height:52px;color:#d5ebff;}
.sub-card--brand-photo:hover .sub-card__media{transform:scale(1.08);opacity:1;filter:drop-shadow(0 28px 44px rgba(0,0,0,.45));}
@media (max-width:960px){.content-panel{grid-template-columns:1fr}.content-aside{position:static}.sub-card--brand-photo{min-height:280px}}
@media (max-width:560px){.content-page-v2 .page-hero--compact{padding:112px 0 42px}.content-prose{padding:22px}.content-prose p,.content-prose li{font-size:15px}.sub-card--brand-photo{min-height:255px}.sub-card--brand-photo h3{font-size:23px;margin-top:50px}}

/* ==========================================================
   PDS V2.8 — brand cards as subtle watermark backgrounds
   Карточки брендов: логотип как водяной знак на фоне, текст поверх
========================================================== */
.sub-card--brand-photo{
    position:relative;
    min-height:270px;
    padding:34px 32px 30px;
    overflow:hidden;
    justify-content:flex-start;
    background:
        radial-gradient(circle at 18% 0%, rgba(76,154,238,.24), transparent 34%),
        linear-gradient(145deg, rgba(13,47,86,.96) 0%, rgba(5,18,36,.98) 78%);
    border:1px solid rgba(92,163,232,.36);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 0 0 1px rgba(61,139,220,.08),
        0 22px 55px rgba(0,0,0,.22);
}

.sub-card--brand-photo::after{
    content:"";
    position:absolute;
    left:32px;
    top:82px;
    width:36px;
    height:2px;
    border-radius:10px;
    background:linear-gradient(90deg,#43aaff,transparent);
    opacity:.9;
    z-index:2;
}

.sub-card--brand-photo .sub-card__media{
    position:absolute;
    inset:auto -5% 8% auto;
    width:62%;
    height:72%;
    background-image:var(--card-img);
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    opacity:.13;
    filter:grayscale(1) invert(1) contrast(1.25) brightness(1.2);
    mix-blend-mode:screen;
    transform:translateX(2%) scale(1.05);
    transition:opacity .35s ease, transform .35s ease, filter .35s ease;
    z-index:0;
    pointer-events:none;
}

.sub-card--brand-photo .sub-card__overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg, rgba(5,18,36,.98) 0%, rgba(5,18,36,.86) 46%, rgba(5,18,36,.58) 100%),
        radial-gradient(circle at 50% 0%, rgba(54,157,255,.18), transparent 34%);
    z-index:1;
    pointer-events:none;
}

.sub-card--brand-photo > *:not(.sub-card__media):not(.sub-card__overlay){
    position:relative;
    z-index:3;
}

.sub-card--brand-photo .sub-card__num{
    margin:0 0 62px;
    color:#45adff;
    font-size:28px;
    text-shadow:0 0 18px rgba(69,173,255,.42);
}

.sub-card--brand-photo h3{
    margin:0 0 18px;
    min-height:0;
    font-size:26px;
    line-height:1.08;
    color:#fff;
    letter-spacing:.02em;
}

.sub-card--brand-photo p{
    max-width:330px;
    min-height:56px;
    margin:0 0 26px;
    color:#c9dcf2;
    line-height:1.65;
}

.sub-card--brand-photo .sub-card__link{
    margin-top:auto;
    color:#3db4ff;
}

.sub-card--brand-photo:hover{
    transform:translateY(-6px);
    border-color:rgba(80,180,255,.72);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        0 0 28px rgba(42,147,238,.24),
        0 28px 70px rgba(0,0,0,.34);
}

.sub-card--brand-photo:hover .sub-card__media{
    opacity:.2;
    transform:translateX(0) scale(1.12);
    filter:grayscale(1) invert(1) contrast(1.35) brightness(1.35);
}

@media (max-width:960px){
    .sub-card--brand-photo{min-height:250px;}
    .sub-card--brand-photo .sub-card__media{width:70%;height:68%;right:-12%;bottom:8%;}
}

@media (max-width:560px){
    .sub-card--brand-photo{min-height:230px;padding:28px 24px;}
    .sub-card--brand-photo::after{left:24px;top:72px;}
    .sub-card--brand-photo .sub-card__num{font-size:25px;margin-bottom:54px;}
    .sub-card--brand-photo h3{font-size:23px;}
    .sub-card--brand-photo p{font-size:14px;min-height:0;}
    .sub-card--brand-photo .sub-card__media{width:78%;height:62%;right:-18%;bottom:14%;opacity:.11;}
}


/* ==========================================================
   BRAND PHOTO CARDS — full-card image backgrounds
   Uses img/brands/*.png for dvigately/zapchasti/stancii and img/brands/1/*.png for brendy
========================================================== */
.sub-card.sub-card--brand-photo{
    position:relative;
    overflow:hidden;
    min-height:310px;
    padding:34px 30px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    background:#061529;
    border:1px solid rgba(90,170,255,.42);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 44px rgba(0,0,0,.18);
}
.sub-card.sub-card--brand-photo .sub-card__media{
    position:absolute;
    inset:0;
    z-index:0;
    background-image:var(--card-img);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    opacity:1;
    filter:none;
    transform:scale(1);
    transition:transform .45s ease;
}
.sub-card.sub-card--brand-photo .sub-card__overlay{
    position:absolute;
    inset:0;
    z-index:1;
    background:
        linear-gradient(90deg,rgba(2,10,22,.78) 0%,rgba(3,12,26,.52) 43%,rgba(3,12,26,.18) 72%,rgba(3,12,26,.10) 100%),
        linear-gradient(180deg,rgba(3,12,26,.10) 0%,rgba(2,9,20,.58) 100%);
    pointer-events:none;
}
.sub-card.sub-card--brand-photo::after{
    content:"";
    position:absolute;
    left:28px;
    right:28px;
    top:0;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(83,184,255,.92),transparent);
    z-index:2;
    opacity:.85;
}
.sub-card.sub-card--brand-photo > *:not(.sub-card__media):not(.sub-card__overlay){
    position:relative;
    z-index:3;
}
.sub-card.sub-card--brand-photo .sub-card__num{
    margin-bottom:auto;
    color:#59b9ff;
    text-shadow:0 0 18px rgba(64,170,255,.45),0 3px 12px rgba(0,0,0,.65);
}
.sub-card.sub-card--brand-photo h3{
    margin-top:78px;
    font-size:27px;
    min-height:0;
    color:#fff;
    text-shadow:0 3px 18px rgba(0,0,0,.78);
}
.sub-card.sub-card--brand-photo p{
    min-height:52px;
    color:#e6f4ff;
    text-shadow:0 2px 14px rgba(0,0,0,.78);
}
.sub-card.sub-card--brand-photo span:last-child{
    color:#7ed0ff;
    font-weight:900;
    text-shadow:0 2px 12px rgba(0,0,0,.75);
}
.sub-card.sub-card--brand-photo span:last-child::first-letter{
    color:#7ed0ff;
}
.sub-card.sub-card--brand-photo:hover{
    border-color:rgba(103,198,255,.82);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 58px rgba(0,0,0,.3),0 0 34px rgba(38,156,255,.16);
}
.sub-card.sub-card--brand-photo:hover .sub-card__media{
    transform:scale(1.045);
}
@media (max-width:960px){
    .sub-card.sub-card--brand-photo{min-height:280px;}
}
@media (max-width:560px){
    .sub-card.sub-card--brand-photo{min-height:250px;padding:28px 24px;}
    .sub-card.sub-card--brand-photo h3{font-size:23px;margin-top:52px;}
    .sub-card.sub-card--brand-photo p{font-size:14px;min-height:0;}
    .sub-card.sub-card--brand-photo .sub-card__overlay{
        background:linear-gradient(90deg,rgba(2,10,22,.82),rgba(2,10,22,.46)),linear-gradient(180deg,rgba(3,12,26,.05),rgba(2,9,20,.62));
    }
}

/* ==========================================================
   FIX — brand cards full color photo backgrounds
   Карточки брендов: фото на всю карточку, без фильтров и лишних узоров
========================================================== */
.sub-card.sub-card--brand-photo{
    position:relative !important;
    overflow:hidden !important;
    min-height:310px !important;
    padding:34px 30px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-end !important;
    background:#061529 !important;
    border:1px solid rgba(90,170,255,.48) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 44px rgba(0,0,0,.22) !important;
}
.sub-card.sub-card--brand-photo .sub-card__media{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    background-image:var(--card-img) !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-size:cover !important;
    opacity:1 !important;
    filter:none !important;
    mix-blend-mode:normal !important;
    transform:none !important;
    z-index:0 !important;
    pointer-events:none !important;
    transition:transform .45s ease !important;
}
.sub-card.sub-card--brand-photo::before{
    display:none !important;
    content:none !important;
}
.sub-card.sub-card--brand-photo::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    width:auto !important;
    height:auto !important;
    left:0 !important;
    right:0 !important;
    top:0 !important;
    bottom:0 !important;
    border-radius:inherit !important;
    background:linear-gradient(90deg, rgba(2,10,22,.82) 0%, rgba(2,10,22,.54) 45%, rgba(2,10,22,.18) 72%, rgba(2,10,22,.06) 100%) !important;
    opacity:1 !important;
    z-index:1 !important;
    pointer-events:none !important;
}
.sub-card.sub-card--brand-photo .sub-card__overlay{
    display:none !important;
}
.sub-card.sub-card--brand-photo > *:not(.sub-card__media):not(.sub-card__overlay){
    position:relative !important;
    z-index:3 !important;
}
.sub-card.sub-card--brand-photo .sub-card__num{
    margin:0 0 auto !important;
    color:#59b9ff !important;
    text-shadow:0 0 18px rgba(64,170,255,.55),0 3px 12px rgba(0,0,0,.85) !important;
}
.sub-card.sub-card--brand-photo h3{
    margin:92px 0 18px !important;
    min-height:0 !important;
    font-size:27px !important;
    line-height:1.08 !important;
    color:#fff !important;
    text-shadow:0 3px 18px rgba(0,0,0,.88) !important;
}
.sub-card.sub-card--brand-photo p{
    max-width:330px !important;
    min-height:52px !important;
    margin:0 0 26px !important;
    color:#ecf7ff !important;
    text-shadow:0 2px 14px rgba(0,0,0,.9) !important;
}
.sub-card.sub-card--brand-photo span:not(.sub-card__num),
.sub-card.sub-card--brand-photo .sub-card__link{
    position:relative !important;
    left:auto !important;
    bottom:auto !important;
    margin-top:auto !important;
    color:#7ed0ff !important;
    font-weight:900 !important;
    text-shadow:0 2px 12px rgba(0,0,0,.8) !important;
}
.sub-card.sub-card--brand-photo:hover .sub-card__media{
    transform:scale(1.045) !important;
}
@media (max-width:960px){
    .sub-card.sub-card--brand-photo{min-height:280px !important;}
}
@media (max-width:560px){
    .sub-card.sub-card--brand-photo{min-height:250px !important;padding:28px 24px !important;}
    .sub-card.sub-card--brand-photo h3{font-size:23px !important;margin-top:58px !important;}
    .sub-card.sub-card--brand-photo p{font-size:14px !important;min-height:0 !important;}
}

/* ==========================================================
   PDS V2 — ISOLATED WHITE BRAND LOGO CARDS
   Только /brendy/ и белая лента логотипов на главной.
   Карточки /dvigately/, /zapchasti/ и /stancii/ не затронуты.
========================================================== */

/* /brendy/: отдельный компонент с заметными интервалами */
.brands-page .brand-logo-grid{
  width:min(1480px,calc(100% - 64px));
  margin:0 auto;
  display:grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap:28px;
  row-gap:26px;
  justify-items: stretch;
}
.brands-page .brand-logo-card{
  position:relative;
  isolation:isolate;
  min-width:0;
  min-height:148px;
  aspect-ratio:2.08/1;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:26px 30px;
  border:1px solid #dfe6ec;
  border-radius:20px;
  background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%);
  box-shadow:0 9px 30px rgba(4,28,52,.075);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.brands-page .brand-logo-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:radial-gradient(circle at 50% -20%,rgba(63,165,238,.12),transparent 62%);
  opacity:0;
  transition:opacity .24s ease;
}
.brands-page .brand-logo-card__media{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}
.brands-page .brand-logo-card__image{
  display:block;
  width:auto;
  height:auto;
  max-width:82%;
  max-height:62%;
  object-fit:contain;
  filter:none;
  opacity:1;
  mix-blend-mode:normal;
  transition:transform .24s ease;
}
/* Размеры учитывают реальную форму логотипов после обрезки пустых полей */
.brands-page .brand-logo-card__image--cummins{max-width:38%;max-height:82%;}
.brands-page .brand-logo-card__image--caterpillar{max-width:84%;max-height:48%;}
.brands-page .brand-logo-card__image--komatsu{max-width:78%;max-height:44%;}
.brands-page .brand-logo-card__image--weichai{max-width:80%;max-height:46%;}
.brands-page .brand-logo-card__image--liebherr{max-width:82%;max-height:42%;}
.brands-page .brand-logo-card__image--mtu{max-width:66%;max-height:64%;}
.brands-page .brand-logo-card__image--volvo{max-width:70%;max-height:54%;}
.brands-page .brand-logo-card__image--yamz{max-width:70%;max-height:46%;}
.brands-page .brand-logo-card__image--tmz{max-width:39%;max-height:75%;}
.brands-page .brand-logo-card__hover{
  position:absolute;
  right:14px;
  bottom:12px;
  padding:6px 10px;
  border-radius:999px;
  color:#245f95;
  background:rgba(236,246,255,.96);
  font-size:11px;
  font-weight:800;
  letter-spacing:.02em;
  opacity:0;
  transform:translateY(5px);
  transition:opacity .24s ease,transform .24s ease;
}
.brands-page .brand-logo-card__hover b{color:#168ee2;}
.brands-page .brand-logo-card:hover{
  transform:translateY(-5px);
  border-color:#9fd0f2;
  box-shadow:0 19px 44px rgba(5,43,77,.15),0 0 0 3px rgba(70,164,235,.07);
}
.brands-page .brand-logo-card:hover::before{opacity:1;}
.brands-page .brand-logo-card:hover .brand-logo-card__image{transform:scale(1.04);}
.brands-page .brand-logo-card:hover .brand-logo-card__hover{opacity:1;transform:translateY(0);}

/* Главная: компактная лента. Пять карточек в строке,
   последняя неполная строка автоматически центрируется. */
.brands__line.brands__line--logos{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:stretch;
  gap:18px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.brands__line.brands__line--logos .brands__logo-card{
  position:relative;
  flex:0 1 calc((100% - 72px)/5);
  min-width:190px;
  min-height:112px;
  padding:18px 22px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:1px solid #dfe6ec;
  border-radius:18px;
  background:linear-gradient(180deg,#fff 0%,#fafcfd 100%);
  box-shadow:0 7px 24px rgba(4,23,44,.07);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.brands__line.brands__line--logos .brands__logo-card:hover{
  transform:translateY(-4px);
  border-color:#9fd0f2;
  background:#fff;
  box-shadow:0 15px 34px rgba(5,43,77,.13);
}
.brands__line.brands__line--logos .brands__logo-image{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:82% !important;
  max-height:60px !important;
  margin:0 auto !important;
  object-fit:contain !important;
  filter:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
  transform:none;
  transition:transform .24s ease;
}
.brands__line.brands__line--logos .brands__logo-image--cummins{max-width:38% !important;max-height:78px !important;}
.brands__line.brands__line--logos .brands__logo-image--caterpillar{max-width:82% !important;max-height:46px !important;}
.brands__line.brands__line--logos .brands__logo-image--komatsu{max-width:76% !important;max-height:44px !important;}
.brands__line.brands__line--logos .brands__logo-image--weichai{max-width:78% !important;max-height:46px !important;}
.brands__line.brands__line--logos .brands__logo-image--liebherr{max-width:80% !important;max-height:42px !important;}
.brands__line.brands__line--logos .brands__logo-image--mtu{max-width:64% !important;max-height:58px !important;}
.brands__line.brands__line--logos .brands__logo-image--volvo{max-width:70% !important;max-height:54px !important;}
.brands__line.brands__line--logos .brands__logo-image--yamz{max-width:68% !important;max-height:46px !important;}
.brands__line.brands__line--logos .brands__logo-image--tmz{max-width:38% !important;max-height:68px !important;}
.brands__line.brands__line--logos .brands__logo-card:hover .brands__logo-image{transform:scale(1.04);}
.brands__line.brands__line--logos small{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

@media (max-width:1180px){
  .brands-page .brand-logo-grid{
    width:min(100% - 48px,1480px);
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
  }
  .brands__line.brands__line--logos .brands__logo-card{
    flex-basis:calc((100% - 36px)/3);
  }
}
@media (max-width:720px){
  .brands-page .brand-logo-grid{
    width:min(100% - 30px,1480px);
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
  }
  .brands-page .brand-logo-card{min-height:124px;padding:20px;border-radius:16px;}
  .brands__line.brands__line--logos{gap:14px;}
  .brands__line.brands__line--logos .brands__logo-card{
    flex-basis:calc((100% - 14px)/2);
    min-width:0;
    min-height:104px;
    padding:15px 16px;
    border-radius:16px;
  }
}
@media (max-width:420px){
  .brands-page .brand-logo-grid{grid-template-columns:1fr;}
  .brands__line.brands__line--logos .brands__logo-card{flex-basis:100%;}
}

/* ==========================================================
   SERVICE PAGE — ПЕРЕОБОРУДОВАНИЕ
========================================================== */
.service-retrofit-page .site-shell{overflow:hidden;}
.retrofit-hero{position:relative;isolation:isolate;padding:72px 32px 54px;background:linear-gradient(135deg,#071a31 0%,#0c2f57 56%,#154c7d 100%);border-bottom:1px solid rgba(115,190,244,.28);}
.retrofit-hero::before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(30deg,transparent 46%,rgba(115,190,244,.08) 47%,rgba(115,190,244,.08) 49%,transparent 50%),linear-gradient(-30deg,transparent 46%,rgba(115,190,244,.08) 47%,rgba(115,190,244,.08) 49%,transparent 50%);background-size:170px 96px;}
.retrofit-hero__decor{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 78% 36%,rgba(79,176,241,.25),transparent 35%),linear-gradient(90deg,rgba(2,14,30,.5),transparent 55%);}
.retrofit-hero__inner{width:min(1480px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr);align-items:center;gap:54px;}
.retrofit-hero__content{position:relative;z-index:2;}
.retrofit-hero h1{max-width:760px;margin:15px 0 20px;font-size:clamp(40px,5vw,78px);line-height:.98;text-transform:uppercase;color:#fff;letter-spacing:-.03em;}
.retrofit-hero__content>p{max-width:720px;margin:0;color:#cfe3f5;font-size:19px;line-height:1.65;}
.retrofit-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;}
.retrofit-hero__actions .btn:not(.btn--primary){border:1px solid rgba(162,211,247,.45);color:#e8f6ff;background:rgba(8,32,59,.55);}
.retrofit-hero__facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px;}
.retrofit-hero__facts div{min-height:92px;padding:16px 18px;border:1px solid rgba(134,201,248,.3);border-radius:15px;background:rgba(7,29,54,.56);backdrop-filter:blur(8px);}
.retrofit-hero__facts b{display:block;color:#6cc5ff;font-size:24px;}
.retrofit-hero__facts span{display:block;margin-top:5px;color:#e7f4fd;font-size:13px;font-weight:700;text-transform:uppercase;}
.retrofit-hero__media{position:relative;min-width:0;margin:0;border-radius:24px;overflow:hidden;border:1px solid rgba(130,201,250,.35);box-shadow:0 28px 70px rgba(0,8,20,.48);}
.retrofit-hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,24,45,.18),transparent 35%),linear-gradient(0deg,rgba(4,19,36,.26),transparent 40%);pointer-events:none;}
.retrofit-hero__media img{display:block;width:100%;height:560px;object-fit:cover;object-position:center;max-width:none;}
.retrofit-section{padding-top:76px;}
.retrofit-section__head{display:grid;grid-template-columns:1fr .8fr;align-items:end;gap:40px;}
.retrofit-section__head>p{margin:0;color:var(--muted);font-size:17px;line-height:1.7;}
.retrofit-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:34px;}
.retrofit-benefits article{position:relative;min-height:260px;padding:28px 26px;border:1px solid rgba(109,182,235,.28);border-radius:20px;background:linear-gradient(155deg,rgba(26,72,117,.68),rgba(5,24,47,.95));box-shadow:0 16px 36px rgba(0,13,29,.18);}
.retrofit-benefits article::after{content:"";position:absolute;left:26px;right:26px;bottom:22px;height:1px;background:linear-gradient(90deg,#55b8f7,transparent);}
.retrofit-benefits span{color:#64c2ff;font-size:30px;font-weight:900;}
.retrofit-benefits h3{margin:52px 0 14px;color:#fff;font-size:22px;line-height:1.15;text-transform:uppercase;}
.retrofit-benefits p{margin:0 0 24px;color:#bdd3e6;line-height:1.6;}
.retrofit-process{padding-top:42px;}
.retrofit-timeline{counter-reset:retrofit-step;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0 0;padding:0;list-style:none;}
.retrofit-timeline li{counter-increment:retrofit-step;position:relative;min-height:210px;padding:66px 25px 25px;border:1px solid rgba(104,183,240,.25);border-radius:18px;background:rgba(10,40,72,.7);}
.retrofit-timeline li::before{content:counter(retrofit-step,decimal-leading-zero);position:absolute;top:21px;left:25px;color:#66c2ff;font-size:26px;font-weight:900;}
.retrofit-timeline li::after{content:"";position:absolute;top:34px;left:76px;width:48px;height:1px;background:#4aaee9;}
.retrofit-timeline b{display:block;margin-bottom:12px;color:#fff;font-size:20px;text-transform:uppercase;}
.retrofit-timeline p{margin:0;color:#bfd4e6;line-height:1.62;}
.retrofit-scope{padding-top:42px;}
.retrofit-scope__panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:46px;align-items:center;padding:38px;border:1px solid rgba(110,187,240,.28);border-radius:22px;background:linear-gradient(130deg,rgba(24,73,119,.85),rgba(4,23,44,.96));}
.retrofit-scope__panel h2{margin:10px 0 15px;color:#fff;font-size:clamp(31px,3vw,48px);text-transform:uppercase;}
.retrofit-scope__panel p{margin:0;color:#c1d7e9;line-height:1.65;}
.retrofit-scope__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.retrofit-scope__list span{padding:15px 17px;border:1px solid rgba(124,195,245,.25);border-radius:12px;background:rgba(8,34,62,.65);color:#edf8ff;font-weight:700;}
.retrofit-cta{margin-top:54px;}
@media(max-width:1100px){
  .retrofit-hero__inner{grid-template-columns:1fr;gap:34px;display: block;}
  .retrofit-hero__media{max-width:900px;}
  .retrofit-hero__media img{height:480px;}
  .retrofit-benefits{grid-template-columns:repeat(2,1fr);}
  .retrofit-timeline{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:760px){
  .retrofit-hero{padding:46px 18px 36px;}
  .retrofit-hero__content>p{font-size:16px;}
  .retrofit-hero__facts{grid-template-columns:1fr;}
  .retrofit-hero__media img{height:350px;}
  .retrofit-section{padding-top:52px;}
  .retrofit-section__head,.retrofit-scope__panel{grid-template-columns:1fr;gap:22px;}
  .retrofit-benefits,.retrofit-timeline{grid-template-columns:1fr;}
  .retrofit-benefits article{min-height:230px;}
  .retrofit-scope__panel{padding:26px 20px;}
  .retrofit-scope__list{grid-template-columns:1fr;}
}
@media(max-width:460px){
  .retrofit-hero__actions{display:grid;}
  .retrofit-hero__actions .btn{width:100%;justify-content:center;}
  .retrofit-hero__media img{height:280px;}
}