/* REYON KAROLARI (2026-11-09, yapı v2 onaylı tasarım) — Kışa Kat Kat ve Evde de Enzim ORTAK. Bu blok iki bileşenin
   styles.css'inde AYNEN durur (alt bileşen stili tek başına yayınlanmaz — Header/MobileDrawer notu). Değiştirirsen ikisini birlikte değiştir. */
.cc_7i6nlac3_PegFGZWs4W .rk { margin-top: 1.25rem; padding: 1.25rem 0 1.375rem; }
.cc_7i6nlac3_PegFGZWs4W .rk__ic { display: flex; flex-direction: column; gap: .875rem; }
.cc_7i6nlac3_PegFGZWs4W .rk__bas { display: flex; flex-direction: column; gap: .25rem; }
.cc_7i6nlac3_PegFGZWs4W .rk__rozet { align-self: flex-start; padding: .25rem .6rem; border-radius: 999px; background: #fff; color: #252a40; font-size: .6875rem; font-weight: 800; letter-spacing: .08em; }
.cc_7i6nlac3_PegFGZWs4W .rk__baslik { margin: .25rem 0 0; color: #252a40; font-family: var(--font-v5); font-size: clamp(1.75rem, 5.5vw, 2.5rem); font-weight: 400; letter-spacing: .01em; line-height: 1.2; }
.cc_7i6nlac3_PegFGZWs4W .rk__vurgu { color: #e8632c; }
.cc_7i6nlac3_PegFGZWs4W .rk__metin { margin: 0; color: #3d4560; font-size: .875rem; line-height: 1.45; }
.cc_7i6nlac3_PegFGZWs4W .rk__not { margin: 0; color: #9e2a12; font-size: .75rem; }
.cc_7i6nlac3_PegFGZWs4W .rk__gorsel img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 30%; }
.cc_7i6nlac3_PegFGZWs4W .rk__ok { color: #ff7a3d; font-weight: 800; }

/* Izgara (Kışa Kat Kat): telefonda 2, masaüstünde 4 sütun; ad görselin üstünde koyu degradede. */
.cc_7i6nlac3_PegFGZWs4W .rk--izgara .rk__karolar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .625rem; }
.cc_7i6nlac3_PegFGZWs4W .rk--izgara .rk__karo { position: relative; display: block; height: 9.5rem; overflow: hidden; border-radius: 12px; background: #fff; text-decoration: none; }
.cc_7i6nlac3_PegFGZWs4W .rk--izgara .rk__gorsel { position: absolute; inset: 0; background: #efe9e0; }
.cc_7i6nlac3_PegFGZWs4W .rk--izgara .rk__ad {
  position: absolute; right: 0; bottom: 0; left: 0;
  display: flex; align-items: center; justify-content: space-between; gap: .5rem;
  padding: 1.75rem .625rem .625rem;
  background: linear-gradient(to top, rgba(37, 42, 64, .92), rgba(37, 42, 64, 0));
  color: #fff; font-size: .875rem; font-weight: 800;
}
@media (min-width: 1024px) {
  .cc_7i6nlac3_PegFGZWs4W .rk--izgara .rk__karolar { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
  .cc_7i6nlac3_PegFGZWs4W .rk--izgara .rk__karo { height: 14rem; }
}

/* Ray (Evde de Enzim): yatay kaydırma, uzun karolar, ad altta. */
.cc_7i6nlac3_PegFGZWs4W .rk--ray .rk__karolar { display: flex; gap: .625rem; padding-bottom: .25rem; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.cc_7i6nlac3_PegFGZWs4W .rk--ray .rk__karolar::-webkit-scrollbar { display: none; }
.cc_7i6nlac3_PegFGZWs4W .rk--ray .rk__karo { display: flex; flex: 0 0 7.75rem; flex-direction: column; gap: .375rem; color: #1a1a1a; text-decoration: none; scroll-snap-align: start; }
.cc_7i6nlac3_PegFGZWs4W .rk--ray .rk__gorsel { display: block; height: 10.25rem; overflow: hidden; border-radius: 14px; background: #efe9e0; }
.cc_7i6nlac3_PegFGZWs4W .rk--ray .rk__ad { display: flex; align-items: center; justify-content: space-between; gap: .375rem; min-height: 1.5rem; color: #1a1a1a; font-size: .8125rem; font-weight: 700; }
.cc_7i6nlac3_PegFGZWs4W .rk--ray .rk__ok { color: #c74e1b; }
@media (min-width: 1024px) {
  .cc_7i6nlac3_PegFGZWs4W .rk--ray .rk__karo { flex-basis: 12rem; }
  .cc_7i6nlac3_PegFGZWs4W .rk--ray .rk__gorsel { height: 15rem; }
}

/* İskelet (veri gelene kadar; yükseklik gerçek karoyla aynı → yerleşim kaymaz). */
.cc_7i6nlac3_PegFGZWs4W .rk__karo--iskelet .rk__gorsel { background: linear-gradient(90deg, #efe9e0 0%, #f6f1ea 50%, #efe9e0 100%); background-size: 200% 100%; animation: cc_7i6nlac3_PegFGZWs4W_rkParilti 1.1s ease-in-out infinite; }
@keyframes cc_7i6nlac3_PegFGZWs4W_rkParilti { from { background-position: 100% 0; } to { background-position: -100% 0; } }
@media (prefers-reduced-motion: reduce) { .cc_7i6nlac3_PegFGZWs4W .rk__karo--iskelet .rk__gorsel { animation: none; } }
@media (hover: hover) {
  .cc_7i6nlac3_PegFGZWs4W .rk__gorsel img { transition: transform .25s ease; }
  .cc_7i6nlac3_PegFGZWs4W .rk__karo:hover .rk__gorsel img { transform: scale(1.03); }
}