/* ===== Mobil menü kategori satırı — Silva 2026 =====
 * Referans: design-reference/mobile-menu/silva-mobile-menu.jsx → CatRow
 * Tasarım: satır üstü hairline, buton padding 15px 2px · gap 12,
 * etiket 16.5px/600 ls -0.01em lh 1.2, chevron 18 (kapalıysa sağa dönük 16),
 * akordeon grid 0fr→1fr .34s, kart gridi 2 sütun gap 10, iç boşluk 1/2/18,
 * "Tümünü gör" 13.5px/700 · üst boşluk 14 · ok 15.
 */

.cc_dht747cl_wxmqdaGQUf .kombos-mm-cat {
  border-top: 1px solid var(--silva-border);
}

.cc_dht747cl_wxmqdaGQUf .kombos-mm-cat__btn {
  width: 100%;
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.9375rem 0.125rem;
  text-align: left;
  color: inherit;
}

.cc_dht747cl_wxmqdaGQUf .kombos-mm-cat__label {
  /* Tasarım: 16.5px */
  font-size: 1.03125rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.2;
}

.cc_dht747cl_wxmqdaGQUf .kombos-mm-cat__chevron {
  flex: 0 0 auto;
  color: var(--silva-gold-soft);
  /* Tasarım: 18px */
  font-size: 1.125rem;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.cc_dht747cl_wxmqdaGQUf .kombos-mm-cat__chevron--open {
  transform: rotate(180deg);
}

/* Alt kartı olmayan satır: sağa dönük 16px chevron (tasarım) */
.cc_dht747cl_wxmqdaGQUf .kombos-mm-cat__chevron--right {
  font-size: 1rem;
  transform: rotate(-90deg);
}

/* Akordeon — grid satır hilesi; sayfa kaymaz (ajans notu #6) */
.cc_dht747cl_wxmqdaGQUf .kombos-mm-cat__acc {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.34s cubic-bezier(0.4, 0, 0.2, 1);
}

.cc_dht747cl_wxmqdaGQUf .kombos-mm-cat__acc--open {
  grid-template-rows: 1fr;
}

.cc_dht747cl_wxmqdaGQUf .kombos-mm-cat__acc-clip {
  overflow: hidden;
}

.cc_dht747cl_wxmqdaGQUf .kombos-mm-cat__acc-inner {
  padding: 1px 0.125rem 1.125rem;
}

.cc_dht747cl_wxmqdaGQUf .kombos-mm-cat__cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.625rem;
}

/* Renderer her kartı bir sarmalayıcıyla basar; grid hücresi o sarmalayıcıdır */
.cc_dht747cl_wxmqdaGQUf .kombos-mm-cat__cards > * {
  min-width: 0;
}

/* Görselli kart eklenmemişse bağlantının alt linkleri aynı ızgarada
   tint placeholder'lı kart olarak görünür (MobileSubCategory ile aynı ölçüler) */
.cc_dht747cl_wxmqdaGQUf .kombos-mm-cat__card-fallback {
  display: block;
  text-decoration: none;
}

.cc_dht747cl_wxmqdaGQUf .kombos-mm-cat__card-media {
  display: block;
  aspect-ratio: 4 / 3;
  border-radius: 10px;
  background: var(--silva-tint);
  border: 1px solid var(--silva-border);
}

.cc_dht747cl_wxmqdaGQUf .kombos-mm-cat__card-label {
  display: block;
  /* Tasarım: 12.5px */
  font-size: 0.78125rem;
  font-weight: 600;
  line-height: 1.25;
  color: var(--silva-ink);
  margin-top: 0.4375rem;
}

.cc_dht747cl_wxmqdaGQUf .kombos-mm-cat__view-all {
  display: inline-flex;
  align-items: center;
  gap: 0.4375rem;
  margin-top: 0.875rem;
  /* Tasarım: 13.5px */
  font-size: 0.84375rem;
  font-weight: 700;
  color: var(--silva-blue);
  text-decoration: none;
}

.cc_dht747cl_wxmqdaGQUf .kombos-mm-cat__view-all-icon {
  /* Tasarım: 15px */
  font-size: 0.9375rem;
}

/* Ajans notu #8: hareketi azaltmayı tercih edende akordeon anında açılıp kapanır */
@media (prefers-reduced-motion: reduce) {
  .cc_dht747cl_wxmqdaGQUf .kombos-mm-cat__acc, .cc_dht747cl_wxmqdaGQUf .kombos-mm-cat__chevron {
    transition: none;
  }
}