/* Alt bileşen stilleri — build yalnızca bu @import'lar üzerinden
   toplar; import edilmeyen sub-component CSS'i çıktıya girmez. */
/* Skipped (covered by shared chunk CSS): ../../sub-components/ReviewStars/styles.css */
/* Imported from: ../../sub-components/ReviewCard/styles.css */
/* Yorum kartı: kenarlık yerine yüzey zemini, radius-md. */
.cc_57zhho0j_U9Bb9bg6Fl .rvc {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  border-radius: var(--radius-md);
  background: var(--rByxa8MJ1Z);
  color: var(--wyLeI2Gkwa);
}

/* Grup içi aralık 6–8px, gruplar arası 16px (kart gap'i). */
.cc_57zhho0j_U9Bb9bg6Fl .rvc__meta {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cc_57zhho0j_U9Bb9bg6Fl .rvc__content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.cc_57zhho0j_U9Bb9bg6Fl .rvc__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 16px;
}

.cc_57zhho0j_U9Bb9bg6Fl .rvc__who {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

.cc_57zhho0j_U9Bb9bg6Fl .rvc__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 220px;
}

/* Doğrulama: rozet + tik — renk tek başına anlam taşımaz */
.cc_57zhho0j_U9Bb9bg6Fl .rvc__verified { gap: 4px; padding-inline: 8px 10px; }
.cc_57zhho0j_U9Bb9bg6Fl .rvc__verified-icon { width: 14px; height: 14px; flex-shrink: 0; }

.cc_57zhho0j_U9Bb9bg6Fl .rvc__date { color: var(--jq4Z0Bq66E); }

.cc_57zhho0j_U9Bb9bg6Fl .rvc__stars { --rvs-size: 16px; }

.cc_57zhho0j_U9Bb9bg6Fl .rvc__title { margin: 0; }

.cc_57zhho0j_U9Bb9bg6Fl .rvc__comment {
  margin: 0;
  max-width: 68ch;
  color: var(--iigo9Iys2H);
  white-space: pre-line;
  text-wrap: pretty;
  overflow-wrap: break-word;
}

.cc_57zhho0j_U9Bb9bg6Fl .rvc__images {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.cc_57zhho0j_U9Bb9bg6Fl .rvc__image-btn {
  position: relative;
  width: 64px;
  height: 64px;
  padding: 0;
  border: none;
  border-radius: var(--radius-sm);
  background: var(--7LydJvXvGj);
  cursor: zoom-in;
  overflow: hidden;
  display: block;
  transition: transform var(--dur-press) var(--ease-out);
}

.cc_57zhho0j_U9Bb9bg6Fl .rvc__image-btn::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--wyLeI2Gkwa) 6%, transparent);
  pointer-events: none;
}

.cc_57zhho0j_U9Bb9bg6Fl .rvc__image-btn:active { transform: scale(0.96); }

.cc_57zhho0j_U9Bb9bg6Fl .rvc__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 400ms var(--ease-out);
}

@media (hover: hover) and (pointer: fine) {
  .cc_57zhho0j_U9Bb9bg6Fl .rvc__image-btn:hover .rvc__image { transform: scale(1.03); }
}

/* Mağaza yanıtı: kart içinde beyaz alt yüzey — ayrışmayı zemin ve Dolgu
   renkli etiket taşır, kenar şeridi gerekmez. */
.cc_57zhho0j_U9Bb9bg6Fl .rvc__reply {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 14px 16px;
  border-radius: var(--radius-sm);
  background: var(--7LydJvXvGj);
}

.cc_57zhho0j_U9Bb9bg6Fl .rvc__reply-label {
  margin: 0;
  color: var(--4TWc2Wr5Et);
}

.cc_57zhho0j_U9Bb9bg6Fl .rvc__reply-text {
  margin: 0;
  color: var(--iigo9Iys2H);
  white-space: pre-line;
  text-wrap: pretty;
}

