/* =========================================================
   📄 /styles_core/front/banya_small.css
   Стили блока «Баня с купелью»
   ========================================================= */

/* === CUPel SLIDER === */

.banya-cupel-slider{
  position:relative;
}

.banya-cupel-gallery{
  display:flex;
  gap:var(--space-4);

  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;

  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}

.banya-cupel-gallery::-webkit-scrollbar{
  display:none;
}

.banya-cupel-item{
  flex:0 0 100%;
  scroll-snap-align:start;
  border-radius:var(--radius-lg);
  overflow:hidden;
}

.banya-cupel-item img{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  display:block;
}

/* стрелки */

.banya-cupel-slider .impression-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:5;
}

.banya-cupel-prev{ left:12px; }
.banya-cupel-next{ right:12px; }


/* =========================================================
   📱 MOBILE — КУПЕЛЬ
   ========================================================= */

@media (max-width: 900px){

  .banya-cupel-grid{
    grid-template-columns:1fr;
    gap:var(--space-6);
  }

  .banya-cupel-slider{
    order:1;
  }

  .banya-cupel-content{
    order:2;
    max-width:100%;
        padding-left:var(--space-4);
    padding-right:var(--space-4);
  }

}