/* ════════════════════════════════════════════
   АвтоПарк — страница «Услуги» (стиль v2)
   дополняет autopark.css
   ════════════════════════════════════════════ */

/* ── NAV ── */
.nav-wrap{position:sticky;top:0;z-index:200;background:rgba(251,250,248,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{max-width:1280px;margin:0 auto;padding:0 64px;height:70px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.nav-logo{font-family:'Geologica',sans-serif;font-size:23px;font-weight:600;letter-spacing:-.015em;color:var(--ink);flex-shrink:0}
.nav-logo strong{color:var(--blue);font-weight:500}
.nav-links{display:flex;gap:30px;list-style:none}
.nav-links a{font-size:14px;font-weight:500;color:var(--mute);transition:color .18s;padding:5px 0;border-bottom:1.5px solid transparent}
.nav-links a:hover{color:var(--ink)}
.nav-links a.active{color:var(--ink);border-bottom-color:var(--blue)}
.nav-right{display:flex;align-items:center;gap:14px;flex-shrink:0}
.nav-phone{font-size:14px;font-weight:500;color:var(--mute)}
.nav-cta{background:var(--blue);color:#fff;font-family:'Geologica',sans-serif;font-size:13px;font-weight:600;padding:11px 22px;border-radius:10px;border:none;cursor:pointer;transition:background .18s;display:inline-block;line-height:100%}
.nav-cta:hover{background:var(--blue-d)}

/* ── PAGE HEADER (navy, как hero) ── */
.page-hd{background:var(--navy);position:relative;overflow:hidden}
.page-hd-grid{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.13) 1.4px,transparent 1.4px);background-size:30px 30px}
.page-hd-glow{position:absolute;top:-160px;right:-100px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(26,95,168,.45) 0%,rgba(26,95,168,0) 70%);pointer-events:none}
.page-hd-in{max-width:1280px;margin:0 auto;padding:80px 64px;position:relative;z-index:1}
.breadcrumb{display:flex;align-items:center;gap:9px;font-size:13px;color:rgba(255,255,255,.5);margin-bottom:26px}
.breadcrumb a{color:rgba(255,255,255,.5);transition:color .18s}
.breadcrumb a:hover{color:#fff}
.breadcrumb .sep{color:rgba(255,255,255,.3)}
.page-hd-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:rgba(255,255,255,.55);letter-spacing:.16em;text-transform:uppercase;margin-bottom:22px;line-height:100%}
.page-hd-eyebrow::before{content:"";width:28px;height:1px;background:rgba(255,255,255,.3)}
.page-hd-in h1{font-family:'Geologica',sans-serif;font-size:60px;font-weight:600;color:#fff;letter-spacing:-.028em;line-height:106%;margin-bottom:20px}
.page-hd-in h1 em{font-weight:600;color:#B5D4F4}
.page-hd-in .lead{font-size:17px;color:rgba(255,255,255,.6);line-height:174%;max-width:600px}

/* ── STICKY ANCHOR NAV ── */
.svc-nav-wrap{border-bottom:1px solid var(--line);position:sticky;top:70px;z-index:100;background:rgba(251,250,248,.92);backdrop-filter:blur(10px)}
.svc-nav{max-width:1280px;margin:0 auto;padding:0 64px;display:flex;gap:0;overflow-x:auto}
.svc-nav a{font-size:13.5px;font-weight:500;color:var(--mute);padding:16px 0;margin-right:30px;border-bottom:2px solid transparent;white-space:nowrap;transition:color .18s,border-color .18s;flex-shrink:0}
.svc-nav a:hover{color:var(--ink)}
.svc-nav a.active{color:var(--blue);border-bottom-color:var(--blue)}

/* ── OVERVIEW CARDS ── */
.svc-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.svc-card-link{display:block;border:1px solid var(--line);border-radius:22px;background:#fff;padding:30px;transition:box-shadow .22s,border-color .22s,transform .22s;position:relative;overflow:hidden}
.svc-card-link:hover{border-color:rgba(14,17,22,.16);box-shadow:0 14px 40px rgba(14,17,22,.10);transform:translateY(-4px)}
.svc-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}
.svc-num{font-family:'Geologica',sans-serif;font-size:54px;font-weight:600;color:#D7E6F6;letter-spacing:-.03em;line-height:80%}
.svc-tag{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:5px 11px;border-radius:99px;background:#EAF2FB;color:var(--blue);line-height:100%;white-space:nowrap}
.svc-tag.priority{background:#EAF2FB;color:var(--blue)}
.svc-card-link h3{font-size:17px;font-weight:600;letter-spacing:-.005em;margin-bottom:10px;line-height:138%}
.svc-card-link p{font-size:13.5px;color:var(--mute);line-height:168%;margin-bottom:18px}
.svc-card-link-txt{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--blue);line-height:100%;transition:gap .18s}
.svc-card-link-txt::after{content:'→'}
.svc-card-link:hover .svc-card-link-txt{gap:11px}

/* ── SERVICE DETAIL ROWS ── */
.svc-detail{position:relative;overflow:hidden}
.svc-detail-in{max-width:1280px;margin:0 auto;padding:96px 64px;position:relative;z-index:1}
.svc-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
.svc-detail-grid.rev{direction:rtl}
.svc-detail-grid.rev > *{direction:ltr}
.svc-detail-txt .svc-eyebrow{display:flex;align-items:center;gap:14px;font-size:12px;font-weight:600;color:var(--blue);letter-spacing:.16em;text-transform:uppercase;margin-bottom:20px;line-height:100%}
.svc-detail-txt .svc-eyebrow .idx{font-family:'Geologica',sans-serif;font-style:normal;font-size:15px;font-weight:500;color:var(--faint);letter-spacing:0}
.svc-detail-txt h2{font-family:'Geologica',sans-serif;font-size:38px;font-weight:600;letter-spacing:-.022em;line-height:112%;margin-bottom:18px}
.svc-detail-txt h2 em{font-weight:600;color:var(--blue)}
.svc-detail-txt > p{font-size:15.5px;color:var(--mute);line-height:182%;margin-bottom:14px}
.svc-detail-txt > p strong{color:var(--ink);font-weight:600}
.svc-includes{list-style:none;display:flex;flex-direction:column;gap:11px;margin:24px 0 30px}
.svc-includes li{display:flex;gap:13px;font-size:14.5px;color:var(--mute);align-items:flex-start;line-height:152%}
.svc-includes li::before{content:"";width:20px;height:20px;border-radius:99px;background:#EAF2FB;flex-shrink:0;margin-top:2px;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 10l3.2 3.2L15 6' stroke='%231A5FA8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}
.for-whom{background:var(--alt);border-radius:16px;border:1px solid var(--line);padding:22px 24px;margin-top:24px}
.for-whom h4{font-size:11px;font-weight:600;color:var(--blue);letter-spacing:.12em;text-transform:uppercase;margin-bottom:13px;line-height:100%}
.for-whom-tags{display:flex;flex-wrap:wrap;gap:8px}
.for-whom-tag{font-size:12.5px;font-weight:500;color:var(--navy);background:#fff;border:1px solid var(--line);padding:6px 13px;border-radius:99px;line-height:100%}
.svc-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
/* вторичная кнопка на светлых секциях (глобальный .btn-s — для тёмных hero) */
.svc-btns .btn-s{color:var(--navy);border-color:var(--line)}
.svc-btns .btn-s:hover{background:var(--alt);border-color:var(--mute)}

/* визуал: фото-слот + факты */
.svc-visual{border-radius:24px;border:1px solid var(--line);overflow:hidden;background:#fff;position:sticky;top:150px}
.svc-photo{position:relative;height:300px;overflow:hidden}
.svc-photo image-slot{width:100%;height:100%}
.svc-photo-tag{position:absolute;left:20px;bottom:18px;z-index:3;display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:600;color:#fff;background:rgba(7,30,61,.72);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);border-radius:99px;padding:8px 15px;line-height:100%}
.svc-photo-tag .dot{width:2px;height:12px;border-radius:2px;background:rgba(255,255,255,.75)}
.svc-facts{padding:8px 28px 14px}
.svc-fact{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.svc-fact:last-child{border-bottom:none}
.svc-fact-l{color:var(--faint)}
.svc-fact-r{font-weight:600;color:var(--ink);text-align:right}

/* ── ТЕНДЕРНЫЙ БЛОК (navy) ── */
.tender-wrap{background:var(--navy);position:relative;overflow:hidden}
.tender-grid-bg{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.1) 1.3px,transparent 1.3px);background-size:30px 30px}
.tender-glow{position:absolute;bottom:-180px;left:-100px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(26,95,168,.4) 0%,rgba(26,95,168,0) 70%);pointer-events:none}
.tender-in{max-width:1280px;margin:0 auto;padding:72px 64px;display:flex;flex-wrap:wrap;gap:48px;align-items:center;justify-content:space-between;position:relative;z-index:1}
.tender-txt{flex:1 1 480px;min-width:0}
.tender-eyebrow{font-size:12px;font-weight:600;color:rgba(181,212,244,.85);letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px;line-height:100%}
.tender-txt h2{font-family:'Geologica',sans-serif;font-size:34px;font-weight:600;color:#fff;letter-spacing:-.02em;margin-bottom:14px;line-height:116%}
.tender-txt p{font-size:15.5px;color:rgba(255,255,255,.55);line-height:174%;max-width:600px}

/* ── FAQ (открытые Q&A в две колонки) ── */
.faq-cols{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden;margin-top:8px}
.faq-qa{background:#fff;padding:30px 32px}
.faq-qa-q{font-family:'Geologica',sans-serif;font-size:16px;font-weight:600;color:var(--ink);line-height:140%;margin-bottom:10px}
.faq-qa-a{font-size:14.5px;color:var(--mute);line-height:178%}
.faq-ask{background:var(--navy);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.faq-ask-q{font-family:'Geologica',sans-serif;font-size:20px;font-weight:600;color:#fff;line-height:124%;margin-bottom:10px;letter-spacing:-.01em}
.faq-ask-a{font-size:14px;color:rgba(255,255,255,.6);line-height:170%;margin-bottom:20px}

/* ── FOOTER ── */
.foot-wrap{border-top:1px solid var(--line);background:var(--alt)}
.foot{max-width:1280px;margin:0 auto;padding:56px 64px 44px;display:grid;grid-template-columns:240px 1fr 1fr 1fr;gap:48px}
.foot-logo{font-family:'Geologica',sans-serif;font-size:22px;font-weight:600;color:var(--ink);margin-bottom:12px}
.foot-logo strong{color:var(--blue);font-weight:500}
.foot-desc{font-size:13.5px;color:var(--faint);line-height:165%;margin-bottom:18px;max-width:220px}
.foot-social{display:flex;gap:9px}
.foot-sc{width:36px;height:36px;border-radius:9px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--faint);font-size:12px;font-weight:700;transition:background .18s,color .18s;text-transform:uppercase}
.foot-sc:hover{background:#EAF2FB;color:var(--blue)}
.foot-col h4{font-size:11px;font-weight:600;color:var(--faint);letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px}
.foot-col ul{list-style:none;display:flex;flex-direction:column;gap:11px}
.foot-col ul a{font-size:13.5px;color:var(--mute);transition:color .18s}
.foot-col ul a:hover{color:var(--blue)}
.foot-bottom{max-width:1280px;margin:0 auto;padding:18px 64px 26px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);font-size:12.5px;color:var(--faint)}

/* ── АДАПТИВ ── */
@media (max-width:991px){
  .nav{padding:0 32px}
  .nav-links{display:none}
  .page-hd-in{padding:60px 32px}
  .page-hd-in h1{font-size:46px}
  .svc-nav{padding:0 32px}
  .svc-cards{grid-template-columns:1fr 1fr}
  .svc-detail-in{padding:64px 32px}
  .svc-detail-grid,.svc-detail-grid.rev{grid-template-columns:1fr;gap:40px;direction:ltr}
  .svc-visual{position:static}
  .tender-in{padding:56px 32px}
  .faq-cols{grid-template-columns:1fr}
  .foot{grid-template-columns:1fr 1fr;gap:36px;padding:48px 32px 40px}
  .foot-bottom{padding:18px 32px 24px}
}
@media (max-width:767px){
  .nav{padding:0 20px}
  .nav-phone{display:none}
  .page-hd-in{padding:48px 20px}
  .page-hd-in h1{font-size:36px;line-height:108%}
  .page-hd-in .lead{font-size:15px}
  .svc-nav{padding:0 20px}
  .svc-nav a{font-size:12.5px;margin-right:20px}
  .svc-cards{grid-template-columns:1fr}
  .svc-detail-in{padding:52px 20px}
  .svc-detail-txt h2{font-size:30px}
  .svc-photo{height:240px}
  .tender-in{padding:48px 20px}
  .tender-txt h2{font-size:27px}
  .faq-intro h2{font-size:30px}
  .foot{grid-template-columns:1fr;gap:32px;padding:44px 20px 36px}
  .foot-bottom{flex-direction:column;align-items:flex-start;gap:8px;padding:18px 20px 24px}
}
@media (max-width:479px){
  .nav-cta{padding:10px 16px}
  .nav-logo{font-size:20px}
  .page-hd-in h1{font-size:30px}
  .svc-btns{flex-direction:column}
  .svc-btns .btn-p,.svc-btns .btn-s{width:100%;text-align:center}
  .tender-in .btn-w{width:100%;text-align:center}
}