/* «Граф Колесов» — направление «Приборка». Правила: DESIGN.md. Токены с префиксом --gk-.
   Общий файл (ТЗ-14): токены, темы, шапка, подвал, общие блоки. Стили разделов — css/<раздел>.css, подключаются после него. */
:root{
  --gk-bg:#F4F5F6;--gk-card:#FFFFFF;--gk-ink:#0D1117;--gk-mute:#57606A;--gk-line:#D0D5DA;
  --gk-acc:#FF8A00;--gk-acc-2:#FFB547;--gk-ok:#177A45;--gk-on-acc:#0D1117;--gk-acc-text:#A35200;
  /* «приборные» секции в светлой теме — светлый металл */
  --gk-panel:#E6EAEE;--gk-panel-card:#F7F8FA;--gk-panel-ink:#0D1117;--gk-panel-mute:#4E5761;
  --gk-panel-line:#C3CBD3;--gk-panel-glow:#FFFFFF;--gk-panel-grid:#D6DCE2;
  /* служебные: ошибка, текст на цветной плашке, нейтральная плашка, «холод» зимы, подложка фото */
  --gk-err:#B42318;--gk-on-ok:#FFFFFF;--gk-neutral:#8C96A1;--gk-on-neutral:#0D1117;--gk-cold:#1F6FAE;--gk-field-line:#7A848F;--gk-photo-bg:#FFFFFF;--gk-photo-edge:#E3E8ED;--gk-on-photo:#0D1117;--gk-on-dark:#E6EAEE;
  --gk-gutter:56px;--gk-gap:32px;--gk-section:64px;
  color-scheme:light;
}
/* тёмная: по настройке системы, если на сайте не выбрана светлая, или по выбору на сайте */
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){
  --gk-bg:#0B0E12;--gk-card:#141920;--gk-ink:#E6EAEE;--gk-mute:#8C96A1;--gk-line:#262E38;--gk-ok:#2FBF71;--gk-acc-text:#FF8A00;--gk-cold:#4AA3E8;
  --gk-on-ok:#0D1117;--gk-err:#F07A7A;--gk-field-line:#5A6674;
  --gk-panel:#0B0E12;--gk-panel-card:#141920;--gk-panel-ink:#E6EAEE;--gk-panel-mute:#8C96A1;
  --gk-panel-line:#262E38;--gk-panel-glow:#1B222B;--gk-panel-grid:#1A212A;
  color-scheme:dark;
}}
:root[data-theme=dark]{
  --gk-bg:#0B0E12;--gk-card:#141920;--gk-ink:#E6EAEE;--gk-mute:#8C96A1;--gk-line:#262E38;--gk-ok:#2FBF71;--gk-acc-text:#FF8A00;--gk-cold:#4AA3E8;
  --gk-on-ok:#0D1117;--gk-err:#F07A7A;--gk-field-line:#5A6674;
  --gk-panel:#0B0E12;--gk-panel-card:#141920;--gk-panel-ink:#E6EAEE;--gk-panel-mute:#8C96A1;
  --gk-panel-line:#262E38;--gk-panel-glow:#1B222B;--gk-panel-grid:#1A212A;
  color-scheme:dark;
}
@media (max-width:767px){:root{--gk-gutter:16px;--gk-gap:20px;--gk-section:32px}}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font:400 16px/1.5 Onest,system-ui,sans-serif;color:var(--gk-ink);background:var(--gk-bg)}
h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.015em;line-height:1.08}
h1{font-size:clamp(30px,4.2vw,56px)}
h2{font-size:clamp(21px,2.4vw,32px)}
h3{font-size:18px}
p{margin:0}
a{color:inherit}
img,svg{max-width:100%;height:auto}
.gk-mono{font-family:'JetBrains Mono',ui-monospace,monospace}
.gk-mute{color:var(--gk-mute)}
/* на светлом фоне чистый янтарь не проходит контраст; #A35200 — 4,6:1 и выше */
.gk-wrap{max-width:1440px;margin:0 auto;padding:0 var(--gk-gutter)}
.gk-section{padding:var(--gk-section) 0;display:flex;flex-direction:column;gap:var(--gk-gap)}
.gk-kicker{font:500 13px/1.3 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--gk-acc-text)}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* приборные секции — тёмные в обеих темах */
.gk-panel{--gk-ink:var(--gk-panel-ink);--gk-mute:var(--gk-panel-mute);--gk-line:var(--gk-panel-line);--gk-card:var(--gk-panel-card);
  position:relative;background:var(--gk-panel);color:var(--gk-panel-ink);overflow:hidden}
.gk-panel::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(40% 55% at 78% 45%,rgba(255,138,0,.2),transparent 70%),
  linear-gradient(var(--gk-panel-grid) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,var(--gk-panel-grid) 1px,transparent 1px) 0 0/32px 32px}
.gk-panel>*{position:relative}
/* шапка */
.gk-header{background:var(--gk-panel);color:var(--gk-panel-ink);border-bottom:1px solid var(--gk-panel-line)}
.gk-header .gk-wrap{display:flex;align-items:center;gap:28px;min-height:72px}
.gk-logo{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;font-size:21px;white-space:nowrap}
.gk-nav{display:flex;gap:24px;font-size:15px;font-weight:500}
.gk-nav a{text-decoration:none;padding:12px 0}
.gk-nav a:hover{color:var(--gk-acc-text)}
.gk-nav a[aria-current]{box-shadow:inset 0 -3px var(--gk-acc)}
.gk-search{flex-grow:1;max-width:460px;display:flex;align-items:center;gap:10px;border:1px solid var(--gk-panel-line);padding:0 14px;background:var(--gk-panel-card)}
.gk-search input{border:0;background:none;font:16px Onest,sans-serif;padding:12px 0;width:100%;color:var(--gk-panel-ink)}
.gk-icon-btn{display:flex;padding:12px;color:inherit}
@media (max-width:1023px){.gk-search{display:none}.gk-header .gk-wrap{gap:8px;min-height:60px;flex-wrap:wrap}.gk-logo{font-size:17px}.gk-nav{order:9;flex:1 0 100%;margin:0 calc(-1 * var(--gk-gutter));padding:0 var(--gk-gutter);gap:22px;overflow-x:auto;
    scrollbar-width:none;border-top:1px solid var(--gk-panel-line);white-space:nowrap}.gk-nav::-webkit-scrollbar{display:none}.gk-nav a{padding:12px 0;min-height:44px;display:flex;align-items:center}}
