/* ============================================================
   SAREMM 2026 — custom redesign (loaded after all vendor CSS)
   Palette: ink #0d1426 · slate #2b3340 · accent #fac312 · blue #006db7
   ============================================================ */

/* ============================================================
   TYPE SYSTEM — IBM Plex (self-hosted, engineering-grade)
   Sans = body + headings · Mono = technical labels / spec data
   ============================================================ */
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/plex/plex-sans-cyr-400.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/plex/plex-sans-lat-400.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/plex/plex-sans-cyr-500.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/plex/plex-sans-lat-500.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/plex/plex-sans-cyr-600.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/plex/plex-sans-lat-600.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/plex/plex-sans-cyr-700.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/plex/plex-sans-lat-700.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/plex/plex-mono-cyr-500.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/plex/plex-mono-lat-500.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/plex/plex-mono-cyr-600.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/plex/plex-mono-lat-600.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

:root{
  --f-sans:'IBM Plex Sans','Segoe UI',Roboto,Arial,sans-serif;
  --f-mono:'IBM Plex Mono','SF Mono',ui-monospace,Consolas,monospace;
  --ink:#0d1426; --slate:#2b3340; --accent:#fac312; --accent-d:#e6b000;
  --blue:#006db7; --muted:#6b7280; --line:#e7eaf0; --bg-soft:#f6f8fb;
}

/* ---------- Base typography (overrides theme's 13px Open Sans) ---------- */
body{font-family:var(--f-sans);font-size:16px;line-height:1.72;color:#3c4453;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}
h1,h2,h3,h4,h5,h6{font-family:var(--f-sans);color:var(--ink);font-weight:700;letter-spacing:-.012em;}
p{font-size:16px;line-height:1.72;}
a{transition:color .18s ease;}
/* mono utility for technical kickers / labels / data */
.s-mono{font-family:var(--f-mono);font-weight:500;letter-spacing:.02em;}

/* ---------- Buttons ---------- */
.s-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 32px;border-radius:30px;
  font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.04em;line-height:1;
  border:2px solid transparent;text-decoration:none;cursor:pointer;transition:.25s ease;white-space:nowrap;}
