/* ===== Ürün bilgi penceresi ===== */

/*
 * Beden tablosu penceresiyle aynı davranış: HER genişlikte ekranın
 * ortasında açılıyor. Önce mobilde alttan çıkan çekmeceydi; ürün
 * sayfasındaki üç pencere (beden tablosu, özellikler, açıklama) farklı
 * açılınca sayfa tutarsız duruyordu.
 */

.cc_AH7GXA16Q3_DAtLaNHF9t .kig-im, .cc_AH7GXA16Q3_kgqXVTulAB .kig-im {
  position: fixed;
  inset: 0;
  height: 100dvh;
  /* Beden tablosuyla aynı katman ailesi */
  z-index: 210;
  display: grid;
  place-items: center;
  padding: 16px;
}

.cc_AH7GXA16Q3_DAtLaNHF9t .kig-im__scrim, .cc_AH7GXA16Q3_kgqXVTulAB .kig-im__scrim {
  position: absolute;
  inset: 0;
  border: 0;
  padding: 0;
  background: rgba(59, 36, 48, 0.42);
  cursor: pointer;
  touch-action: none;
  animation: kigImFade var(--kig-dur-md) var(--kig-ease-out) both;
}

.cc_AH7GXA16Q3_DAtLaNHF9t .kig-im__panel, .cc_AH7GXA16Q3_kgqXVTulAB .kig-im__panel {
  position: relative;
  display: flex;
  flex-direction: column;
  /* Beden tablosu penceresiyle birebir aynı ölçüler */
  width: min(560px, 100%);
  max-height: min(86dvh, 720px);
  overflow: hidden;
  border-radius: var(--kig-radius);
  background: var(--kig-surface);
  box-shadow: var(--kig-shadow-panel);
  animation: kigImIn var(--kig-dur-lg) var(--kig-ease-out) both;
}

.cc_AH7GXA16Q3_DAtLaNHF9t .kig-im__panel:focus, .cc_AH7GXA16Q3_kgqXVTulAB .kig-im__panel:focus {
  outline: none;
}

.cc_AH7GXA16Q3_DAtLaNHF9t .kig-im__head, .cc_AH7GXA16Q3_kgqXVTulAB .kig-im__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 20px 16px;
  border-bottom: 1px solid var(--kig-line);
}

.cc_AH7GXA16Q3_DAtLaNHF9t .kig-im__title, .cc_AH7GXA16Q3_kgqXVTulAB .kig-im__title {
  margin: 0;
  font-family: var(--kig-font-display);
  font-size: 1.0625rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--kig-ink);
}

.cc_AH7GXA16Q3_DAtLaNHF9t .kig-im__close, .cc_AH7GXA16Q3_kgqXVTulAB .kig-im__close {
  flex: none;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--kig-ink-soft);
  cursor: pointer;
  transition:
    background-color var(--kig-dur-sm) var(--kig-ease-out),
    color var(--kig-dur-sm) var(--kig-ease-out);
}

.cc_AH7GXA16Q3_DAtLaNHF9t .kig-im__close:hover, .cc_AH7GXA16Q3_kgqXVTulAB .kig-im__close:hover {
  background: var(--kig-accent-soft);
  color: var(--kig-accent-deep);
}

.cc_AH7GXA16Q3_DAtLaNHF9t .kig-im__close-icon, .cc_AH7GXA16Q3_kgqXVTulAB .kig-im__close-icon {
  font-size: 1.25rem;
}

.cc_AH7GXA16Q3_DAtLaNHF9t .kig-im__body, .cc_AH7GXA16Q3_kgqXVTulAB .kig-im__body {
  flex: 1;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding: 4px 20px 20px;
  font-size: 0.9375rem;
  line-height: 1.65;
  color: var(--kig-ink-soft);
}

/* ---------- Özellik listesi ---------- */

/*
 * Listenin üst çizgisi; satırların alt çizgileriyle birlikte tabloyu
 * kapatıyor. Başlık bandının hemen altında durmasın diye üstte biraz pay.
 */
.cc_AH7GXA16Q3_DAtLaNHF9t .kig-pf-list, .cc_AH7GXA16Q3_kgqXVTulAB .kig-pf-list {
  margin-top: 4px;
  border-top: 1px solid var(--kig-line);
}

/*
 * Satır kuralları BURADA da duruyor, ProductFeature'da da.
 * Sebebi kapsamlama: tema CSS'i `.cc_<bileşenId> .sınıf` biçiminde
 * kapsamlanıyor. Ürüne özel özelliklerde satırları ProductDetail kendisi
 * çiziyor (onun kapsamında), ortak listede ise ProductFeature çiziyor
 * (onun kapsamında). Tek yerde tutulursa diğer yol biçimsiz kalıyor —
 * nitekim kaldı: etiket ve değer yan yana, düz metin olarak çıktı.
 * InfoModal bir alt bileşen olduğu için kuralları ProductDetail'in
 * paketine giriyor.
 */
.cc_AH7GXA16Q3_DAtLaNHF9t .kig-pf, .cc_AH7GXA16Q3_kgqXVTulAB .kig-pf {
  display: grid;
  grid-template-columns: minmax(110px, 38%) 1fr;
  gap: 6px 18px;
  align-items: baseline;
  padding: 12px 2px;
  border-bottom: 1px solid var(--kig-line);
  font-size: 0.875rem;
  line-height: 1.55;
}

