/* Ana sayfa ekleri (sahip onayı, 29 Ekim 2026: "ana sayfa çok basit", "sliderlarda çok yazı var"). Yalnız ana sayfada yüklenir;
   renkler ve ölçüler site.css değişkenlerinden. */

/* Vitrinin altındaki giriş: tek satır, başlık solda, açık mağaza bağlantısı sağda */
.page-home .intro { grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 32px; }
.page-home .intro h1 { max-width: none; font-size: 1.65rem; line-height: 1.2; }
.page-home .intro-open { margin-top: 0; }
@media (max-width: 900px) {
  .page-home .intro { grid-template-columns: 1fr; row-gap: 4px; }
  .page-home .intro h1 { font-size: 1.3rem; }
}

/* Sekmeli ürün vitrini: ana gruplar sekme, her sekmede yana kayan ürün şeridi */
.urun-sekmeleri .sekmeler { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; margin: 0 0 18px; padding: 2px 0; }
.urun-sekmeleri .sekmeler::-webkit-scrollbar { display: none; }
.urun-sekmeleri .sekme { flex: none; min-height: 44px; padding: 9px 16px; border-radius: 999px; border: 1.5px solid var(--line); background: #fff;
  font: inherit; font-size: .92rem; font-weight: 700; color: var(--ink-2); cursor: pointer; white-space: nowrap; }
.urun-sekmeleri .sekme:hover { border-color: var(--line-strong); color: var(--ink); }
.urun-sekmeleri .sekme[aria-selected="true"] { background: var(--ink); border-color: var(--ink); color: #fff; }
.urun-sekmeleri .sekme:focus-visible { outline: 3px solid var(--brand); outline-offset: 2px; }
.urun-sekmeleri [role="tabpanel"][hidden] { display: none; }
.urun-sekmeleri .sekme-alt { margin: 6px 0 0; font-weight: 700; }
@media (max-width: 640px) {
  .urun-sekmeleri .sekmeler { margin: 0 -16px 14px; padding: 2px 16px; }
}

/* Mağazalarımızdan: mağazaların içinden yatay 3:2 fotoğraflar, yana kayan şerit (bilgisayarda 4, tablette 2, telefonda 1,2 kart).
   Kart mağaza sayfasına gider; altında kısa ad ve mağazanın adı. Kaydırma ve oklar site.js "data-strip". */
.magaza-foto-seridi { position: relative; display: flex; gap: 18px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory;
  scrollbar-width: none; list-style: none; margin: -4px 0 0; padding: 4px 0 12px; }
.magaza-foto-seridi::-webkit-scrollbar { display: none; }
.magaza-foto-seridi > li { flex: 0 0 calc((100% - 54px) / 4); min-width: 0; scroll-snap-align: start; }
.magaza-foto { display: flex; flex-direction: column; color: inherit; }
.magaza-foto-gorsel { display: block; aspect-ratio: 3 / 2; border-radius: var(--radius); overflow: hidden; }
.magaza-foto-gorsel img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s; }
.magaza-foto:hover .magaza-foto-gorsel img { transform: scale(1.03); }
.magaza-foto:focus-visible { outline: 3px solid var(--brand); outline-offset: 3px; border-radius: var(--radius); }
.magaza-foto-ad { margin-top: 10px; font-weight: 700; color: var(--ink); line-height: 1.3; }
.magaza-foto-magaza { font-size: .86rem; color: var(--muted); }
@media (max-width: 1000px) { .magaza-foto-seridi > li { flex-basis: calc((100% - 18px) / 2); } }
@media (max-width: 640px) {
  .magaza-foto-seridi { gap: 12px; margin: -4px -16px 0; padding: 4px 16px 10px; scroll-padding-inline: 16px; }
  .magaza-foto-seridi > li { flex-basis: 82%; }
}
@media (prefers-reduced-motion: reduce) { .magaza-foto-gorsel img { transition: none; } }