/* Ana vitrin + "Kategorileri keşfedin" (2026-10-22). B2 tasarım dili: beyaz zemin, #F4F4F4 metin paneli, #333333 düğme, 0-8 px köşe. Eski .yh kuralları #anaVitrin.yh ile ezilir. */
#anaVitrin.yh { background: #fff; color: #242424; min-height: 0; padding: 28px 0 0; margin: 0; border: 0; overflow: visible; isolation: auto; position: static; }
#anaVitrin.yh::before, #anaVitrin.yh::after { content: none; display: none; }
.av-kap { width: min(1280px, 100% - 64px); margin-inline: auto; display: grid; grid-template-columns: 44fr 56fr; min-height: 420px; background: #f4f4f4; border-radius: 8px; overflow: hidden; }
.av-metin { padding: 44px 48px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 18px; min-width: 0; }
#anaVitrin.yh h1 { margin: 0 !important; max-width: 15ch !important; font-size: clamp(2.25rem, 3.3vw, 2.9rem) !important; font-weight: 600; line-height: 1.15; letter-spacing: -.01em; color: #242424; text-wrap: balance; }
#anaVitrin.yh p { display: block; margin: 0 !important; max-width: 36ch; font-size: 1.1rem !important; line-height: 1.55; color: #666 !important; }
.av-dugme { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 30px; background: #333; color: #fff; border-radius: 6px; font-size: 1rem; font-weight: 600; text-decoration: none; margin-top: 6px; transition: background-color .15s ease; }
.av-dugme:hover { background: #454545; }
.av-dugme:focus-visible, .kk-kart:focus-visible { outline: 3px solid #242424; outline-offset: 3px; }
.av-foto { background: #f7f7f7; min-width: 0; }
.av-foto picture, .av-foto img { display: block; width: 100%; height: 100%; }
.av-foto img { object-fit: cover; object-position: center; }
.kk { margin: 0; padding: 46px 0 44px; background: #fff; }
.kk-kap { width: min(1280px, 100% - 64px); margin-inline: auto; }
.kk h2 { margin: 0 0 22px; font-size: 1.75rem; font-weight: 600; line-height: 1.2; color: #242424; }
.kk-izgara { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
.kk-kart { display: block; color: #242424; text-decoration: none; }
.kk-foto { display: block; aspect-ratio: 4 / 3; background: #f7f7f7; border-radius: 6px; overflow: hidden; }
.kk-foto img { display: block; width: 100%; height: 100%; object-fit: cover; }
.kk-baslik { display: block; margin-top: 14px; font-size: 1.125rem; font-weight: 600; line-height: 1.3; text-underline-offset: 4px; text-decoration-thickness: 2px; }
.kk-kart:hover .kk-baslik, .kk-kart:focus-visible .kk-baslik { text-decoration: underline; }
@media (max-width: 1023px) {
  .av-kap { grid-template-columns: 1fr; min-height: 0; width: calc(100% - 48px); }
  .av-metin { padding: 24px; gap: 16px; }
  #anaVitrin.yh h1 { font-size: 2.25rem !important; max-width: 18ch !important; }
  .av-foto { aspect-ratio: 4 / 3; }
  .kk-kap { width: calc(100% - 48px); }
  .kk-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
}
@media (max-width: 767px) {
  #anaVitrin.yh { padding-top: 18px; }
  .av-kap, .kk-kap { width: calc(100% - 32px); }
  #anaVitrin.yh h1 { font-size: 1.95rem !important; line-height: 1.18; }
  #anaVitrin.yh p { font-size: 1rem !important; }
  .av-dugme { width: 100%; }
  .kk { padding: 30px 0 32px; }
  .kk h2 { font-size: 1.4rem; margin-bottom: 18px; }
  .kk-izgara { gap: 14px 12px; }
  .kk-baslik { margin-top: 12px; font-size: .97rem; }
}
@media (max-width: 340px) { .av-kap, .kk-kap { width: calc(100% - 24px); } .kk-izgara { gap: 12px 10px; } }