/* «Граф Колесов» — стили раздела: услуги, пункты выдачи, документы, контакты, о проекте, карта сайта, 403/404. Подключается после grafkolesov.css ({% block css %}); порядок правил — как в исходном общем файле, правила общего файла, которые должны перебивать правила раздела, повторены здесь (ТЗ-14). */
.gk-hero-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:48px;align-items:center}
@media (max-width:1023px){.gk-hero-grid{grid-template-columns:minmax(0,1fr)}}
.gk-prices{border-collapse:collapse;width:100%;font-size:15px}
.gk-prices th,.gk-prices td{border-bottom:1px solid var(--gk-line);padding:10px 12px;text-align:left;white-space:nowrap}
.gk-prices tr:first-child th{font-weight:600;color:var(--gk-mute);font-size:13px}
.gk-prices td{font-family:'JetBrains Mono',monospace}
.gk-prices caption{text-align:left;font-weight:700;padding:0 0 10px}
/* услуги и точки */
.gk-service{padding:22px}
.gk-service b{font:700 24px 'JetBrains Mono',monospace}
.gk-points{display:flex;flex-direction:column}
.gk-point{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--gk-line)}
.gk-point i{width:12px;height:12px;margin-top:6px;border-radius:50%;background:var(--gk-ok);flex-shrink:0}
.gk-point i.pickup{background:var(--gk-acc)}
.gk-links{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;padding:0;margin:0}
.gk-links a{text-decoration:none}
.gk-links a:hover{color:var(--gk-acc-text)}
/* колонки сеток не растягиваются под ширину SVG: иначе на 390 px появляется горизонтальная прокрутка */
.gk-hero-grid>*{min-width:0}
.gk-split>*,.gk-product>*,.gk-product>*>*,.gk-grid>*,.gk-section>*{min-width:0}
.gk-drawing,.gk-dial,.gk-car,.gk-map{display:block;width:100%;height:auto}
.gk-dial{max-width:520px}
.gk-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}
.gk-results ul{list-style:none;padding:0;margin:0}
.gk-results li{padding:8px 0;border-bottom:1px solid var(--gk-line)}
.gk-results a{text-decoration:none}
.gk-results a:hover{color:var(--gk-acc)}
.gk-page{display:flex;flex-direction:column;gap:32px;padding-bottom:32px}
.gk-page>.crumbs{padding-top:16px;margin-bottom:-16px}
.gk-hero-grid{gap:32px}
.gk-section{padding:var(--gk-section) 0;gap:20px}
.gk-wrap>.crumbs{padding-top:14px}
.gk-dial{max-width:440px}
.gk-card{padding:14px;gap:8px}
:where(input:not([type=checkbox]):not([type=radio]),select,textarea):focus{border-color:var(--gk-acc);outline:none;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--gk-acc) 22%,transparent)}
/* фото моделей: прозрачный PNG шины на светлой «витринной» подложке в обеих темах */
.gk-photo{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;margin:0 auto}
/* ---------- блоки перелинковки: виджет с отступом от каталога ---------- */
.gk-linkgrid{margin-top:40px;padding:20px 22px 22px;background:var(--gk-card);border:1px solid var(--gk-line)}
.gk-lg-tile{position:relative;display:flex;flex-direction:column;gap:3px;height:100%;padding:11px 12px 13px;border:1px solid var(--gk-line);
  background:var(--gk-bg);text-decoration:none;color:var(--gk-ink);transition:border-color .15s,transform .15s;overflow:hidden}
@media (max-width:560px){.gk-linkgrid{padding:16px;margin-left:-16px;margin-right:-16px;border-left:0;border-right:0}}
/* ---------- статья: обложка, автор, текст слева, виджеты справа, комментарии ---------- */
.gk-art-head{display:flex;flex-direction:column;gap:14px;max-width:860px;padding-top:12px}
.gk-art-head h1{margin:0}
.gk-art-head .gk-hero-lead{max-width:860px}
.gk-side-card{padding:16px 18px;border:1px solid var(--gk-line);background:var(--gk-card)}
.gk-article-body .gk-callout{margin:22px 0;padding:16px 18px 16px 52px;position:relative;border:1px solid var(--gk-line);background:var(--gk-card);font-size:16px}
.gk-article-body .gk-callout::before{content:"!";position:absolute;left:16px;top:15px;width:24px;height:24px;display:grid;place-items:center;
  background:var(--gk-acc);color:var(--gk-on-acc);font:800 14px Onest,sans-serif}