.cc_AH7GXA16Q3_DAtLaNHF9t .kig-pf__label, .cc_AH7GXA16Q3_kgqXVTulAB .kig-pf__label {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--kig-faint);
}

.cc_AH7GXA16Q3_DAtLaNHF9t .kig-pf__value, .cc_AH7GXA16Q3_kgqXVTulAB .kig-pf__value {
  font-weight: 600;
  color: var(--kig-ink);
  /* Uzun değerler (kumaş kompozisyonu gibi) kelimeyi bölmeden sarsın */
  overflow-wrap: anywhere;
}

@media (max-width: 479px) {
  /* Dar ekranda iki sütun sıkışıyor; etiket üstte, değer altta */
  .cc_AH7GXA16Q3_DAtLaNHF9t .kig-pf, .cc_AH7GXA16Q3_kgqXVTulAB .kig-pf {
    grid-template-columns: 1fr;
    gap: 3px;
    padding: 11px 2px;
  }
}

/* ---------- Özellik tablosu ---------- */

.cc_AH7GXA16Q3_DAtLaNHF9t .kig-im__table, .cc_AH7GXA16Q3_kgqXVTulAB .kig-im__table {
  width: 100%;
  margin-top: 12px;
  border-collapse: collapse;
  font-size: 0.875rem;
}

.cc_AH7GXA16Q3_DAtLaNHF9t .kig-im__table th, .cc_AH7GXA16Q3_kgqXVTulAB .kig-im__table th, .cc_AH7GXA16Q3_DAtLaNHF9t .kig-im__table td, .cc_AH7GXA16Q3_kgqXVTulAB .kig-im__table td {
  padding: 11px 0;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--kig-line);
}

/* Etiket sütunu dar ve soluk; değer okunaklı ve koyu */
.cc_AH7GXA16Q3_DAtLaNHF9t .kig-im__table th, .cc_AH7GXA16Q3_kgqXVTulAB .kig-im__table th {
  width: 42%;
  padding-right: 16px;
  font-weight: 600;
  color: var(--kig-muted);
}

.cc_AH7GXA16Q3_DAtLaNHF9t .kig-im__table td, .cc_AH7GXA16Q3_kgqXVTulAB .kig-im__table td {
  font-weight: 600;
  color: var(--kig-ink);
}

.cc_AH7GXA16Q3_DAtLaNHF9t .kig-im__table tr:last-child th, .cc_AH7GXA16Q3_kgqXVTulAB .kig-im__table tr:last-child th, .cc_AH7GXA16Q3_DAtLaNHF9t .kig-im__table tr:last-child td, .cc_AH7GXA16Q3_kgqXVTulAB .kig-im__table tr:last-child td {
  border-bottom: 0;
}

/* ---------- Açıklama içeriği ---------- */

.cc_AH7GXA16Q3_DAtLaNHF9t .kig-im__rich > :first-child, .cc_AH7GXA16Q3_kgqXVTulAB .kig-im__rich > :first-child {
  margin-top: 0;
}

.cc_AH7GXA16Q3_DAtLaNHF9t .kig-im__rich > :last-child, .cc_AH7GXA16Q3_kgqXVTulAB .kig-im__rich > :last-child {
  margin-bottom: 0;
}

.cc_AH7GXA16Q3_DAtLaNHF9t .kig-im__rich img, .cc_AH7GXA16Q3_kgqXVTulAB .kig-im__rich img {
  max-width: 100%;
  height: auto;
}

@keyframes kigImFade {
  from {
    opacity: 0;
  }
}

@keyframes kigImIn {
  from {
    opacity: 0;
    transform: translateY(16px) scale(0.98);
  }
}


@media (prefers-reduced-motion: reduce) {
  .cc_AH7GXA16Q3_DAtLaNHF9t .kig-im__panel, .cc_AH7GXA16Q3_kgqXVTulAB .kig-im__panel, .cc_AH7GXA16Q3_DAtLaNHF9t .kig-im__scrim, .cc_AH7GXA16Q3_kgqXVTulAB .kig-im__scrim {
    animation: none;
  }
}

/*
 * Ürünün özel alanına yapıştırılan HTML tablo. Stilleri kendi içinde
 * (satır içi) geliyor; burada yalnızca dar ekranda taşmaması sağlanıyor.
 */
.cc_AH7GXA16Q3_DAtLaNHF9t .kig-pf-html, .cc_AH7GXA16Q3_kgqXVTulAB .kig-pf-html {
  overflow-x: auto;
}

.cc_AH7GXA16Q3_DAtLaNHF9t .kig-pf-html + .kig-pf-html, .cc_AH7GXA16Q3_kgqXVTulAB .kig-pf-html + .kig-pf-html {
  margin-top: 16px;
}

.cc_AH7GXA16Q3_DAtLaNHF9t .kig-pf-html table, .cc_AH7GXA16Q3_kgqXVTulAB .kig-pf-html table {
  max-width: 100%;
  /* Tablo, yapıştırılan kodda font vermediği için sitenin fontunu alsın */
  font-family: inherit;
}

.cc_AH7GXA16Q3_DAtLaNHF9t .kig-pf-html td, .cc_AH7GXA16Q3_kgqXVTulAB .kig-pf-html td, .cc_AH7GXA16Q3_DAtLaNHF9t .kig-pf-html th, .cc_AH7GXA16Q3_kgqXVTulAB .kig-pf-html th {
  overflow-wrap: anywhere;
}