.container_slide {
  padding: 15px 0 0px 0px !important;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}

.slider_wrap {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}

/* Jangan override display track — slick hitung width sendiri */
.slider_wrap :global(.slick-slider),
.slider_wrap :global(.slick-list) {
  width: 100%;
  overflow: hidden;
}

.slider_wrap :global(.slick-slide) {
  height: auto;
  box-sizing: border-box;
}

/* Override globals.css — jangan hide link di slide tetangga (biar swipe tidak blank putih) */
.slider_wrap :global(.slick-slide[aria-hidden="true"] a),
.slider_wrap :global(.slick-slide[aria-hidden="false"] a) {
  visibility: visible !important;
}

.slider_wrap :global(.slick-slide > div) {
  width: 100%;
  height: 100%;
}

.item {
  width: 100%;
  box-sizing: border-box;
  padding: 0 4px;
}

.item_inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.item_link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-decoration: none;
  color: inherit;
  -webkit-user-drag: none;
  user-select: none;
}

.icon_section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 5px 0 10px;
}

.icon_image {
  border-radius: 50%;
  padding: 2.5px;
  background: linear-gradient(to right, #dfc8e7, #ab90ba);
  position: relative;
  pointer-events: none;
  -webkit-user-drag: none;
  width: 85px !important;
  height: 85px !important;
  object-fit: cover;
}

.title {
  padding: 8px 0;
  font-size: 0.85rem;
  text-align: center;
}