@media (max-width: 768px) {
  .cc_57zhho0j_U9Bb9bg6Fl .rvc { padding: 20px 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .cc_57zhho0j_U9Bb9bg6Fl .rvc__image-btn, .cc_57zhho0j_U9Bb9bg6Fl .rvc__image { transition: none; }
  .cc_57zhho0j_U9Bb9bg6Fl .rvc__image-btn:active, .cc_57zhho0j_U9Bb9bg6Fl .rvc__image-btn:hover .rvc__image { transform: none; }
}

/* End import: ../../sub-components/ReviewCard/styles.css */
/* Imported from: ../../sub-components/ReviewFormModal/styles.css */
.cc_57zhho0j_U9Bb9bg6Fl .rvf {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  box-sizing: border-box;
}

/* Çıkış sürerken perde hâlâ ekranda; arkadaki tıklamayı yutmasın. */
.cc_57zhho0j_U9Bb9bg6Fl .rvf:not(.is-open) {
  pointer-events: none;
}

/* Taban durum = kapalı durum; `is-open` hedefi ve süreyi değiştirir.
   Giriş ease-out --dur-base, çıkış --dur-fast (MODAL_EXIT_MS'ten kısa). */
.cc_57zhho0j_U9Bb9bg6Fl .rvf-backdrop {
  position: absolute;
  inset: 0;
  border: none;
  background: color-mix(in srgb, var(--wyLeI2Gkwa) 40%, transparent);
  cursor: pointer;
  opacity: 0;
  transition: opacity var(--dur-fast) var(--ease-out);
}

.cc_57zhho0j_U9Bb9bg6Fl .rvf.is-open .rvf-backdrop {
  opacity: 1;
  transition-duration: var(--dur-base);
}

/* Merkezli modal: 0.96'dan ölçeklenir, origin merkez (tetikleyiciye bağlı
   popover değil). */
.cc_57zhho0j_U9Bb9bg6Fl .rvf-panel {
  position: relative;
  width: 520px;
  max-width: 100%;
  max-height: 100%;
  overflow-y: auto;
  overscroll-behavior: contain;
  background: var(--7LydJvXvGj);
  color: var(--wyLeI2Gkwa);
  padding: 28px;
  border: 1px solid transparent;
  border-radius: var(--radius-lg);
  box-shadow:
    0 1px 2px color-mix(in srgb, var(--wyLeI2Gkwa) 6%, transparent),
    0 8px 24px color-mix(in srgb, var(--wyLeI2Gkwa) 6%, transparent);
  box-sizing: border-box;
  opacity: 0;
  transform: scale(0.96);
  transition:
    opacity var(--dur-fast) var(--ease-out),
    transform var(--dur-fast) var(--ease-out);
}

.cc_57zhho0j_U9Bb9bg6Fl .rvf.is-open .rvf-panel {
  opacity: 1;
  transform: none;
  transition-duration: var(--dur-base);
}

.cc_57zhho0j_U9Bb9bg6Fl .rvf-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.cc_57zhho0j_U9Bb9bg6Fl .rvf-title { margin: 0; }

.cc_57zhho0j_U9Bb9bg6Fl .rvf-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  /* İkonun görünür kenarı panel dolgusuna hizalansın */
  margin-inline-end: -10px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: none;
  color: inherit;
  cursor: pointer;
  transition:
    background-color var(--dur-fast) ease,
    transform var(--dur-press) var(--ease-out);
}
.cc_57zhho0j_U9Bb9bg6Fl .rvf-close:active { transform: scale(0.96); }

.cc_57zhho0j_U9Bb9bg6Fl .rvf-close-icon { width: 22px; height: 22px; }

.cc_57zhho0j_U9Bb9bg6Fl .rvf-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 20px;
}

.cc_57zhho0j_U9Bb9bg6Fl .rvf-stars {
  border: none;
  padding: 0;
  margin: 0;
}

/* Token class'ı (etiket) margin'i sıfırlıyor: alan içi aralık .rvf-field
   gap'inde, yıldız grubunda satırın üst boşluğunda. */
.cc_57zhho0j_U9Bb9bg6Fl .rvf-label {
  display: block;
  padding: 0;
  color: var(--wyLeI2Gkwa);
}

/* Yıldızın 4px iç dolgusu görünür kenarı içeri itiyor; satır negatif
   girintiyle etiket hizasına çekilir. */
.cc_57zhho0j_U9Bb9bg6Fl .rvf-star-row { display: flex; gap: 2px; margin: 4px 0 0; margin-inline-start: -4px; }

.cc_57zhho0j_U9Bb9bg6Fl .rvf-star-option {
  position: relative;
  display: block;
  padding: 4px;
  cursor: pointer;
  line-height: 0;
}

/* Görünmez ama odaklanabilir kalır — klavye ile yıldız seçimi radio grubu
   semantiğiyle çalışır. */
