/*
 * Anasayfa hero slider'ı (tek dosya). Tüm ekranlar: telefon (dikey/yatay), tablet, dizüstü, geniş ekran.
 * Geçiş: çapraz solma + medya "yerleşme" yakınlaşması + yönlü, kademeli metin girişi + altın ışık süpürmesi.
 * prefers-reduced-motion: yalnızca yumuşak solma kalır (hareket/yakınlaşma yok).
 */
.hero-slider { position: relative; display: block; min-height: max(34rem, 100svh); background: var(--wp--preset--color--cinema); overflow: hidden; touch-action: pan-y; -webkit-user-select: none; user-select: none; }
.hero-slider .home-hero__inner { -webkit-user-select: text; user-select: text; }
.hero-slider .home-hero__scroll { display: none; }
.hero-slides { position: absolute; inset: 0; }

/* ---- Slayt ---- */
.hero-slide { position: absolute; inset: 0; display: flex; align-items: center; background: var(--wp--preset--color--cinema); opacity: 0; visibility: hidden; pointer-events: none; }
.hero-slide.is-active { opacity: 1; visibility: visible; pointer-events: auto; z-index: 2; }
.hero-slide.is-leaving { opacity: 1; visibility: visible; z-index: 1; }
.hero-slide .home-hero__media { position: absolute; inset: 0; z-index: -1; overflow: hidden; }
.hero-slide .home-hero__media picture, .hero-slide .home-hero__media img, .hero-slide__video { display: block; width: 100%; height: 100%; object-fit: cover; }
.hero-slide__video { position: absolute; inset: 0; opacity: 0; transition: opacity 0.8s var(--ease); }
.hero-slide__video.is-playing { opacity: 1; }
/* Geçiş efekti: gelen slayt perde gibi açılır (sonraki: sağdan sola, önceki: soldan sağa), önde altın kenar çizgisi */
.hero-slider.has-moved .hero-slide.is-active { animation: hero-wipe-next 1s cubic-bezier(.7, 0, .2, 1) both; }
.hero-slider.has-moved[data-dir="prev"] .hero-slide.is-active { animation-name: hero-wipe-prev; }
@keyframes hero-wipe-next { from { clip-path: inset(0 0 0 100%); } to { clip-path: inset(0 0 0 0); } }
@keyframes hero-wipe-prev { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
.hero-wipe { position: absolute; top: 0; bottom: 0; width: 3px; z-index: 7; pointer-events: none; opacity: 0; background: linear-gradient(180deg, transparent, #f6e2ab 20%, #c59c63 50%, #f6e2ab 80%, transparent); box-shadow: 0 0 1.4rem 0.2rem rgb(240 212 140 / 0.55); }
.hero-slider.is-wiping[data-dir="next"] .hero-wipe { animation: hero-edge-next 1s cubic-bezier(.7, 0, .2, 1) both; }
.hero-slider.is-wiping[data-dir="prev"] .hero-wipe { animation: hero-edge-prev 1s cubic-bezier(.7, 0, .2, 1) both; }
@keyframes hero-edge-next { 0% { left: 100%; opacity: 1; } 92% { opacity: 1; } 100% { left: 0; opacity: 0; } }
@keyframes hero-edge-prev { 0% { left: 0; opacity: 1; } 92% { opacity: 1; } 100% { left: 100%; opacity: 0; } }
/* Medya: giren slaytta yakından yerine oturur */
.hero-slide .home-hero__media > * { transform: scale(1.12); transition: transform 1.8s var(--ease); }
.hero-slide.is-active .home-hero__media > * { transform: scale(1); }
.hero-slide.is-leaving .home-hero__media > * { transform: scale(1.04); transition-duration: 1.1s; }
/* Altın ışık süpürmesi (giriş anında soldan sağa) */
.hero-slide::before { content: ""; position: absolute; top: 0; bottom: 0; left: -40%; width: 35%; z-index: 3; pointer-events: none; background: linear-gradient(100deg, transparent 0%, rgb(240 212 140 / 0.0) 20%, rgb(240 212 140 / 0.22) 50%, rgb(240 212 140 / 0) 80%, transparent 100%); transform: skewX(-18deg); opacity: 0; }
.hero-slide.is-active::before { animation: hero-sweep 1.5s var(--ease) 0.15s 1 both; }
@keyframes hero-sweep { 0% { left: -40%; opacity: 0; } 15% { opacity: 1; } 100% { left: 120%; opacity: 0; } }
/* Koyu okunurluk katmanı */
.hero-slide::after { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient(90deg, rgb(5 15 11 / 0.92) 0%, rgb(5 15 11 / 0.74) 34%, rgb(5 15 11 / 0.28) 62%, rgb(5 15 11 / 0.05) 100%), linear-gradient(180deg, rgb(5 15 11 / 0.45) 0%, transparent 28%, transparent 62%, rgb(5 15 11 / 0.6) 100%); }
.hero-slide .home-hero__inner { position: relative; z-index: 4; padding-block: calc(var(--header-h) + var(--space-6)) 6.5rem; }

/* Metin: başlık kelime kelime hızlıca yükselir; üst yazı, açıklama ve butonlar sade solar */
.hero-slide .eyebrow, .hero-slide .home-hero__lead, .hero-slide .home-hero__cta { opacity: 0; transition: opacity 0.6s var(--ease); }
.hero-slide.is-active .eyebrow { opacity: 1; transition-delay: 0.2s; }
.hero-slide.is-active .home-hero__lead { opacity: 1; transition-delay: 0.55s; }
.hero-slide.is-active .home-hero__cta { opacity: 1; transition-delay: 0.7s; }
.hero-slide .home-hero__title .w { display: inline-block; white-space: nowrap; }
.hero-slide .home-hero__title .c { display: inline-block; opacity: 0; transform: translateY(0.45em); transition: opacity 0.25s linear, transform 0.45s cubic-bezier(.2, .8, .2, 1); transition-delay: 0s; }
.hero-slide.is-active .home-hero__title .c { opacity: 1; transform: none; transition-delay: calc(0.2s + var(--i) * 0.03s); }

/* Tipografi: ölçülü, tüm ekranlara akıcı */
.hero-slide .home-hero__title { max-width: 17ch; margin: 0 0 var(--space-4); font-size: clamp(1.9rem, 1rem + 2.6vw, 3.9rem); line-height: 1.06; letter-spacing: -0.01em; }
.hero-slide .home-hero__lead { max-width: 30rem; margin: 0 0 var(--space-5); font-size: clamp(0.95rem, 0.88rem + 0.3vw, 1.12rem); line-height: 1.65; }
.hero-slide .eyebrow { margin-bottom: var(--space-3); }

/* ---- Yerleşim: medya sağda, soldan koyuya karışır (ürün videoları) ---- */
@media (min-width: 768px) {
	.hero-slide--side .home-hero__media { left: 24%; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 26%); mask-image: linear-gradient(90deg, transparent 0, #000 26%); }
	.hero-slide--side .home-hero__media img, .hero-slide--side .hero-slide__video { object-position: 60% 50%; }
	.hero-slide--side .home-hero__title { max-width: 13ch; }
	.hero-slide--side::after { background: linear-gradient(180deg, rgb(5 15 11 / 0.4) 0%, transparent 28%, transparent 66%, rgb(5 15 11 / 0.5) 100%); }
}

/* ---- Altın efektli butonlar ---- */
.hero-slide .home-hero__cta { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.hero-slide .home-hero__cta .btn { position: relative; overflow: hidden; isolation: isolate; min-height: 3rem; padding-inline: var(--space-6); border-radius: 0.2rem; font-weight: 700; letter-spacing: 0.16em; transition: transform var(--dur-base) var(--ease), box-shadow var(--dur-base) var(--ease), background-color var(--dur-base) var(--ease), color var(--dur-base) var(--ease), border-color var(--dur-base) var(--ease); }
.hero-slide .home-hero__cta .btn--primary { border: 1px solid #f0d48c; background: linear-gradient(135deg, #f6e2ab 0%, #c59c63 48%, #a67a35 100%); color: #0b1d17; box-shadow: 0 0.9rem 1.8rem -0.9rem rgb(197 156 99 / 0.75), inset 0 1px 0 rgb(255 255 255 / 0.5); }
.hero-slide .home-hero__cta .btn--primary::after { content: ""; position: absolute; top: 0; bottom: 0; left: -70%; width: 45%; z-index: -1; background: linear-gradient(100deg, transparent, rgb(255 255 255 / 0.55), transparent); transform: skewX(-18deg); transition: left 0.7s var(--ease); }
.hero-slide .home-hero__cta .btn--primary:hover, .hero-slide .home-hero__cta .btn--primary:focus-visible { transform: translateY(-2px); box-shadow: 0 1.2rem 2.2rem -0.9rem rgb(197 156 99 / 0.95), 0 0 0 3px rgb(197 156 99 / 0.25), inset 0 1px 0 rgb(255 255 255 / 0.6); }
.hero-slide .home-hero__cta .btn--primary:hover::after, .hero-slide .home-hero__cta .btn--primary:focus-visible::after { left: 130%; }
.hero-slide .home-hero__cta .btn--secondary { border: 1px solid rgb(197 156 99 / 0.85); background: rgb(5 15 11 / 0.35); backdrop-filter: blur(6px); color: #fff; }
.hero-slide .home-hero__cta .btn--secondary:hover, .hero-slide .home-hero__cta .btn--secondary:focus-visible { transform: translateY(-2px); background: rgb(197 156 99 / 0.18); border-color: #f0d48c; color: #f6e2ab; box-shadow: 0 0 1.4rem rgb(197 156 99 / 0.35); }

/* ---- Alt kontrol çubuğu: sayaç + noktalar solda, duraklat/oklar sağda ---- */
.hero-slider__ui { position: absolute; left: 0; right: 0; bottom: var(--space-6); z-index: 6; display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); margin-inline: auto; pointer-events: none; }
.hero-slider__ui > * { pointer-events: auto; }
.hero-slider__count { display: inline-flex; align-items: baseline; gap: 0.35rem; margin-right: var(--space-3); font-family: var(--font-serif); font-size: 1.05rem; letter-spacing: 0.08em; color: rgb(255 255 255 / 0.65); }
.hero-slider__count b { font-weight: 500; font-size: 1.35rem; color: #f0d48c; }
.hero-slider__count i { font-style: normal; color: rgb(197 156 99 / 0.7); }
.hero-slider__dots { display: flex; gap: 0.6rem; }
.hero-slider__dot { position: relative; width: 2.6rem; height: 1.6rem; padding: 0; border: 0; background: transparent; cursor: pointer; }
.hero-slider__dot span { position: absolute; left: 0; right: 0; top: 50%; height: 2px; background: rgb(255 255 255 / 0.3); overflow: hidden; }
.hero-slider__dot span::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #f6e2ab, var(--color-gold)); transform: scaleX(0); transform-origin: left; }
.hero-slider__dot.is-active span::after { transform: scaleX(1); }
.hero-slider.is-timing .hero-slider__dot.is-active span::after { transform: scaleX(0); animation: hero-bar var(--hero-ms, 9000ms) linear forwards; }
@keyframes hero-bar { to { transform: scaleX(1); } }
.hero-slider__arrows { display: flex; gap: 0.5rem; margin-left: auto; }
.hero-slider__arrow { display: grid; place-items: center; width: 2.75rem; height: 2.75rem; padding: 0; border: 1px solid rgb(197 156 99 / 0.8); border-radius: 50%; background: rgb(5 15 11 / 0.4); backdrop-filter: blur(6px); color: #fff; cursor: pointer; transition: background-color var(--dur-base) var(--ease), color var(--dur-base) var(--ease), transform var(--dur-fast) var(--ease); }
.hero-slider__arrow:hover, .hero-slider__arrow:focus-visible { background: var(--color-gold); color: #0b1d17; transform: translateY(-1px); }
.hero-slider__arrow svg { width: 1.2rem; height: 1.2rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.hero-slider__pause .i-play, .hero-slider__pause.is-paused .i-pause { display: none; }
.hero-slider__pause.is-paused .i-play { display: block; fill: currentColor; stroke: none; }

/* ---- Tablet ---- */
@media (min-width: 768px) and (max-width: 1023.98px) {
	.hero-slide--side .home-hero__media { left: 18%; }
	.hero-slide .home-hero__title { max-width: 15ch; }
}

/* ---- Telefon (dikey) ---- */
@media (max-width: 767.98px) {
	.hero-slider { min-height: max(34rem, 100svh); }
	.hero-slide { align-items: flex-end; }
	.hero-slide::after { background: linear-gradient(180deg, rgb(5 15 11 / 0.5) 0%, transparent 22%, rgb(5 15 11 / 0.35) 48%, rgb(5 15 11 / 0.88) 100%); }
	.hero-slide .home-hero__inner { padding-block: var(--space-7) 6rem; }
	.hero-slide .home-hero__title { max-width: 16ch; font-size: clamp(1.8rem, 7.6vw, 2.4rem); }
	.hero-slide .home-hero__lead { margin-bottom: var(--space-5); }
	.hero-slide .home-hero__cta .btn { flex: 1 1 auto; justify-content: center; padding-inline: var(--space-5); }
	.hero-slider__ui { bottom: var(--space-5); }
	.hero-slider__arrow { width: 2.4rem; height: 2.4rem; }
	.hero-slider__arrows [data-prev], .hero-slider__arrows [data-next] { display: none; }   /* mobilde kaydırılır */
	.hero-slider__dot { width: 2rem; }
}
/* ---- Dar telefon ---- */
@media (max-width: 380px) { .hero-slider__count { display: none; } .hero-slide .home-hero__cta .btn { padding-inline: var(--space-4); letter-spacing: 0.1em; } }
/* ---- Yatay telefon / kısa ekranlar: içerik taşmasın ---- */
@media (max-height: 560px) {
	.hero-slider { min-height: max(26rem, 100svh); }
	.hero-slide { align-items: center; }
	.hero-slide .home-hero__inner { padding-block: calc(var(--header-h) + var(--space-3)) 4rem; }
	.hero-slide .home-hero__title { font-size: clamp(1.5rem, 4.4vw, 2.2rem); margin-bottom: var(--space-2); }
	.hero-slide .home-hero__lead { display: none; }
	.hero-slider__ui { bottom: var(--space-3); }
}
/* ---- Geniş / ultra geniş ekran ---- */
@media (min-width: 1600px) { .hero-slide .home-hero__title { font-size: clamp(3rem, 2.4vw + 1.4rem, 4.8rem); } .hero-slide .home-hero__lead { font-size: 1.25rem; max-width: 36rem; } }
@media (min-width: 2200px) { .hero-slider { min-height: min(100svh, 62rem); } }

/* ---- Hareketi azalt: perde ve harf efekti yok, yalnızca yumuşak solma. Slider sayfasındaki "efektleri her zaman göster" (.force-motion) açıksa uygulanmaz ---- */
@media (prefers-reduced-motion: reduce) {
	.hero-slider:not(.force-motion) .hero-slide { transition: opacity 0.7s linear, visibility 0s linear 0.7s; }
	.hero-slider:not(.force-motion) .hero-slide.is-active { transition-delay: 0s; }
	.hero-slider:not(.force-motion).has-moved .hero-slide.is-active { animation: none; }
	.hero-slider:not(.force-motion).is-wiping .hero-wipe { animation: none; }
	.hero-slider:not(.force-motion) .hero-slide .home-hero__media > *,
	.hero-slider:not(.force-motion) .hero-slide.is-active .home-hero__media > * { transform: none; transition: none; }
	.hero-slider:not(.force-motion) .hero-slide .home-hero__title .c { transform: none; transition: opacity 0.3s linear; transition-delay: calc(0.1s + var(--i) * 0.02s); }
	.hero-slider:not(.force-motion) .hero-slide.is-active::before { animation: none; }
	.hero-slider.is-timing .hero-slider__dot.is-active span::after { animation-duration: var(--hero-ms, 9000ms); }
}

/* ---- VIP görünüm: başlık harfleri altın gradyan; üst yazı ve çizgiler altın ---- */
.hero-slide .home-hero__title { color: #e6c57f; filter: drop-shadow(0 2px 14px rgb(0 0 0 / 0.45)); }
.hero-slide .home-hero__title .c { background: linear-gradient(180deg, #fbefc9 0%, #e8c880 45%, #c59c63 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.hero-slide .eyebrow { color: #f0d48c; letter-spacing: 0.22em; }
.hero-slide .eyebrow::before { background: linear-gradient(90deg, transparent, #f0d48c); }
.hero-slide .home-hero__lead { color: rgb(246 238 220 / 0.9); }

/* ---- Mobilde daha uzun, sinematik slider: ekran yüksekliğinden biraz uzun (altta sonraki bölüm görünmez) ---- */
@media (max-width: 767.98px) {
	.hero-slider { min-height: max(40rem, calc(100svh + 3rem)); }
	.hero-slide .home-hero__inner { padding-bottom: 7rem; }
	.hero-slider__ui { bottom: var(--space-6); }
}