.gk-header-end{margin-left:auto;display:flex;align-items:center;gap:4px}
/* крошки */
.crumbs{font-size:13px;color:var(--gk-mute);display:flex;flex-wrap:wrap;gap:6px;padding-top:20px}
.crumbs a{color:var(--gk-mute);text-decoration:none}
.crumbs a:hover{color:var(--gk-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
/* разделитель — inline-block: подчёркивание ссылки на него не переходит */
.crumbs a::after{content:"/";display:inline-block;margin-left:6px;opacity:.5;text-decoration:none}
.crumbs [aria-current]{color:var(--gk-ink)}
.gk-panel .crumbs{padding-top:0}
/* кнопки и поля */
.gk-btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;font:700 16px Onest,sans-serif;padding:14px 24px;
  background:var(--gk-acc);color:var(--gk-on-acc);border:0;text-decoration:none;cursor:pointer;box-shadow:0 0 28px rgba(255,138,0,.35)}
.gk-btn:hover{background:var(--gk-acc-2)}
.gk-btn--ghost{background:none;color:var(--gk-ink);border:1px solid var(--gk-line);box-shadow:none;font-weight:500}
.gk-field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--gk-mute)}
.gk-field select,.gk-field input{font:16px Onest,sans-serif;padding:12px;border:1px solid var(--gk-field-line);background-color:var(--gk-card);color:var(--gk-ink)}
.gk-chip{display:inline-block;padding:8px 12px;border:1px solid var(--gk-line);font:500 14px 'JetBrains Mono',monospace;text-decoration:none}
.gk-chip--acc{border-color:var(--gk-acc);color:var(--gk-acc-text)}
.gk-chips{display:flex;flex-wrap:wrap;gap:8px}
/* герой */
.gk-hero{padding:56px 0 64px}
.gk-hero h1{font-size:clamp(34px,5vw,72px);line-height:1}
.gk-hero-lead{font-size:clamp(16px,1.4vw,19px);color:var(--gk-mute);max-width:600px}
.gk-legend i.dash{background:none;border-top:2px dashed var(--gk-mute)}
/* сетки, карточки */
.gk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.gk-split{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:40px}
@media (max-width:1023px){.gk-split{grid-template-columns:minmax(0,1fr)}}
.gk-card{background:var(--gk-card);border:1px solid var(--gk-line);padding:16px;display:flex;flex-direction:column;gap:10px}
.gk-card h3 a{text-decoration:none}
.gk-card h3 a:hover{color:var(--gk-acc-text)}
.gk-card-media{display:flex;justify-content:center;align-items:center;background:var(--gk-panel);aspect-ratio:1/1;padding:10px}
.gk-card-media img{width:100%;height:100%;object-fit:contain;background:var(--gk-photo-bg)}
.gk-price{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.gk-price b{font:700 22px 'JetBrains Mono',monospace}
.gk-price span{font-size:13px;color:var(--gk-mute)}
.gk-stock{font-size:13px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.gk-stock--in_stock::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gk-ok)}
.gk-stock--preorder::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gk-acc)}
.gk-stock--out_of_stock{color:var(--gk-mute)}
.gk-table-wrap{overflow-x:auto}
.gk-fits{display:flex;gap:12px;align-items:center;padding:12px;background:var(--gk-panel);color:var(--gk-panel-ink);font-size:14px}
.gk-map{border:1px solid var(--gk-line);width:100%;height:auto}
/* текст, FAQ, страницы */
.gk-text{max-width:760px;display:flex;flex-direction:column;gap:14px;font-size:17px;line-height:1.6}
.gk-faq details{border-bottom:1px solid var(--gk-line);padding:14px 0}
.gk-faq summary{font-weight:600;cursor:pointer}
.gk-pages{display:flex;gap:16px;align-items:center;justify-content:center;padding:24px 0}
.gk-pages a{padding:12px 16px;border:1px solid var(--gk-line);text-decoration:none}
/* подвал */
/* движение (DESIGN.md): только CSS, выключается по prefers-reduced-motion */
@keyframes gk-sweep{from{transform:rotate(-120deg)}to{transform:rotate(var(--to))}}
@keyframes gk-spin{to{transform:rotate(360deg)}}
@keyframes gk-draw{from{stroke-dashoffset:var(--len)}to{stroke-dashoffset:0}}
@keyframes gk-pulse{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes gk-ping{0%{r:4;opacity:.9}100%{r:16;opacity:0}}
@keyframes gk-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.gk-needle{transform-origin:50% 50%;transform-box:view-box;transform:rotate(var(--to));animation:gk-sweep 1.8s cubic-bezier(.2,.9,.2,1.15) both}
.gk-spin{transform-origin:50% 50%;transform-box:fill-box;animation:gk-spin 14s linear infinite}
.gk-draw{stroke-dasharray:var(--len);animation:gk-draw 2.2s ease-out both}
.gk-pulse{animation:gk-pulse 2.6s ease-in-out infinite}
.gk-ping{animation:gk-ping 2s ease-out infinite}
.gk-rise{animation:gk-rise .8s ease-out both}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* колонки сеток не растягиваются под ширину SVG: иначе на 390 px появляется горизонтальная прокрутка */
.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-cart-btn{position:relative}
.gk-cart-count{position:absolute;right:2px;top:2px;min-width:18px;height:18px;padding:0 4px;background:var(--gk-acc);color:var(--gk-on-acc);font:700 11px/18px 'JetBrains Mono',monospace;text-align:center}
.gk-messages{padding-top:16px}
.gk-msg{padding:12px 16px;border-left:3px solid var(--gk-ok);background:var(--gk-card);margin:0 0 8px}
.gk-msg--error{border-color:var(--gk-err)}
.gk-msg--warning{border-color:var(--gk-acc)}
.gk-form{display:flex;flex-direction:column;gap:16px;max-width:560px}
.gk-form textarea{font:16px Onest,sans-serif;padding:12px;border:1px solid var(--gk-line);background:var(--gk-card);color:var(--gk-ink)}
details>summary::-webkit-details-marker{display:none}
/* поля по способу получения: без JS, через :has(); в старых браузерах видны оба — это не ломает форму */
.gk-form:has(input[name=delivery][value=pickup]:checked) .gk-if-courier,
.gk-form:has(input[name=delivery][value=pickup]:checked) .gk-if-partner,
.gk-form:has(input[name=delivery][value=courier]:checked) .gk-if-partner,
.gk-form:has(input[name=delivery][value=partner]:checked) .gk-if-courier{display:none}
.gk-search-btn{display:none}
@media (max-width:1023px){.gk-search-btn{display:flex}}
.gk-search input::placeholder{color:var(--gk-panel-mute)}
/* логотип и переключатель темы */
.gk-only-dark{display:none}
:root[data-theme=dark] .gk-only-dark{display:inline-flex}
:root[data-theme=dark] .gk-only-light{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .gk-only-dark{display:inline-flex}:root:not([data-theme=light]) .gk-only-light{display:none}}
.gk-theme{display:flex;align-items:center;gap:6px;background:none;border:1px solid var(--gk-panel-line);color:var(--gk-panel-ink);font:500 13px Onest,sans-serif;padding:8px 10px;cursor:pointer}
.gk-theme svg{flex-shrink:0}
@media (max-width:767px){.gk-theme span{display:none}}
.gk-garage-bar{background:var(--gk-panel-card);border-bottom:1px solid var(--gk-line);font-size:14px}
.gk-garage-bar .gk-wrap{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;padding-top:8px;padding-bottom:8px}
.gk-fits-badge{align-self:flex-start;font:600 12px Onest,sans-serif;padding:4px 8px;background:var(--gk-ok);color:var(--gk-on-ok)}
/* статьи */
.gk-toc{position:sticky;top:16px;font-size:14px;border-left:3px solid var(--gk-acc);padding-left:14px}
.gk-toc ol{padding-left:18px;margin:8px 0 0;display:flex;flex-direction:column;gap:6px}
.gk-toc a{text-decoration:none}
.gk-toc a:hover{color:var(--gk-acc-text)}
.gk-article-body h2{font-size:clamp(22px,2.2vw,28px);margin-top:16px;scroll-margin-top:16px}
.gk-article-body h3{font-size:19px;margin-top:8px}
.gk-article-body table{border-collapse:collapse;font-size:15px}
.gk-article-body th,.gk-article-body td{border:1px solid var(--gk-line);padding:8px 10px;text-align:left}
.gk-article-body blockquote{margin:0;padding:12px 16px;border-left:3px solid var(--gk-acc);background:var(--gk-card)}
.gk-article-body ul,.gk-article-body ol{padding-left:22px;display:flex;flex-direction:column;gap:6px}
.gk-stars{--v:0;display:inline-block;font-size:16px;line-height:1;letter-spacing:2px;
  background:linear-gradient(90deg,var(--gk-acc) calc(var(--v) / 5 * 100%),var(--gk-line) 0);-webkit-background-clip:text;background-clip:text;color:transparent}
.gk-stars::before{content:"★★★★★"}
/* плотная раскладка (замечание владельца 25.09: «как можно меньше свободного пространства») */
:root{--gk-gap:24px;--gk-section:40px}
@media (max-width:767px){:root{--gk-gap:16px;--gk-section:24px}}
/* плотнее по всему сайту (25.09) */
h1{font-size:clamp(28px,3.4vw,46px)}
.gk-hero{padding:28px 0 36px}
.gk-hero h1{font-size:clamp(32px,4.2vw,60px)}
.gk-section{padding:var(--gk-section) 0;gap:20px}
.gk-wrap>.crumbs{padding-top:14px}
.gk-panel .gk-section{padding:32px 0}
.gk-dial{max-width:440px}
.gk-card{padding:14px;gap:8px}
.gk-card-media{aspect-ratio:4/3}
/* корзина на телефоне: картинка + название, ниже одной строкой кол-во, сумма, «убрать» */
@media (max-width:767px){.gk-section>.gk-btn,.gk-section>div>.gk-btn{width:100%}}
/* поля ввода не меньше 16 px — иначе iOS увеличивает страницу при фокусе (ТЗ-13) */
input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px}
.gk-label{font:500 11px/1.3 'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--gk-mute)}
[id]{scroll-margin-top:56px}
/* ---------- подвал: протектор сверху, крупные колонки, цифры каталога ---------- */
.gk-footer{position:relative;background:var(--gk-panel);color:var(--gk-panel-mute);font-size:15px;margin-top:48px;padding:0 0 28px}
.gk-footer a{color:var(--gk-panel-ink);text-decoration:none}
.gk-footer a:hover{color:var(--gk-acc-text,var(--gk-acc))}
.gk-foot-tread{height:14px;background:var(--gk-panel-line);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='14' viewBox='0 0 48 14'%3E%3Cpath d='M0 0h10l8 7-8 7H0l8-7zM24 0h10l8 7-8 7H24l8-7z'/%3E%3C/svg%3E") repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='14' viewBox='0 0 48 14'%3E%3Cpath d='M0 0h10l8 7-8 7H0l8-7zM24 0h10l8 7-8 7H24l8-7z'/%3E%3C/svg%3E") repeat-x;opacity:.9}
.gk-foot-top{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px 48px;padding:40px 0 32px;border-bottom:1px solid var(--gk-panel-line)}
.gk-foot-brand .gk-logo{font-size:24px}
.gk-foot-brand p{margin:14px 0 18px;max-width:46ch;line-height:1.55}
.gk-foot-search{display:flex;max-width:420px;border:1px solid var(--gk-panel-line);background:var(--gk-panel-card)}
.gk-foot-search label{flex:1;min-width:0}
.gk-foot-search input{width:100%;border:0;background:none;padding:12px 14px;font:500 16px 'JetBrains Mono',monospace;color:var(--gk-panel-ink)}
.gk-foot-search input:focus{outline:2px solid var(--gk-acc);outline-offset:-2px}
.gk-foot-search button{border:0;background:var(--gk-acc);color:var(--gk-on-acc);width:48px;cursor:pointer;display:grid;place-items:center}
.gk-foot-contacts{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:6px}
.gk-foot-phone{font:700 22px 'JetBrains Mono',monospace}
.gk-foot-contacts span{margin-left:10px;font-size:13px}
.gk-foot-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;margin:0;align-self:start;background:var(--gk-panel-line);border:1px solid var(--gk-panel-line)}
.gk-foot-stats>div{background:var(--gk-panel-card);padding:18px 18px 16px}
.gk-foot-stats dt{font:700 26px/1.1 'JetBrains Mono',monospace;color:var(--gk-panel-ink);letter-spacing:-.02em}
.gk-foot-stats dd{margin:6px 0 0;font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.gk-foot-cols{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px;padding:36px 0}
.gk-foot-col h2{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gk-panel-mute);margin:0 0 14px}
.gk-foot-col h2 a{color:inherit}
.gk-foot-col .gk-foot-h2-next{margin-top:26px}
.gk-foot-col ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.gk-foot-mono a{font:500 15px 'JetBrains Mono',monospace}
.gk-foot-inline{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px}
.gk-foot-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.gk-foot-chips a{padding:5px 8px;border:1px solid var(--gk-panel-line);font:500 13px 'JetBrains Mono',monospace}
.gk-foot-chips a:hover{border-color:var(--gk-acc)}
.gk-foot-cta{display:flex;gap:12px;align-items:center;margin-top:16px;padding:12px 14px;border:1px solid var(--gk-acc)}
.gk-foot-cta b{font:700 28px 'JetBrains Mono',monospace;color:var(--gk-acc-text,var(--gk-acc))}
.gk-foot-cta span{font-size:13px;color:var(--gk-panel-mute);line-height:1.35}
.gk-foot-bottom{display:flex;flex-wrap:wrap;gap:10px 28px;align-items:baseline;padding-top:20px;border-top:1px solid var(--gk-panel-line);font-size:13px}
.gk-foot-legal{display:flex;flex-wrap:wrap;gap:6px 20px}
.gk-foot-legal a{color:var(--gk-panel-mute);text-decoration:underline;text-underline-offset:3px}
.gk-foot-note{flex-basis:100%}
@media (max-width:1100px){.gk-foot-cols{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.gk-foot-top{grid-template-columns:minmax(0,1fr)}.gk-foot-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.gk-foot-col--partner{grid-column:1/-1}.gk-foot-cta{max-width:420px}.gk-foot-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.gk-foot-stats dt{font-size:21px}}
@media (max-width:420px){.gk-foot-inline{grid-template-columns:minmax(0,1fr)}}
/* =====================================================================
   Элементы форм в стиле сайта: список выбора, флажок, переключатель, числа, поиск, файл, раскрывашки.
   Список выбора: в Chromium (Chrome, Яндекс, Edge) — appearance:base-select, открытый список тоже наш;
   в Safari/Firefox закрытое поле наше, открывается системный список (на телефоне — колесо).
   ===================================================================== */
select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:36px!important;
  background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);
  background-position:calc(100% - 18px) 52%,calc(100% - 13px) 52%;background-size:5px 5px;background-repeat:no-repeat;
  border-radius:0;transition:border-color .15s,box-shadow .15s}