.cc_57zhho0j_U9Bb9bg6Fl .rvf-star-input {
  position: absolute;
  inset: 0;
  opacity: 0;
  margin: 0;
  cursor: pointer;
}

.cc_57zhho0j_U9Bb9bg6Fl .rvf-star {
  display: block;
  border-radius: var(--radius-sm);
  color: var(--7P6Gqwghpo);
  transition:
    color var(--dur-fast) ease,
    transform var(--dur-press) var(--ease-out);
}

.cc_57zhho0j_U9Bb9bg6Fl .rvf-star-icon { display: block; width: 32px; height: 32px; }

.cc_57zhho0j_U9Bb9bg6Fl .rvf-star.is-filled { color: var(--wNn0QTzGnT); }

.cc_57zhho0j_U9Bb9bg6Fl .rvf-star-option:active .rvf-star { transform: scale(0.96); }

.cc_57zhho0j_U9Bb9bg6Fl .rvf-star-input:focus-visible + .rvf-star {
  outline: 2px solid var(--4TWc2Wr5Et);
  outline-offset: 2px;
}

.cc_57zhho0j_U9Bb9bg6Fl .rvf-star-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.cc_57zhho0j_U9Bb9bg6Fl .rvf-field { display: flex; flex-direction: column; gap: 8px; }

/* o-input tek satır yüksekliği taşır; çok satırlı alanda dolgu dikeyde de */
.cc_57zhho0j_U9Bb9bg6Fl .rvf-textarea {
  min-height: 132px;
  padding-block: 12px;
  resize: vertical;
}

.cc_57zhho0j_U9Bb9bg6Fl .rvf-error { margin: 0; color: var(--mRhWpYdzbu); }

.cc_57zhho0j_U9Bb9bg6Fl .rvf-actions { padding-top: 8px; }

/* Gönderiliyor ↔ Gönder etiketi bulanıktan nete gelir */
.cc_57zhho0j_U9Bb9bg6Fl .rvf-submit-label { animation: cc_57zhho0j_U9Bb9bg6Fl_rvf-swap var(--dur-base) var(--ease-out) both; }
@keyframes cc_57zhho0j_U9Bb9bg6Fl_rvf-swap {
  from { opacity: 0; filter: blur(4px); }
  to { opacity: 1; filter: blur(0); }
}

@media (hover: hover) and (pointer: fine) {
  .cc_57zhho0j_U9Bb9bg6Fl .rvf-close:hover { background: var(--rByxa8MJ1Z); }
}

/* Mobil: alttan açılan sayfa; alt köşeler kenara yapışık, yuvarlanmaz. */
@media (max-width: 768px) {
  .cc_57zhho0j_U9Bb9bg6Fl .rvf { padding: 0; align-items: flex-end; }
  .cc_57zhho0j_U9Bb9bg6Fl .rvf-panel {
    width: 100%;
    max-height: 90%;
    padding: 24px 16px calc(24px + env(safe-area-inset-bottom, 0px));
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    transform: translateY(100%);
    transition-timing-function: var(--ease-drawer);
  }
  .cc_57zhho0j_U9Bb9bg6Fl .rvf.is-open .rvf-panel { transition-duration: var(--dur-panel); }
}

