/* ================================
   #catSliderHome — SLIDER (desktop + mobile)
   ================================ */

#catSliderHome{
  position: relative !important;
  overflow: visible !important;
}

/* nagłówek */
#catSliderHome .catSlider__head{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
  margin-bottom: 24px !important;
}

#catSliderHome .catSlider__title{
  font-family: var(--font-family-headline, var(--font-family, Arial)) !important;
  font-size: var(--menu-categories-5-title-font-size, 2.5rem) !important;
  font-weight: 400 !important;
  color: var(--headline-color, #333) !important;
  text-transform: uppercase !important;
  letter-spacing: .18em !important;
  margin: 0 !important;
  line-height: 1.1 !important;
}

/* TRACK */
#catSliderHome .catSlider__track{
  display:flex !important;
  flex-wrap:nowrap !important;

  gap:16px !important;

  overflow-x:auto !important;
  overflow-y:hidden !important;
  -webkit-overflow-scrolling:touch !important;
  scroll-behavior:smooth !important;

  /* miejsce wewnątrz, żeby kafelki były "między strzałkami" */
  padding: 0 56px 12px !important;

  margin:0 !important;
  scrollbar-width:none !important;
}
#catSliderHome .catSlider__track::-webkit-scrollbar{ width:0 !important; height:0 !important; }

/* slajd */
#catSliderHome .catSlider__item{
  flex: 0 0 clamp(180px, 20vw, 230px) !important;
  text-decoration:none !important;
  color:inherit !important;
}

/* ramka obrazka */
#catSliderHome .catSlider__imgWrap{
  background:#F0F1F2 !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  border-radius:4px !important;
  overflow:hidden !important;

  height:130px !important;
  width:100% !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
}
#catSliderHome .catSlider__imgWrap img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block !important;
}

#catSliderHome .catSlider__label{
  display:block !important;
  margin-top:10px !important;
  text-align:left !important;
  font-weight:600 !important;
  font-size:14px !important;
  line-height:1.2 !important;
  padding-left: 4px !important;
}

/* ================================
   STRZAŁKI — używamy .catSlider__btn
   (ładne + nie nachodzą na kafelki)
   ================================ */

#catSliderHome .catSlider__nav{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top: 50% !important;              /* w pionie w okolicach slidera */
  transform: translateY(-10%) !important;
  z-index:10 !important;

  pointer-events:none !important;
}

/* same buttony */
#catSliderHome .catSlider__btn{
  pointer-events:auto !important;

  position:absolute !important;
  top: 0 !important;

  width:40px !important;
  height:40px !important;
  border-radius:999px !important;

  background: rgba(255,255,255,.95) !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  box-shadow: 0 10px 20px rgba(0,0,0,.10) !important;

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

  font-size:22px !important;
  line-height:1 !important;
  color:#333 !important;

  cursor:pointer !important;
}

/* ustawiamy je „poza” kafelkami */
#catSliderHome .catSlider__btn[data-dir="-1"]{
  left: 0 !important;
  transform: translateX(-50%) !important; /* połowa na zewnątrz */
}
#catSliderHome .catSlider__btn[data-dir="1"]{
  right: 0 !important;
  transform: translateX(50%) !important;  /* połowa na zewnątrz */
}

#catSliderHome .catSlider__btn.is-disabled,
#catSliderHome .catSlider__btn:disabled{
  opacity:.35 !important;
  cursor:default !important;
}

/* MOBILE: niższa ramka + chowamy strzałki (swipe działa) */
@media (max-width:575px){
  #catSliderHome .catSlider__track{ padding: 0 12px 12px !important; }
  #catSliderHome .catSlider__imgWrap{ height:94px !important; }
  #catSliderHome .catSlider__nav{ display:none !important; }
}


/*-------------USP------------*/

#menu_banners3 .menu_button_wrapper img{
  align-items: center;
  justify-content: center;
  width: 160px !important;
  height: auto !important;
}

@media (max-width: 575px){
  #menu_banners3 .menu_button_wrapper img{
    width: 120px !important;
  }
}