/* ════════════════════════════════════════════
   АвтоПарк — юридические страницы + cookie-баннер
   дополняет autopark.css + services.css (nav, page-hd, foot)
   ════════════════════════════════════════════ */

.legal-page h1,.legal-page h2,.legal-doc h2,.toc-card h3{font-family:'Geologica',sans-serif}

/* ── LAYOUT ── */
.legal-wrap{max-width:1180px;margin:0 auto;padding:64px 64px 90px;display:grid;grid-template-columns:268px 1fr;gap:56px;align-items:start}

/* боковое оглавление */
.toc{position:sticky;top:104px}
.toc-card{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}
.toc-card h3{font-size:14px;font-weight:600;letter-spacing:-.01em;padding:18px 22px;border-bottom:1px solid var(--line);background:var(--alt);line-height:120%}
.toc-list{list-style:none;padding:10px 0}
.toc-list li{counter-increment:toc}
.toc-list a{display:flex;gap:11px;padding:8px 22px;font-size:13px;color:var(--mute);line-height:142%;transition:color .18s,background .18s;border-left:2px solid transparent}
.toc-list a::before{content:counter(toc,decimal-leading-zero);font-family:'Geologica',sans-serif;font-size:12px;color:var(--faint);flex-shrink:0;font-weight:600}
.toc-list a:hover{color:var(--ink);background:var(--alt)}
.toc-list a.active{color:var(--blue);border-left-color:var(--blue);background:#F4F8FD}
.toc-list{counter-reset:toc}
.toc-meta{padding:16px 22px;border-top:1px solid var(--line);font-size:12px;color:var(--faint);line-height:160%}
.toc-meta strong{color:var(--mute);font-weight:600;display:block;margin-bottom:3px}

/* документ */
.legal-doc{max-width:760px;min-width:0}
.doc-note{display:flex;gap:14px;align-items:flex-start;background:#FAF0DF;border:1px solid #F0E0C2;border-radius:14px;padding:18px 22px;margin-bottom:40px}
.doc-note-ic{width:24px;height:24px;border-radius:50%;background:#A86A10;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;font-weight:700}
.doc-note p{font-size:13.5px;color:#6E5836;line-height:165%}
.doc-note strong{color:#5C3D08;font-weight:600}

.legal-doc section{margin-bottom:44px;scroll-margin-top:160px}
.legal-doc h2{font-size:25px;font-weight:600;letter-spacing:-.02em;line-height:124%;margin-bottom:18px;display:flex;gap:14px;align-items:baseline}
.legal-doc h2 .sec-no{font-size:15px;font-weight:600;color:var(--blue);font-family:'Geologica',sans-serif;flex-shrink:0}
.legal-doc h3{font-size:16px;font-weight:600;color:var(--ink);margin:24px 0 10px;line-height:140%}
.legal-doc p{font-size:14.5px;color:var(--mute);line-height:180%;margin-bottom:14px}
.legal-doc p strong{color:var(--ink);font-weight:600}
.legal-doc a{color:var(--blue);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
.legal-doc ul,.legal-doc ol{margin:0 0 16px;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.legal-doc li{font-size:14.5px;color:var(--mute);line-height:170%;display:flex;gap:12px;align-items:flex-start}
.legal-doc ul li::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--blue);flex-shrink:0;margin-top:9px}
.legal-doc ol{counter-reset:ol}
.legal-doc ol li{counter-increment:ol}
.legal-doc ol li::before{content:counter(ol)'.';font-weight:600;color:var(--blue);flex-shrink:0;min-width:18px}

/* плейсхолдер-подсветка */
.ph{background:#EAF2FB;color:var(--blue-d);border-radius:5px;padding:1px 7px;font-size:.92em;font-weight:600;white-space:nowrap}

/* блок реквизитов / таблица данных */
.data-table{border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:18px 0 8px}
.data-row{display:grid;grid-template-columns:230px 1fr;gap:0;border-bottom:1px solid var(--line)}
.data-row:last-child{border-bottom:none}
.data-row dt{background:var(--alt);padding:13px 20px;font-size:13px;font-weight:600;color:var(--ink);line-height:148%}
.data-row dd{padding:13px 20px;font-size:13.5px;color:var(--mute);line-height:160%}

/* перекрёстные ссылки внизу */
.legal-more{border-top:1px solid var(--line);margin-top:48px;padding-top:34px}
.legal-more-t{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-bottom:18px}
.legal-more-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.legal-more-card{border:1px solid var(--line);border-radius:14px;padding:18px 20px;background:#fff;transition:border-color .18s,box-shadow .18s;display:block}
.legal-more-card:hover{border-color:rgba(14,17,22,.16);box-shadow:0 8px 24px rgba(14,17,22,.07)}
.legal-more-card .t{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:5px;line-height:130%}
.legal-more-card .d{font-size:12px;color:var(--faint);line-height:150%}
.legal-more-card.cur{background:var(--alt);pointer-events:none}
.legal-more-card.cur .t{color:var(--blue)}

/* ── COOKIE BANNER ── */
.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:600;background:var(--navy);color:#fff;transform:translateY(110%);transition:transform .4s cubic-bezier(.4,0,.2,1);box-shadow:0 -8px 40px rgba(7,30,61,.3)}
.cookie-banner.show{transform:translateY(0)}
.cookie-banner-grid{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1.2px,transparent 1.2px);background-size:24px 24px;pointer-events:none}
.cookie-in{max-width:var(--wrap,1600px);margin:0 auto;padding:22px 64px;display:flex;align-items:center;gap:32px;position:relative;z-index:1}
.cookie-txt{flex:1;min-width:0}
.cookie-txt h4{font-family:'Geologica',sans-serif;font-size:17px;font-weight:600;margin-bottom:6px;line-height:130%}
.cookie-txt p{font-size:13px;color:rgba(255,255,255,.6);line-height:160%;max-width:720px}
.cookie-txt a{color:#B5D4F4;text-decoration:underline;text-underline-offset:2px}
.cookie-btns{display:flex;gap:10px;flex-shrink:0}
.cookie-btn{font-family:'Geologica',sans-serif;font-size:13px;font-weight:600;padding:13px 24px;border-radius:10px;cursor:pointer;border:none;line-height:100%;transition:background .18s,border-color .18s,transform .18s;white-space:nowrap}
.cookie-accept{background:var(--blue);color:#fff}
.cookie-accept:hover{background:#3D7FC4;box-shadow:0 8px 22px rgba(14,17,22,.22)}
.cookie-decline{background:transparent;color:rgba(255,255,255,.8);border:1.5px solid rgba(255,255,255,.22)}
.cookie-decline:hover{border-color:rgba(255,255,255,.45)}

/* ── ЧЕКБОКС СОГЛАСИЯ (для форм) ── */
.consent-field{display:flex;gap:11px;align-items:flex-start;margin-top:4px}
.consent-field input[type=checkbox]{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:1.5px solid rgba(255,255,255,.28);border-radius:6px;background:rgba(255,255,255,.06);cursor:pointer;flex-shrink:0;margin-top:1px;position:relative;transition:background .18s,border-color .18s}
.consent-field input[type=checkbox]:checked{background:var(--blue);border-color:var(--blue)}
.consent-field input[type=checkbox]:checked::after{content:'';position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.consent-field label{font-size:12px;color:rgba(255,255,255,.55);line-height:158%;cursor:pointer}
.consent-field label a{color:#B5D4F4;text-decoration:underline;text-underline-offset:2px}
/* светлый вариант (на белой форме) */
.consent-field.on-light input[type=checkbox]{border-color:var(--line);background:#fff}
.consent-field.on-light input[type=checkbox]:checked{background:var(--blue);border-color:var(--blue)}
.consent-field.on-light label{color:var(--faint)}
.consent-field.on-light label a{color:var(--blue)}

/* ── АДАПТИВ ── */
@media (max-width:991px){
  .legal-wrap{grid-template-columns:1fr;gap:32px;padding:48px 32px 64px}
  .toc{position:static}
  .toc-list{display:flex;flex-wrap:wrap;padding:8px}
  .toc-list a{border-left:none;border-radius:8px}
  .toc-list a.active{border-left:none}
  .legal-more-grid{grid-template-columns:1fr}
  .cookie-in{padding:20px 32px;gap:20px}
}
@media (max-width:767px){
  .legal-wrap{padding:36px 20px 56px}
  .legal-doc h2{font-size:21px}
  .data-row{grid-template-columns:1fr}
  .data-row dt{border-bottom:1px solid var(--line)}
  .cookie-in{flex-direction:column;align-items:stretch;padding:20px;gap:16px}
  .cookie-btns{flex-direction:column}
  .cookie-btn{width:100%}
}