/* Kids — ссылки на отзывы площадок (23.10.2026): общий блок главной и «Врачей». Источник — прототип Codex v5 «Квадратики по два»
   (src/review-options.css, вариант 1, последние правила): сетка не шире 356 px, 2 колонки, карточка не больше 172 × 172 на всех
   ширинах, только логотип и «Читать отзывы». Классы kro-, без зависимостей от kids-home-v2.css.
   24.10 (Василий: «горизонтально, в один ряд»): все 6 в один ряд, квадрат 172 px; где ряд не влезает (уже 1100 px) — тот же ряд
   листается пальцем вбок внутри блока, страница вбок не едет. padding 4px — чтобы рамка фокуса и тень не обрезались прокруткой; тонкая полоса прокрутки — подсказка мышью на узком ноутбуке. */
.kro-grid{display:grid;grid-auto-flow:column;grid-auto-columns:172px;gap:12px;max-width:1100px;margin:0 auto;padding:4px;box-sizing:border-box;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:4px;overscroll-behavior-x:contain;scrollbar-width:thin;font-family:Gilroy,Arial,sans-serif}
.kro-grid>.kro-card{scroll-snap-align:start}
@media(max-width:600px){.kro-grid{grid-auto-columns:144px;gap:10px}.kro-grid>.kro-card{padding:16px 6px}}   /* телефон: 144 — третья карточка выглядывает (подсказка листать), логотип ПроДокторов ≥ 15 px */
.kro-card{aspect-ratio:1;min-width:0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:16px 13px;border-radius:20px;border:1px solid transparent;color:#302941;text-decoration:none;transition:border-color .18s,box-shadow .18s}
.kro-card:hover{color:#302941;border-color:#b5a1ce;box-shadow:0 8px 20px #66549f0d}
.kro-card:focus-visible{outline:3px solid #66549f;outline-offset:3px}
.kro-rose{background:#f9eeef}
.kro-sky{background:#eaf1fa}
.kro-green{background:#eef4e4}
.kro-logo{display:flex;align-items:center;width:100%;height:48px;margin:8px 0 4px}
.kro-logo img{display:block;width:auto;height:auto;max-width:100%;max-height:35px;object-fit:contain;object-position:left center}
.kro-action{display:flex;justify-content:space-between;align-items:center;gap:4px;width:100%;min-height:32px;padding-top:9px;border-top:1px solid #66549f20;font-size:12px;font-weight:700;line-height:1.2;color:#66549f;white-space:nowrap}
.kro-action svg{width:15px;height:15px;flex-shrink:0;fill:currentColor}
.cooperation .kro-grid{margin:40px auto 48px}   /* «Врачи»: между текстом «Нам доверяют» и слайдером отзывов */
@media(max-width:600px){.cooperation .kro-grid{margin:28px auto 32px}}
@media(prefers-reduced-motion:reduce){.kro-card{transition:none}}