select:hover{border-color:var(--gk-mute)}
@supports (appearance:base-select){select,::picker(select){appearance:base-select}select{display:flex;align-items:center;gap:8px;background-image:none;padding-right:12px!important}select::picker-icon{content:"";flex:none;width:9px;height:9px;margin-left:auto;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
    transform:translateY(-2px) rotate(45deg);transition:transform .2s;color:var(--gk-mute)}select:open::picker-icon{transform:translateY(2px) rotate(225deg);color:var(--gk-acc-text)}select:open{border-color:var(--gk-acc)}::picker(select){border:1px solid var(--gk-line);background:var(--gk-card);color:var(--gk-ink);padding:4px;margin-top:4px;
    max-height:min(340px,60vh);box-shadow:0 14px 34px rgba(0,0,0,.28);scrollbar-width:thin;
    opacity:0;translate:0 -6px;transition:opacity .15s,translate .15s,display .15s allow-discrete,overlay .15s allow-discrete}select:open::picker(select){opacity:1;translate:0 0}@starting-style{select:open::picker(select){opacity:0;translate:0 -6px}}
select option{display:flex;align-items:center;gap:10px;padding:9px 10px;font:inherit;color:var(--gk-ink);cursor:pointer;min-height:40px}select option::checkmark{display:none}select option{border-left:3px solid transparent}select option:checked{border-left-color:var(--gk-acc);background:color-mix(in srgb,var(--gk-acc) 10%,transparent)}select option:hover,select option:focus-visible{background:var(--gk-bg);outline:none}select option:checked{color:var(--gk-acc-text);font-weight:700}}
/* флажок и переключатель */
input[type=checkbox],input[type=radio]{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin:0;flex:none;
  display:inline-grid;place-content:center;border:1.5px solid var(--gk-mute);background:var(--gk-card);cursor:pointer;
  transition:background-color .15s,border-color .15s,box-shadow .15s;vertical-align:middle}
