/* ============================
   Slick Slider (Cleaned)
============================ */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: 2px solid var(--accent, #ff4f01); /* accessible focus */
}
.slick-list.dragging {
  cursor: grab;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* ============================
   Custom "style1" animation
============================ */
.slick_slider.style1 .ttm-box-col-wrapper.slick-slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  height: fit-content;
  width: 700px !important;
  max-width: 100%;
  margin: auto !important;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  transition: transform 0.7s ease, opacity 1s ease;
  pointer-events: none;
}
.slick_slider.style1 .ttm-box-col-wrapper.slick-slide.slick-active {
  opacity: 0.6;
  pointer-events: auto;
}
.slick_slider.style1 .ttm-box-col-wrapper.slick-slide.slick-current.slick-active.slick-center {
  opacity: 1;
}

.slick_slider.style1 .slick-list {
  height: 60vh; /* responsive height */
  min-height: 320px;
  perspective: 1000px;
}
.slick_slider.style1 .slick-list .slick-track {
  height: 100%;
  transform: translateZ(-288px);
  transform-style: preserve-3d;
  transition: transform 1s ease;
}