.gk-article-body .gk-callout--tip::before{content:"✓";background:var(--gk-ok);color:var(--gk-on-ok)}
.gk-article-body .gk-callout b:first-child{display:block;margin-bottom:4px}
/* ---------- документы, контакты, согласие, cookie ---------- */
.gk-todo{background:color-mix(in srgb,var(--gk-acc) 18%,transparent);color:var(--gk-acc-text);padding:1px 6px;font-size:.9em}
.gk-legal-body h2{font-size:22px}
.gk-side-current{font-weight:700;color:var(--gk-acc-text)}
.gk-operator{margin:0;display:grid;gap:8px;font-size:14px}
.gk-operator dt{font-size:12px;color:var(--gk-mute)}
.gk-operator dd{margin:1px 0 0}
.gk-contacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
.gk-contacts .gk-side-card p{margin:0;font-size:15px;line-height:1.55}
@media (max-width:760px){.gk-contacts{grid-template-columns:minmax(0,1fr)}}
.gk-foot-cookie{border:0;background:none;padding:0;font:inherit;font-size:13px;color:var(--gk-panel-mute);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.gk-cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:50;max-width:720px;margin:0 auto;display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;
  padding:16px 18px;background:var(--gk-card);border:1px solid var(--gk-line);box-shadow:0 18px 40px rgba(0,0,0,.35);font-size:14px;line-height:1.5}
@media (max-width:767px){.gk-cookie{left:0;right:0;bottom:0;padding:10px 16px;gap:8px 12px;font-size:13px;line-height:1.4}}
.gk-partner-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 24px;align-items:center;margin-top:24px;padding:22px 24px;
  border:1px solid var(--gk-acc);background:color-mix(in srgb,var(--gk-acc) 7%,var(--gk-card));text-decoration:none;color:var(--gk-ink)}
