/* ===== Product Tabs Section ===== */
.cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs {
  box-sizing: border-box;
  width: 100%;
}

.cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-top: var(--pt-top-m, 2rem);
  padding-bottom: 1.5rem;
}

.cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__title {
  text-align: center;
  color: var(--kombos-gray-900);
}

/* Tab buttons on the first rows, the active panel on a later row.
   The renderer wrappers and each tab root are display:contents, so every
   button and panel is a direct grid item of this element. */
.cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__tabs {
  display: grid;
  grid-template-columns: repeat(var(--mobile-tab-cols), minmax(0, 1fr));
  column-gap: var(--t-colgap, 0.5rem);
  row-gap: 0;
}

.cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__tabs > *, .cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__tabs > * > *, .cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__tabs > * > * > *, .cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tab {
  display: contents;
}

.cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tab__button {
  /* Sizes for this breakpoint (tablet here; mobile and desktop below) */
  --_t: var(--t-tab-h, 3.5rem); /* tab height */
  --_h: var(--t-img-h, 3rem); /* image height */
  --_x: var(--t-img-x, 0.25rem); /* image to tab edge */
  --_px: 0.625rem; /* label to tab edge */
  --_y: var(--t-img-y, 0rem); /* image moved up */
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  min-height: var(--_t);
  margin-top: var(--t-tab-mt, 0);
  margin-bottom: var(--t-tab-mb, 0.75rem);
  padding: 0 var(--_x) 0 var(--_px);
  border: 0;
  border-radius: 0.75rem;
  background: var(--tab-bg, var(--kombos-gray-100));
  color: var(--tab-text, var(--kombos-gray-700));
  text-align: left;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tab__button:hover {
  background: var(--tab-bg-hover, var(--kombos-gray-200));
}

/* One line; cut with "…" if it does not fit next to the image */
.cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tab__label {
  flex: 1 1 auto;
  min-width: 0;
  padding-block: 0.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Product image is part of the layout, so the label never runs under it.
   Negative margins let it stick out of the tab without making the tab taller. */
.cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tab__image {
  flex: none;
  display: block;
  height: var(--_h);
  width: auto;
  max-width: calc(var(--_h) * 1.2);
  margin-block: calc((var(--_t) - var(--_h)) / 2);
  object-fit: contain;
  transform: translateY(calc(-1 * var(--_y)));
  filter: drop-shadow(0 6px 8px rgba(0, 0, 0, 0.25));
  pointer-events: none;
}

/* Editor font size for the tab label */
.cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__tabs[data-tab-fs] .kombos-product-tab__label {
  font-size: var(--fs);
  line-height: 1.3;
}

/* Panel: hidden unless its tab is active, always on a row below the buttons */
.cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tab__panel {
  display: none;
  grid-column: 1 / -1;
  grid-row: 100;
  margin-top: 0.25rem;
}

/* Active tab: dark button, image moves to the left, text to the right.
   Before the tabs report their own state the first tab is shown. */
.cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tab--active .kombos-product-tab__panel, .cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__tabs:not([data-ready]) > * > * > :first-child .kombos-product-tab__panel {
  display: block;
}

.cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tab--active .kombos-product-tab__button, .cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__tabs:not([data-ready]) > * > * > :first-child .kombos-product-tab__button {
  flex-direction: row-reverse;
  padding: 0 var(--_px) 0 var(--_x);
  background: var(--tab-active-bg, var(--swiss-gold));
  color: var(--tab-active-text, var(--kombos-gray-900));
  text-align: right;
}

/* Card options set on the section */
.cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__tabs[data-hide-variants] .kombos-product-tab__variants, .cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__tabs[data-hide-rating] .kombos-product-tab__rating {
  display: none;
}

.cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__tabs[data-align="center"] .kombos-product-tab__content {
  align-items: center;
  text-align: center;
}

.cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__tabs[data-align="center"] .kombos-product-tab__price, .cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__tabs[data-align="center"] .kombos-product-tab__price-current {
  align-items: center;
}

.cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__tabs[data-align="right"] .kombos-product-tab__content {
  align-items: flex-end;
  text-align: right;
}

.cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__tabs[data-align="right"] .kombos-product-tab__price {
  align-items: flex-end;
}

/* Product grid: columns x rows items are shown, the rest sit in zero-height
   implicit rows and are clipped (CSS only, so there is no layout shift). */
.cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tab__grid {
  display: grid;
  grid-template-columns: repeat(var(--mobile-cols), minmax(0, 1fr));
  grid-template-rows: repeat(var(--mobile-rows), auto);
  grid-auto-rows: 0;
  column-gap: 1rem;
  row-gap: 0;
  overflow: hidden;
  margin-bottom: -1rem;
}

.cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tab__card {
  display: flex;
  min-width: 0;
  margin-bottom: 1rem;
}

/* Grid lines: outer frame on the grid, right/bottom border on each card */
.cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs--lines .kombos-product-tab__grid {
  column-gap: 0;
  margin-bottom: 0;
  border-top: 1px solid var(--grid-line-color, var(--kombos-gray-200));
  border-left: 1px solid var(--grid-line-color, var(--kombos-gray-200));
}

.cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs--lines .kombos-product-tab__card {
  margin-bottom: 0;
  border-right: 1px solid var(--grid-line-color, var(--kombos-gray-200));
  border-bottom: 1px solid var(--grid-line-color, var(--kombos-gray-200));
}

/* Editor font sizes (see utils/fontSize.ts) */
.cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__title.kombos-fs {
  font-size: var(--fs);
  line-height: 1.3;
}

/* Card name and price sizes set on the section (desktop value applies everywhere unless overridden) */
.cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__tabs[data-name-fs] .kombos-product-tab__name {
  font-size: var(--name-fs);
  line-height: 1.3;
}

.cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__tabs[data-price-fs] .kombos-product-tab__price-current {
  font-size: var(--price-fs);
  line-height: 1.3;
}

/* Tablet (768px - 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
  .cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__tabs[data-tab-fs-t] .kombos-product-tab__label {
    font-size: var(--fs-t);
    line-height: 1.3;
  }

  .cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__title.kombos-fs-t {
    font-size: var(--fs-t);
    line-height: 1.3;
  }

  .cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__tabs[data-name-fs-t] .kombos-product-tab__name {
    font-size: var(--name-fs-t);
    line-height: 1.3;
  }

  .cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__tabs[data-price-fs-t] .kombos-product-tab__price-current {
    font-size: var(--price-fs-t);
    line-height: 1.3;
  }
}

/* Mobile (below 768px) */
@media (max-width: 767px) {
  .cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__tabs[data-tab-fs-m] .kombos-product-tab__label {
    font-size: var(--fs-m);
    line-height: 1.3;
  }

  .cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__title.kombos-fs-m {
    font-size: var(--fs-m);
    line-height: 1.3;
  }

  .cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__tabs[data-name-fs-m] .kombos-product-tab__name {
    font-size: var(--name-fs-m);
    line-height: 1.3;
  }

  .cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__tabs[data-price-fs-m] .kombos-product-tab__price-current {
    font-size: var(--price-fs-m);
    line-height: 1.3;
  }
}

/* ===== Mobile (<768px): low tab, product image bigger than the tab =====
   Sizes come from the editor (Sekme Görseli group); defaults follow the
   bigjoy.com.tr mobile reference: 40px tab, 56px image sticking out 16px. */
@media (max-width: 767px) {
  .cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tab__button {
    --_t: var(--m-tab-h, 2.5rem);
    --_h: var(--m-img-h, 3.5rem);
    --_x: var(--m-img-x, 0.125rem);
    --_px: 0.875rem;
    --_y: var(--m-img-y, 0rem);
    margin-top: var(--m-tab-mt, 0.625rem); /* room for the image that sticks out on top */
    margin-bottom: var(--m-tab-mb, 0.375rem);
  }

  /* Editor: Mobil — Sütun arası boşluk */
  .cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__tabs {
    column-gap: var(--m-tab-colgap, 0.5rem);
  }

  /* Image sits on the bottom edge and sticks out on top */
  .cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tab__image {
    align-self: flex-end;
    margin-top: calc(var(--_t) - var(--_h));
    margin-bottom: 0;
    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.25));
  }
}

