/* =========================================================
   ӨЛЕҢ БӨЛІМДЕРІ — ДҰРЫС НҰСҚА
   5 карточка бір қатарда тұрады.
   Иконка мәтінді қыспайды.
   Ұлттық құндылықтар толық көрінеді.
   ========================================================= */

.home-only .category-grid.home-cats{
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 22px !important;
  align-items: stretch !important;
  max-width: 100% !important;
}

.home-only .category-card{
  position: relative !important;
  min-width: 0 !important;
  min-height: 150px !important;
  height: 100% !important;

  padding: 22px 22px 20px !important;
  border-radius: 18px !important;

  background: rgba(255, 253, 249, .92) !important;
  border: 1px solid #ead6be !important;
  box-shadow: 0 14px 30px rgba(45, 25, 7, .075) !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 8px !important;

  overflow: hidden !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

.home-only .category-card:hover{
  transform: translateY(-3px) !important;
  box-shadow: 0 20px 44px rgba(45, 25, 7, .12) !important;
  border-color: rgba(210, 151, 82, .9) !important;
}

/* Иконка файлдары өзгермейді, тек орналасуы түзеледі */
.home-only .category-card .cat-icon{
  position: absolute !important;
  top: 22px !important;
  left: 22px !important;

  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;

  font-size: 30px !important;
  line-height: 1 !important;
  color: #e5a14a !important;

  overflow: visible !important;
}

/* Тақырып иконкадан кейін басталады, бірақ тым тарылмайды */
.home-only .category-card strong{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;

  padding-left: 48px !important;
  min-height: 42px !important;

  font-size: 18px !important;
  line-height: 1.16 !important;
  margin: 0 0 4px !important;

  color: #061f3f !important;
  letter-spacing: 0 !important;

  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  hyphens: none !important;
}

/* Сипаттама толық енмен тұрсын */
.home-only .category-card p{
  width: 100% !important;
  max-width: 100% !important;

  font-size: 14px !important;
  line-height: 1.42 !important;
  margin: 0 !important;

  color: #21364f !important;
  font-weight: 600 !important;

  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  overflow: visible !important;
}

/* Сілтеме төменде біркелкі тұрсын */
.home-only .category-card .card-link{
  margin-top: auto !important;
  padding-top: 8px !important;

  display: inline-flex !important;
  align-items: center !important;

  color: #b66317 !important;
  font-size: 14.5px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;

  white-space: nowrap !important;
}

/* 1180px төмен болғанда ғана 3 карточкадан */
@media (max-width: 1180px){
  .home-only .category-grid.home-cats{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Планшетте 2 карточка */
@media (max-width: 820px){
  .home-only .category-grid.home-cats{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Телефонда 1 карточка */
@media (max-width: 560px){
  .home-only .category-grid.home-cats{
    grid-template-columns: 1fr !important;
  }

  .home-only .category-card{
    min-height: auto !important;
  }
}
.video-mini-placeholder{
    width:100%;
    height:120px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    background:
        radial-gradient(circle at 30% 20%, rgba(255,255,255,.65), transparent 34%),
        linear-gradient(135deg, #fff3d8 0%, #e1a14a 45%, #7b4718 100%);
    box-shadow:0 12px 24px rgba(61,34,8,.10);
}

.video-mini-placeholder .video-mini-play{
    width:52px;
    height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#082a52;
    color:#fff;
    font-size:20px;
    box-shadow:0 12px 26px rgba(8,42,82,.24);
}


/* =========================================================
   Басты бет — видеолар thumbnail FIX
   Егер видеоға сурет жоқ болса, placeholder көрінеді.
   Егер сурет бар болса, қысылмай cover болып шығады.
   ========================================================= */

.home-only .video-mini{
    position:relative !important;
    overflow:hidden !important;
}

.home-only .video-mini img,
.home-only .video-mini .video-mini-placeholder{
    width:100% !important;
    height:120px !important;
    display:block !important;
    border-radius:16px !important;
}

.home-only .video-mini img{
    object-fit:cover !important;
    object-position:center center !important;
}

.home-only .video-mini .video-mini-placeholder{
    background:
        radial-gradient(circle at 28% 18%, rgba(255,255,255,.68), transparent 34%),
        linear-gradient(135deg, #fff3d8 0%, #e1a14a 46%, #7b4718 100%) !important;
    box-shadow:0 12px 24px rgba(61,34,8,.10) !important;
}