input[type=checkbox]::before{content:"";width:12px;height:12px;background:var(--gk-on-acc);transform:scale(0);transition:transform .15s cubic-bezier(.3,1.6,.6,1);
  clip-path:polygon(14% 44%,0 59%,39% 100%,100% 22%,86% 8%,38% 70%)}
input[type=checkbox]:checked{background:var(--gk-acc);border-color:var(--gk-acc)}
input[type=checkbox]:checked::before{transform:scale(1)}
input[type=radio]{border-radius:50%}
input[type=radio]::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--gk-acc);transform:scale(0);transition:transform .15s cubic-bezier(.3,1.6,.6,1)}
input[type=radio]:checked{border-color:var(--gk-acc)}
input[type=radio]:checked::before{transform:scale(1)}
input[type=checkbox]:hover:not(:checked),input[type=radio]:hover:not(:checked){border-color:var(--gk-ink)}
input[type=checkbox]:disabled,input[type=radio]:disabled{opacity:.45;cursor:not-allowed}
/* фокус с клавиатуры — одинаковый янтарный контур у всего */
:where(input,select,textarea,button,summary,a):focus-visible{outline:2px solid var(--gk-acc);outline-offset:2px}
: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)}
/* числа без стрелок-крутилок, поиск без системного крестика */
input[type=number]{-moz-appearance:textfield;appearance:textfield}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input[type=search]{-webkit-appearance:none;appearance:none;border-radius:0}
input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;width:14px;height:14px;cursor:pointer;background:var(--gk-mute);
  clip-path:polygon(20% 10%,50% 40%,80% 10%,90% 20%,60% 50%,90% 80%,80% 90%,50% 60%,20% 90%,10% 80%,40% 50%,10% 20%)}
