/* ==========================================================================
   Главная — компактная лента дропов над шапкой (index.html)

   Та же лента (drophub.drops.js + правила .kz-dh в home.css), просто ниже:
   92 → 68px, карточки 100 → 76px. Шаг раскладки скрипт берёт из
   --dh-step, иначе карточки лежали бы с дырами по старому шагу. На
   телефоне лента и так 45px — её не трогаем.
   ========================================================================== */
/* ── Цвета ленты (на всех ширинах) ──
   Было: почти чёрная полоса #0B0C10 и карточки, затянутые тёмным на 90 %,
   цвет редкости еле проступал. Стало: полоса в тон фиолетовой палитре
   главной (--ht-*), карточки светлее, заливка редкости вдвое плотнее и
   чище, подпись читается. */
.ht-home .kz-dh { padding-left: 0; background: #1C1438; border-bottom-color: rgba(167, 139, 250, .18); }   /* без столбика сортировки */
.ht-home .kz-dh__it {
  background: linear-gradient(180deg, rgba(58, 46, 108, .35), rgba(44, 36, 82, .7) 55%, rgba(34, 27, 62, .92));
}
.ht-home .kz-dh__name { opacity: .8; }
.ht-home .kz-dh__top { background: #251C48; }
.ht-home .kz-dh__top-name i { opacity: .65; }

.ht-home .kz-dh__it.rare::before,       .ht-home .kz-dh__top.rare::before       { background: linear-gradient(180deg, rgba(255,193,90,.7),  rgba(255,193,90,.22) 90%); }
.ht-home .kz-dh__it.covert::before,     .ht-home .kz-dh__top.covert::before     { background: linear-gradient(180deg, rgba(255,84,112,.7),  rgba(255,84,112,.22) 90%); }
.ht-home .kz-dh__it.classified::before, .ht-home .kz-dh__top.classified::before { background: linear-gradient(180deg, rgba(222,92,240,.7),  rgba(222,92,240,.22) 90%); }
.ht-home .kz-dh__it.restricted::before, .ht-home .kz-dh__top.restricted::before { background: linear-gradient(180deg, rgba(160,108,255,.7), rgba(160,108,255,.22) 90%); }
.ht-home .kz-dh__it.milspec::before,    .ht-home .kz-dh__top.milspec::before    { background: linear-gradient(180deg, rgba(92,134,255,.7),  rgba(92,134,255,.22) 90%); }
.ht-home .kz-dh__it.uncommon::before,   .ht-home .kz-dh__top.uncommon::before   { background: linear-gradient(180deg, rgba(100,170,225,.65), rgba(100,170,225,.2) 90%); }
.ht-home .kz-dh__it.common::before,     .ht-home .kz-dh__top.common::before     { background: linear-gradient(180deg, rgba(150,160,190,.55), rgba(150,160,190,.18) 90%); }

@media (min-width: 761px) {
  .ht-home .kz-dh { --dh-step: 78px; height: 68px; }

  /* карточка лучшего дропа */
  .ht-home .kz-dh__top { width: 168px; padding: 8px 10px; }
  .ht-home .kz-dh__top-descr { font-size: 10px; line-height: 12px; margin-bottom: 4px; }
  .ht-home .kz-dh__top-name i { font-size: 10px; line-height: 12px; }
  .ht-home .kz-dh__top-name b { font-size: 11px; line-height: 13px; }
  .ht-home .kz-dh__top-item img { width: 66px; margin-top: -3px; }

  /* ряд карточек */
  .ht-home .kz-dh__items { height: 70px; }
  .ht-home .kz-dh__it { width: 76px; height: 68px; }
  .ht-home .kz-dh__pic { padding-top: 7px; }
  .ht-home .kz-dh__pic img { height: 42px; max-width: 70px; }
  .ht-home .kz-dh__name { bottom: 6px; padding: 0 6px; font-size: 11px; line-height: 12px; }

  /* подсказка при наведении — под новую высоту */
  .ht-home .kz-dh__tip { height: 68px; padding-bottom: 6px; }
  .ht-home .kz-dh__tip-case { top: 7px; }
  .ht-home .kz-dh__tip-case img { height: 42px; }
  .ht-home .kz-dh__tip-user b { max-width: 70px; }
}