@media (prefers-reduced-motion: reduce) {
  .cc_57zhho0j_U9Bb9bg6Fl .rvf-panel, .cc_57zhho0j_U9Bb9bg6Fl .rvf.is-open .rvf-panel {
    transform: none;
    transition-property: opacity;
  }
  .cc_57zhho0j_U9Bb9bg6Fl .rvf-star { transition-property: color; }
  .cc_57zhho0j_U9Bb9bg6Fl .rvf-star-option:active .rvf-star { transform: none; }
  .cc_57zhho0j_U9Bb9bg6Fl .rvf-close:active { transform: none; }
  .cc_57zhho0j_U9Bb9bg6Fl .rvf-submit-label { animation-name: cc_57zhho0j_U9Bb9bg6Fl_rvf-fade; }
}
@keyframes cc_57zhho0j_U9Bb9bg6Fl_rvf-fade {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* End import: ../../sub-components/ReviewFormModal/styles.css */
/* Imported from: ../../sub-components/ReviewImagePreview/styles.css */
.cc_57zhho0j_U9Bb9bg6Fl .rvp {
  position: fixed;
  inset: 0;
  z-index: 130;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cc_57zhho0j_U9Bb9bg6Fl .rvp:not(.is-open) {
  pointer-events: none;
}

/* Koyu perde: fotoğraf öne çıksın. Panel 0.96'dan ölçeklenir — scale(0)
   gerçek dünyada karşılığı olmayan bir giriş, yoktan var olmuş gibi durur. */
.cc_57zhho0j_U9Bb9bg6Fl .rvp-backdrop {
  position: absolute;
  inset: 0;
  border: none;
  background: color-mix(in srgb, var(--wyLeI2Gkwa) 82%, transparent);
  cursor: pointer;
  opacity: 0;
  transition: opacity var(--dur-fast) var(--ease-out);
}

.cc_57zhho0j_U9Bb9bg6Fl .rvp.is-open .rvp-backdrop {
  opacity: 1;
  transition-duration: var(--dur-base);
}

.cc_57zhho0j_U9Bb9bg6Fl .rvp-panel {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  max-width: 100%;
  max-height: 100%;
  padding: 72px 16px;
  box-sizing: border-box;
  opacity: 0;
  transform: scale(0.96);
  transition:
    opacity var(--dur-fast) var(--ease-out),
    transform var(--dur-fast) var(--ease-out);
}

.cc_57zhho0j_U9Bb9bg6Fl .rvp.is-open .rvp-panel {
  opacity: 1;
  transform: none;
  transition-duration: var(--dur-base);
}

@media (prefers-reduced-motion: reduce) {
  .cc_57zhho0j_U9Bb9bg6Fl .rvp-panel, .cc_57zhho0j_U9Bb9bg6Fl .rvp.is-open .rvp-panel {
    transform: none;
    transition-property: opacity;
  }
  .cc_57zhho0j_U9Bb9bg6Fl .rvp-close:active, .cc_57zhho0j_U9Bb9bg6Fl .rvp-nav:active { transform: none; }
}

.cc_57zhho0j_U9Bb9bg6Fl .rvp-image {
  max-width: 80vw;
  max-height: 80vh;
  max-height: 80dvh;
  object-fit: contain;
  display: block;
  border-radius: var(--radius-md);
}

/* Koyu zemin üstünde beyaz dairesel butonlar (o-btn--light dili). */
.cc_57zhho0j_U9Bb9bg6Fl .rvp-close, .cc_57zhho0j_U9Bb9bg6Fl .rvp-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 50%;
  background: var(--7LydJvXvGj);
  color: var(--wyLeI2Gkwa);
  cursor: pointer;
  transition:
    background-color var(--dur-fast) ease,
    transform var(--dur-press) var(--ease-out);
}

.cc_57zhho0j_U9Bb9bg6Fl .rvp-close:active, .cc_57zhho0j_U9Bb9bg6Fl .rvp-nav:active { transform: scale(0.96); }

@media (hover: hover) and (pointer: fine) {
  .cc_57zhho0j_U9Bb9bg6Fl .rvp-close:hover, .cc_57zhho0j_U9Bb9bg6Fl .rvp-nav:hover { background: var(--bkf9Pptudo); }
}

.cc_57zhho0j_U9Bb9bg6Fl .rvp-close:focus-visible, .cc_57zhho0j_U9Bb9bg6Fl .rvp-nav:focus-visible { outline-color: var(--7LydJvXvGj); }

.cc_57zhho0j_U9Bb9bg6Fl .rvp-close {
  position: absolute;
  top: 16px;
  inset-inline-end: 16px;
}

.cc_57zhho0j_U9Bb9bg6Fl .rvp-icon { width: 20px; height: 20px; }

@media (max-width: 768px) {
  .cc_57zhho0j_U9Bb9bg6Fl .rvp-panel { gap: 6px; padding: 72px 6px; }
  .cc_57zhho0j_U9Bb9bg6Fl .rvp-image { max-width: calc(100vw - 112px); }
}

/* End import: ../../sub-components/ReviewImagePreview/styles.css */

/* Dikey ritim `o-section`, yan boşluk `o-container`dan. */
.cc_57zhho0j_U9Bb9bg6Fl .rv { width: 100%;
  background: var(--7LydJvXvGj);
}
.cc_57zhho0j_U9Bb9bg6Fl .rv__container { color: var(--wyLeI2Gkwa); }

.cc_57zhho0j_U9Bb9bg6Fl .rv__head { margin-bottom: 40px; }

/* ===== gövde: solda özet paneli, sağda yorum listesi ===== */

.cc_57zhho0j_U9Bb9bg6Fl .rv__body {
  display: grid;
  grid-template-columns: minmax(280px, 4fr) 8fr;
  gap: 40px;
  align-items: start;
}
.cc_57zhho0j_U9Bb9bg6Fl .rv__body--single { grid-template-columns: minmax(0, 1fr); }

/* Özet: pembe tonlu panel; yorumlar boyunca görünür kalsın */
.cc_57zhho0j_U9Bb9bg6Fl .rv__summary {
  position: sticky;
  top: calc(var(--hdr-h, 56px) + 1rem);
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 28px;
  border-radius: var(--radius-lg);
  background: var(--bkf9Pptudo);
}

.cc_57zhho0j_U9Bb9bg6Fl .rv__score {
  display: flex;
  align-items: center;
  gap: 16px;
}
.cc_57zhho0j_U9Bb9bg6Fl .rv__score-avg { color: var(--wyLeI2Gkwa); }
.cc_57zhho0j_U9Bb9bg6Fl .rv__score-meta { display: flex; flex-direction: column; gap: 6px; }
.cc_57zhho0j_U9Bb9bg6Fl .rv__score-stars { --rvs-size: 18px; }
.cc_57zhho0j_U9Bb9bg6Fl .rv__score-count { color: var(--iigo9Iys2H); }

.cc_57zhho0j_U9Bb9bg6Fl .rv__dist {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cc_57zhho0j_U9Bb9bg6Fl .rv__dist-row {
  display: flex;
  align-items: center;
  gap: 10px;
}

.cc_57zhho0j_U9Bb9bg6Fl .rv__dist-star {
  margin: 0;
  min-width: 28px;
  display: flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
  color: var(--iigo9Iys2H);
}

.cc_57zhho0j_U9Bb9bg6Fl .rv__dist-glyph { width: 12px; height: 12px; color: var(--wNn0QTzGnT); }

.cc_57zhho0j_U9Bb9bg6Fl .rv__dist-track {
  flex: 1;
  min-width: 0;
  height: 6px;
  margin: 0;
  border-radius: var(--radius-pill);
  background: var(--7LydJvXvGj);
  overflow: hidden;
}

/* Oran scaleX ile: genişlik animasyonu/layout yok */
.cc_57zhho0j_U9Bb9bg6Fl .rv__dist-fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--wNn0QTzGnT);
  transform-origin: left center;
}