::placeholder{color:var(--gk-mute);opacity:.8}
/* выбор файла (каталог партнёра) */
input[type=file]{font:15px Onest,sans-serif;color:var(--gk-mute);max-width:100%}
input[type=file]::file-selector-button{font:600 15px Onest,sans-serif;padding:10px 16px;margin-right:12px;border:1px solid var(--gk-ink);
  background:transparent;color:var(--gk-ink);cursor:pointer;transition:background-color .15s,color .15s}
input[type=file]::file-selector-button:hover{background:var(--gk-ink);color:var(--gk-bg)}
/* раскрывашки: вопросы-ответы, «Не распознано», группы фильтров — стрелка поворачивается */
summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
.gk-faq summary,details:not([class])>summary{display:flex;align-items:center;justify-content:space-between;gap:12px}
.gk-faq summary::after,details:not([class])>summary::after{content:"";flex:none;width:8px;height:8px;
  border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg);transition:transform .2s;opacity:.6}
details[open]>.gk-faq-q::after,.gk-faq details[open]>summary::after,details:not([class])[open]>summary::after{transform:translateY(2px) rotate(225deg);opacity:1;color:var(--gk-acc-text)}
.gk-faq summary:hover{color:var(--gk-acc-text)}
details>:not(summary){animation:gk-open .2s ease-out}
@keyframes gk-open{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
/* кнопки-раскрывашки («Написать отзыв», «Купить в 1 клик») — стрелка внутри кнопки */
details>summary.gk-btn{gap:10px}
details>summary.gk-btn::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:translateY(-2px) rotate(45deg);transition:transform .2s}
details[open]>summary.gk-btn::after{transform:translateY(2px) rotate(225deg)}
textarea{resize:vertical;min-height:96px}
#gk-results{transition:opacity .15s}
/* фото моделей: прозрачный PNG шины на светлой «витринной» подложке в обеих темах */
.gk-photo{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;margin:0 auto}
.gk-card-media:has(.gk-photo){background:radial-gradient(circle at 50% 45%,var(--gk-photo-bg) 0,var(--gk-photo-edge) 78%);padding:10px}
/* ---------- блоки перелинковки: виджет с отступом от каталога ---------- */
.gk-linkgrid{margin-top:40px;padding:20px 22px 22px;background:var(--gk-card);border:1px solid var(--gk-line)}
.gk-linkgrid+.gk-linkgrid{margin-top:16px}
.gk-linkgrid-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}
.gk-linkgrid-head h2{font-size:20px;margin:0}
.gk-lg-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}
.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}
.gk-lg-tile:hover{border-color:var(--gk-acc);transform:translateY(-1px)}
.gk-lg-tile b{font-size:15px;line-height:1.25}
.gk-lg-tile b.gk-mono{font-size:16px}
.gk-lg-note{font-size:12px;color:var(--gk-mute)}
.gk-lg-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--gk-line)}
.gk-lg-bar::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:var(--gk-acc)}
@media (max-width:560px){.gk-linkgrid{padding:16px;margin-left:-16px;margin-right:-16px;border-left:0;border-right:0}.gk-lg-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gk-art-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.gk-art-tiles .gk-lg-tile{gap:6px;padding:14px}
.gk-card-media img.gk-photo{background:none}
/* шапка: пункты меню не переносятся и не наезжают — на узких экранах сжимаем отступы и убираем второстепенное */
.gk-nav a{white-space:nowrap}
.gk-nav{flex-shrink:0}
.gk-search{min-width:170px;flex-shrink:1}
.gk-logo{flex-shrink:0}
@media (max-width:1439px){.gk-header .gk-wrap{gap:20px}.gk-nav{gap:18px}}
@media (max-width:1279px){.gk-nav{gap:14px;font-size:14px}.gk-nav .gk-nav-extra{display:none}}
.gk-header-end,.gk-icon-btn,.gk-icon-btn svg,.gk-theme-btn{flex-shrink:0}
@media (max-width:1279px){.gk-search{min-width:140px}}
/* телефон: значки справа не сжимаются, уступает название сайта */
@media (max-width:1023px){.gk-logo{flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis}}
@media (max-width:400px){.gk-header .gk-wrap{gap:4px}.gk-logo{gap:8px;font-size:16px}}
.gk-art-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start;margin-top:28px}
.gk-art-main{min-width:0}
/* текст на всю колонку до боковой панели (просьба владельца 01.10: справа пустовало ~270 px);
   на широком экране шрифт крупнее, чтобы строка не растянулась сверх ~95 знаков */