.s-btn i{font-size:12px;}
.s-btn--primary{background:#fac312;color:#1b2230 !important;}
.s-btn--primary:hover{background:#e6b000;color:#1b2230 !important;transform:translateY(-2px);}
.s-btn--ghost{background:rgba(255,255,255,.10);color:#fff !important;border-color:rgba(255,255,255,.55);}
.s-btn--ghost:hover{background:#fff;color:#1b2230 !important;border-color:#fff;}
.s-btn--outline{background:transparent;color:#2b3340 !important;border-color:#d6dae2;}
.s-btn--outline:hover{background:#fac312;border-color:#fac312;color:#1b2230 !important;}
.s-btn--sm{padding:10px 22px;font-size:12.5px;}

/* ---------- Section heading ---------- */
.s-head{text-align:center;margin-bottom:48px;}
.s-head h2{font-family:var(--f-sans);font-size:34px;color:#1b2230;margin:0 0 12px;text-transform:uppercase;letter-spacing:.01em;}
.s-head p{font-family:var(--f-mono);font-weight:500;color:#9aa3b2;font-size:12.5px;text-transform:uppercase;letter-spacing:.14em;margin:0 0 18px;}
.s-head:after{content:"";display:block;width:56px;height:3px;background:#fac312;margin:0 auto;border-radius:2px;}
.s-head--left{text-align:left;}
.s-head--left:after{margin:0;}
.s-head--light h2{color:#fff;}

/* ---------- Hero ---------- */
.s-hero{position:relative;display:flex;align-items:center;min-height:640px;overflow:hidden;background:#0d1426;margin:0 !important;}
.s-hero__bg{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;}
.s-hero__bg--1{background-image:url('../img/pics/slide-1-komm.jpg');z-index:1;animation:sHeroFade 18s ease-in-out infinite;}
.s-hero__bg--2{background-image:url('../img/pics/slide-2-komm.jpg');z-index:0;}
@keyframes sHeroFade{0%,44%{opacity:1}50%,94%{opacity:0}100%{opacity:1}}
.s-hero__scrim{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;
  background:linear-gradient(95deg,rgba(13,20,38,.93) 0%,rgba(13,20,38,.72) 40%,rgba(13,20,38,.28) 74%,rgba(13,20,38,.05) 100%);}
.s-hero__inner{position:relative;z-index:3;padding:48px 15px;}
.s-hero__eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-mono);color:#fac312;font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:13px;margin-bottom:18px;}
.s-hero__eyebrow:before{content:"";width:30px;height:2px;background:#fac312;display:inline-block;}
.s-hero__title{color:#fff;font-family:var(--f-sans);font-weight:700;font-size:56px;line-height:1.05;text-transform:uppercase;margin:0 0 20px;max-width:720px;text-shadow:0 2px 30px rgba(0,0,0,.35);}
.s-hero__subtitle{color:#dfe4ee;font-size:18px;line-height:1.6;margin:0 0 32px;max-width:560px;}
.s-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:44px;}
.s-hero__stats{list-style:none;display:flex;gap:48px;margin:0;padding:28px 0 0;border-top:1px solid rgba(255,255,255,.16);max-width:620px;}
.s-hero__stats li{display:flex;flex-direction:column;}
.s-hero__stats b{color:#fff;font-family:var(--f-mono);font-weight:600;font-size:38px;line-height:1;letter-spacing:-.02em;}
.s-hero__stats span{color:#aab2c2;font-size:13px;margin-top:8px;max-width:130px;}

/* ---------- Category cards (home + products landing) ---------- */
.s-cats{background:#fff;padding-bottom:84px;}
.s-cats__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:-78px;position:relative;z-index:5;}
.s-cat{display:flex;flex-direction:column;background:#fff;border-radius:8px;overflow:hidden;
  box-shadow:0 16px 44px rgba(13,20,38,.16);text-decoration:none;transition:transform .25s,box-shadow .25s;}
.s-cat:hover{transform:translateY(-6px);box-shadow:0 26px 56px rgba(13,20,38,.24);}
.s-cat__media{height:208px;overflow:hidden;}
.s-cat__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.s-cat:hover .s-cat__media img{transform:scale(1.07);}
.s-cat__body{padding:24px 26px 28px;border-top:3px solid #fac312;flex:1;display:flex;flex-direction:column;}
.s-cat__body h3{color:#1b2230;font-size:18px;font-weight:700;line-height:1.32;margin:0 0 14px;}
.s-cat__body p{color:#6b7280;font-size:14.5px;line-height:1.6;margin:0 0 18px;flex:1;}
.s-cat__more{color:#006db7;font-weight:700;font-size:13.5px;text-transform:uppercase;letter-spacing:.03em;margin-top:auto;}
.s-cat__more i{margin-left:6px;font-size:12px;transition:transform .25s;}
.s-cat:hover .s-cat__more{color:#e6b000;}
.s-cat:hover .s-cat__more i{transform:translateX(5px);}
.s-cats--landing{padding-top:70px;}
.s-cats--landing .s-cats__grid{margin-top:0;}
.s-cats--landing .s-cat__body h3{flex:none;}

/* ---------- Advantages ---------- */
.s-adv{padding:88px 0;background:#f6f8fb;}
.s-adv__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;}
.s-adv__item{text-align:center;padding:0 8px;}
.s-adv__icon{width:104px;height:104px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;
  background:#fff;border-radius:50%;box-shadow:0 10px 30px rgba(13,20,38,.09);}
.s-adv__icon img,.s-adv__icon svg{width:52px;height:52px;}
.s-adv__item h4{color:#1b2230;font-size:18px;font-weight:700;margin:0 0 10px;}
.s-adv__item p{color:#6b7280;font-size:14px;line-height:1.62;margin:0;}

/* ---------- About (dark) ---------- */
.s-about{background:#0d1426;color:#fff;padding:84px 0;}
.s-about__grid{display:grid;grid-template-columns:1.05fr 1fr;gap:54px;align-items:center;max-width:1140px;margin:0 auto;padding:0 15px;}
.s-about__text .s-head{margin-bottom:26px;}
.s-about__text p{color:#c7cedb;font-size:16px;line-height:1.74;margin:0 0 18px;}
.s-about__text .s-btn{margin-top:14px;}
.s-about__media{min-height:400px;border-radius:8px;background:url('../img/pics/img-bkg01.jpg') center/cover;box-shadow:0 20px 50px rgba(0,0,0,.35);}

/* ---------- News ---------- */
.s-news{padding:88px 0;background:#fff;}
.s-ncard{background:#fff;border:1px solid #e8ebf1;border-radius:8px;overflow:hidden;margin-bottom:30px;
  transition:box-shadow .25s,transform .25s;height:calc(100% - 30px);display:flex;flex-direction:column;}
.s-ncard:hover{box-shadow:0 18px 44px rgba(13,20,38,.14);transform:translateY(-4px);}
.s-ncard__media{display:block;position:relative;height:210px;overflow:hidden;}
.s-ncard__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.s-ncard:hover .s-ncard__media img{transform:scale(1.06);}
.s-ncard__tag{position:absolute;left:14px;top:14px;background:#fac312;color:#1b2230;font-size:11px;font-weight:700;
  text-transform:uppercase;letter-spacing:.04em;padding:5px 12px;border-radius:3px;}
.s-ncard__body{padding:22px 22px 24px;flex:1;display:flex;flex-direction:column;}
.s-ncard__body h3{font-size:17px;line-height:1.34;margin:0 0 12px;}
.s-ncard__body h3 a{color:#1b2230;text-decoration:none;}
.s-ncard__body h3 a:hover{color:#006db7;}
.s-ncard__body p{color:#6b7280;font-size:14px;line-height:1.6;margin:0 0 16px;flex:1;}
.s-ncard__more{color:#006db7;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.03em;margin-top:auto;}
.s-ncard__more i{font-size:11px;margin-left:5px;}
.s-news__more{text-align:center;margin-top:14px;}

/* ---------- Product list cards (category pages) ---------- */
.s-pgrid{margin-top:6px;}
.s-pcard{background:#fff;border:1px solid #e8ebf1;border-radius:8px;overflow:hidden;margin-bottom:28px;
  display:flex;flex-direction:column;height:calc(100% - 28px);transition:box-shadow .25s,transform .25s;}
.s-pcard:hover{box-shadow:0 18px 44px rgba(13,20,38,.14);transform:translateY(-4px);}
.s-pcard__media{display:block;height:230px;overflow:hidden;background:#f3f5f8;}
.s-pcard__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.s-pcard:hover .s-pcard__media img{transform:scale(1.06);}
.s-pcard__body{padding:22px 24px 26px;flex:1;display:flex;flex-direction:column;align-items:flex-start;}
.s-pcard__body h3{font-size:19px;margin:0 0 6px;line-height:1.3;}
.s-pcard__body h3 a{color:#1b2230;text-decoration:none;}
.s-pcard__body h3 a:hover{color:#006db7;}
.s-pcard__sub{color:#9aa3b2;font-size:13px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:18px;}
.s-pcard .s-btn{margin-top:auto;}

/* ---------- CTA band ---------- */
.s-cta{background:#11182a;padding:56px 0;}
.s-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:1140px;margin:0 auto;padding:0 15px;}
.s-cta h2{color:#fff;font-family:var(--f-sans);font-size:27px;margin:0 0 8px;text-transform:uppercase;}
.s-cta p{color:#aab2c2;margin:0;font-size:15px;}

/* ---------- Responsive ---------- */
@media (max-width:991px){
  .s-hero__title{font-size:42px;}
  .s-hero{min-height:560px;height:auto;padding:96px 0 60px;}
  .s-cats__grid{gap:18px;margin-top:-54px;}
  .s-cat__media{height:170px;}
  .s-adv__grid{grid-template-columns:repeat(2,1fr);gap:40px 24px;}
  .s-about__grid{grid-template-columns:1fr;gap:34px;}
  .s-about__media{min-height:300px;}
}
@media (max-width:767px){
  .s-hero{min-height:auto;padding:56px 0 50px;}
  .s-hero__scrim{background:linear-gradient(0deg,rgba(13,20,38,.92) 0%,rgba(13,20,38,.6) 60%,rgba(13,20,38,.45) 100%);}
  .s-hero__title{font-size:30px;}
  .s-hero__subtitle{font-size:15.5px;}
  .s-hero__actions{flex-direction:column;align-items:stretch;}
  .s-hero__stats{gap:22px;flex-wrap:wrap;}
  .s-hero__stats b{font-size:28px;}
  .s-head h2{font-size:26px;}
  .s-cats{padding-bottom:50px;}
  .s-cats__grid{grid-template-columns:1fr;margin-top:-40px;gap:22px;}
  .s-cat__media{height:200px;}
  .s-adv{padding:60px 0;}
  .s-adv__grid{grid-template-columns:1fr;gap:34px;}
  .s-about,.s-news{padding:56px 0;}
  .s-cta__inner{flex-direction:column;text-align:center;}
}

/* ============================================================
   SAREMM 2026 — round 3 (about photo, form, sidebar, news, contacts)
   ============================================================ */

/* ---------- About block (own photo + features) ---------- */
.s-about__grid{align-items:stretch;}
.s-about__eyebrow{display:inline-block;color:#fac312;font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:12.5px;margin-bottom:14px;}
.s-about__text h2{font-family:var(--f-sans);color:#fff;font-size:31px;line-height:1.14;text-transform:uppercase;margin:0 0 18px;}
.s-about__features{list-style:none;margin:4px 0 28px;padding:0;}
.s-about__features li{position:relative;color:#dbe1ec;font-size:15.5px;line-height:1.5;padding:11px 0 11px 32px;border-bottom:1px solid rgba(255,255,255,.08);}
.s-about__features li:last-child{border-bottom:0;}
.s-about__features i{position:absolute;left:0;top:13px;color:#fac312;font-size:14px;}
.s-about__media{padding:0;background:none;box-shadow:none;min-height:0;border-radius:0;}
.s-about__media img{width:100%;height:100%;min-height:430px;object-fit:cover;border-radius:8px;box-shadow:0 24px 54px rgba(0,0,0,.4);display:block;}

/* ---------- Modern form (.wpcf7, both forms) ---------- */
.wpcf7 fieldset{border:0;padding:0;margin:0 0 16px;}
.wpcf7 label{display:block;font-size:13.5px;font-weight:600;color:#3a4150;margin-bottom:7px;}
.wpcf7 label .required{color:#e23b3b;}
.wpcf7 .wpcf7-text,.wpcf7 .wpcf7-textarea,.wpcf7 .wpcf7-select,.wpcf7 textarea,.wpcf7 select,
.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 input[type=tel]{
  width:100%;border:1.5px solid #dce1ea;border-radius:8px;padding:13px 16px;font-size:15px;color:#2b3340;background:#fff;line-height:1.3;transition:border-color .2s,box-shadow .2s;}
.wpcf7 .wpcf7-text:focus,.wpcf7 textarea:focus,.wpcf7 select:focus,.wpcf7 input:focus{outline:0;border-color:#fac312;box-shadow:0 0 0 3px rgba(250,195,18,.18);}
.wpcf7 textarea{resize:vertical;min-height:120px;}
input.wpcf7-submit{-webkit-appearance:none;appearance:none;width:auto;border:0;}
.s-form__captcha{margin:6px 0 18px;}
.s-form__pd{font-size:12.5px;color:#9aa3b2;margin-top:16px;line-height:1.55;}
.s-form__pd a{color:#006db7;}
.s-alert{border-radius:8px;padding:13px 16px;margin-bottom:16px;font-size:14px;}
.s-alert--ok{background:#eafaf1;border:1px solid #9bd9b3;color:#1d7a44;}
.s-alert--err{background:#fdeeee;border:1px solid #f0b4b4;color:#c0392b;}
/* the embedded feedbackForm on product/about pages */
.driver-app-form .custom-heading,.s-contact .custom-heading{margin-bottom:8px;}

/* ---------- Sidebar (aside widgets) ---------- */
.aside-widgets{list-style:none;padding:0;margin:0;}
.aside .widget{background:#fff;border:1px solid #e8ebf1;border-radius:10px;padding:24px 26px 26px;margin-bottom:26px;box-shadow:0 8px 24px rgba(13,20,38,.05);}
.aside .widget .title h3{font-size:15px;text-transform:uppercase;letter-spacing:.05em;color:#1b2230;margin:0 0 16px;padding-bottom:13px;border-bottom:2px solid #fac312;display:inline-block;}
.aside .widget ul{list-style:none;padding:0;margin:0;}
.aside .widget ul li{border-bottom:1px solid #eef1f5;}
.aside .widget ul li:last-child{border-bottom:0;}
.aside .widget ul li a{display:block;padding:11px 0 11px 18px;position:relative;color:#3a4150;font-size:14.5px;text-decoration:none;transition:color .2s,padding .2s;}
.aside .widget ul li a:before{content:"›";position:absolute;left:2px;color:#fac312;font-weight:700;}
.aside .widget ul li a:hover{color:#006db7;padding-left:24px;}
.aside .widget ul li.active>a,.aside .widget ul li.current-menu-item>a{color:#006db7;font-weight:700;}
.aside .widget ul ul{margin:0 0 8px 14px;}
.aside .widget ul ul li a{font-size:13.5px;padding-top:8px;padding-bottom:8px;}
.aside .widget-text img{border-radius:8px;margin-bottom:14px;width:100%;}
.aside .widget-text p{color:#5c6473;font-size:14px;line-height:1.7;}
.aside .widget-text .read-more{color:#006db7;font-weight:700;font-size:12.5px;text-transform:uppercase;letter-spacing:.03em;}

/* ---------- News: equal-height cards + date ---------- */
.row.s-news__grid,.row.custom-news-list{display:flex;flex-wrap:wrap;}
.s-news__grid>div,.custom-news-list>div{display:flex;float:none;margin-bottom:0;}
.s-ncard{height:auto;width:100%;}
.s-ncard__date{display:block;color:#9aa3b2;font-size:12.5px;letter-spacing:.03em;margin-bottom:8px;}
.s-ncard__date i{color:#fac312;margin-right:6px;}

/* ---------- Contacts page ---------- */
.s-info{padding:62px 0 8px;background:#fff;}
.s-info__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.s-info__card{text-align:center;padding:32px 20px;border:1px solid #e8ebf1;border-radius:10px;transition:box-shadow .25s,transform .25s;}
.s-info__card:hover{box-shadow:0 16px 38px rgba(13,20,38,.1);transform:translateY(-4px);}
.s-info__ic{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;background:#fff7e0;color:#e0a200;display:flex;align-items:center;justify-content:center;font-size:23px;}
.s-info__card h4{font-size:16px;color:#1b2230;margin:0 0 9px;}
.s-info__card p{color:#5c6473;font-size:14.5px;line-height:1.65;margin:0;}
.s-info__card a{color:#5c6473;text-decoration:none;}
.s-info__card a:hover{color:#006db7;}
.s-contact{padding:56px 0;background:#fff;}
.s-contact__lead{color:#6b7280;font-size:15.5px;line-height:1.65;margin-bottom:26px;}
.s-map{border-radius:10px;overflow:hidden;border:1px solid #e8ebf1;}
.s-team-sec{padding:70px 0 86px;background:#f6f8fb;}
.s-team{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.s-team__card{background:#fff;border:1px solid #e8ebf1;border-radius:10px;padding:24px;border-top:3px solid #fac312;}
.s-team__card h4{font-size:15px;color:#1b2230;margin:0 0 6px;line-height:1.3;}
.s-team__card span{display:block;color:#6b7280;font-size:13.5px;margin-bottom:14px;}
.s-team__card a{color:#006db7;font-weight:600;font-size:14px;text-decoration:none;display:block;margin-top:4px;}
.s-team__card a i{color:#fac312;margin-right:6px;}

@media (max-width:991px){
  .s-info__grid{grid-template-columns:repeat(2,1fr);}
  .s-team{grid-template-columns:repeat(2,1fr);}
  .s-about__text h2{font-size:27px;}
  /* news/category cards: 2-up on tablet; zero row margin so it can't bleed past container */
  .row.s-news__grid,.row.custom-news-list{margin-left:0 !important;margin-right:0 !important;}
  .s-news__grid>div,.custom-news-list>div{width:50% !important;}
  .s-news__grid>div:nth-child(odd),.custom-news-list>div:nth-child(odd){padding-left:0 !important;padding-right:11px !important;}
  .s-news__grid>div:nth-child(even),.custom-news-list>div:nth-child(even){padding-left:11px !important;padding-right:0 !important;}
}
@media (max-width:767px){
  .s-info__grid,.s-team{grid-template-columns:1fr;}
  .row.s-news__grid,.row.custom-news-list{display:block;}
  .s-news__grid>div,.custom-news-list>div{display:block;}
  .s-about__media img{min-height:280px;}
}


.s-map{min-height:500px;background:#eef1f5;}
.s-captcha-note{background:#f4f6f9;border:1px dashed #cfd6e0;border-radius:8px;padding:12px 14px;color:#7a8290;font-size:13px;}

/* ============================================================
   SAREMM 2026 — round 5 (forms, header, footer, product, news single)
   ============================================================ */

/* ---------- Forms: clean grid (kills theme .driver-app-form 3-col float) ---------- */
.driver-app-form fieldset,.wpcf7 fieldset{float:none !important;width:auto !important;padding-right:0 !important;}
.s-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin-bottom:20px;}
.s-form__field{display:flex;flex-direction:column;min-width:0;}
.s-form__field--full{grid-column:1 / -1;}
.s-form__field label{font-size:13px;font-weight:600;color:#3a4150;margin-bottom:7px;}
.s-form__field label .required{color:#e23b3b;}
.s-form input,.s-form select,.s-form textarea{width:100%;border:1.5px solid #dce1ea;border-radius:8px;padding:12px 15px;font-size:14.5px;color:#2b3340;background:#fff;font-family:inherit;transition:border-color .2s,box-shadow .2s;}
.s-form input:focus,.s-form select:focus,.s-form textarea:focus{outline:0;border-color:#fac312;box-shadow:0 0 0 3px rgba(250,195,18,.18);}
.s-form textarea{resize:vertical;min-height:118px;}
.s-form button.s-btn{border:0;cursor:pointer;}
.s-form .s-form__pd{font-size:12.5px;color:#9aa3b2;margin-top:14px;line-height:1.55;}
.s-form .s-form__pd a{color:#006db7;}
@media (max-width:600px){.s-form__grid{grid-template-columns:1fr;}}

/* ---------- Hero: clearance under header ---------- */
.s-hero__inner{padding-top:92px;padding-bottom:54px;}

/* ---------- Top bar + tighter header ---------- */
.s-topbar{background:#0d1426;}
.s-topbar__in{display:flex;justify-content:flex-end;align-items:center;gap:28px;height:42px;}
.s-topbar a,.s-topbar span{color:#cdd4e0;text-decoration:none;font-size:13px;display:inline-flex;align-items:center;gap:7px;}
.s-topbar a:hover{color:#fac312;}
.s-topbar i{color:#fac312;font-size:13px;}
.header-style02 .header-inner{padding-top:16px;padding-bottom:16px;}
@media (max-width:767px){.s-topbar__in{justify-content:center;gap:16px;height:auto;padding:9px 0;flex-wrap:wrap;}.s-topbar span{display:none;}}

/* ---------- Footer ---------- */
#footer-wrapper.footer-dark{background:#0b1120;}
#footer{padding:62px 0 38px;}
#footer .title h3{font-size:15px;text-transform:uppercase;letter-spacing:.05em;color:#fff;margin-bottom:20px;position:relative;padding-bottom:13px;}
#footer .title h3:after{content:"";position:absolute;left:0;bottom:0;width:34px;height:2px;background:#fac312;}
#footer .widget p,#footer .widget address,#footer .widget span{color:#9aa3b2;font-size:14px;line-height:1.7;font-style:normal;}
#footer .widget_pages ul{list-style:none;padding:0;margin:0;}
#footer .widget_pages ul li a,#footer .dl-menu li a{color:#aeb6c4;font-size:14px;text-decoration:none;padding:6px 0;display:inline-block;transition:color .2s,padding .2s;}
#footer .widget_pages ul li a:hover,#footer .dl-menu li a:hover{color:#fac312;padding-left:6px;}
#footer .footer-social-icons{margin-top:8px;padding:0;list-style:none;}
#footer .footer-social-icons li{display:inline-block;margin-right:9px;}
#footer .footer-social-icons li a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;display:flex;align-items:center;justify-content:center;transition:.2s;}
#footer .footer-social-icons li a:hover{background:#fac312;color:#0d1426;}
#footer .widget-text .text-big{color:#fff;font-size:17px;font-weight:700;display:block;margin:2px 0 10px;}
#footer .widget-text address{color:#fac312;font-weight:600;margin:12px 0 2px;}
#footer .widget-text a[href^="mailto"]{color:#fac312;}
.copyright-container{background:#070b14;padding:18px 0;}
.copyright-container p{color:#7a8290;font-size:13px;margin:0;}

/* ---------- Product single page ---------- */
.col-md-8 .nivo-wrapper{border-radius:10px;overflow:hidden;margin-bottom:28px;box-shadow:0 12px 32px rgba(13,20,38,.12);}
.custom-tabs > ul{display:flex;flex-wrap:wrap;gap:6px;border-bottom:2px solid #eef1f5;margin:0;padding:0;list-style:none;}
.custom-tabs > ul > li{padding:13px 22px;font-weight:700;font-size:14px;color:#6b7280;cursor:pointer;border-radius:8px 8px 0 0;margin-bottom:-2px;transition:.2s;}
.custom-tabs > ul > li.active{color:#1b2230;background:#fff;border:2px solid #eef1f5;border-bottom-color:#fff;}
.custom-tabs > ul > li:hover{color:#1b2230;}
.custom-tabs > div{padding-top:26px;}
.custom-tabs .table-responsive{overflow-x:auto;}
.custom-tabs table.table{width:100%;border-collapse:collapse;margin:0 0 10px;}
.custom-tabs table.table th{background:#0d1426;color:#fff;text-align:left;padding:12px 16px;font-size:14px;}
.custom-tabs table.table td{padding:11px 16px;border-bottom:1px solid #eef1f5;font-size:14.5px;color:#3a4150;}
.custom-tabs table.table tr:nth-child(even) td{background:#f8fafc;}
.custom-btn-show-full{display:inline-block;color:#006db7;font-weight:700;cursor:pointer;margin:8px 0 14px;}
.custom-btn-show-full:hover{color:#e6a800;}

/* ---------- News single (blog-post) ---------- */
.post-single .blog-post{background:transparent;}
.post-single .post-media{position:relative;margin-bottom:26px;}
.post-single .post-img img{width:100%;border-radius:10px;display:block;}
.post-single .post-date{position:absolute;left:18px;top:18px;background:#fac312;color:#1b2230;border-radius:8px;padding:9px 14px;text-align:center;box-shadow:0 8px 22px rgba(0,0,0,.22);}
.post-single .post-date .day{font-size:26px;font-weight:800;line-height:1;margin:0;}
.post-single .post-date .month{font-size:12px;margin:3px 0 0;}
.post-single .post-body h2{font-family:var(--f-sans);font-size:28px;color:#1b2230;margin:0 0 20px;line-height:1.22;}
.post-single .post-body p{color:#4a5160;font-size:16px;line-height:1.75;margin:0 0 16px;}
.post-single .post-body img{max-width:100%;height:auto;border-radius:8px;margin:10px 0;}

/* ---------- Header contacts (in fixed nav) ---------- */
.s-head-phone{float:left;display:flex;gap:24px;margin:4px 0 0 40px;}
.s-head-phone a{display:flex;align-items:center;gap:10px;text-decoration:none;color:#1b2230;}
.s-head-phone i{color:#fac312;font-size:19px;}
.s-head-phone b{display:block;font-size:15px;font-weight:700;color:#1b2230;line-height:1.15;}
.s-head-phone em{font-style:normal;font-size:11.5px;color:#9aa3b2;}
.s-head-phone a:hover b{color:#006db7;}
@media (max-width:1199px){.s-head-phone__mail{display:none;}}
@media (max-width:991px){.s-head-phone{display:none;}}

/* ---------- Header revise: slim topbar inside fixed header + compact nav ---------- */
.s-head-phone{display:none;}
.header-wrapper .s-topbar{background:#0d1426;}
.header-wrapper .s-topbar__in{display:flex;justify-content:flex-end;align-items:center;gap:26px;height:40px;}
.header-wrapper .s-topbar a,.header-wrapper .s-topbar span{color:#cdd4e0;font-size:13px;text-decoration:none;display:inline-flex;align-items:center;gap:7px;}
.header-wrapper .s-topbar a:hover{color:#fac312;}
.header-wrapper .s-topbar i{color:#fac312;font-size:13px;}
@media (max-width:767px){.header-wrapper .s-topbar span{display:none;}.header-wrapper .s-topbar__in{justify-content:center;gap:18px;height:auto;padding:8px 0;}}
/* hero pinned below taller fixed header */
.s-hero{align-items:flex-start;}
.s-hero__inner{padding-top:172px;padding-bottom:64px;}
@media (max-width:991px){.s-hero__inner{padding-top:152px;}}
@media (max-width:767px){.s-hero__inner{padding-top:118px;padding-bottom:46px;}}

/* hero stats vs overlapping cards — give stats room */
.s-hero__inner{padding-top:148px;padding-bottom:104px;}
.s-cats__grid{margin-top:-46px;}
@media (max-width:991px){.s-hero__inner{padding-top:140px;padding-bottom:90px;}}
@media (max-width:767px){.s-hero__inner{padding-top:116px;padding-bottom:48px;}.s-cats__grid{margin-top:-30px;}}

/* hero stats fully visible: cards no longer overlap the hero */
.s-cats__grid{margin-top:0;}
.s-cats{padding-top:60px;}
.s-hero__inner{padding-bottom:76px;}
@media (max-width:767px){.s-cats{padding-top:40px;}}

/* ============================================================
   SAREMM 2026 — round 6 (unified headers, select, sidebar, subpages, map)
   ============================================================ */

/* ---------- Unified inner-page header (replaces random pt-bkg photos) ---------- */
.page-title-style01{
  background:linear-gradient(rgba(13,20,38,.82),rgba(13,20,38,.93)),url('../img/pics/slide-1-komm.jpg') center 28%/cover no-repeat !important;
  padding-top:150px !important;padding-bottom:54px !important;margin-bottom:60px !important;}
.page-title-style01 h1{color:#fff;font-family:var(--f-sans);font-size:38px;line-height:1.12;text-transform:uppercase;letter-spacing:.01em;margin:0 0 14px;}
.page-title-style01 .breadcrumb-container,.page-title-style01 .breadcrumb-container *{color:#c7cedb !important;}
.page-title-style01 .breadcrumb-container a:hover{color:#fac312 !important;}
@media (max-width:767px){.page-title-style01{padding-top:118px !important;padding-bottom:38px !important;margin-bottom:40px !important;}.page-title-style01 h1{font-size:25px;}}

/* ---------- Select: match inputs ---------- */
.s-form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:42px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%232b3340' d='M6 7.5 0.2 1.2 1.6-0.2 6 4.6 10.4-0.2 11.8 1.2z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 15px center;background-size:12px;}

/* ---------- Compact embedded form ---------- */
.s-form{max-width:740px;}
.s-form__grid{gap:14px 18px;}
.s-form input,.s-form select,.s-form textarea{padding:11px 14px;font-size:14px;}
.s-form textarea{min-height:100px;}

/* ---------- Sidebar fixes: drop theme arrow + no hover jump ---------- */
.widget ul.custom-menu-about > li,.widget_nav_menu ul.custom-menu-about li,.widget ul.custom-menu-about > li.current-menu-item{background-image:none !important;}
.aside .widget ul li a{padding-left:20px !important;transition:color .2s;}
.aside .widget ul li a:hover{padding-left:20px !important;}

/* ---------- Certificates (.team-list) as cards ---------- */
.team-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.team-list > li{background:#fff;border:1px solid #e8ebf1;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .25s,transform .25s;}
.team-list > li:hover{box-shadow:0 16px 38px rgba(13,20,38,.12);transform:translateY(-4px);}
.team-list > li > a{display:block;position:relative;background:#f3f5f8;text-align:center;padding:18px;border-bottom:1px solid #eef1f5;}
.team-list > li > a img{max-width:100%;max-height:230px;width:auto;display:inline-block;}
.team-list .team-details-container{padding:20px 22px 22px;flex:1;}
.team-list .team-details h5{font-size:16px;color:#1b2230;margin:0 0 6px;line-height:1.3;}
.team-list .team-details .position{color:#e0a200;font-size:13px;font-weight:600;margin:0 0 10px;}
.team-list .team-details-container > p{color:#6b7280;font-size:13.5px;line-height:1.6;margin:0;}

/* ---------- Gallery (.vehicle-gallery) ---------- */
.vehicle-gallery{list-style:none;padding:0;margin:0;}
.vehicle-gallery > li{margin-bottom:24px;}
.vehicle-gallery .gallery-item-container{margin:0;}
.vehicle-gallery .gallery-item{position:relative;border-radius:10px;overflow:hidden;}
.vehicle-gallery .gallery-item img{width:100%;height:210px;object-fit:cover;display:block;transition:transform .5s;}
.vehicle-gallery .gallery-item:hover img{transform:scale(1.07);}
.vehicle-gallery .hover-mask{position:absolute;inset:0;background:rgba(13,20,38,.45);opacity:0;transition:.3s;}
.vehicle-gallery .gallery-item:hover .hover-mask{opacity:1;}
.vehicle-gallery .hover-zoom{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:.3s;}
.vehicle-gallery .gallery-item:hover .hover-zoom{opacity:1;}
.vehicle-gallery .hover-zoom a{width:50px;height:50px;border-radius:50%;background:#fac312;color:#0d1426;display:flex;align-items:center;justify-content:center;font-size:18px;}

/* ---------- History / СОУТ timeline (.company-timeline) ---------- */
.company-timeline{list-style:none;padding:0;margin:10px 0 0;position:relative;}
.company-timeline:before{content:"";position:absolute;left:27px;top:10px;bottom:30px;width:2px;background:#e6e9ef;}
.company-timeline > li{position:relative;padding:0 0 34px 80px;list-style:none;}
.company-timeline .icon-date-container{position:absolute;left:0;top:0;width:56px;height:56px;border-radius:50%;background:#fac312;color:#0d1426;display:flex;align-items:center;justify-content:center;font-size:21px;z-index:1;box-shadow:0 6px 18px rgba(250,195,18,.35);}
.company-timeline .timeline-item-details h3{font-family:var(--f-sans);font-size:19px;color:#1b2230;margin:0 0 10px;line-height:1.3;}
.company-timeline .timeline-item-details p{color:#5c6473;font-size:15px;line-height:1.72;margin:0 0 10px;}

/* ---------- Map ---------- */
.s-map{min-height:0;background:none;border:0;border-radius:10px;overflow:hidden;border:1px solid #e8ebf1;}
.s-map iframe{display:block;width:100%;border:0;}
@media (max-width:767px){.team-list{grid-template-columns:1fr;}}

/* team-list (certs): override theme floats so cards stack cleanly */
.team-list > li{float:none !important;width:auto !important;margin:0 !important;}
.team-list > li > a{float:none !important;width:auto !important;}
.team-list > li > a img{float:none !important;}
.team-list .team-details-container{float:none !important;width:auto !important;}
.team-list .team-details{margin-bottom:8px;}

/* team-list: kill the float + padding-left:293px that squished cert text */
.team-list li img{float:none !important;}
.team-list li .team-details-container{padding-left:0 !important;}
.team-list li{min-height:0 !important;float:none !important;}

/* ============================================================
   SAREMM 2026 — round 7 (header padding, timeline, typography, gallery, certs, doc, article)
   ============================================================ */

/* ---------- Balanced header band (fixed header ≈152px) ---------- */
.page-title-style01{padding-top:212px !important;padding-bottom:62px !important;margin-bottom:60px !important;}
.s-hero__inner{padding-top:174px;padding-bottom:76px;}
@media (max-width:991px){.s-hero__inner{padding-top:172px;}}
@media (max-width:767px){.page-title-style01{padding-top:150px !important;padding-bottom:40px !important;}.s-hero__inner{padding-top:140px;padding-bottom:54px;}}

/* ---------- Content typography (text-heavy pages) ---------- */
.page-content .col-md-9 p,.page-content .col-md-8 p{font-size:15.5px;line-height:1.8;color:#49505f;margin:0 0 15px;}
.page-content .col-md-9 .custom-heading h2,.page-content .col-md-9 .custom-heading h3,.page-content .col-md-8 .custom-heading h3{font-family:var(--f-sans);color:#1b2230;font-size:22px;line-height:1.25;margin:0 0 14px;}
.page-content .col-md-9 .fa-ul li,.page-content .col-md-8 .fa-ul li{line-height:1.7;color:#49505f;margin-bottom:7px;}
.page-content .col-md-9 .fa-ul .fa-arrow-right,.page-content .col-md-8 .fa-ul .fa-arrow-right{color:#fac312;}
.page-content .col-md-9 h4{color:#1b2230;font-size:17px;margin:22px 0 10px;}
.page-content .col-md-9 img{max-width:100%;height:auto;border-radius:8px;}

/* ---------- Timeline: laconic markers (no big "bomboski") ---------- */
.company-timeline:before{left:7px;top:8px;bottom:24px;background:#e6e9ef;}
.company-timeline > li{padding:0 0 30px 44px;}
.company-timeline .icon-date-container{width:16px;height:16px;left:0;top:6px;background:#fac312;border-radius:50%;box-shadow:0 0 0 4px #fff,0 0 0 5px #ececec;}
.company-timeline .icon-date-container i{display:none;}
.company-timeline .timeline-item-details h3{font-size:18px;}

/* ---------- Gallery grid + cleaner ---------- */
.vehicle-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.vehicle-gallery > li{width:auto !important;float:none !important;margin:0 !important;padding:0 !important;}
@media (max-width:991px){.vehicle-gallery{grid-template-columns:repeat(2,1fr);}}
@media (max-width:600px){.vehicle-gallery{grid-template-columns:1fr;}}

/* ---------- Certificates (custom cards) ---------- */
.s-certs{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;}
.s-cert{display:flex;flex-direction:column;background:#fff;border:1px solid #e8ebf1;border-radius:12px;overflow:hidden;transition:box-shadow .25s,transform .25s;}
.s-cert:hover{box-shadow:0 18px 44px rgba(13,20,38,.12);transform:translateY(-4px);}
.s-cert__img{display:block;background:#f5f7fa;text-align:center;padding:26px;border-bottom:1px solid #eef1f5;}
.s-cert__img img{max-height:300px;max-width:100%;width:auto;display:inline-block;box-shadow:0 8px 22px rgba(0,0,0,.12);}
.s-cert__body{padding:24px 26px 26px;flex:1;display:flex;flex-direction:column;}
.s-cert__body h3{font-size:18px;color:#1b2230;margin:0 0 6px;line-height:1.3;}
.s-cert__num{color:#e0a200;font-weight:600;font-size:13.5px;margin-bottom:14px;display:block;}
.s-cert__body > p{color:#5c6473;font-size:14px;line-height:1.62;margin:0 0 14px;}
.s-cert__list{list-style:none;padding:0;margin:0 0 16px;}
.s-cert__list li{position:relative;padding:5px 0 5px 24px;color:#3a4150;font-size:13.5px;line-height:1.5;}
.s-cert__list li:before{content:"";position:absolute;left:0;top:11px;width:7px;height:7px;border-radius:50%;background:#fac312;}
.s-cert__foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:15px;border-top:1px solid #eef1f5;}
.s-cert__date{color:#9aa3b2;font-size:13px;}
.s-cert__date i{color:#fac312;margin-right:5px;}

/* ---------- Document page (СОУТ) ---------- */
.s-doc{background:#fff;border:1px solid #e8ebf1;border-left:4px solid #fac312;border-radius:10px;padding:28px 30px;}
.s-doc h3{font-family:var(--f-sans);font-size:20px;color:#1b2230;margin:0 0 14px;line-height:1.3;}
.s-doc p{color:#49505f;line-height:1.75;margin:0 0 12px;}
.s-doc__btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px;}

/* ---------- News single article ---------- */
.s-article{max-width:880px;margin:0 auto;}
.s-article__media{border-radius:12px;overflow:hidden;margin-bottom:22px;box-shadow:0 12px 32px rgba(13,20,38,.1);}
.s-article__media img{width:100%;display:block;}
.s-article__date{display:inline-flex;align-items:center;gap:7px;color:#9aa3b2;font-size:13.5px;margin-bottom:10px;}
.s-article__date i{color:#fac312;}
.s-article__title{font-family:var(--f-sans);font-size:30px;color:#1b2230;line-height:1.2;margin:0 0 20px;}
.s-article__body{color:#49505f;font-size:16px;line-height:1.82;}
.s-article__body p{margin:0 0 16px;}
.s-article__body img{max-width:100%;height:auto;border-radius:8px;margin:12px 0;}
.s-article__back{margin-top:26px;}
.s-related{margin-top:60px;padding-top:50px;border-top:1px solid #eef1f5;}
@media (max-width:767px){.s-article__title{font-size:24px;}}

/* ============================================================
   SAREMM 2026 — round 8 (refine: hovers, timeline, gallery, tables, type)
   ============================================================ */

/* ---------- Cards: subtle hover, no zoom, no clipping ---------- */
.s-cat,.s-ncard,.s-pcard,.s-cert{transition:box-shadow .25s ease,border-color .25s ease;}
.s-cat:hover,.s-ncard:hover,.s-pcard:hover,.s-cert:hover{transform:none !important;box-shadow:0 12px 30px rgba(13,20,38,.10);border-color:#d4d9e2;}
.s-cat:hover .s-cat__media img,.s-ncard:hover .s-ncard__media img,.s-pcard:hover .s-pcard__media img{transform:none !important;}
.s-cat__media img,.s-ncard__media img,.s-pcard__media img{transition:none;}

/* ---------- Timeline: clean aligned dots ---------- */
.company-timeline{position:relative;padding:0;margin:6px 0 0;}
.company-timeline:before{content:"";position:absolute;left:6px;top:9px;bottom:26px;width:2px;background:#e7eaf0;}
.company-timeline > li{position:relative;padding:0 0 32px 40px;list-style:none;min-height:0;}
.company-timeline > li:last-child{padding-bottom:0;}
.company-timeline .icon-date-container{position:absolute;left:0;top:5px;width:14px;height:14px;border-radius:50%;background:#fac312;box-shadow:0 0 0 4px #fff,0 0 0 5px #e7eaf0;}
.company-timeline .icon-date-container i{display:none;}
.company-timeline .timeline-item-details h3{font-family:var(--f-sans);font-size:18px;color:#1b2230;margin:0 0 10px;line-height:1.3;}

/* ---------- Gallery: whole tile clickable + clean badge ---------- */
.vehicle-gallery .gallery-item{position:relative;cursor:pointer;}
.vehicle-gallery .hover-mask-container{position:absolute;inset:0;}
.vehicle-gallery .hover-mask{position:absolute;inset:0;background:rgba(13,20,38,.42);opacity:0;transition:.3s;}
.vehicle-gallery .gallery-item:hover .hover-mask{opacity:1;}
.vehicle-gallery .hover-zoom{position:absolute;inset:0;opacity:0;transition:.3s;}
.vehicle-gallery .gallery-item:hover .hover-zoom{opacity:1;}
.vehicle-gallery .hover-zoom a{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:0;text-decoration:none;}
.vehicle-gallery .hover-zoom a:before{font-size:18px;width:54px;height:54px;line-height:54px;text-align:center;border-radius:50%;background:#fac312;color:#0d1426;}

/* ---------- Tables (specs, etc.) ---------- */
.page-content table.table,.s-article__body table{width:100%;border-collapse:collapse;margin:0 0 18px;border:1px solid #e8ebf1;border-radius:10px;overflow:hidden;}
.page-content table.table th{background:#0d1426;color:#fff;text-align:left;padding:12px 16px;font-size:14px;font-weight:700;}
.page-content table.table td{padding:11px 16px;border-bottom:1px solid #eef1f5;font-size:14.5px;color:#3a4150;}
.page-content table.table tr:last-child td{border-bottom:0;}
.page-content table.table tr:nth-child(even) td{background:#f8fafc;}

/* ---------- Typography polish ---------- */
body{color:#49505f;}
.page-content .col-md-9 h2,.page-content .col-md-8 h2{font-family:var(--f-sans);color:#1b2230;}
.s-head h2{letter-spacing:.02em;}
a{transition:color .2s;}
.btn-green{background:#1f9d57 !important;}

/* ---------- Adaptivity tweaks ---------- */
@media (max-width:991px){
  .aside{margin-bottom:30px;}
  .page-content .col-md-9,.page-content .col-md-8{margin-bottom:20px;}
}
@media (max-width:767px){
  .s-hero__title{font-size:28px;}
  .s-hero__stats{gap:18px 26px;}
  .s-head h2{font-size:24px;}
  .page-title-style01 h1{font-size:23px;}
  .custom-tabs > ul{flex-wrap:wrap;}
  .custom-tabs > ul > li{padding:11px 16px;font-size:13px;}
}

/* ---------- About: directions + lead ---------- */
.s-lead{font-size:18px;line-height:1.62;color:#3a4150;margin:0 0 6px;}
.s-dirs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:28px 0 38px;}
.s-dir{background:#f7f9fc;border:1px solid #eef1f5;border-top:3px solid #fac312;border-radius:10px;padding:24px;}
.s-dir__ic{width:50px;height:50px;border-radius:12px;background:#fff7e0;color:#e0a200;display:flex;align-items:center;justify-content:center;font-size:21px;margin-bottom:14px;}
.s-dir h4{font-size:16px;color:#1b2230;margin:0 0 8px;}
.s-dir p{font-size:14px;line-height:1.6;color:#5c6473;margin:0;}
@media (max-width:767px){.s-dirs{grid-template-columns:1fr;}}

/* gallery: make the whole tile clickable (was 50px icon only) */
.vehicle-gallery .hover-zoom a{position:absolute !important;top:0;left:0;right:0;bottom:0;width:100% !important;height:100% !important;margin:0 !important;border-radius:0 !important;background:transparent !important;display:flex;align-items:center;justify-content:center;font-size:0 !important;line-height:normal !important;}
.vehicle-gallery .hover-zoom a:before{font-size:18px;width:54px;height:54px;line-height:54px;text-align:center;border-radius:50%;background:#fac312;color:#0d1426;}

/* gallery: hover-zoom wrapper must fill the tile (was 50px) */
.vehicle-gallery .hover-zoom{width:100% !important;height:100% !important;top:0 !important;left:0 !important;right:auto !important;bottom:auto !important;}

/* ============================================================
   SAREMM 2026 — round 9 (DE-TEMPLATING: type system carried through
   header · nav · breadcrumbs · footer · tables · headings)
   ============================================================ */

/* ---- Top contact bar: technical mono, hairline separators ---- */
.header-wrapper .s-topbar__in{gap:0;height:42px;}
.header-wrapper .s-topbar a,.header-wrapper .s-topbar span{font-family:var(--f-mono);font-size:12px;letter-spacing:.02em;padding:0 18px;line-height:16px;}
.header-wrapper .s-topbar__in > a:first-child{padding-left:0;}
.header-wrapper .s-topbar__in > *:not(:first-child){border-left:1px solid rgba(255,255,255,.13);}
.header-wrapper .s-topbar__in > span:last-child{padding-right:0;}
.header-wrapper .s-topbar i{font-size:12px;}
@media (max-width:767px){.header-wrapper .s-topbar__in > *:not(:first-child){border-left:0;}}

/* ---- Primary nav: confident, tracked ---- */
#header .navbar-nav > li > a{font-family:var(--f-sans);font-weight:600;font-size:14px;letter-spacing:.04em;text-transform:uppercase;transition:color .18s;}
#header .navbar-nav > li.current-menu-item > a,#header .navbar-nav > li.active > a{color:#0d1426;}

/* ---- Inner-page header: mono breadcrumb + kicker rule ---- */
.page-title-style01{position:relative;}
.page-title-style01 .breadcrumb-container{font-family:var(--f-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;}
.page-title-style01 .breadcrumb-container a{text-decoration:none;}
.page-title-style01 h1{position:relative;}
.page-title-style01 h1:before{content:"";display:block;width:46px;height:3px;background:#fac312;border-radius:2px;margin:0 auto 20px;}

/* ---- Section heads: tighten, kicker already mono ---- */
.s-head h2{letter-spacing:-.015em;font-weight:700;}
.s-head--left:after{margin-left:0;}

/* ---- Footer: mono labels, brand top rule, refined hierarchy ---- */
#footer-wrapper.footer-dark{border-top:3px solid #fac312;}
#footer{padding:64px 0 40px;}
#footer .title h3{font-family:var(--f-mono);font-weight:600;font-size:13px;letter-spacing:.08em;}
#footer .widget p{font-size:14px;line-height:1.75;color:#9aa3b2;}
#footer .widget_pages ul li a,#footer .dl-menu li a{font-size:14px;}
#footer .widget-text span{color:#9aa3b2;}
#footer .widget-text > span:first-of-type{display:block;color:#cfd5e0;font-size:13px;line-height:1.6;margin-bottom:6px;}
#footer .widget-text address{font-family:var(--f-mono);font-size:11.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#7f8a9c;margin:16px 0 2px;}
#footer .widget-text .text-big{font-family:var(--f-mono);font-weight:600;font-size:17px;letter-spacing:-.01em;color:#fff;margin:0 0 4px;}
#footer .widget-text a[href^="mailto"]{font-family:var(--f-mono);font-size:13.5px;letter-spacing:.01em;}
.copyright-container{border-top:1px solid rgba(255,255,255,.07);}
.copyright-container p{font-size:12.5px;color:#6f7888;}
.copyright-container a{color:#aeb6c4;}

/* ---- Tables: engineering spec-sheet look (mono headers) ---- */
.page-content table.table th,.s-article__body table th,.custom-tabs table.table th{
  font-family:var(--f-mono);font-weight:600;font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;
  padding:13px 16px;background:#11192c;}
.page-content table.table td,.s-article__body table td,.custom-tabs table.table td{font-size:14.5px;}
.page-content table.table td:first-child{font-weight:600;color:#1b2230;}

/* ---- Content links inside articles/pages ---- */
.page-content .col-md-9 a:not(.s-btn),.page-content .col-md-8 a:not(.s-btn),.s-article__body a:not(.s-btn){color:#006db7;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;}
.page-content .col-md-9 a:not(.s-btn):hover,.page-content .col-md-8 a:not(.s-btn):hover,.s-article__body a:not(.s-btn):hover{color:#005691;}

/* ============================================================
   SAREMM 2026 — round 10 (client iter 2)
   fonts-everywhere · timeline · product cards · gallery · news-back · sidebar
   ============================================================ */

/* ---- FONTS EVERYWHERE: theme hard-codes Open Sans/Raleway → redirect ALL to IBM Plex.
   (every intentional mono usage is class-based = higher specificity, so it survives) ---- */
body,p,a,span,li,ul,ol,dd,dt,label,blockquote,figcaption,small,strong,em,b,
h1,h2,h3,h4,h5,h6,input,select,textarea,button,
.btn,.read-more,.navbar-nav>li>a,.dl-menu li a,.accordion .title a,
.intro-title p,.service-list li p,.breadcrumb-container,.page-content,#footer{font-family:var(--f-sans);}
.master-slider .pi-text,.master-slider .pi-caption02{font-family:var(--f-sans);}

/* ---- Timeline: kill theme's 100px indent + stray inner line; order reversed in content ---- */
.company-timeline .timeline-item-details{padding-left:0 !important;padding-bottom:0 !important;}
.company-timeline li .timeline-item-details::before{display:none !important;}
.company-timeline .timeline-item-details h3{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;font-size:18px;}
.company-timeline .tl-year{font-family:var(--f-mono);font-weight:600;font-size:15px;color:#006db7;letter-spacing:.01em;}

/* ---- Product cards: flex grid (no float-stagger jump) + on-brand polish ---- */
.row.s-pgrid{display:flex;flex-wrap:wrap;align-items:stretch;}
.s-pgrid > [class*="col-"]{display:flex;float:none !important;margin-bottom:28px;}
.s-pgrid .s-pcard{width:100%;margin-bottom:0;}
.s-pcard__body{border-top:3px solid #fac312;}
.s-pcard__sub{font-family:var(--f-mono);font-weight:500;font-size:11px;letter-spacing:.06em;color:#9aa3b2;}
.s-pcard__media{background:#fff;}
.s-pcard__media img{object-fit:contain;padding:14px;}

/* ---- Gallery: remove phantom clearfix ::before/::after grid cells (was pushing 1st image to col 2) ---- */
.vehicle-gallery:before,.vehicle-gallery:after{display:none !important;content:none !important;}
.vehicle-gallery .gallery-item,.vehicle-gallery .gallery-item-container{height:100%;border-radius:10px;overflow:hidden;}
.vehicle-gallery .gallery-item img{height:200px;}
.vehicle-gallery .hover-mask{background:rgba(13,20,38,.48);}
/* hover badge — AUTHORITATIVE (overrides all earlier round 6-8 .hover-zoom rules).
   The <a> fills the tile but is transparent; only the :before is the yellow circle. */
.vehicle-gallery .hover-zoom a{background:transparent !important;border-radius:0 !important;width:100% !important;height:100% !important;
  display:flex !important;align-items:center !important;justify-content:center !important;box-shadow:none !important;}
.vehicle-gallery .hover-zoom a:before{content:"\f002" !important;font-family:"Font Awesome 5 Free" !important;font-weight:900 !important;
  font-size:17px !important;flex:0 0 auto !important;width:52px !important;height:52px !important;min-width:0 !important;max-width:52px !important;
  line-height:52px !important;text-align:center !important;display:block !important;border-radius:50% !important;
  background:#fac312 !important;color:#0d1426 !important;box-shadow:0 6px 18px rgba(0,0,0,.25);}

/* ---- News-single back button: breathing room + style ---- */
.s-article__back{margin-top:42px;padding-top:30px;border-top:1px solid #e7eaf0;}
.page-content .s-article{padding-bottom:24px;}

/* ---- Product tabs: strict underline style (was rounded browser-tabs = "не строгий") ---- */
.custom-tabs > ul{display:flex;flex-wrap:wrap;gap:0;border-bottom:2px solid #e7eaf0;margin:0 0 4px;padding:0;}
.custom-tabs > ul > li{padding:14px 26px 13px;font-family:var(--f-sans);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#8a93a3;cursor:pointer;border:0 !important;border-radius:0 !important;background:none !important;margin-bottom:-2px;border-bottom:2px solid transparent !important;transition:color .18s,border-color .18s;}
.custom-tabs > ul > li:first-child{padding-left:0;}
.custom-tabs > ul > li.active{color:#0d1426;border-bottom-color:#fac312 !important;}
.custom-tabs > ul > li:hover{color:#0d1426;}
.custom-tabs > div{padding-top:24px;}

/* ---- Sidebar Контакты widget (redesigned chunk) ---- */
.aside .widget.s-aside-contacts{padding:24px 22px;}
.s-asc__row{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid #eef1f5;}
.s-asc__row:last-of-type{border-bottom:0;}
.s-asc__ic{flex:0 0 34px;width:34px;height:34px;border-radius:9px;background:#fff7e0;color:#e0a200;display:flex;align-items:center;justify-content:center;font-size:14px;margin-top:1px;}
.s-asc__lbl{display:block;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:#9aa3b2;margin-bottom:2px;}
.s-asc__val{display:block;color:#2b3340;font-size:14.5px;line-height:1.45;}
.s-asc__val a{color:#2b3340;text-decoration:none;}
.s-asc__val a:hover{color:#006db7;}
.s-asc__btn{display:inline-flex;align-items:center;gap:7px;margin-top:16px;font-family:var(--f-mono);font-weight:600;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#006db7;text-decoration:none;}
.s-asc__btn:hover{color:#e6b000;}
.s-asc__btn i{font-size:11px;}

/* ---- PJAX thin progress bar (replaces full preloader on internal nav) ---- */
.pjax-bar{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,#fac312,#ffd84d);z-index:99999;box-shadow:0 0 10px rgba(250,195,18,.7);pointer-events:none;}
body.pjax-loading{cursor:progress;}

/* ============================================================
   SAREMM 2026 — round 11 (client iter 3)
   header anti-flicker · dropdown polish · full-bleed cards · map
   ============================================================ */

/* ---- Fixed header: promote to own GPU layer (kills repaint flicker on scroll) ---- */
.header-wrapper{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform;}

/* ---- Nav: no text-selection (blue), no focus/active/hover gray box ---- */
#header .navbar-nav,#header .navbar-nav a,.dl-menuwrapper a{-webkit-user-select:none;-moz-user-select:none;user-select:none;}
#header .navbar-nav > li > a:hover,#header .navbar-nav > li > a:focus,#header .navbar-nav > li > a:active,
#header .navbar-nav > li.open > a,#header .navbar-nav > li.open > a:hover,#header .navbar-nav > li.open > a:focus,
#header .navbar-nav > li.dropdown.open > a.dropdown-toggle{background:transparent !important;outline:0 !important;box-shadow:none !important;}

/* ---- Dropdown: clean white card + on-brand hover (no blue, no gray) ---- */
#header .navbar-nav .dropdown-menu{margin-top:2px;border:1px solid #edf0f4;border-radius:12px;box-shadow:0 22px 48px rgba(13,20,38,.16);padding:8px;min-width:264px;background:#fff;}
#header .navbar-nav .dropdown-menu > li{border:0 !important;}
#header .navbar-nav .dropdown-menu > li > a{padding:11px 16px;border-radius:8px;color:#2b3340 !important;font-family:var(--f-sans);font-weight:500;font-size:14px;text-transform:none;letter-spacing:0;white-space:normal;line-height:1.35;background:transparent;transition:background .15s,color .15s;}
#header .navbar-nav .dropdown-menu > li > a:hover,#header .navbar-nav .dropdown-menu > li > a:focus{background:#f6f8fb !important;color:#006db7 !important;}
#header .navbar-nav .dropdown-menu > li.current-menu-item > a{color:#006db7 !important;}

/* ---- Product cards: FULL-BLEED image + premium rework (override round-10 contain) ---- */
.s-pcard{border-radius:12px;border:1px solid #e8ebf1;overflow:hidden;}
.s-pcard__media{height:248px !important;background:#eef1f5;overflow:hidden;position:relative;display:block;}
.s-pcard__media img{width:100% !important;height:100% !important;object-fit:cover !important;padding:0 !important;display:block;transition:transform .5s ease !important;}
.s-pcard:hover .s-pcard__media img{transform:scale(1.05) !important;}
.s-pcard__body{padding:22px 24px 26px;border-top:3px solid #fac312;}
.s-pcard__body h3{font-size:18px;margin:0 0 8px;line-height:1.32;}
.s-pcard__sub{margin-bottom:18px;}
.s-pcard:hover{box-shadow:0 18px 44px rgba(13,20,38,.14) !important;border-color:#dfe4ec !important;}

/* ---- Contacts map: on-brand framing + desaturate (full colour on hover) ---- */
.s-map{border-radius:12px;overflow:hidden;border:1px solid #e2e7ef;box-shadow:0 10px 30px rgba(13,20,38,.08);}
.s-map iframe{display:block;filter:grayscale(.5) contrast(1.04);transition:filter .45s ease;}
.s-map:hover iframe{filter:none;}

/* ============================================================
   SAREMM 2026 — round 12 (news: responsive video + previews)
   ============================================================ */
.s-article__body .s-video{position:relative;width:100%;margin:26px 0;border-radius:12px;overflow:hidden;
  box-shadow:0 16px 40px rgba(13,20,38,.16);background:#0d1426;}
.s-article__body .s-video:before{content:"";display:block;padding-top:56.25%;}/* 16:9 */
.s-article__body .s-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
/* bare iframes (not wrapped) — make responsive too */
.s-article__body iframe:not(.s-video iframe){display:block;width:100%;max-width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:12px;margin:26px 0;}

/* round 12.1 — product grid: full-width single column on mobile (flex cols need explicit width) */
@media (max-width:767px){
  .row.s-pgrid > [class*="col-"]{width:100% !important;}
}

/* round 12.2 — neutralize include.js's margin-top offset on the swap wrapper.
   (header clearance is handled by .s-hero / .page-title-style01 padding-top;
   the JS margin double-counted and created a big white gap on mobile where the header is static) */
body #pjax-root{margin-top:0 !important;}

/* ============================================================
   SAREMM 2026 — round 13 (header scroll + active-item gray)
   ============================================================ */
/* keep the FULL fixed header pinned at top — theme's set_static_header() tried to
   hide the topbar via $('#top-bar-wrapper') which no longer exists (now .s-topbar),
   producing a broken half-clipped bar on scroll. Force top:0 always. */
.header-wrapper{top:0 !important;}

/* active / current nav item: kill Bootstrap's gray #e7e7e7 bg (appeared ~1s after a
   PJAX click when setActiveNav adds .active). Keep yellow underline + ink colour. */
#header .navbar-nav > li.active > a,#header .navbar-nav > li.active > a:hover,#header .navbar-nav > li.active > a:focus,
#header .navbar-nav > li.current-menu-item > a,#header .navbar-nav > li.current-menu-item > a:hover,#header .navbar-nav > li.current-menu-item > a:focus{
  background-color:transparent !important;color:#0d1426 !important;}
#header .navbar-nav a,.dl-menuwrapper a{-webkit-tap-highlight-color:transparent;}

/* ============================================================
   SAREMM 2026 — round 14 (biz edition: 404 · sticky mobile CTA · a11y)
   ============================================================ */

/* ---- 404 page ---- */
.s-404{text-align:center;padding:50px 20px 80px;max-width:660px;margin:0 auto;}
.s-404__code{font-family:var(--f-mono);font-weight:600;font-size:128px;line-height:1;color:#fac312;letter-spacing:-.04em;text-shadow:0 6px 24px rgba(250,195,18,.25);}
.s-404 h2{font-size:30px;color:var(--ink);margin:6px 0 14px;}
.s-404 p{color:#6b7280;font-size:16px;line-height:1.7;margin:0 0 30px;}
.s-404__btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}

/* ---- keyboard accessibility: visible focus ring (mouse clicks unaffected) ---- */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.s-btn:focus-visible,.dl-trigger:focus-visible{outline:2px solid #006db7;outline-offset:2px;border-radius:4px;}

/* ---- sticky mobile call/Заявка bar ---- */
.s-mobcta{display:none;}
@media (max-width:767px){
  .s-mobcta{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9998;background:#0d1426;box-shadow:0 -6px 22px rgba(0,0,0,.22);}
  .s-mobcta a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:15px 8px;font-family:var(--f-sans);font-weight:600;font-size:14px;letter-spacing:.02em;text-decoration:none;}
  .s-mobcta a+a{border-left:1px solid rgba(255,255,255,.12);}
  .s-mobcta__call{background:#fac312;color:#0d1426 !important;}
  .s-mobcta__req{color:#fff !important;}
  .s-mobcta__req i{color:#fac312;}
  body{padding-bottom:56px;}
  [class*="replain"]{bottom:68px !important;}
}

/* round 14.1 — 404 needs top padding to clear the fixed header (template 1 has no title-band) */
.s-404{padding-top:210px !important;padding-bottom:90px;}
@media (max-width:767px){.s-404{padding-top:46px !important;padding-bottom:64px;}.s-404__code{font-size:92px;}}

/* round 14.2 — lift replain chat widget above the sticky mobile CTA bar */
@media (max-width:767px){
  #__replain_widget,#__replain_widget_iframe{bottom:70px !important;}
}

/* ============================================================
   SAREMM 2026 — round 16 (visual polish: menu, buttons, slider nav,
   sticky sidebar, gallery masonry, scroll-top)
   ============================================================ */

/* ---- Buttons: squarer / more architectural (was pill 30px) ---- */
.s-btn{border-radius:8px !important;}
.s-btn--sm{border-radius:7px !important;}
.s-btn--primary i,.s-btn i{transition:transform .2s ease;}
.s-btn--primary:hover i,.s-btn--ghost:hover i{transform:translateX(3px);}

/* ---- Mobile menu button: on-brand, lower height, yellow hamburger ---- */
.dl-menuwrapper{margin:0 !important;}
.dl-menuwrapper button{background:#0d1426 !important;height:48px !important;border-radius:8px !important;
  padding-left:56px !important;font-family:var(--f-sans) !important;font-weight:600 !important;font-size:14px !important;letter-spacing:.06em !important;color:#fff !important;}
.dl-menuwrapper button:hover,.dl-menuwrapper button.dl-active{background:#1a2336 !important;}
.dl-menuwrapper button:after{width:24px !important;height:2.5px !important;background:#fac312 !important;top:16px !important;left:20px !important;
  box-shadow:0 7px 0 #fac312,0 14px 0 #fac312 !important;border-radius:2px;transition:.2s;}
.dl-menuwrapper button.dl-active:after{box-shadow:none !important;transform:rotate(45deg);top:23px !important;}
.dl-menuwrapper button.dl-active:before{content:'';position:absolute;width:24px;height:2.5px;background:#fac312;top:23px;left:20px;border-radius:2px;transform:rotate(-45deg);z-index:1;}
.dl-menuwrapper ul.dl-menu{background:#fff !important;border:1px solid #edf0f4;border-radius:10px;box-shadow:0 18px 44px rgba(13,20,38,.14);margin:6px 0 0 !important;overflow:hidden;}
.dl-menuwrapper .dl-menu li a{color:#2b3340 !important;font-weight:500;}

/* ---- Dropdown: subtle fade-in ---- */
#header .navbar-nav .dropdown-menu{display:block;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease,visibility .18s;pointer-events:none;}
#header .navbar-nav li.dropdown:hover > .dropdown-menu,#header .navbar-nav li.dropdown.open > .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;}

/* ---- Active nav underline: full width of the item ---- */
#header .nav.navbar-nav > li{position:relative;}
#header .nav.navbar-nav > li.current-menu-item:after,#header .nav.navbar-nav > li.active:after{content:"";position:absolute;left:25px;right:25px;bottom:-2px;height:3px;background:#fac312;border-radius:2px;}

/* ---- Sticky sidebar on inner pages ---- */
@media (min-width:992px){
  .aside.aside-left{position:sticky;top:170px;align-self:flex-start;}
  .page-content .row{display:flex;flex-wrap:wrap;align-items:flex-start;}
  .page-content .row > .col-md-8,.page-content .row > .col-md-9,.page-content .row > .col-md-3,.page-content .row > .col-md-4{float:none;}
}

/* ---- Gallery: masonry (varied heights, no crop) ---- */
.vehicle-gallery{display:block !important;column-count:3;column-gap:16px;}
.vehicle-gallery > li{width:auto !important;display:block !important;break-inside:avoid;-webkit-column-break-inside:avoid;margin:0 0 16px !important;float:none !important;padding:0 !important;}
.vehicle-gallery .gallery-item img{height:auto !important;}
@media (max-width:991px){.vehicle-gallery{column-count:2;}}
@media (max-width:600px){.vehicle-gallery{column-count:1;}}

/* ---- Scroll-to-top button (brand) ---- */
.scroll-up{width:48px !important;height:48px !important;bottom:30px !important;right:24px !important;background:#0d1426 !important;background-image:none !important;border-radius:10px !important;text-indent:0 !important;z-index:9997 !important;display:none;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(13,20,38,.28);transition:background .2s,transform .2s;}
.scroll-up:hover{background:#fac312 !important;transform:translateY(-3px);}
.scroll-up:before{content:"\f077";font-family:"Font Awesome 5 Free";font-weight:900;color:#fff;font-size:16px;}
.scroll-up:hover:before{color:#0d1426;}
@media (max-width:767px){.scroll-up{display:none !important;}}

/* round 16.1 — pre-footer CTA band ---- */
.s-prefooter{background:#fac312;}
.s-prefooter__in{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 0;flex-wrap:wrap;}
.s-prefooter__kicker{display:block;font-family:var(--f-mono);font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#8a6a00;margin-bottom:6px;}
.s-prefooter__txt h3{margin:0;color:#0d1426;font-size:23px;line-height:1.22;font-weight:700;}
.s-prefooter__act{display:flex;align-items:center;gap:22px;}
.s-prefooter__phone{font-family:var(--f-mono);font-weight:600;font-size:22px;color:#0d1426;text-decoration:none;letter-spacing:-.01em;white-space:nowrap;}
.s-prefooter__phone:hover{color:#1a2336;}
.s-prefooter .s-btn--primary{background:#0d1426 !important;color:#fff !important;}
.s-prefooter .s-btn--primary:hover{background:#1a2336 !important;}
@media(max-width:767px){.s-prefooter__in{flex-direction:column;align-items:flex-start;gap:16px;}.s-prefooter__txt h3{font-size:19px;}.s-prefooter__act{flex-direction:column;align-items:stretch;width:100%;gap:12px;}.s-prefooter__act .s-btn{justify-content:center;}}

/* round 16.2 — product slider thumbnails + counter ---- */
.nivo-controlNav.nivo-thumbs-enabled{margin-top:14px;text-align:center;line-height:0;}
.nivo-controlNav.nivo-thumbs-enabled a{display:inline-block;width:74px;height:56px;margin:0 5px 5px;border-radius:7px;overflow:hidden;opacity:.5;border:2px solid transparent;transition:opacity .2s,border-color .2s;vertical-align:top;}
.nivo-controlNav.nivo-thumbs-enabled a img{width:100% !important;height:100% !important;object-fit:cover;display:block;}
.nivo-controlNav.nivo-thumbs-enabled a.active,.nivo-controlNav.nivo-thumbs-enabled a:hover{opacity:1;border-color:#fac312;}
.s-slider-count{position:absolute;right:14px;top:14px;z-index:9;font-family:var(--f-mono);font-weight:600;font-size:12px;letter-spacing:.04em;background:rgba(13,20,38,.72);color:#fff;padding:5px 11px;border-radius:7px;pointer-events:none;}
.s-slider-count b{color:#fac312;font-weight:600;}

/* round 16.3 — tighten mobile header height (was ~218px) */
@media (max-width:767px){
  .header-style02 .header-inner{padding-top:10px !important;padding-bottom:12px !important;}
  .navbar-header{padding:4px 0 8px !important;}
  .navbar-header .logo{margin:0 !important;}
  .navbar-header .logo img,.logo img{max-height:46px !important;width:auto !important;}
  .main-nav,.main-nav .row,.main-nav .row>div{margin-bottom:0 !important;}
  .dl-menuwrapper{margin-top:8px !important;}
}

/* round 16.4 — FIX: the header anti-flicker `transform` created a stacking context that
   let the hero (its children have z-index:3) paint OVER the open mobile menu.
   Remove it — scroll is already pinned via top:0 (round 13), so no flicker returns. */
.header-wrapper{transform:none !important;will-change:auto !important;}

/* round 16.5 — FIX double underline: my round-16 active :after rendered as a tiny 17px
   centered bar (left/right:25 on a ~67px li) below the theme's clean border-bottom →
   looked like a double line with a notch. Drop the :after, keep the theme underline. */
#header .nav.navbar-nav > li.current-menu-item:after,#header .nav.navbar-nav > li.active:after{display:none !important;}

/* ============================================================
   SAREMM 2026 — round 17 (gallery bulletproof · scroll-up · CTA · hero controls)
   ============================================================ */

/* ---- Gallery hover badge: BULLETPROOF (never a giant yellow ellipse) ---- */
.vehicle-gallery .hover-zoom,
.vehicle-gallery .hover-zoom a,
.vehicle-gallery .gallery-item:hover .hover-zoom,
.vehicle-gallery .gallery-item:hover .hover-zoom a{background:transparent !important;background-color:transparent !important;border-radius:0 !important;box-shadow:none !important;}
.vehicle-gallery .hover-zoom a{width:100% !important;height:100% !important;display:flex !important;align-items:center !important;justify-content:center !important;}
.vehicle-gallery .hover-zoom a:before{flex:0 0 52px !important;width:52px !important;min-width:52px !important;max-width:52px !important;height:52px !important;}

/* ---- Scroll-to-top: center icon without flex (jQuery fadeIn forces display:block) ---- */
.scroll-up{display:none;text-align:center !important;line-height:48px !important;align-items:initial !important;justify-content:initial !important;}
.scroll-up:before{display:inline !important;vertical-align:middle;line-height:48px;}

/* ---- Pre-footer CTA band: cleaner spacing/alignment ---- */
.s-prefooter__in{padding:34px 0;gap:28px 48px;align-items:center;}
.s-prefooter__txt{flex:1 1 480px;min-width:0;}
.s-prefooter__txt h3{font-size:23px;line-height:1.28;max-width:560px;}
.s-prefooter__act{flex:0 0 auto;gap:28px;margin-left:auto;}
.s-prefooter__phone{font-size:23px;}
@media(max-width:991px){.s-prefooter__txt h3{font-size:21px;}.s-prefooter__act{gap:18px;}.s-prefooter__phone{font-size:20px;}}

/* ---- Hero slider: controls + opacity-driven fade (JS-managed) ---- */
.s-hero__bg{animation:none !important;opacity:0;transition:opacity 1.1s ease;}
.s-hero__bg.is-active{opacity:1;z-index:1;}
.s-hero.has-slider .s-hero__bg--1{opacity:0;}
.s-hero__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:48px;height:48px;border:1px solid rgba(255,255,255,.35);background:rgba(13,20,38,.35);color:#fff;border-radius:10px;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;backdrop-filter:blur(2px);}
.s-hero__nav:hover{background:#fac312;color:#0d1426;border-color:#fac312;}
.s-hero__nav--prev{left:18px;}
.s-hero__nav--next{right:18px;}
.s-hero__dots{position:absolute;left:0;right:0;bottom:22px;z-index:6;display:flex;gap:10px;justify-content:center;}
.s-hero__dots button{width:32px;height:4px;border:0;border-radius:3px;background:rgba(255,255,255,.4);cursor:pointer;padding:0;transition:.2s;}
.s-hero__dots button.active{background:#fac312;width:46px;}
@media(max-width:767px){.s-hero__nav{display:none;}.s-hero__dots{bottom:14px;}}

/* round 17.1 — FIX: .is-active must beat the .has-slider .s-hero__bg--1 reset (specificity) */
.s-hero__bg.is-active{opacity:1 !important;z-index:1 !important;}
.s-hero.has-slider .s-hero__bg{opacity:0;}
.s-hero.has-slider .s-hero__bg.is-active{opacity:1 !important;}

/* round 17.2 — hero slider opacity: clean active/inactive (JS commits slide-0 without transition at init) */
.s-hero.has-slider .s-hero__bg{transition:opacity .6s ease;}
.s-hero.has-slider .s-hero__bg:not(.is-active){opacity:0 !important;}
.s-hero.has-slider .s-hero__bg.is-active{opacity:1 !important;z-index:1 !important;}

/* round 17.3 — hero: kill the opacity transition entirely (it kept stealing/sticking the
   opacity at 0 over !important). Instant slide switch — guaranteed visible. */
.s-hero.has-slider .s-hero__bg{transition:none !important;}

/* ============================================================
   SAREMM 2026 — round 18 (CTA → form anchor: offset under fixed header + arrival flash)
   ============================================================ */
#zayavka{scroll-margin-top:165px;}
@media (max-width:767px){#zayavka{scroll-margin-top:90px;}}
@keyframes sAttnFlash{0%,100%{background:transparent;}22%{background:rgba(250,195,18,.5);}}
#zayavka.s-attn .row > .col-md-6:first-child .s-head h2{
  display:inline-block;padding:4px 12px;margin-left:-12px;border-radius:7px;
  animation:sAttnFlash 1.6s ease;}

/* round 19.1 — labeled map: on-brand info card over the map (names the point) */
.s-map{position:relative;}
.s-map__card{position:absolute;top:16px;left:16px;z-index:6;display:flex;gap:12px;max-width:340px;
  background:#fff;border:1px solid #eef1f5;border-radius:12px;box-shadow:0 14px 36px rgba(13,20,38,.22);
  padding:13px 15px;text-decoration:none;transition:transform .2s,box-shadow .2s;}
.s-map__card:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(13,20,38,.3);}
.s-map__pin{flex:0 0 38px;width:38px;height:38px;border-radius:10px;background:#fac312;color:#0d1426;display:flex;align-items:center;justify-content:center;font-size:16px;}
.s-map__txt{display:flex;flex-direction:column;line-height:1.42;color:#5c6473;font-size:13px;}
.s-map__txt b{color:#0d1426;font-size:14px;font-weight:700;margin-bottom:2px;}
.s-map__link{color:#006db7;font-family:var(--f-mono);font-size:11px;letter-spacing:.02em;margin-top:7px;}
.s-map__card:hover .s-map__link{color:#e6b000;}
@media (max-width:767px){.s-map__card{left:10px;right:10px;top:10px;max-width:none;}}

/* round 20 — anti-spam honeypot (off-screen, not display:none so bots still see/fill it) */
.s-hp{position:absolute !important;left:-9999px !important;top:auto;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none;}

/* round 21 — AJAX form submit (no reload): success card shown in place of the form */
.s-formwrap{position:relative;}
.s-form-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:46px 30px;background:linear-gradient(180deg,#f6f9fc,#eef3f8);border:1px solid #e2e8f0;border-radius:14px;animation:sFormSuccessIn .45s cubic-bezier(.2,.7,.3,1) both;}
.s-form-success__ic{width:66px;height:66px;border-radius:50%;background:#1f9d57;color:#fff;display:flex;align-items:center;justify-content:center;font-size:27px;margin-bottom:18px;box-shadow:0 8px 22px rgba(31,157,87,.32);animation:sFormSuccessPop .5s cubic-bezier(.18,1.4,.4,1) .12s both;}
.s-form-success h3{font-family:var(--f-sans);font-weight:700;font-size:22px;color:var(--ink,#0d1426);margin:0 0 9px;letter-spacing:-.01em;}
.s-form-success p{font-family:var(--f-sans);font-size:15.5px;line-height:1.6;color:#5c6473;margin:0;max-width:430px;}
@keyframes sFormSuccessIn{from{opacity:0;transform:translateY(12px) scale(.985);}to{opacity:1;transform:none;}}
@keyframes sFormSuccessPop{0%{transform:scale(0);}60%{transform:scale(1.12);}100%{transform:scale(1);}}
.s-form[data-busy="1"]{opacity:.75;pointer-events:none;}

/* round 24 — gallery: STABLE uniform grid (replaces column-count masonry that, with lazy imgs,
   reflowed on load and knocked the hover badge sideways). Fixed-ratio cells = no layout shift. */
.vehicle-gallery{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:16px !important;column-count:auto !important;list-style:none !important;margin:0 !important;padding:0 !important;}
.vehicle-gallery > li{width:auto !important;max-width:none !important;margin:0 !important;padding:0 !important;float:none !important;display:block !important;break-inside:auto !important;-webkit-column-break-inside:auto !important;}
.vehicle-gallery .gallery-item-container{margin:0 !important;height:100% !important;}
.vehicle-gallery .gallery-item{position:relative !important;border-radius:10px !important;overflow:hidden !important;aspect-ratio:4/3 !important;height:auto !important;background:#eef1f5;cursor:pointer;}
.vehicle-gallery .gallery-item img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;transition:transform .5s ease !important;}
.vehicle-gallery .gallery-item:hover img{transform:scale(1.06) !important;}
.vehicle-gallery .hover-mask-container,.vehicle-gallery .hover-mask,.vehicle-gallery .hover-zoom{position:absolute !important;inset:0 !important;}
.vehicle-gallery .hover-mask{background:rgba(13,20,38,.5) !important;opacity:0 !important;transition:.3s !important;}
.vehicle-gallery .gallery-item:hover .hover-mask{opacity:1 !important;}
.vehicle-gallery .hover-zoom{display:flex !important;align-items:center !important;justify-content:center !important;opacity:0 !important;transition:.3s !important;}
.vehicle-gallery .gallery-item:hover .hover-zoom{opacity:1 !important;}
/* whole tile is the lightbox link; only the centered :before is the yellow badge */
.vehicle-gallery .hover-zoom a{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;display:flex !important;align-items:center !important;justify-content:center !important;background:transparent !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;text-decoration:none !important;font-size:0 !important;color:transparent !important;}
.vehicle-gallery .hover-zoom a:before{content:"\f002" !important;font-family:"Font Awesome 5 Free" !important;font-weight:900 !important;font-size:18px !important;flex:0 0 auto !important;width:54px !important;min-width:54px !important;max-width:54px !important;height:54px !important;line-height:54px !important;text-align:center !important;border-radius:50% !important;background:#fac312 !important;color:#0d1426 !important;box-shadow:0 6px 18px rgba(0,0,0,.28) !important;}
@media (max-width:991px){.vehicle-gallery{grid-template-columns:repeat(2,1fr) !important;}}
@media (max-width:560px){.vehicle-gallery{grid-template-columns:1fr !important;}}

/* round 24 — mobile: on inner pages (О компании / Продукция / товар) the main content
   must come BEFORE the left sidebar (categories + contacts), not after it. */
@media (max-width:991px){
  .page-content > .container > .row{display:flex !important;flex-direction:column !important;}
  .page-content > .container > .row > aside{order:2 !important;margin-top:28px !important;}
  .page-content > .container > .row > div[class*="col-md-"]{order:1 !important;}
}

/* round 25 — mobile adaptive fixes (hero stats row / prefooter CTA gap / news cards full-width) */
@media (max-width:767px){
  /* hero stats — keep ALL THREE in one row */
  .s-hero__stats{display:flex !important;flex-wrap:nowrap !important;gap:10px !important;max-width:none !important;}
  .s-hero__stats li{flex:1 1 0 !important;min-width:0 !important;}
  .s-hero__stats b{font-size:21px !important;}
  .s-hero__stats span{font-size:10.5px !important;line-height:1.3;margin-top:5px !important;max-width:none !important;}
  /* prefooter CTA — kill the giant vertical void (txt had flex-basis:480px that became a 480px HEIGHT in the column layout) */
  .s-prefooter__in{flex-direction:column !important;justify-content:flex-start !important;align-items:stretch !important;gap:16px !important;}
  .s-prefooter__txt{flex:0 0 auto !important;}
  .s-prefooter__txt h3{max-width:none !important;}
  .s-prefooter__act{flex:0 0 auto !important;margin-left:0 !important;flex-direction:column !important;align-items:stretch !important;gap:12px !important;}
  .s-prefooter__phone{text-align:center;}
  .s-prefooter__act .s-btn{justify-content:center;}
  /* homepage + news-index cards — full width when stacked (a 50% width was leaking from the tablet rule) */
  .s-news__grid>div,.custom-news-list>div{width:100% !important;display:block !important;padding-left:0 !important;padding-right:0 !important;}
}