/* HAREKET-20261010a: aurelia icin animasyon katmani (giris=olcek, kapak=yan, hover=cerceve). Kapatmak icin baslik sablonundaki hareket.css satirini kaldirin. */
@keyframes ytg-aurelia{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}
@keyframes ytk-aurelia{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){
body > header + section h1,main > section:first-of-type h1,[class*="kapak"] h1,[class*="hero"] h1,[class*="slider"] h1{animation:ytk-aurelia .9s cubic-bezier(.34,1.3,.64,1) both}
[class*="kapak"] p,[class*="hero"] p,[class*="kapak"] [class*="etiket"],[class*="hero"] [class*="etiket"]{animation:ytk-aurelia .9s cubic-bezier(.34,1.3,.64,1) .12s both}
[class*="kapak"] .buton,[class*="hero"] .buton,[class*="kapak"] a[class*="buton"],[class*="hero"] a[class*="buton"],[class*="kapak"] form,[class*="hero"] form{animation:ytk-aurelia .9s cubic-bezier(.34,1.3,.64,1) .24s both}
.urun-kart,[class*="urun-kart"]:not([class*="urun-kart-"]),[class*="-kart"]:not([class*="-kart-"]):not(body):not(main):not(section){transition:transform .35s cubic-bezier(.34,1.3,.64,1),box-shadow .35s cubic-bezier(.34,1.3,.64,1)}
:is(.urun-kart,[class*="urun-kart"]:not([class*="urun-kart-"]),[class*="-kart"]:not([class*="-kart-"]):not(body):not(main):not(section)):hover{box-shadow:0 0 0 2px var(--renk-birincil,var(--birincil,currentColor)), 0 14px 30px -18px rgba(0,0,0,.35)}
:is(.urun-kart,[class*="urun-kart"]:not([class*="urun-kart-"]),[class*="-kart"]:not([class*="-kart-"]):not(body):not(main):not(section)) img{transition:transform .6s cubic-bezier(.34,1.3,.64,1)}
:is(.urun-kart,[class*="urun-kart"]:not([class*="urun-kart-"]),[class*="-kart"]:not([class*="-kart-"]):not(body):not(main):not(section)):hover img{transform:scale(1.08) rotate(.6deg)}
:is(.urun-kart,[class*="urun-kart"]:not([class*="urun-kart-"]),[class*="-kart"]:not([class*="-kart-"]):not(body):not(main):not(section)) [class*="gorsel"],:is(.urun-kart,[class*="urun-kart"]:not([class*="urun-kart-"]),[class*="-kart"]:not([class*="-kart-"]):not(body):not(main):not(section)) figure,:is(.urun-kart,[class*="urun-kart"]:not([class*="urun-kart-"]),[class*="-kart"]:not([class*="-kart-"]):not(body):not(main):not(section)) picture{overflow:hidden}
.buton,a[class*="buton"],button[class*="buton"]{transition:transform .25s cubic-bezier(.34,1.3,.64,1),box-shadow .25s cubic-bezier(.34,1.3,.64,1),background-color .25s,color .25s}
.buton:hover,a[class*="buton"]:hover,button[class*="buton"]:hover{transform:translateY(-2px)}
.buton:active,a[class*="buton"]:active{transform:translateY(0)}
}
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){
:is(.urun-kart,[class*="urun-kart"]:not([class*="urun-kart-"]),[class*="-kart"]:not([class*="-kart-"]):not(body):not(main):not(section)),:is(main h2,section h2,[class*="baslik"] > h2),:is(main > section > [class*="kapsayici"] > *:not(:first-child),[class*="banner"]:not(img),[class*="guvence"] > *,[class*="kupon-kart"],[class*="-kat"]:not([class*="-kat-"]):not(nav):not(ul),.bolum-bas){animation:ytg-aurelia linear both;animation-timeline:view();animation-range:entry 0% cover 26%}
header :is(.urun-kart,[class*="urun-kart"]:not([class*="urun-kart-"]),[class*="-kart"]:not([class*="-kart-"]):not(body):not(main):not(section)),header :is(main h2,section h2,[class*="baslik"] > h2),nav :is(.urun-kart,[class*="urun-kart"]:not([class*="urun-kart-"]),[class*="-kart"]:not([class*="-kart-"]):not(body):not(main):not(section)),[class*="cerez"] *,[class*="cookie"] *{animation:none!important}
}}