.gk-art-main .gk-text{max-width:none}
@media (min-width:1200px){.gk-article-body{font-size:18px;line-height:1.7}}
.gk-art-side{display:flex;flex-direction:column;gap:14px}
.gk-side-card{padding:16px 18px;border:1px solid var(--gk-line);background:var(--gk-card)}
.gk-side-card>b{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gk-mute);margin-bottom:10px}
.gk-side-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:14px}
.gk-side-card a{text-decoration:none}
.gk-side-card a:hover{color:var(--gk-acc-text)}
.gk-toc{position:static;border-left:3px solid var(--gk-acc);padding-left:16px}
.gk-toc ol{counter-reset:toc;list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.gk-toc li{counter-increment:toc;display:grid;grid-template-columns:22px minmax(0,1fr);font-size:14px;line-height:1.35}
.gk-toc li::before{content:counter(toc);font:600 12px 'JetBrains Mono',monospace;color:var(--gk-acc-text);padding-top:2px}
.gk-toc-mobile{display:none;margin-bottom:18px}
.gk-toc-mobile summary{font-weight:700;display:flex;justify-content:space-between;align-items:center}
.gk-toc-mobile ol{counter-reset:toc;list-style:none;padding:12px 0 0;margin:0;display:flex;flex-direction:column;gap:8px}
.gk-toc-mobile li{counter-increment:toc;display:grid;grid-template-columns:22px minmax(0,1fr);font-size:15px}
.gk-toc-mobile li::before{content:counter(toc);font:600 12px 'JetBrains Mono',monospace;color:var(--gk-acc-text);padding-top:3px}
.gk-toc-mobile a{text-decoration:none}
.gk-side-link{display:block;padding:8px 0 0;font-weight:600;font-size:14px;color:var(--gk-acc-text)!important}
/* текст статьи: списки, таблицы, цитаты, врезки */
.gk-article-body{font-size:17px;line-height:1.7}
.gk-article-body>p{margin:0 0 16px}
.gk-article-body h2{margin:34px 0 12px;padding-top:6px}
.gk-article-body ul,.gk-article-body ol{margin:0 0 18px;padding:0;list-style:none;gap:9px}
.gk-article-body ul>li{position:relative;padding-left:26px}
.gk-article-body ul>li::before{content:"";position:absolute;left:4px;top:.72em;width:8px;height:8px;background:var(--gk-acc);transform:rotate(45deg)}
.gk-article-body ol{counter-reset:li}
.gk-article-body ol>li{counter-increment:li;position:relative;padding-left:36px}
.gk-article-body ol>li::before{content:counter(li);position:absolute;left:0;top:.15em;width:24px;height:24px;display:grid;place-items:center;
  border:1px solid var(--gk-acc);color:var(--gk-acc-text);font:700 13px 'JetBrains Mono',monospace}
.gk-article-body .gk-table-wrap{overflow-x:auto;margin:0 0 20px;border:1px solid var(--gk-line);-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.gk-article-body table{width:100%;min-width:480px;border-collapse:collapse;font-size:15px;background:var(--gk-card)}
.gk-article-body th,.gk-article-body td{border:0;border-bottom:1px solid var(--gk-line);padding:10px 14px;text-align:left;white-space:nowrap}
.gk-article-body thead th{background:var(--gk-panel);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--gk-mute)}
.gk-article-body tbody tr:nth-child(even){background:var(--gk-bg)}
.gk-article-body tbody tr:hover{background:color-mix(in srgb,var(--gk-acc) 8%,transparent)}
.gk-article-body td:first-child{font-weight:600}
.gk-article-body blockquote{position:relative;margin:24px 0;padding:22px 24px 20px 64px;border:0;border-left:4px solid var(--gk-acc);background:var(--gk-card);font-size:18px;line-height:1.55}
.gk-article-body blockquote::before{content:"«";position:absolute;left:18px;top:6px;font:800 52px/1 Onest,sans-serif;color:var(--gk-acc)}
.gk-article-body blockquote p{margin:0}
.gk-article-body blockquote cite{display:block;margin-top:10px;font-size:14px;font-style:normal;color:var(--gk-mute)}
.gk-article-body blockquote cite::before{content:"— "}
@media (max-width:1023px){.gk-art-layout{grid-template-columns:minmax(0,1fr)}.gk-art-side{position:static;max-height:none;overflow:visible}.gk-toc-desk{display:none}.gk-toc-mobile{display:block}}
@media (max-width:560px){.gk-article-body{font-size:16px}.gk-article-body blockquote{padding:18px 16px 16px 48px;font-size:16px}.gk-article-body blockquote::before{left:12px;font-size:40px}}
.gk-toc-mobile summary::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg);transition:transform .2s;margin-left:10px;opacity:.6}
.gk-toc-mobile[open] summary::after{transform:translateY(2px) rotate(225deg);color:var(--gk-acc-text);opacity:1}
.gk-toc-mobile summary .gk-mute{margin-left:auto}
/* цена в карточке: «от 25 040 ₽» не переносится; «4 × 6 260 ₽» уходит вниз, если тесно */
.gk-price{flex-wrap:wrap;row-gap:2px}
.gk-price b{white-space:nowrap}
.gk-card .gk-price b{font-size:clamp(18px,1.6vw,21px)}
.gk-price b small{font:600 13px Onest,sans-serif;color:var(--gk-mute);margin-right:4px}
.gk-price span{white-space:nowrap}
.gk-captcha{display:grid;gap:8px;padding:12px;border:1px solid var(--gk-acc);background:var(--gk-card)}
.gk-captcha img{background:var(--gk-photo-bg);border:1px solid var(--gk-line)}
.gk-consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45;color:var(--gk-mute)}
.gk-consent input{margin-top:1px}
.gk-consent a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.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}
.gk-cookie[hidden]{display:none}
.gk-cookie p{margin:0;flex:1 1 320px}
.gk-cookie-btns{display:flex;gap:8px;flex-wrap:wrap}
.gk-cookie .gk-btn{padding:10px 16px;font-size:14px;box-shadow:none}
@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-cookie p{flex-basis:100%}.gk-cookie-btns{flex:1}.gk-cookie .gk-btn{flex:1;padding:10px 12px}}
/* фото шин у good-wheels сняты «в край кадра»: даём воздух внутри светлой подложки, чтобы шина не упиралась в рамку */
img.gk-photo{box-sizing:border-box;padding:7%;object-fit:contain}
.gk-card-media:has(.gk-photo){padding:0}
/* подвал: цифры не вылезают из ячеек — ячейки не уже 180 px, при нехватке места переносятся */
.gk-foot-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.gk-foot-stats dt{font-size:clamp(19px,1.7vw,24px);white-space:nowrap}
.gk-foot-stats{display:flex;flex-wrap:wrap}
.gk-foot-stats>div{flex:1 1 180px}
.gk-logo-name{display:flex;flex-direction:column;line-height:1.05}
.gk-logo-name small{font:500 11px/1.2 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--gk-mute);margin-top:3px}
@media (max-width:1180px){.gk-logo-name small{display:none}}
/* страница поколения на телефоне: выноски на силуэте мелкие — их данные есть плашками выше; модификации — карточками */
@media (max-width:767px){.gk-car .gk-car-co{display:none}}
/* длинные адреса и коды не распирают страницу на телефоне (404, юридические тексты) */
code{overflow-wrap:anywhere}
/* цели касания на сенсорных экранах — не меньше 44 px (аудит 27.09) */
@media (pointer:coarse){.gk-foot-col ul{gap:0}.gk-foot-col ul a{display:inline-flex;align-items:center;min-height:44px}.gk-foot-chips a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px}.crumbs{gap:0 6px}.crumbs a{display:inline-flex;align-items:center;min-height:44px}.gk-theme{min-height:44px}}
.gk-skip{position:absolute;left:8px;top:-60px;z-index:100;padding:12px 16px;background:var(--gk-acc);color:var(--gk-on-acc);font-weight:600}
.gk-skip:focus{top:8px}
.gk-card-buy{margin-top:auto}
/* рейтинг магазина на Яндекс Картах: источник подписан, ссылка — на карточку магазина */
.gk-ya-rating{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--gk-mute);white-space:nowrap;margin-left:8px}
.gk-ya-rating b{color:var(--gk-ink)}
.gk-ya-rating .gk-stars{font-size:13px;letter-spacing:1px}
a.gk-ya-rating{text-decoration:none}
a.gk-ya-rating:hover .gk-ya-src{text-decoration:underline}
.gk-ya-src{font-size:12px}
p>.gk-ya-rating:first-child{margin-left:0}
/* источник рейтинга подсвечен: значок «Я» и подпись — рейтинг не наш, а с Яндекс Карт */
.gk-ya-src{display:inline-flex;align-items:center;gap:4px;padding:1px 6px 1px 2px;border:1px solid var(--gk-line);background:var(--gk-card);color:var(--gk-ink);font-size:12px}
.gk-ya-mark{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--gk-err);color:var(--gk-on-ok);font:700 11px/1 Onest,sans-serif}
/* таблицы статей на телефоне — в ширину экрана: заголовки колонок переносятся, подпись слева (28.09: третья колонка и подпись обрезались) */
.gk-article-body caption{caption-side:top;text-align:left;font-weight:600;padding:10px 14px;white-space:normal}
@media (max-width:767px){.gk-article-body table{min-width:0;font-size:14px}.gk-article-body th,.gk-article-body td{padding:8px 10px}.gk-article-body thead th{white-space:normal;font-size:11px;letter-spacing:.04em}.gk-article-body .gk-table-cards{overflow:visible;border:0}.gk-table-cards table,.gk-table-cards tbody,.gk-table-cards tr,.gk-table-cards td{display:block;width:100%;background:none}.gk-table-cards thead{display:none}.gk-table-cards caption{display:block;padding:0 0 10px}.gk-table-cards tr{border:1px solid var(--gk-line);background:var(--gk-card);padding:8px 12px;margin-bottom:8px}.gk-article-body .gk-table-cards td{display:flex;justify-content:space-between;gap:12px;border:0;padding:4px 0;white-space:normal;text-align:right}.gk-table-cards td::before{content:attr(data-label);color:var(--gk-mute);font-size:13px;font-weight:400;text-align:left;flex:0 0 42%}.gk-article-body .gk-table-cards td:first-child{display:block;font-size:16px;text-align:left;padding-bottom:6px}.gk-table-cards td:first-child::before{display:none}.gk-article-body td{white-space:normal}.gk-article-body .gk-table-wrap:not(.gk-table-cards) td:first-child{min-width:6.5em}.gk-article-body .gk-table-cards--long td{display:block;text-align:left;padding:5px 0}.gk-table-cards--long td::before{display:block;font-size:12px;margin-bottom:1px}.gk-article-body .gk-table-wrap:not(.gk-table-cards) th,.gk-article-body .gk-table-wrap:not(.gk-table-cards) td{padding:7px 6px}.gk-article-body .gk-table-dense table{font-size:13px}.gk-article-body .gk-table-dense th,.gk-article-body .gk-table-dense td{padding:6px 4px}.gk-article-body .gk-table-dense thead th{font-size:10px;letter-spacing:0}.gk-article-body .gk-table-dense thead th{text-transform:none;font-size:11px}.gk-article-body .gk-table-dense td:first-child{font-weight:600}.gk-article-body .gk-table-dense th:nth-child(odd),.gk-article-body .gk-table-dense td:nth-child(odd){padding-left:8px}.gk-article-body .gk-table-dense table{table-layout:fixed;width:100%;min-width:0}.gk-article-body .gk-table-dense th,.gk-article-body .gk-table-dense td{overflow-wrap:anywhere}.gk-article-body .gk-table-dense thead th{overflow-wrap:normal;font-size:10px;padding:6px 2px 6px 5px}}
/* ================= аудит 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-form textarea,.gk-form input,.gk-btn--ghost{border-color:var(--gk-field-line)}
/* ссылка в подсказке и в тексте карточек — с подчёркиванием: цветом от текста не отличается (WCAG 1.4.1) */
.gk-side-card p a{text-decoration:underline;text-underline-offset:3px}
/* фото на белом фоне — не белыми плашками на градиенте: в светлой теме белое растворяется в подложке */
/* только в светлой теме: явно выбранной или системной без выбора (в тёмной системной фото тускнели на сером) */
:root[data-theme="light"] .gk-photo{mix-blend-mode:multiply}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) .gk-photo{mix-blend-mode:multiply}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .gk-card-media:has(.gk-photo){background:var(--gk-photo-bg)}}
:root[data-theme="dark"] .gk-card-media:has(.gk-photo){background:var(--gk-photo-bg)}
/* капча — над согласием, рамка обычная, подложка как у фото */
.gk-captcha{border-color:var(--gk-field-line)}
.gk-captcha img{background:var(--gk-photo-bg);border-color:var(--gk-line);max-width:100%;height:auto}
/* статьи: 18 px на широком экране (правило выше перебивалось .gk-article-body{17px}); врезки и рисунки */
@media (min-width:1200px){.gk-article-body{font-size:18px}}
.gk-article-body figure{margin:24px 0}
.gk-article-body figure img{display:block;width:100%;height:auto}
.gk-article-body figcaption{margin-top:8px;font-size:14px;color:var(--gk-mute)}
/* на 1024–1199 боковая панель уже — колонке текста хватает места для таблиц */
@media (min-width:1024px) and (max-width:1199px){.gk-art-layout{grid-template-columns:minmax(0,1fr) 250px;gap:28px}}
/* содержание едет вместе с текстом — справа не пустые 6000 px */
@media (min-width:1024px){.gk-art-side{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto}}
.gk-text h2+.gk-faq,.gk-text>.gk-faq,.gk-faq{margin-top:34px}
/* подвал: четыре цифры в один ряд (или 2×2), а не 3 + 1 */
.gk-foot-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:900px){.gk-foot-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* мелкие подписи — не меньше 13 px (DESIGN.md) */
.gk-label{font-size:12px}
.gk-lg-note,.gk-ya-src,.gk-side-card>b{font-size:13px}
/* анимация появления карточек: не дольше четверти секунды в любой сетке */
.gk-grid>.gk-rise:nth-child(n+4){animation-delay:.25s!important}
/* бесконечные анимации графики — три круга и стоп (WCAG 2.2.2); «уменьшить движение» их и так выключает */
.gk-spin,.gk-pulse,.gk-ping{animation-iteration-count:3!important}
@media (max-width:420px){.gk-ya-mark{flex:none}}
@media (max-width:400px){.gk-logo-name small{display:none}.gk-theme span{display:none}.gk-theme{width:44px;padding:0;justify-content:center}.gk-header-end{gap:0}.gk-nav{gap:14px}}
/* меню на телефоне прокручивается — край затухает, видно, что пунктов больше */
@media (max-width:1023px){.gk-nav{-webkit-mask-image:linear-gradient(to right,black 85%,transparent);mask-image:linear-gradient(to right,black 85%,transparent);padding-right:32px}}
/* широкие таблицы карточками: значение — обычным текстом с переносом, подпись слева; размер не рвётся */
@media (max-width:767px){.gk-article-body .gk-table-cards td{display:block;overflow:hidden;text-align:right}.gk-table-cards td::before{float:left;width:42%;margin-right:12px}.gk-table-cards td a{white-space:nowrap}}
/* цели касания на сенсорных экранах (аудит 02.10, дополнение к 27.09) */
@media (pointer:coarse){.crumbs{align-items:center}.crumbs [aria-current]{display:inline-flex;align-items:center;min-height:44px}.gk-foot-col ul a{padding:4px 0}.gk-side-link{display:flex;align-items:center;min-height:44px}.gk-side-card ul a,.gk-toc a{display:inline-flex;align-items:center;min-height:40px}details>summary{min-height:44px;display:flex;align-items:center}.gk-chip{min-height:44px;display:inline-flex;align-items:center}.gk-label a,a.gk-label{display:inline-flex;align-items:center;min-height:44px}}
/* рейтинг Яндекса сразу за названием магазина — с отступом, а не вплотную («1-shina.ru★★★★») */
p>.gk-ya-rating:first-child{margin-left:8px}
/* узкий телефон (360): логотип и четыре значка в одну строку — значки 40 px шириной (высота 44), логотип меньше */
@media (max-width:380px){.gk-logo{gap:6px;font-size:15px}.gk-logo svg{width:34px;height:34px}.gk-icon-btn{padding:12px 8px}.gk-theme{width:40px}.gk-header .gk-wrap{gap:2px}}