@import url('/fonts.css');
:root{--olive:#3a5b00;--olive-d:#2f4a00;--cream:#efe9d0;--ink:#1c1c14;--amber:#F4B41A}
*,*::before,*::after{box-sizing:border-box}
body,h1,h2,h3,h4,p,ul,li{margin:0}
ul{list-style:none;padding:0}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
html{scroll-behavior:smooth}
body{font-family:'League Spartan',sans-serif;color:var(--ink);background:var(--cream)}
.container{max-width:1280px;width:100%;margin:0 auto;padding:0 48px}
@media(max-width:1024px){.container{padding:0 22px}}

/* header — сплошная тёмная шапка (нет фото под ней) */
.hdr{position:sticky;top:0;z-index:20;background:#141109;box-shadow:0 2px 18px rgba(0,0,0,.4);padding:12px 0}
.hdr>.container{display:flex;align-items:center;justify-content:space-between}
.logo img{height:60px;width:auto}
.nav{display:flex;align-items:center;gap:26px}
.nav a{color:var(--cream);font-weight:500;text-transform:lowercase;font-size:19px;letter-spacing:.01em}
.nav a:hover{color:#fff}
.nav a.active{border-bottom:2px solid var(--cream);padding-bottom:2px}
.burger{display:none;width:30px;height:20px;position:relative;background:none;border:0;cursor:pointer}
.burger span{position:absolute;left:0;width:100%;height:2px;background:var(--cream);transition:.3s}
.burger span:nth-child(1){top:0}.burger span:nth-child(2){top:50%;transform:translateY(-50%)}.burger span:nth-child(3){bottom:0}
body.open .burger span:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}
body.open .burger span:nth-child(2){opacity:0}
body.open .burger span:nth-child(3){bottom:auto;top:50%;transform:translateY(-50%) rotate(-45deg)}
@media(max-width:900px){
  .logo img{height:52px}
  .nav{position:fixed;inset:0;background:var(--olive);flex-direction:column;justify-content:center;gap:28px;transform:translateX(100%);transition:.35s;z-index:19}
  body.open .nav{transform:translateX(0)}
  .nav a{font-size:26px}
  .burger{display:block;position:relative;z-index:21}
}

/* page hero band */
.phero{background:linear-gradient(180deg,#141109 0%,#2c4600 100%);color:var(--cream);padding:48px 0 58px}
.phero__back{display:inline-flex;align-items:center;gap:6px;font-family:'Inter',sans-serif;font-size:14px;font-weight:600;color:var(--cream);opacity:.85;margin-bottom:24px;transition:.2s}
.phero__back:hover{opacity:1;gap:9px}
.phero__eye{font-family:'Inter',sans-serif;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#cdd8a8;margin-bottom:12px}
.phero__h{font-weight:600;font-size:46px;line-height:1.05;margin-bottom:14px}
.phero__sub{font-family:'Inter',sans-serif;font-size:17px;line-height:1.6;max-width:700px;opacity:.94}
@media(max-width:900px){.phero__h{font-size:32px}.phero__sub{font-size:15.5px}}

/* content (перенесено из index4 .exp) */
.exp{background:var(--cream);color:var(--ink);padding:72px 0 88px}
.exp__lead{font-family:'Inter',sans-serif;font-size:16.5px;line-height:1.62;color:#4a4636;max-width:660px}
.exp__lead b{font-weight:700;color:var(--ink)}
.exp__split{display:grid;grid-template-columns:1fr .82fr;gap:46px;align-items:start}
.exp__badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.exp__badge{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(20,17,9,.13);border-radius:99px;padding:9px 15px;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;color:var(--ink)}
.exp__badge svg{width:16px;height:16px;flex-shrink:0;color:var(--olive)}
.exp__osa{margin-top:22px;display:flex;flex-direction:column;gap:9px}
.exp__lnk{align-self:flex-start;font-family:'Inter',sans-serif;font-size:14.5px;font-weight:700;color:var(--olive);text-decoration:none;border-bottom:2px solid rgba(58,91,0,.35);padding-bottom:2px;transition:color .15s,border-color .15s}
.exp__lnk:hover{color:var(--olive-d);border-bottom-color:var(--olive)}
.exp__figure{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 20px 46px rgba(20,17,9,.22)}
.exp__figure img{display:block;width:100%;height:100%;object-fit:cover}
.exp__figcap{position:absolute;left:0;right:0;bottom:0;padding:30px 18px 14px;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;color:#fff;background:linear-gradient(to top,rgba(10,8,3,.85),transparent)}
.exp__docs{display:grid;grid-template-columns:.82fr 1.18fr;gap:18px;margin-top:44px;align-items:start}
.exp__doc{margin:0;background:#fff;border:1px solid rgba(20,17,9,.1);border-radius:12px;padding:14px 14px 4px;box-shadow:0 12px 30px rgba(20,17,9,.12)}
.exp__doc img{width:100%;height:auto;border-radius:6px;display:block}
.exp__doc figcaption{font-family:'Inter',sans-serif;font-size:12.5px;font-weight:600;color:var(--ink);text-align:center;padding:12px 6px 10px;line-height:1.4}
.exp__doc figcaption span{font-weight:500;color:#8a8578}
.exp__doc--cert{grid-row:1 / 3}
@media(max-width:760px){.exp__docs{grid-template-columns:1fr}.exp__doc--cert{grid-row:auto}}
.exp__hero{border-radius:16px;overflow:hidden;box-shadow:0 20px 46px rgba(20,17,9,.22);margin:0 0 34px}
.exp__hero img{display:block;width:100%;height:auto}
.exp__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.exp__card{background:#fff;border:1px solid rgba(20,17,9,.1);border-radius:14px;padding:24px 24px 26px;box-shadow:0 10px 28px rgba(20,17,9,.08)}
.exp__card h3{font-size:18px;font-weight:800;margin-bottom:16px;display:flex;align-items:center;gap:10px;line-height:1.2}
.exp__card h3 svg{width:22px;height:22px;flex-shrink:0;color:var(--olive)}
.exp__list{list-style:none;margin:0;padding:0;font-family:'Inter',sans-serif;font-size:14px;line-height:1.45;display:flex;flex-direction:column;gap:12px}
.exp__list b{font-weight:700;color:var(--ink)}
.exp__list span{color:#6b6656}
.exp__cta{margin-top:44px;display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.exp__cta-t{font-family:'Inter',sans-serif;font-size:15px;font-weight:700;margin-right:4px}
.exp__btn{display:inline-flex;align-items:center;gap:8px;background:var(--olive);color:#fff;border-radius:8px;padding:13px 22px;font-family:'Inter',sans-serif;font-weight:700;font-size:15px;transition:.2s}
.exp__btn:hover{background:var(--olive-d);transform:translateY(-2px)}
.exp__btn--ghost{background:transparent;color:var(--ink);border:1.5px solid var(--olive)}
.exp__btn--ghost:hover{background:rgba(58,91,0,.08)}
@media(max-width:900px){
  .exp{padding:52px 0 64px}
  .exp__split{grid-template-columns:1fr;gap:28px}
  .exp__figure img{max-height:460px}
  .exp__gallery{grid-template-columns:1fr}
  .exp__cards{grid-template-columns:1fr;gap:16px}
}

/* footer (как в index4) */
.ft{background:linear-gradient(180deg,#141109 0%,#2c4600 100%);color:var(--cream);padding:44px 0}
.ft__row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
.ft__info{font-size:14px;line-height:1.9}
.ft__info a{color:var(--cream);text-decoration:underline;font-weight:600}
.ft__geo{display:flex;align-items:flex-start;gap:8px;margin:9px 0 2px;font-family:'Inter',sans-serif;font-size:13px;line-height:1.55;color:rgba(239,233,208,.74);max-width:440px}
.ft__geo svg{width:15px;height:15px;flex:none;margin-top:2px;stroke:#d8c583}
.ft__contacts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.ft__contacts a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:99px;background:#fff;border:1px solid rgba(0,0,0,.12);color:#0e2a47;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s}
.ft__contacts a>svg{width:18px;height:18px;flex-shrink:0}
.ft__contacts a:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(14,42,71,.10)}
.ft__contacts a.ft__c--tg{color:#0F6E96;border-color:rgba(34,158,217,.30)}
.ft__contacts a.ft__c--wa{color:#15803D;border-color:rgba(37,211,102,.30)}
.ft__contacts a.ft__c--max{color:#1A6BFF;border-color:rgba(26,107,255,.30)}
.ft__contacts a.ft__c--call{color:#92400e;border-color:rgba(245,158,11,.30)}
.ft__logo{justify-self:center}
.ft__logo img{height:82px;width:auto}
.ft__links{justify-self:end;text-align:right;display:flex;flex-direction:column;gap:8px;font-size:13px}
.ft__links a{text-decoration:underline;font-weight:600}
@media(max-width:820px){.ft__row{grid-template-columns:1fr;justify-items:center;text-align:center;gap:24px}.ft__links{justify-self:center;text-align:center}.ft__contacts{justify-content:center}.ft__geo{justify-content:center;margin-left:auto;margin-right:auto;text-align:center}}

/* ==========================================================================
   Мобильная панель контактов — «матовое стекло». Стиль 1:1 с rdauto99.ru.
   Видна только на ≤880px; body получает padding-bottom, чтобы низ страницы
   не уходил под панель. --amber = акцент кнопки «позвонить».
   ========================================================================== */
.float-panel{
  display:none;
  position:fixed; bottom:16px; left:50%; transform:translateX(-50%);
  gap:14px; z-index:100; flex-direction:row;
}
.float-panel a{
  width:56px; height:56px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  /* Белое матовое стекло — значение эталона masterskayapro.ru (.14), не менять.
     Отличие от эталона одно: ФИРМЕННАЯ золотая обводка — та же, что у плашки
     «Сертифицированный автоэксперт ОСА». Она и очерчивает кружок там,
     где фон однотонный и размывать нечего. */
  background:rgba(255,255,255,.14);
  backdrop-filter:blur(18px) saturate(160%); -webkit-backdrop-filter:blur(18px) saturate(160%);
  border:1.5px solid rgba(255,215,107,.5);
  box-shadow:0 10px 24px rgba(0,0,0,.22), 0 2px 6px rgba(0,0,0,.08);
  transition:transform .15s ease, box-shadow .15s ease;
}
.float-panel a:hover,.float-panel a:active{
  transform:translateY(-3px);
  box-shadow:0 14px 28px rgba(0,0,0,.28), 0 3px 8px rgba(0,0,0,.10);
}
.float-panel a.call{color:var(--amber)}
.float-panel a.wa{color:#25D366}
.float-panel a.tg{color:#229ED9}
.float-panel a.max{color:#1A6BFF}
.float-panel a svg{display:block; width:26px; height:26px; stroke-width:1.8}
@media (max-width:880px){
  body{ padding-bottom:80px; }
  .float-panel{ display:flex; }
}

/* Баннер согласия на веб-аналитику — разметку рисует consent.js. z-index:200 выше float-panel (100). */
.cbnr{position:fixed;z-index:200;left:16px;right:16px;bottom:20px;max-width:760px;margin:0 auto;background:#fffdf6;border:1px solid rgba(20,17,9,.16);border-radius:16px;padding:18px 22px;box-shadow:0 16px 44px rgba(20,17,9,.24)}
.cbnr-in{display:flex;align-items:center;gap:24px}
.cbnr-tx{min-width:0}
.cbnr-h{margin:0 0 6px;font-family:'Inter',sans-serif;font-size:15px;font-weight:700;color:var(--ink);line-height:1.25}
.cbnr-p{margin:0;font-family:'Inter',sans-serif;font-size:13px;line-height:1.5;color:#5b5647}
.cbnr-p a{color:var(--olive);font-weight:600;text-decoration:underline}
.cbnr-btns{display:flex;gap:10px;flex:none}
.cbnr-btn{padding:11px 24px;border-radius:9px;font-family:'Inter',sans-serif;font-weight:700;font-size:14px;cursor:pointer;border:1.5px solid transparent;min-width:130px;transition:.15s}
.cbnr-btn--yes{background:var(--olive);color:#fff;border-color:var(--olive)}
.cbnr-btn--yes:hover{background:var(--olive-d);border-color:var(--olive-d)}
.cbnr-btn--no{background:#ece7d7;color:var(--ink);border-color:#ddd6c4}
.cbnr-btn--no:hover{background:#e2dccb}
@media(max-width:700px){.cbnr{left:10px;right:10px;bottom:88px;padding:16px}.cbnr-in{flex-direction:column;align-items:stretch;gap:14px}.cbnr-btns{gap:8px}.cbnr-btn{flex:1;min-width:0;padding:11px 12px}.cbnr-p{font-size:12.5px}}