/* TASK-1080 — плитки разделов на первом экране главной heavytop (вместо малого слайдера).
   Вид — плитка страниц «Мебель для …» (kk-venue.css, TASK-1077), подогнанный под ячейку
   слайдера: высота 360 px, как у «Товара дня» справа. 7 плиток = 3 сверху + 4 снизу.
   Все правила в два класса: тема держит div{display:flex} и body{text-align:justify}. */
.hh .kkh-sections{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;height:360px;text-align:left}
.hh .kkh-sections > .kkh-tile{grid-column:span 4}
.hh .kkh-sections--n7 > .kkh-tile:nth-child(n+4){grid-column:span 3}
.hh .kkh-tile{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-areas:"title img" "desc img" "meta img";grid-template-rows:auto 1fr auto;gap:6px 10px;padding:16px 16px 14px 18px;min-width:0;min-height:0;background:#fff;border:1px solid #E4E9EF;border-radius:12px;color:#1F2B38;text-decoration:none;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.hh .kkh-tile:hover{border-color:#B8C4D2;box-shadow:0 6px 20px rgba(31,43,56,.08);color:#1F2B38}
.hh .kkh-tile__title{grid-area:title;display:block;font-size:19px;line-height:1.2;font-weight:700}
.hh .kkh-sections--n7 > .kkh-tile:nth-child(n+4) .kkh-tile__title{font-size:17px}
.hh .kkh-tile__desc{grid-area:desc;display:block;font-size:12.5px;line-height:1.35;color:#6B7785}
.hh .kkh-tile__img{grid-area:img;display:block;width:100%;height:100%;min-height:0;object-fit:contain;object-position:center;transition:transform .35s ease}
.hh .kkh-tile:hover .kkh-tile__img{transform:scale(1.03)}
.hh .kkh-tile__meta{grid-area:meta;display:flex;justify-content:space-between;align-items:flex-end;gap:6px}
.hh .kkh-tile__meta > span:first-child{display:block;flex:1 1 auto;min-width:0}
.hh .kkh-tile__price{display:block;font-size:16px;font-weight:700;white-space:nowrap;color:#BB4B00}
.hh .kkh-tile__count{display:block;margin-top:1px;font-size:12.5px;color:#6B7785;white-space:nowrap}
.hh .kkh-tile__go{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid #E4E9EF;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s}
.hh .kkh-ic{width:16px;height:16px;fill:none;stroke:#F35809;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:stroke .2s}
.hh .kkh-tile:hover .kkh-tile__go{background:#F35809;border-color:#F35809}
.hh .kkh-tile:hover .kkh-ic{stroke:#fff}
/* нижний ряд уже — описание в одну-две строки, цена мельче */
.hh .kkh-sections--n7 > .kkh-tile:nth-child(n+4){padding:14px 12px 12px 14px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.hh .kkh-sections--n7 > .kkh-tile:nth-child(n+4) .kkh-tile__desc{font-size:12px}
.hh .kkh-sections--n7 > .kkh-tile:nth-child(n+4) .kkh-tile__price{font-size:15px}
@media (max-width:1279px){
  .hh .kkh-tile__desc{display:none}
  .hh .kkh-tile{grid-template-areas:"title img" "meta img";grid-template-rows:1fr auto}
}
/* TASK-1080, 25.10 (Дмитрий): полоса отзывов ушла вниз — второй блок выше на её место (360 → 480 px),
   плитки и «Товар дня» крупнее. */
.hh .kkh-sections{height:480px;gap:14px}
.hh .hh-daily{height:480px}
.hh .hh-daily .hh-daily__pic{height:250px}
.hh .kkh-tile{padding:22px 22px 18px 24px;gap:8px 14px}
.hh .kkh-tile__title{font-size:22px}
.hh .kkh-sections--n7 > .kkh-tile:nth-child(n+4) .kkh-tile__title{font-size:19px}
.hh .kkh-tile__desc{font-size:14px;line-height:1.4}
.hh .kkh-sections--n7 > .kkh-tile:nth-child(n+4){padding:18px 16px 16px 18px}
.hh .kkh-sections--n7 > .kkh-tile:nth-child(n+4) .kkh-tile__desc{font-size:13px}
.hh .kkh-tile__price{font-size:18px}
.hh .kkh-sections--n7 > .kkh-tile:nth-child(n+4) .kkh-tile__price{font-size:17px}
.hh .kkh-tile__count{font-size:14px}
.hh .kkh-tile__go{width:42px;height:42px}
.hh .kkh-ic{width:18px;height:18px}
/* строка «цена · стрелка» — на всю ширину плитки: в узком нижнем ряду стрелка наезжала на цену */
.hh .kkh-tile,.hh .kkh-sections--n7 > .kkh-tile:nth-child(n+4){grid-template-areas:"title img" "desc img" "meta meta";grid-template-rows:auto 1fr auto}
@media (max-width:1439px){
  .hh .kkh-tile__desc,.hh .kkh-sections--n7 > .kkh-tile:nth-child(n+4) .kkh-tile__desc{font-size:12.5px;line-height:1.35}
  .hh .kkh-sections--n7 > .kkh-tile:nth-child(n+4) .kkh-tile__title{font-size:18px}
}
/* TASK-1080, 25.10 (Дмитрий): второй блок ЦЕЛИКОМ — плитки, «Товар дня» и полоса «19 лет на рынке» — в один экран.
   100vh − шапка сайта (~150) − полоса цифр с отступом (~150) − поля (~30) = высота ряда плиток; от 380 до 760 px. */
/* 25.10, второй заход: у блока серый фон с полями 28 px сверху и снизу — поля вычтены из высоты */
.hh .kkh-sections,.hh .hh-daily{height:clamp(360px,calc(100vh - 355px),740px)}
.hh .hh-daily .hh-daily__pic{flex:1 1 auto;height:auto;min-height:0}
.hh .hh-daily .hh-daily__body{flex:none}
@media (min-height:960px){
  .hh .kkh-tile__title{font-size:24px}
  .hh .kkh-sections--n7 > .kkh-tile:nth-child(n+4) .kkh-tile__title{font-size:20px}
  .hh .kkh-tile__price{font-size:20px}
}
/* высокий экран: плитка в столбик — заголовок и описание сверху, фото крупно в середине, цена внизу (без пустот) */
@media (min-height:880px){
  .hh .kkh-tile,.hh .kkh-sections--n7 > .kkh-tile:nth-child(n+4){grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "desc" "img" "meta";grid-template-rows:auto auto minmax(0,1fr) auto;gap:6px}
  .hh .kkh-tile__img{padding:8px 0 4px}
}
/* низкий экран: ряд плиток ниже 480 — описание мельче, фото «Товара дня» меньше */
@media (max-height:879px){
  .hh .kkh-tile{padding:14px 16px 12px 18px}
  .hh .kkh-tile__title{font-size:19px}
  .hh .kkh-sections--n7 > .kkh-tile:nth-child(n+4) .kkh-tile__title{font-size:17px}
  .hh .kkh-tile__desc,.hh .kkh-sections--n7 > .kkh-tile:nth-child(n+4) .kkh-tile__desc{font-size:12.5px;line-height:1.35}
  .hh .kkh-tile__price{font-size:16px}
  .hh .kkh-sections--n7 > .kkh-tile:nth-child(n+4) .kkh-tile__price{font-size:15px}
  .hh .kkh-tile__count{font-size:12.5px}
  .hh .kkh-tile__go{width:34px;height:34px}
}