/* Sub-component CSS is not auto-bundled by the build — see the note in
   src/components/ProductDetail/styles.css. _scope-guard ilk sirada olmali. */
/* Imported from: ../../sub-components/_scope-guard.css */
/* SCOPE KORUYUCU — silme, sirasini degistirme.
 *
 * `ikas-component build`'in CSS scope'layicisinde bir hata var: bir
 * component'in styles.css'indeki EN USTTEKI @import'un ILK kuralini
 * scope'lamiyor (`.cc_<id>` oneki almiyor). Scope'suz kalan kural da
 * yayinlanan sayfada uygulanmiyor.
 *
 * Bu dosya her zaman ILK import edilir; asagidaki kural bilerek feda
 * edilir. Hicbir elemana denk gelmez, dolayisiyla kaybolmasi zararsiz.
 * Gercek stiller bundan SONRAKI import'larda gelir ve dogru scope'lanir.
 *
 * (Import'lari dosyanin sonuna almak da cozum degil — o zaman HICBIR
 * import'lu kural scope almiyor.)
 */
.cc_liCOqq6YcZ_7uAvloOB6x .ath-scope-guard {
  display: contents;
}

/* End import: ../../sub-components/_scope-guard.css */
/* Imported from: ../../sub-components/FitReviewList/styles.css */
.cc_liCOqq6YcZ_7uAvloOB6x .frl-note { font-family: var(--font-body); font-size: var(--text-small); color: var(--color-text-muted); margin: 0 0 var(--space-sm); }
.cc_liCOqq6YcZ_7uAvloOB6x .frl-grid { display: grid; grid-template-columns: 1fr; gap: var(--space-sm); }

@media (min-width: 640px) { .cc_liCOqq6YcZ_7uAvloOB6x .frl-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .cc_liCOqq6YcZ_7uAvloOB6x .frl-grid { grid-template-columns: repeat(3, 1fr); } }

.cc_liCOqq6YcZ_7uAvloOB6x .frl-card { border: 1px solid var(--color-border); border-radius: 2px; padding: var(--space-sm); display: flex; flex-direction: column; gap: 6px; }
.cc_liCOqq6YcZ_7uAvloOB6x .frl-card-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.cc_liCOqq6YcZ_7uAvloOB6x .frl-card-stats { font-family: var(--font-body); font-size: var(--text-small); color: var(--color-text-secondary); }
.cc_liCOqq6YcZ_7uAvloOB6x .frl-card-size { font-family: var(--font-label); font-size: var(--text-label); font-weight: 500; color: var(--color-text-muted); }
.cc_liCOqq6YcZ_7uAvloOB6x .frl-card-uyum { font-family: var(--font-label); font-size: var(--text-label); font-weight: 500; padding: 2px 8px; border-radius: 2px; }
.cc_liCOqq6YcZ_7uAvloOB6x .frl-card-uyum--kucuk { background: color-mix(in srgb, var(--color-fit-kucuk) 15%, transparent); color: var(--color-fit-kucuk); }
.cc_liCOqq6YcZ_7uAvloOB6x .frl-card-uyum--tam { background: color-mix(in srgb, var(--color-fit-tam) 15%, transparent); color: var(--color-fit-tam); }
.cc_liCOqq6YcZ_7uAvloOB6x .frl-card-uyum--buyuk { background: color-mix(in srgb, var(--color-fit-buyuk) 15%, transparent); color: var(--color-fit-buyuk); }
.cc_liCOqq6YcZ_7uAvloOB6x .frl-card-comment { margin: 0; font-family: var(--font-body); font-size: var(--text-small); font-style: italic; color: var(--color-text-secondary); line-height: 1.5; }

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

.cc_liCOqq6YcZ_7uAvloOB6x .frs { width: 100%; padding: var(--space-lg) 0; }
.cc_liCOqq6YcZ_7uAvloOB6x .frs-container { max-width: 1400px; margin: 0 auto; padding: 0 clamp(16px, 5vw, 80px); }
.cc_liCOqq6YcZ_7uAvloOB6x .frs-title { font-family: var(--font-display); font-size: var(--text-h2); font-weight: 400; color: var(--color-text-primary); margin: 0 0 var(--space-md); }
.cc_liCOqq6YcZ_7uAvloOB6x .frs-empty { font-family: var(--font-body); font-size: var(--text-body); color: var(--color-text-muted); }
.cc_liCOqq6YcZ_7uAvloOB6x .frs-filter { display: flex; flex-wrap: wrap; gap: var(--space-xs); margin-bottom: var(--space-md); }

.cc_liCOqq6YcZ_7uAvloOB6x .frs-filter-input {
  flex: 1;
  min-width: 120px;
  border: 1px solid var(--color-border);
  border-radius: 2px;
  padding: 10px 12px;
  font-family: var(--font-body);
  font-size: var(--text-body);
  color: var(--color-text-primary);
  background: var(--color-surface);
}

.cc_liCOqq6YcZ_7uAvloOB6x .frs-filter-input:focus { outline: none; border-color: var(--color-accent); }
.cc_liCOqq6YcZ_7uAvloOB6x .frs-filter-submit, .cc_liCOqq6YcZ_7uAvloOB6x .frs-filter-clear { border-radius: 2px; padding: 10px 20px; font-family: var(--font-label); font-size: var(--text-small); font-weight: 500; cursor: pointer; white-space: nowrap; }
.cc_liCOqq6YcZ_7uAvloOB6x .frs-filter-submit { background: var(--color-accent); color: #fff; border: none; }
.cc_liCOqq6YcZ_7uAvloOB6x .frs-filter-submit:hover:not(:disabled) { background: var(--color-accent-dark); }
.cc_liCOqq6YcZ_7uAvloOB6x .frs-filter-submit:disabled { opacity: 0.5; cursor: not-allowed; }
.cc_liCOqq6YcZ_7uAvloOB6x .frs-filter-clear { background: transparent; border: 1px solid var(--color-border); color: var(--color-text-secondary); }