/* Shared sub-component styles (needed for the standalone `build`; dev/publish also collect them automatically) */
/* Skipped (covered by shared chunk CSS): ../../sub-components/ProductSliderTrack/styles.css */
/* Skipped (covered by shared chunk CSS): ../../sub-components/ProductCard/styles.css */
/* Skipped (covered by shared chunk CSS): ../../sub-components/SectionHeading/styles.css */
/* Skipped (covered by shared chunk CSS): ../../sub-components/ProductRowBanner/styles.css */

.cc_IL8kZ8X4b2_multi_tab_product_slider .multi-tab-product-slider {
  width: 100%;
  padding: var(--sec-pt, var(--space-lg)) 0 var(--sec-pb, var(--space-lg));
  color: var(--slider-text-color, var(--color-text-primary));
}

@media (min-width: 1024px) {
  .cc_IL8kZ8X4b2_multi_tab_product_slider .multi-tab-product-slider {
    padding: var(--sec-pt, var(--space-xl)) 0 var(--sec-pb, var(--space-xl));
  }
}

.cc_IL8kZ8X4b2_multi_tab_product_slider .multi-tab-product-slider-inner {
  max-width: var(--container-max, 1280px);
  margin: 0 auto;
  padding: 0 var(--container-gutter, 16px);
}

.cc_IL8kZ8X4b2_multi_tab_product_slider .multi-tab-product-slider .rb-sh-title {
  color: var(--slider-text-color, var(--color-text-primary));
}

.cc_IL8kZ8X4b2_multi_tab_product_slider .multi-tab-product-slider .rb-sh::after {
  background: var(--slider-accent, var(--color-accent));
}

/* Tabs: compact chips; active one filled with the accent */
.cc_IL8kZ8X4b2_multi_tab_product_slider .mtps-tabs {
  display: flex;
  gap: 6px;
  max-width: 100%;
  overflow-x: auto;
  scrollbar-width: none;
  padding: 2px;
}

.cc_IL8kZ8X4b2_multi_tab_product_slider .mtps-tabs::-webkit-scrollbar {
  display: none;
}

.cc_IL8kZ8X4b2_multi_tab_product_slider .mtps-tab {
  flex: 0 0 auto;
  min-height: 40px;
  padding: 6px 14px;
  border: 1px solid var(--color-border);
  border-radius: 999px;
  background: var(--color-surface);
  font-family: var(--font-body);
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  color: var(--slider-tab-inactive, var(--color-text-secondary));
  cursor: pointer;
}

.cc_IL8kZ8X4b2_multi_tab_product_slider .mtps-tab:hover {
  border-color: var(--slider-accent, var(--color-accent));
  color: var(--slider-tab-active, var(--color-text-primary));
}

.cc_IL8kZ8X4b2_multi_tab_product_slider .mtps-tab.is-active {
  border-color: var(--slider-accent, var(--color-accent));
  background: var(--slider-accent, var(--color-accent));
  color: #FFFFFF;
}

.cc_IL8kZ8X4b2_multi_tab_product_slider .mtps-tab:focus-visible {
  outline: 2px solid var(--slider-accent, var(--color-accent));
  outline-offset: 2px;
}

@media (prefers-reduced-motion: no-preference) {
  .cc_IL8kZ8X4b2_multi_tab_product_slider .mtps-tab {
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
  }
}

@media (max-width: 767px) {
  .cc_IL8kZ8X4b2_multi_tab_product_slider .multi-tab-product-slider .rb-sh-side {
    width: 100%;
  }
  .cc_IL8kZ8X4b2_multi_tab_product_slider .mtps-tabs {
    flex: 1 1 auto;
    min-width: 0;
  }
  /* keep "Tümünü Gör" beside the title; tabs get the full row below */
  .cc_IL8kZ8X4b2_multi_tab_product_slider .multi-tab-product-slider .rb-sh-all {
    position: absolute;
    top: 2px;
    right: 0;
  }
  .cc_IL8kZ8X4b2_multi_tab_product_slider .multi-tab-product-slider .rb-sh-text {
    padding-right: 96px;
  }
}
