/* Selinay — ana sayfa */

/* Vitrin (kap içinde, 1170×630 oranında) */
.sl-vitrin { position: relative; margin-top: 24px; aspect-ratio: 1170 / 630; overflow: hidden; background: var(--sl-zemin); outline: none; }
.sl-slayt { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity 1.1s, visibility 1.1s; }
.sl-slayt.is-aktif, .sl-vitrin.is-tek .sl-slayt { opacity: 1; visibility: visible; }
.sl-slayt > img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.05); transition: transform 9s linear; }
.sl-slayt.is-aktif > img { transform: scale(1); }
.sl-slayt-link { position: absolute; inset: 0; }
.sl-noktalar { position: absolute; left: 0; right: 0; bottom: 18px; display: flex; justify-content: center; gap: 8px; }
.sl-noktalar button { width: 11px; height: 11px; padding: 0; border: 2px solid var(--sl-beyaz); border-radius: 50%; background: transparent; cursor: pointer; transition: background-color .3s, transform .3s; }
.sl-noktalar button.is-secili { background: var(--sl-beyaz); transform: scale(1.15); }

/* Görsel kutular (reklam alanlarındaki görseller) */
.sl-banner-satir { display: grid; gap: 30px; margin-top: 30px; }
.sl-banner-uc { grid-template-columns: 2fr 1fr 1fr; }
.sl-banner-iki { grid-template-columns: 2fr 1fr; }
.sl-banner { display: block; overflow: hidden; background: var(--sl-zemin); }
.sl-banner p { margin: 0; }
.sl-banner img { width: 100%; height: 100%; object-fit: cover; margin: 0; transition: transform .8s var(--sl-gecis), filter .5s; }
.sl-banner:hover img { transform: scale(1.06); filter: brightness(1.05); }

/* Ürünlerimiz: dörtlü ızgara + öne çıkan ürün (kırmızı eğik zemin önünde) */
.sl-urunlerimiz { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: 60px; align-items: center; }
.sl-urunlerimiz-sol .sl-baslik { margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px dashed var(--sl-cizgi); }
.sl-one-cikan { position: relative; padding: 40px 0 40px 30px; }
.sl-one-cikan::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50px; right: -20px; background: var(--sl-kirmizi); transform: skewY(-7deg); transition: transform .6s var(--sl-gecis); }
.sl-one-cikan:hover::before { transform: skewY(-4deg); }
.sl-one-cikan-kart { position: relative; display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 40px 30px; background: var(--sl-beyaz); box-shadow: 0 18px 40px rgba(30, 20, 15, .16); text-align: center; }
.sl-one-cikan-kart .sl-urun-gorsel { height: 230px; }
.sl-one-cikan-kart .sl-urun-gorsel img { max-height: 230px; transition: transform .6s var(--sl-gecis); }
.sl-one-cikan-kart:hover .sl-urun-gorsel img { transform: scale(1.07) rotate(-2deg); }
.sl-one-cikan-kart b { font-family: var(--sl-el); font-weight: 400; font-size: 20px; color: var(--sl-kirmizi); }
.sl-one-cikan-kart .sl-metin { font-size: 14px; line-height: 1.75; }

/* Yeni eklenenler: kayan şerit */
.sl-bas-satir { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px dashed var(--sl-cizgi); }
.sl-serit-oklar { display: flex; gap: 6px; }
.sl-serit-iz { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; border-left: 1px solid var(--sl-cizgi); }
.sl-serit-iz::-webkit-scrollbar { display: none; }
.sl-serit-iz .sl-urun { flex: 0 0 25%; scroll-snap-align: start; border-right: 1px solid var(--sl-cizgi); }

/* Bize ulaşın görseli */
.sl-bize-ulasin { display: block; margin-top: 30px; overflow: hidden; }
.sl-bize-ulasin img { width: 100%; transition: transform 1s var(--sl-gecis); }
.sl-bize-ulasin:hover img { transform: scale(1.02); }

/* Açılış penceresi */
.sl-splash { position: fixed; inset: 0; z-index: 400; display: none; align-items: center; justify-content: center; padding: 20px; background: rgba(25, 18, 15, .7); }
.sl-splash.is-acik { display: flex; }
.sl-splash-kutu { position: relative; width: min(640px, 100%); max-height: 90vh; overflow: auto; padding: 30px; background: var(--sl-beyaz); }
.sl-splash-kutu h3 { margin-bottom: 14px; padding-right: 50px; font-family: var(--sl-el); color: var(--sl-kirmizi); }
.sl-splash-kapat { position: absolute; top: 14px; right: 14px; }

@media (max-width: 991px) {
	.sl-urunlerimiz { grid-template-columns: minmax(0, 1fr); gap: 40px; }
	.sl-serit-iz .sl-urun { flex-basis: 33.33%; }
}
@media (max-width: 640px) {
	.sl-vitrin { margin-top: 14px; }
	.sl-banner-satir { grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 12px; }
	.sl-banner-satir .sl-banner.is-genis { grid-column: 1 / -1; }
	.sl-one-cikan { padding: 26px 0 26px 14px; }
	.sl-serit-iz .sl-urun { flex-basis: 50%; }
}