/* HAREKET-20261010a: satir icin animasyon katmani (giris=yan, kapak=yan, hover=golge). Kapatmak icin baslik sablonundaki hareket.css satirini kaldirin. */
@keyframes ytg-satir{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:none}}
@keyframes ytk-satir{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-satir .9s cubic-bezier(.16,1,.3,1) both}
[class*="kapak"] p,[class*="hero"] p,[class*="kapak"] [class*="etiket"],[class*="hero"] [class*="etiket"]{animation:ytk-satir .9s cubic-bezier(.16,1,.3,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-satir .9s cubic-bezier(.16,1,.3,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(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,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 24px 50px -22px rgba(0,0,0,.45)}
: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(.16,1,.3,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.06)}
: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(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,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-satir linear both;animation-timeline:view();animation-range:entry 0% cover 19%}
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}
}}