.gk-partner-cta b{font-size:20px}
.gk-partner-cta span{grid-column:1;color:var(--gk-mute);font-size:15px}
.gk-partner-cta em{grid-column:2;grid-row:1/3;font-style:normal;font-weight:700;color:var(--gk-acc-text);white-space:nowrap}
@media (max-width:640px){.gk-partner-cta{grid-template-columns:minmax(0,1fr)}.gk-partner-cta em{grid-column:1;grid-row:auto}}
/* 404: поиск и разделы виджетами */
.gk-404{padding-top:48px}
.gk-404-head{display:flex;flex-direction:column;gap:12px;max-width:44rem}
.gk-404-head h1{margin:0}
.gk-404-head p{margin:0;color:var(--gk-mute)}
.gk-404-search{display:flex;gap:8px;margin-top:8px}
.gk-404-search input{flex:1;min-width:0;padding:14px 16px;border:1px solid var(--gk-line);background:var(--gk-bg);color:var(--gk-ink);font:inherit}
@media (max-width:600px){.gk-404{padding-top:24px}.gk-404-search .gk-btn{padding:14px 16px}}
/* ---------- Лендинги: партнёрам, покупателям, магазины (27.09). Цифры — из базы (apps/pages/landing.py) ---------- */
.gk-meters{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));border-top:1px solid var(--gk-line);border-left:1px solid var(--gk-line)}
.gk-meter{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border-right:1px solid var(--gk-line);border-bottom:1px solid var(--gk-line);min-width:0}
.gk-meter b{font:700 clamp(28px,3.4vw,48px)/1 'JetBrains Mono',monospace;letter-spacing:-.02em}
.gk-meter b small{font-size:.45em;font-weight:500;color:var(--gk-mute);margin-left:4px}
.gk-meter span{font-size:14px;color:var(--gk-mute)}
.gk-meter--acc b{color:var(--gk-acc-text)}
.gk-track{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));position:relative;counter-reset:none}
.gk-track::before{content:"";position:absolute;left:0;right:0;top:11px;height:2px;background:var(--gk-line)}
.gk-track li{position:relative;padding:34px 18px 0 0;display:flex;flex-direction:column;gap:6px}
.gk-track li::before{content:"";position:absolute;top:4px;left:0;width:16px;height:16px;background:var(--gk-bg);border:2px solid var(--gk-line)}
.gk-track li b{font-size:17px}
.gk-track li p{margin:0;font-size:14px;color:var(--gk-mute);line-height:1.5}
.gk-track li .gk-mono{font-size:13px;color:var(--gk-mute)}
.gk-track li.is-mark::before{background:var(--gk-acc);border-color:var(--gk-acc)}
.gk-track li.is-mark b{color:var(--gk-acc-text)}
.gk-track li.is-done::before{background:var(--gk-ink);border-color:var(--gk-ink)}
.gk-track li em{font-style:normal;font:600 12px/1.2 'JetBrains Mono',monospace;color:var(--gk-acc-text);text-transform:uppercase;letter-spacing:.08em}
@media (max-width:767px){.gk-track{grid-template-columns:minmax(0,1fr);padding-left:28px}.gk-track::before{left:7px;right:auto;top:0;bottom:0;width:2px;height:auto}.gk-track li{padding:0 0 22px}.gk-track li::before{left:-28px;top:3px}}
.gk-bars{display:flex;flex-direction:column;gap:8px}
.gk-bar-row{display:grid;grid-template-columns:64px minmax(0,1fr) 200px;gap:14px;align-items:center;color:var(--gk-ink);text-decoration:none}
.gk-bar-row b{font:600 15px 'JetBrains Mono',monospace}
.gk-bar-row i{display:block;height:14px;background:linear-gradient(90deg,var(--gk-acc),var(--gk-acc-2));width:var(--w)}
.gk-bar-row span{font:500 13px 'JetBrains Mono',monospace;color:var(--gk-mute);text-align:right;white-space:nowrap}
a.gk-bar-row:hover b{color:var(--gk-acc-text)}
@media (max-width:767px){.gk-bar-row{grid-template-columns:44px minmax(0,1fr) auto;gap:8px}.gk-bar-row span{font-size:12px}}
.gk-terms{display:grid;grid-template-columns:minmax(140px,220px) minmax(0,1fr);margin:0;border-top:1px solid var(--gk-line)}
.gk-terms dt,.gk-terms dd{margin:0;padding:12px 0;border-bottom:1px solid var(--gk-line)}
.gk-terms dt{color:var(--gk-mute);font-size:14px;padding-right:16px}
.gk-terms dd{font-size:16px}
@media (max-width:767px){.gk-terms{grid-template-columns:minmax(0,1fr)}.gk-terms dt{border-bottom:0;padding-bottom:0}.gk-terms dd{padding-top:4px}}
.gk-duo{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.gk-duo>.gk-card{padding:22px;gap:12px}
.gk-duo ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px;font-size:16px;line-height:1.5}
.gk-lead-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.gk-lead-grid .gk-card h3{margin:0;font-size:18px}
.gk-lead-grid .gk-card p{margin:0;color:var(--gk-mute);font-size:15px;line-height:1.55}
.gk-hero-grid .gk-meters{grid-template-columns:repeat(2,minmax(0,1fr))}
/* прайс услуг: на телефоне строка — карточка «колонка — цена», подзаголовки разделов отдельно (28.09) */
.gk-price-list thead th{font-weight:600;color:var(--gk-mute);font-size:13px}
.gk-price-list tbody th{font-weight:600;white-space:normal}
.gk-pl-section th{padding-top:18px;color:var(--gk-mute);font-size:13px;text-transform:uppercase;letter-spacing:.06em}
@media (max-width:767px){.gk-price-list thead{display:none}.gk-price-list,.gk-price-list tbody,.gk-price-list tr,.gk-price-list th,.gk-price-list td{display:block;width:100%}.gk-price-list caption{display:block;white-space:normal}.gk-price-list tbody tr:not(.gk-pl-section){border:1px solid var(--gk-line);background:var(--gk-card);padding:10px 14px;margin-bottom:8px}.gk-price-list tbody th,.gk-price-list td{border:0;padding:4px 0;white-space:normal}.gk-price-list td{display:flex;justify-content:space-between;gap:12px}.gk-price-list td{white-space:nowrap}.gk-price-list td::before{content:attr(data-label);color:var(--gk-mute);font-family:Onest,sans-serif;font-size:14px;white-space:normal;flex:1}.gk-pl-section th{border:0;padding:14px 0 6px}}
.gk-bar-row>b{white-space:nowrap}
.gk-price-list tbody tr:first-child th{color:var(--gk-ink);font-size:inherit}
.gk-bars--ranges .gk-bar-row{grid-template-columns:92px minmax(0,1fr) 200px}
@media (max-width:767px){.gk-bars--ranges .gk-bar-row{grid-template-columns:72px minmax(0,1fr) auto}}
/* ================= аудит 02.10: дизайн, телефон, доступность ================= */
/* фокус: янтарь на светлом фоне ~2:1 — двойное кольцо (тёмное + янтарное) читается на любом фоне (WCAG 1.4.11) */
:where(input,select,textarea,button,summary,a):focus-visible{outline:2px solid var(--gk-acc-text);outline-offset:2px;box-shadow:0 0 0 4px color-mix(in srgb,var(--gk-acc) 35%,transparent)}
/* рамки полей и «призрачных» кнопок — цветом полей (≥3:1 по DESIGN.md), а не линией разделителя (~1,4:1) */
.gk-404-search input{border-color:var(--gk-field-line)}
.gk-form textarea,.gk-form input,.gk-btn--ghost{border-color:var(--gk-field-line)}
.gk-results a:hover{color:var(--gk-acc-text)}
/* документы: в таблицах текст переносится, а не обрезается */
.gk-legal-body .gk-article-body th,.gk-legal-body .gk-article-body td,.gk-legal-body td,.gk-legal-body th{white-space:normal}
.gk-legal-body .gk-article-body table{min-width:0}
/* списки на «Партнёрам» — те же янтарные ромбы, что в статьях и длинных текстах */
.gk-duo ul{list-style:none;padding-left:0}
.gk-duo ul>li{position:relative;padding-left:26px}
.gk-duo ul>li::before{content:"";position:absolute;left:4px;top:.72em;width:8px;height:8px;background:var(--gk-acc);transform:rotate(45deg)}