/* ===== Tablet (>=768px) ===== */
@media (min-width: 768px) {
  .cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__wrapper {
    padding-top: var(--pt-top-t, 2rem);
    padding-bottom: 2rem;
  }

  .cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__tabs {
    grid-template-columns: repeat(var(--tab-cols-tablet), minmax(0, 1fr));
  }

  .cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tab__grid {
    grid-template-columns: repeat(var(--cols-tablet), minmax(0, 1fr));
    grid-template-rows: repeat(var(--rows), auto);
  }
}

/* ===== Desktop (>=1024px) ===== */
@media (min-width: 1024px) {
  .cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__wrapper {
    padding-top: var(--pt-top-d, 2rem);
  }

  .cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__tabs {
    column-gap: var(--d-colgap, 0.75rem);
  }

  /* Wide buttons: the original roomy tab with the larger product image */
  .cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tab__button {
    --_t: var(--d-tab-h, 4.5rem);
    --_h: var(--d-img-h, 5rem);
    --_x: var(--d-img-x, 0.5rem);
    --_y: var(--d-img-y, 0rem);
    margin-top: var(--d-tab-mt, 0);
    --_px: 1.25rem;
    margin-bottom: var(--d-tab-mb, 1.25rem);
  }

  .cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__tabs {
    grid-template-columns: repeat(var(--tab-cols), minmax(0, 1fr));
  }

  .cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tab__grid {
    grid-template-columns: repeat(var(--cols), minmax(0, 1fr));
  }
}

