/* Skipped (covered by shared chunk CSS): ../../sub-components/Media/styles.css */
/* Skipped (covered by shared chunk CSS): ../../sub-components/ProductCodeChip/styles.css */
/* Imported from: ../CompareRow/styles.css */
.cc_giqaf1ns_kSBmPG53fa .compare-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 96px minmax(0, 148px);
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-base) 0;
  font-family: var(--font-govde);
  color: var(--color-yuzey-krem);
}

.cc_giqaf1ns_kSBmPG53fa .compare-row-label {
  min-width: 0;
}

.cc_giqaf1ns_kSBmPG53fa .compare-row-own {
  display: flex;
  justify-content: center;
}

.cc_giqaf1ns_kSBmPG53fa .compare-row-dot {
  width: 12px;
  height: 12px;
  border-radius: var(--rounded-circle);
  background-color: var(--color-yuzey-krem);
}

.cc_giqaf1ns_kSBmPG53fa .compare-row-other {
  text-align: center;
  opacity: 0.8;
}

@media (min-width: 768px) {
  .cc_giqaf1ns_kSBmPG53fa .compare-row {
    grid-template-columns: minmax(0, 1fr) 112px minmax(0, 232px);
    padding: var(--spacing-lg) 0;
  }
}

/* End import: ../CompareRow/styles.css */

.cc_giqaf1ns_kSBmPG53fa .compare-table {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: var(--color-marka-koyu);
  color: var(--color-yuzey-krem);
  font-family: var(--font-govde);
  padding: var(--spacing-section) var(--size-sayfa-gutter);
}

.cc_giqaf1ns_kSBmPG53fa .compare-table-bg {
  position: absolute;
  inset: 0;
  height: 100%;
}

.cc_giqaf1ns_kSBmPG53fa .compare-table-overlay {
  position: absolute;
  inset: 0;
  background-color: var(--color-marka-koyu);
  pointer-events: none;
}

.cc_giqaf1ns_kSBmPG53fa .compare-table-inner {
  position: relative;
  max-width: var(--size-icerik-max);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}

.cc_giqaf1ns_kSBmPG53fa .compare-table-heading {
  margin: 0;
  max-width: 14ch;
}

.cc_giqaf1ns_kSBmPG53fa .compare-table-panel {
  position: relative;
  border-radius: var(--rounded-xl);
  background-color: var(--color-cam-acik);
  backdrop-filter: var(--motion-cam-blur);
  padding: var(--spacing-lg) var(--spacing-base);
}

@supports not (backdrop-filter: blur(1px)) {
  .cc_giqaf1ns_kSBmPG53fa .compare-table-panel {
    background-color: var(--color-cam-fallback);
  }
}

.cc_giqaf1ns_kSBmPG53fa .compare-table-band {
  position: absolute;
  top: 0;
  bottom: 0;
  right: calc(148px + var(--spacing-base));
  width: 96px;
  border-radius: var(--rounded-md);
  background-color: var(--color-cam-acik);
  pointer-events: none;
}

.cc_giqaf1ns_kSBmPG53fa .compare-table-head {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 96px minmax(0, 148px);
  align-items: center;
  gap: var(--spacing-xs);
  padding-bottom: var(--spacing-xs);
}

.cc_giqaf1ns_kSBmPG53fa .compare-table-head-own {
  display: flex;
  justify-content: center;
}

.cc_giqaf1ns_kSBmPG53fa .compare-table-head-other {
  text-align: center;
  opacity: 0.9;
}

.cc_giqaf1ns_kSBmPG53fa .compare-table-chip {
  border-color: var(--color-yuzey-krem);
  color: var(--color-yuzey-krem);
}

.cc_giqaf1ns_kSBmPG53fa .compare-table-rows {
  position: relative;
}

@media (min-width: 768px) {
  .cc_giqaf1ns_kSBmPG53fa .compare-table-band {
    right: calc(232px + var(--spacing-base));
    width: 112px;
  }

  .cc_giqaf1ns_kSBmPG53fa .compare-table-head {
    grid-template-columns: minmax(0, 1fr) 112px minmax(0, 232px);
  }
}

@media (min-width: 1024px) {
  .cc_giqaf1ns_kSBmPG53fa .compare-table {
    padding: var(--spacing-section-lg) var(--size-sayfa-gutter-genis);
  }

  .cc_giqaf1ns_kSBmPG53fa .compare-table-inner {
    display: grid;
    grid-template-columns: minmax(0, 304fr) minmax(0, 816fr);
    gap: var(--spacing-section-sm);
    align-items: start;
  }

  .cc_giqaf1ns_kSBmPG53fa .compare-table-panel {
    padding: var(--spacing-lg);
  }

  .cc_giqaf1ns_kSBmPG53fa .compare-table-band {
    right: calc(232px + var(--spacing-lg));
  }
}