/* TASK-1080 (25.10.2026) — отзывы на главной heavytop во всю ширину экрана (chunks/home-rating-task1023.tpl).
   Полоса фоном от края до края, внутри — контейнер страницы: шапка (5,0 · звёзды · заголовок · ссылки)
   и четыре отзыва целиком. Все правила в два класса: тема держит div{display:flex} и body{text-align:justify}. */
.kkr.kkr{display:block;width:100%;margin:48px 0 0;padding:44px 0 48px;background:#F4F6F9;border-top:1px solid #E6EAEF;border-bottom:1px solid #E6EAEF;text-align:left;box-sizing:border-box}
.kkr .kkr__page{display:block}
.kkr .kkr__head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px 28px;margin-bottom:26px}
.kkr .kkr__score{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding-right:28px;border-right:1px solid #DCE2E9}
.kkr .kkr__num{font-size:52px;line-height:1;font-weight:800;letter-spacing:-.02em;color:#1F2B38}
.kkr .kkr__stars,.kkr .kkr__card .kkr-card__stars{display:flex;gap:3px}
.kkr .kkr__stars svg{width:22px;height:22px;fill:#F5A623}
.kkr .kkr__titles{display:flex;flex-direction:column;gap:6px;min-width:0}
.kkr .kkr__title{margin:0;font-size:32px;line-height:1.15;font-weight:800;color:#1F2B38}
.kkr .kkr__sub{font-size:16px;color:#5F6B7A}
.kkr .kkr__links{display:flex;align-items:center;gap:18px}
.kkr .kkr__btn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 22px;border-radius:10px;background:#F35809;color:#fff;font-size:16px;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .2s}
.kkr .kkr__btn:hover{background:#D94D05;color:#fff}
.kkr .kkr__btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.kkr .kkr__ext{font-size:15px;font-weight:600;color:#1F2B38;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.kkr .kkr__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.kkr .kkr-card{display:flex;flex-direction:column;gap:14px;padding:22px 22px 20px;background:#fff;border:1px solid #E4E9EF;border-radius:14px;box-shadow:0 2px 10px rgba(31,43,56,.04)}
.kkr .kkr-card__stars{display:flex;gap:2px}
.kkr .kkr-card__stars svg{width:17px;height:17px;fill:#F5A623}
.kkr .kkr-card__text{flex:1 1 auto;margin:0;font-size:15px;line-height:1.55;color:#2B3642;text-align:left}
.kkr .kkr-card__meta{font-size:13.5px;color:#5F6B7A}
.kkr .kkr-card__meta b{color:#1F2B38;font-weight:700}
@media (max-width:1279px){
  .kkr .kkr__list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  .kkr.kkr{margin-top:32px;padding:28px 0 30px}
  .kkr .kkr__head{grid-template-columns:auto 1fr;gap:14px 16px;margin-bottom:18px}
  .kkr .kkr__score{padding-right:16px}
  .kkr .kkr__num{font-size:40px}
  .kkr .kkr__stars svg{width:16px;height:16px}
  .kkr .kkr__title{font-size:22px}
  .kkr .kkr__sub{font-size:13px}
  .kkr .kkr__links{grid-column:1 / -1;justify-content:space-between}
  .kkr .kkr__btn{flex:1 1 auto;justify-content:center;height:44px}
  /* на телефоне — лента вбок, по карточке на 86 % ширины, край следующей виден */
  .kkr .kkr__list{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:86%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:6px;margin:0 -16px;padding-left:16px;padding-right:16px;scroll-padding-left:16px}
  .kkr .kkr-card{scroll-snap-align:start;padding:18px}
  .kkr .kkr-card__text{font-size:14.5px}
}
/* тема отзыва: фото и ссылка на раздел или товар, о котором отзыв */
.kkr .kkr-card__topic{display:flex;align-items:center;gap:12px;margin-top:2px;padding:10px 12px;border:1px solid #E4E9EF;border-radius:12px;background:#F8FAFC;color:#1F2B38;text-decoration:none;transition:border-color .2s,background .2s}
.kkr .kkr-card__topic:hover{border-color:#F35809;background:#FFF6F0;color:#1F2B38}
.kkr .kkr-card__topic img{flex:none;width:56px;height:56px;object-fit:contain;background:#fff;border-radius:8px}
.kkr .kkr-card__topic span{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}
.kkr .kkr-card__topic small{font-size:12px;color:#5F6B7A}
.kkr .kkr-card__topic b{font-size:14.5px;font-weight:700;line-height:1.25}
.kkr .kkr-card__topic svg{flex:none;width:18px;height:18px;fill:none;stroke:#F35809;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* TASK-1098: kontrast knopki po pravilu TASK-0989 - #f35809 + belyj zhirnyj 18.7px (krupnyj tekst, porog 3:1) */
main > section.kkr a.kkr__btn{font-size:18.7px}