/* Additional motion leaves the original message cycle intact. */
.btn,.nav-araclar button,.ham{transition:translate 140ms cubic-bezier(.16,1,.3,1)}
@media(hover:hover) and (pointer:fine){.btn:hover,.nav-araclar button:hover,.ham:hover{translate:0 -2px}}
.btn:active,.nav-araclar button:active,.ham:active{translate:0 1px}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto!important}
*,*::before,*::after{animation:none!important;transition:none!important;animation-duration:0s!important;transition-duration:0s!important;scroll-behavior:auto!important}
.btn,.nav-araclar button,.ham{translate:none!important}
}
/* Paper feedback: brief overrides the default single-moment rule. */
.mikro{--egim:-2deg;--yamulma:1deg;--kalkis:-3px;--parca:2px}
[data-kagit="1"]{--egim:2.4deg;--yamulma:-1deg;--parca:-2px}
[data-kagit="2"]{--egim:-1deg;--yamulma:2deg;--kalkis:-4px;--parca:1px}
.kagit-ikon{display:block;position:relative;width:120px;height:120px;margin-bottom:var(--s2);filter:drop-shadow(0 0 0 transparent);transition:filter 180ms cubic-bezier(.16,1,.3,1)}
#rozetler .kagit-ikon>img,#nasil .kagit-ikon>img{width:100%;height:100%;margin:0;clip-path:polygon(0 0,68% 0,68% 35%,100% 35%,100% 100%,0 100%)}
#rozetler .kagit-ikon>.ikon-parca,#nasil .kagit-ikon>.ikon-parca{position:absolute;inset:0;clip-path:polygon(68% 0,100% 0,100% 35%,68% 35%);pointer-events:none}
#nasil .kagit-ikon{margin-inline:auto;margin-bottom:var(--s1)}
.mikro:focus-visible{outline:2px solid var(--aksan-metin);outline-offset:4px}
.kg:focus-visible{opacity:1!important;animation-play-state:paused}
.btn,nav .mikro,.fiyat-kagit,.kg{transition:transform 180ms cubic-bezier(.16,1,.3,1),box-shadow 180ms cubic-bezier(.16,1,.3,1)}
@media(hover:hover) and (pointer:fine){
 .mikro:hover .kagit-ikon>img{transform:translateY(var(--kalkis)) rotate(var(--egim)) skewX(var(--yamulma))}
 .mikro:hover .ikon-parca{translate:var(--parca) -1px}
 .mikro:hover .kagit-ikon{filter:drop-shadow(2px 5px 2px rgba(34,48,29,.14))}
 .btn:hover,nav .mikro:hover{transform:translateY(-2px) rotate(-.4deg);box-shadow:2px 3px 0 rgba(34,48,29,.14)}
 .fiyat-kagit:hover{transform:rotate(-1deg)}
 .kg:hover{transform:scale(.99)!important;box-shadow:3px 4px 0 rgba(34,48,29,.14)}
}
.mikro:is(:focus-visible,.kagit-dokun) .kagit-ikon>img{transform:translateY(var(--kalkis)) rotate(var(--egim)) skewX(var(--yamulma))}
.mikro:is(:focus-visible,.kagit-dokun) .ikon-parca{translate:var(--parca) -1px}
.mikro:is(:focus-visible,.kagit-dokun) .kagit-ikon{filter:drop-shadow(2px 5px 2px rgba(34,48,29,.14))}
.btn:is(:focus-visible,.kagit-dokun),nav .mikro:is(:focus-visible,.kagit-dokun){transform:translateY(-2px) rotate(-.4deg);box-shadow:2px 3px 0 rgba(34,48,29,.14)}
.fiyat-kagit:is(:focus-visible,.kagit-dokun){transform:rotate(-1deg)}
.kg:is(:focus-visible,.kagit-dokun){transform:scale(.99)!important;box-shadow:3px 4px 0 rgba(34,48,29,.14)}
.mikro:active{scale:.99}
.kagit-nefes .kagit-ikon>img{animation:kagit-nefes 240ms cubic-bezier(.16,1,.3,1)}
@keyframes kagit-nefes{0%,100%{transform:none}45%{transform:translateY(-2px) rotate(var(--egim))}}
@media(max-width:1000px){.kagit-ikon{width:104px;height:104px}}
@media(max-width:600px){.kagit-ikon{width:96px;height:96px;margin-inline:auto}#nasil .kagit-ikon{margin-bottom:var(--s2)}}
@media(prefers-reduced-motion:reduce){
 .mikro,.mikro:hover,.mikro:focus-visible,.mikro:active,.mikro.kagit-dokun,.mikro .kagit-ikon>img,.mikro:hover .kagit-ikon>img,.mikro:focus-visible .kagit-ikon>img,.mikro.kagit-dokun .kagit-ikon>img,.mikro .ikon-parca{transform:none!important;translate:none!important;rotate:none!important;scale:none!important;animation:none!important}
}

.kagit-ikon>img{transform:translateY(0) rotate(0) skewX(0);transition:transform 180ms cubic-bezier(.16,1,.3,1),translate 180ms cubic-bezier(.16,1,.3,1)}


.kg:focus-visible{outline:2px solid currentColor!important;outline-offset:-6px}

html:not([data-serit]) main{position:relative;isolation:isolate}
html:not([data-serit]) main>header,html:not([data-serit]) main>section{position:relative;z-index:1}
.kurdele-tuval{position:absolute;inset:0;width:100%;z-index:0;pointer-events:none;overflow:hidden}
/* Opaque dark-theme paper sections must not cover the masked ribbon. */
html[data-theme="dark"]:not([data-serit]) .kurdele-tuval{z-index:2}
.kurdele-iz{fill:none;stroke:var(--aksan);stroke-dasharray:1;stroke-dashoffset:1;stroke-linecap:butt;stroke-linejoin:round}
html:not([data-serit]) #fiyat .fiyat-kagit{translate:none!important;rotate:none!important;scale:none!important;transform:none!important}
.kurdele-dugum{position:absolute;left:28.6%;top:46.7%;width:0;height:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.kurdele-tuval,.kurdele-dugum{display:none}}