/* Plastik Poşet Üretimi — hareket katmanı (hareket.js ile). Gizli başlangıç durumları yalnız html.js ve
   prefers-reduced-motion: no-preference iken; JS kapalıyken ya da hareket azaltılmışken her şey görünür. */
:root{--hr-e:cubic-bezier(.2,.7,.2,1)}

/* Yapışkan başlık: proje şeridi normal kayar, başlık üstte kalır. Zemin tam genişliğe border-image ile taşar (taşma oluşturmaz). */
html{scroll-padding-top:96px}
.header{position:sticky;top:0;z-index:40;border-image:linear-gradient(#f8f7f2,#f8f7f2) fill 0//0 100vmax}
body.hr-kucuk .header{height:72px;margin-bottom:38px;border-image:linear-gradient(0deg,#dcded4 1px,#f8f7f2 1px) fill 0//0 100vmax}
body.hr-gizli .header{transform:translateY(calc(-100% - 2px))}
body.admin-bar .header{top:32px}
body.admin-bar.hr-gizli .header{transform:translateY(calc(-100% - 34px))}

/* Okuma çizgisi: JS scaleX değerini yazar. */
.hr-cizgi{display:none}
html.hr-etkin .hr-cizgi{display:block;position:fixed;top:0;left:0;right:0;height:2px;background:#df613e;transform:scaleX(0);transform-origin:left center;z-index:60;pointer-events:none}
body.admin-bar .hr-cizgi{top:32px}

@media(max-width:782px){
	body.admin-bar .header,body.admin-bar .hr-cizgi{top:46px}
	body.admin-bar.hr-gizli .header{transform:translateY(calc(-100% - 48px))}
}
@media(max-width:760px){
	html{scroll-padding-top:76px}
	body.hr-kucuk .header{height:64px;margin-bottom:22px}
}
@media(max-width:600px){
	/* Bu genişlikte yönetici çubuğu sabit değil, sayfayla kayar. */
	body.admin-bar .header,body.admin-bar .hr-cizgi{top:0}
	body.admin-bar.hr-gizli .header{transform:translateY(calc(-100% - 2px))}
}

@media screen and (prefers-reduced-motion:no-preference){
	.header{transition:height .45s var(--hr-e),margin-bottom .45s var(--hr-e),transform .5s var(--hr-e)}

	/* yukari: aşağıdan süzülür */
	html.js:not(.hr-yok) [data-hr=yukari]:not(.hr-gorunur){opacity:0;transform:translate3d(0,24px,0)}
	html.js [data-hr=yukari].hr-gorunur:not(.hr-bitti){transition:opacity .8s var(--hr-e) var(--hr-g,0ms),transform .8s var(--hr-e) var(--hr-g,0ms)}

	/* perde: soldan sağa açılır */
	html.js:not(.hr-yok) [data-hr=perde]:not(.hr-gorunur){clip-path:inset(0 100% 0 0)}
	html.js [data-hr=perde].hr-gorunur:not(.hr-bitti){clip-path:inset(0 0 0 0);transition:clip-path .9s var(--hr-e) var(--hr-g,0ms)}

	/* kademeli: doğrudan çocuklar 80 ms arayla süzülür */
	html.js:not(.hr-yok) [data-hr=kademeli]:not(.hr-gorunur)>*{opacity:0;transform:translate3d(0,24px,0)}
	html.js [data-hr=kademeli].hr-gorunur:not(.hr-bitti)>*{transition:opacity .7s var(--hr-e),transform .7s var(--hr-e);transition-delay:calc(var(--hr-g,0ms) + var(--hr-sira,0) * 80ms)}

	/* kelimeler: bölünmeden önce görünmez, sonra kelime kelime oturur */
	html.js:not(.hr-yok) [data-hr=kelimeler]:not(.hr-bolundu){opacity:0}
	[data-hr=kelimeler] .hr-k,[data-hr=okuma] .hr-k{display:inline-block}
	html.js:not(.hr-yok) [data-hr=kelimeler]:not(.hr-gorunur) .hr-k{opacity:0;transform:translate3d(0,.45em,0)}
	html.js [data-hr=kelimeler].hr-gorunur:not(.hr-bitti) .hr-k{transition:opacity .6s var(--hr-e),transform .7s var(--hr-e);transition-delay:calc(var(--hr-g,0ms) + min(var(--i,0) * 55ms, 1000ms))}

	/* okuma: kelime opaklığı kaydırma ilerlemesiyle 0.18 → 1 */
	html.js:not(.hr-yok) [data-hr=okuma]:not(.hr-bolundu){opacity:.18}
	html.hr-etkin [data-hr=okuma] .hr-k{opacity:calc(.18 + .82 * clamp(0, var(--hr-p,0) * (var(--n,1) + 4) - var(--i,0), 1))}

	/* paralaks ve fare öğeleri */
	html.hr-etkin [data-hr-paralaks],html.hr-etkin [data-hr-fare]{will-change:transform}
	html.hr-etkin [data-hr-fare]{transition:transform .5s var(--hr-e)}
}

/* Gizli sekmede açılış: görünür olana dek geçiş yok (hareket.js hr-anlik). */
html.hr-anlik *,html.hr-anlik *::before,html.hr-anlik *::after{transition:none!important}

@media print{
	.hr-cizgi{display:none!important}
	.header{position:static}
}

/* Kelime bölme v1 vurgu kurallarını (h1>span, h2>span: Georgia italik turuncu) tetiklemesin: başlığın doğrudan
   çocuğu olan kelimeler başlığın yazısını alır; vurgu <span>/<em> içindeki kelimeler vurguyu miras alır. */
:is(h1,h2,h3)>span.hr-k{font-family:inherit;font-style:inherit;font-weight:inherit;color:inherit;letter-spacing:inherit}