.cc_57zhho0j_U9Bb9bg6Fl .rv__dist-count {
  margin: 0;
  min-width: 28px;
  text-align: end;
  color: var(--jq4Z0Bq66E);
}

.cc_57zhho0j_U9Bb9bg6Fl .rv__write { width: 100%; }

/* ===== durumlar ===== */

.cc_57zhho0j_U9Bb9bg6Fl .rv__state {
  margin: 0;
  color: var(--jq4Z0Bq66E);
}

.cc_57zhho0j_U9Bb9bg6Fl .rv__error {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
}

.cc_57zhho0j_U9Bb9bg6Fl .rv__empty {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  max-width: 560px;
  padding: 32px;
  border-radius: var(--radius-lg);
  background: var(--bkf9Pptudo);
}
.cc_57zhho0j_U9Bb9bg6Fl .rv__empty-stars { --rvs-size: 24px; }
.cc_57zhho0j_U9Bb9bg6Fl .rv__empty-text { margin: 0; max-width: 40ch; color: var(--iigo9Iys2H); text-wrap: pretty; }

/* ===== yorum listesi ===== */

.cc_57zhho0j_U9Bb9bg6Fl .rv__main { min-width: 0; }

.cc_57zhho0j_U9Bb9bg6Fl .rv__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.cc_57zhho0j_U9Bb9bg6Fl .rv__more {
  margin-top: 32px;
  display: flex;
  justify-content: center;
}

@media (max-width: 1024px) {
  .cc_57zhho0j_U9Bb9bg6Fl .rv__body { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .cc_57zhho0j_U9Bb9bg6Fl .rv__summary { position: static; }
  .cc_57zhho0j_U9Bb9bg6Fl .rv__head { margin-bottom: 28px; }
}

@media (max-width: 768px) {
  .cc_57zhho0j_U9Bb9bg6Fl .rv__summary { padding: 24px 20px; }
  .cc_57zhho0j_U9Bb9bg6Fl .rv__empty { padding: 24px 20px; }
  .cc_57zhho0j_U9Bb9bg6Fl .rv__more-btn { width: 100%; }
}