/* ============================================================
   HOMEPAGE BLOG — HORIZONTÁLNY SCROLL (ako sekcia produktov)
   homepage-blog-scroll.css
   Pridať POSLEDNÝ — prepisuje blog-fix-final.css
   ============================================================ */

/* ── VŠETKY VEĽKOSTI: flex scroll kontajner ─────────────────── */
#page_home_out .bo-blog-list {
  display:                    flex !important;
  flex-wrap:                  nowrap !important;
  overflow-x:                 auto !important;
  overflow-y:                 hidden !important;
  scroll-snap-type:           x mandatory !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width:            none !important;
  -ms-overflow-style:         none !important;
  gap:                        20px !important;
  align-items:                stretch !important;
  justify-content:            center !important;
  margin-bottom:              24px !important;
  padding-bottom:             4px !important;
  /* zruš grid z blog-fix-final */
  grid-template-columns:      unset !important;
}

#page_home_out .bo-blog-list::-webkit-scrollbar {
  display: none !important;
}

/* ── DESKTOP (> 768px): karta 320 px ────────────────────────── */
#page_home_out .bo-blog-item {
  flex:           0 0 320px !important;
  width:          320px !important;
  min-width:      320px !important;
  max-width:      320px !important;
  scroll-snap-align: start !important;
  display:        flex !important;
  flex-direction: column !important;
}

#page_home_out .bo-blog-img {
  aspect-ratio: 4 / 3 !important;
  width:        100% !important;
  overflow:     hidden !important;
  flex-shrink:  0 !important;
}

#page_home_out .bo-blog-img img {
  width:       100% !important;
  height:      100% !important;
  object-fit:  cover !important;
  display:     block !important;
}

/* ── MOBIL (≤ 768px): karta 75 vw ──────────────────────────── */
@media (max-width: 768px) {
  #page_home_out .bo-blog-wrap {
    padding-left:  0 !important;
    padding-right: 0 !important;
  }

  #page_home_out .bo-blog-list {
    gap:             14px !important;
    padding-left:    16px !important;
    padding-right:   16px !important;
    justify-content: flex-start !important;  /* nechaj scroll od ľava */
    /* zruš 1fr z blog-fix-final mobil */
    grid-template-columns: unset !important;
  }

  #page_home_out .bo-blog-item {
    flex:      0 0 75vw !important;
    width:     75vw !important;
    min-width: 75vw !important;
    max-width: 75vw !important;
  }
}

/* ── EXTRA MALÉ (≤ 380px) ───────────────────────────────────── */
@media (max-width: 380px) {
  #page_home_out .bo-blog-list {
    gap:           10px !important;
    padding-left:  12px !important;
    padding-right: 12px !important;
    grid-template-columns: unset !important;
  }

  #page_home_out .bo-blog-item {
    flex:      0 0 82vw !important;
    width:     82vw !important;
    min-width: 82vw !important;
    max-width: 82vw !important;
  }
}