@charset "UTF-8";

/* ============================================
   SLIDER FIX — gap-based gutter (Slick-safe via JS patch)
   ============================================ */

#slider + div .gallery_single_slider,
#slider + div .slick-list,
#slider + div .slick-track {
  overflow: hidden !important;
}

#slider + div .slick-track {
  display: flex !important;
  align-items: stretch !important;
  gap: 10px !important; /* fixed px, not % — must match GAP in JS below */
}

#slider + div .inner_item {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
}

#slider + div .inner_item > span {
  display: block !important;
  width: 100% !important;
  height: 239.541px !important;
  overflow: hidden !important;
}

#slider + div .inner_item > span img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

#slider + div .inner_item_txt,
#slider + div .heading {
  margin-top: 10px !important;
}

#slider + div .heading.block_header_4 .h {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 0 !important;
  color: var(--i_main_color);
}

#slider + div .gallery_single_slider .inner_item p {
  padding-top: 0 !important;
  margin: 0 !important;
}

/* SP: when only 1 slide shows, no gap needed */
@media screen and (max-width: 449px) {
  #slider + div .slick-track {
    gap: 0 !important;
  }
}