/* Editor font weights (see utils/fontSize.ts) */
.cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__tabs[data-tab-fw] .kombos-product-tab__label {
  font-weight: var(--fw);
}

.cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__tabs[data-name-fw] .kombos-product-tab__name {
  font-weight: var(--name-fw);
}

.cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__tabs[data-price-fw] .kombos-product-tab__price-current {
  font-weight: var(--price-fw);
}

/* Card image settings (editor: Görsel Oranı / Görsel Sığdırma) — same options as the product slider */
.cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__tabs .kombos-product-card__media {
  aspect-ratio: var(--pt-ar) !important;
  object-fit: var(--pt-of) !important;
}

/* Card button settings (editor: hide / always show) */
.cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__tabs[data-hide-atc] .kombos-product-card__actions {
  display: none;
}

@media (hover: hover) and (min-width: 1024px) {
  .cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__tabs[data-always-atc] .kombos-product-card__actions {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Old (struck-through) price: editor size / weight / color */
.cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__tabs[data-old-fs] .kombos-product-tab__price-old {
  font-size: var(--old-fs);
}

.cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__tabs[data-old-fw] .kombos-product-tab__price-old {
  font-weight: var(--old-fw);
}

.cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__tabs .kombos-product-tab__price-old {
  color: var(--old-price-color, var(--site-card-old-color, var(--kombos-discount-bg)));
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__tabs[data-old-fs-t] .kombos-product-tab__price-old {
    font-size: var(--old-fs-t);
  }
}

@media (max-width: 767px) {
  .cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__tabs[data-old-fs-m] .kombos-product-tab__price-old {
    font-size: var(--old-fs-m);
  }
}

/* Bölüm başlığı: Yazı Stilleri + Tema Ayarları renkleri (utils/siteTypography.ts); bölümün kendi ayarı önce gelir */
.cc_amhW5dNJ3P_wSBENF6yiu .kombos-product-tabs__title {
  color: var(--site-title-color, var(--kombos-gray-900));
}