/* Start:/local/templates/kronostime2022/components/bitrix/news.list/why2026/style.css?17903504204124*/
/* Блок «Почему выбирают KronosTime» (главная). Всё под префиксом .kt-why — соседей не задевает.
   Вёрстка и размеры — макет, одобренный Денисом 25.09.2026; шрифты — гарнитуры сайта. */
.kt-why{margin:24px 0 8px;background:#fff;border-radius:16px;padding:32px 24px;text-align:center;color:#1a1a1a;box-sizing:border-box}
.kt-why__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.kt-why__list:focus-visible{outline:2px solid #1a1a1a;outline-offset:4px;border-radius:12px}
.kt-why__item{padding:0 16px;margin:0}
.kt-why__item+.kt-why__item{border-left:1px solid #ececec}
.kt-why__icon{width:72px;height:72px;margin:0 auto 18px;border-radius:50%;background:#f4f4f5;display:flex;align-items:center;justify-content:center}
.kt-why__icon svg{width:36px;height:36px;fill:none;stroke:#1a1a1a;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.kt-why__name{margin:0 0 8px;font:16px/1.3 'montserratsemibold',Arial,sans-serif;color:#1a1a1a;text-transform:none;letter-spacing:0}
.kt-why__text{margin:0;font:14px/1.45 'montserratregular',Arial,sans-serif;color:#6b6b73}
.kt-why__rating{display:inline-flex;align-items:center;gap:14px;margin-top:32px;padding:10px 22px;border:1px solid #e3e3e6;border-radius:999px;color:#1a1a1a;text-decoration:none;font:14px/1.3 'montserratregular',Arial,sans-serif}
a.kt-why__rating:hover,a.kt-why__rating:focus-visible{border-color:#1a1a1a;color:#1a1a1a;text-decoration:none}
.kt-why__score{font:18px/1 'montserratbold',Arial,sans-serif}
.kt-why__sep{width:1px;height:22px;background:#e3e3e6}
.kt-why__stars{color:#e30613;letter-spacing:2px;font-size:17px;line-height:1}
.kt-why__ext{width:18px;height:18px;fill:none;stroke:#1a1a1a;stroke-width:1.6}
.kt-why__meta{display:inline-flex;align-items:center;gap:10px}
.kt-why__count{white-space:nowrap}
.kt-why__dots{display:none}

@media (min-width:768px) and (max-width:1024px){.kt-why{padding-left:12px;padding-right:12px}.kt-why__item{padding:0 10px}}
@media (max-width:767px){
  .kt-why{display:flex;flex-direction:column;margin:16px 0 8px;padding:20px 0 20px;border-radius:12px}
    .kt-why__rating{order:3;align-self:center;margin:16px 16px 0;gap:10px;padding:8px 16px;font-size:12px;max-width:calc(100% - 32px);box-sizing:border-box}
  .kt-why__rating .kt-why__sep:nth-of-type(2){display:none}
  .kt-why__meta{display:flex;flex-direction:column;align-items:flex-start;gap:2px;line-height:1.3}
  .kt-why__list{order:1;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;
    padding:0 16px;scroll-padding:0 16px;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
  .kt-why__list::-webkit-scrollbar{display:none}
  .kt-why__item,.kt-why__item+.kt-why__item{flex:0 0 calc((100% - 12px - 24px) / 2);min-width:136px;box-sizing:border-box;
    scroll-snap-align:start;scroll-snap-stop:always;border:1px solid #ececec;border-radius:12px;padding:18px 10px}
  .kt-why__icon{width:56px;height:56px;margin-bottom:12px}
  .kt-why__icon svg{width:28px;height:28px}
  .kt-why__name{font-size:14px}
  .kt-why__text{font-size:12.5px}
  .kt-why__dots{order:2;display:flex;justify-content:center;gap:10px;margin-top:16px}
  .kt-why__dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#d6d6da;cursor:pointer}
  .kt-why__dot[aria-current="true"]{background:#1a1a1a}
  .kt-why__dot:focus-visible{outline:2px solid #1a1a1a;outline-offset:3px}
  /* без JS точки занимают место (нет сдвига при запуске), но не видны и не нажимаются */
  .kt-why:not([data-why-init]) .kt-why__dots{visibility:hidden}
}
@media (max-width:374px){
  .kt-why__rating{padding:8px 12px;gap:8px;font-size:11.5px}
  .kt-why__item,.kt-why__item+.kt-why__item{flex-basis:calc((100% - 8px) / 2);min-width:0;padding:16px 6px}
  .kt-why__list{gap:8px}
  .kt-why__name{font-size:13px}
  .kt-why__text{font-size:12px}
}
@media (prefers-reduced-motion:reduce){.kt-why__list{scroll-behavior:auto}}

/* End */
/* /local/templates/kronostime2022/components/bitrix/news.list/why2026/style.css?17903504204124 */