/* Vitrin hareket katmanı — temalar --mo-* değişkenleriyle özelleştirir. */
@view-transition { navigation: auto; }
/* Kayan/dönen/fırlatılan öğeler sayfayı yana kaydırmasın (clip, sticky başlığı bozmaz) */
html, body { overflow-x: clip; }
:root { --mo-ease: cubic-bezier(.2, .8, .2, 1); --mo-dur: .9s; --mo-shift: 36px; }
/* Belirme anahtar kare ile yapılır; böylece temanın kendi transform/rotate değerleri bitince aynen kalır */
.mo-ready [data-reveal]:not(.is-in) { opacity: 0; }
.mo-ready [data-reveal].is-in { animation: mo-in-up var(--mo-dur) var(--mo-ease) calc(var(--mo-i, 0) * 70ms) backwards; }
.mo-ready [data-reveal="clip"]:not(.is-in) { opacity: 1; clip-path: var(--mo-clip, inset(0 0 100% 0)); }
.mo-ready [data-reveal="clip"].is-in { animation-name: mo-in-clip; }
.mo-ready [data-reveal="tilt"].is-in { animation-name: mo-in-tilt; }
.mo-ready [data-reveal="zoom"].is-in { animation-name: mo-in-zoom; }
.mo-ready [data-reveal="left"].is-in { animation-name: mo-in-left; }
.mo-ready [data-reveal="right"].is-in { animation-name: mo-in-right; }
@keyframes mo-in-up { from { opacity: 0; transform: translateY(var(--mo-shift)); } }
@keyframes mo-in-clip { from { clip-path: var(--mo-clip, inset(0 0 100% 0)); } to { clip-path: inset(0); } }
@keyframes mo-in-tilt { from { opacity: 0; transform: translateY(calc(var(--mo-shift) * 1.6)) rotate(-5deg) scale(.95); } }
@keyframes mo-in-zoom { from { opacity: 0; transform: scale(.92); } }
@keyframes mo-in-left { from { opacity: 0; transform: translateX(calc(var(--mo-shift) * -1.5)); } }
@keyframes mo-in-right { from { opacity: 0; transform: translateX(calc(var(--mo-shift) * 1.5)); } }
[data-split] .mo-w { display: inline-block; white-space: nowrap; }
[data-split] .mo-ch { display: inline-block; }
.mo-ready [data-split]:not(.is-split) { visibility: hidden; }
[data-split].is-split .mo-ch { animation: mo-rise .8s var(--mo-ease) both; animation-delay: calc(var(--mo-c) * 28ms + .1s); }
@keyframes mo-rise { from { opacity: 0; transform: translateY(.6em) rotate(6deg); } }
[data-tilt]:not([data-tilt-vars]) { transform: perspective(900px) rotateX(var(--mo-rx, 0deg)) rotateY(var(--mo-ry, 0deg)); transition: transform .5s var(--mo-ease); transform-style: preserve-3d; will-change: transform; }
[data-tilt]:not([data-tilt-vars]).mo-tilting { transition-duration: .12s; }
[data-magnetic] { transition: transform .35s var(--mo-ease); }
[data-drag-rail] { cursor: grab; scrollbar-width: none; }
[data-drag-rail]::-webkit-scrollbar { display: none; }
[data-drag-rail].is-dragging { cursor: grabbing; scroll-snap-type: none !important; user-select: none; }
[data-drag-rail].is-dragging * { pointer-events: none; }
.mo-cursor { position: fixed; left: 0; top: 0; z-index: 2147483600; pointer-events: none; }
.mo-cursor > span { position: absolute; left: 0; top: 0; translate: -50% -50%; width: 14px; height: 14px; border-radius: 50%; background: currentColor; display: grid; place-items: center; font: 700 11px/1 system-ui, sans-serif; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; color: transparent; transition: width .3s var(--mo-ease), height .3s var(--mo-ease), background .3s, color .2s, opacity .2s; }
.mo-cursor.is-link > span { width: 44px; height: 44px; }
.mo-cursor.has-label > span { width: 92px; height: 92px; }
.mo-cursor.is-field > span, .mo-cursor.is-out > span { opacity: 0; }
.mo-cursor.is-down > span { scale: .8; }
.mo-fly { position: fixed; z-index: 2147483500; pointer-events: none; object-fit: cover; border-radius: 12px; box-shadow: 0 18px 40px rgb(0 0 0 / .25); }
.mo-bump { animation: mo-bump .6s var(--mo-ease); }
@keyframes mo-bump { 30% { transform: scale(1.18) rotate(-4deg); } 60% { transform: scale(.94) rotate(2deg); } }
@media (prefers-reduced-motion: reduce) { @view-transition { navigation: none; } }
.mo-reduced [data-split] { visibility: visible; }
/* Betik yüklenemezse içerik gizli kalmasın */
.mo-ready:not(.mo-live) [data-reveal], .mo-ready:not(.mo-live) [data-split] { animation: mo-failsafe 0s 2.5s forwards; }
@keyframes mo-failsafe { to { opacity: 1; clip-path: none; visibility: visible; } }
/* Varsayılan tema */
.theme-default .shm-cat { transition: transform .5s var(--mo-ease); }
.theme-default .shm-cat img { transition: transform .8s var(--mo-ease), box-shadow .5s; }
.theme-default .shm-cat:hover { transform: translateY(-4px); }
.theme-default .shm-cat:hover img { box-shadow: 0 18px 36px -18px rgb(15 23 42 / .45); }
.theme-default .shm-tab { transition: background .3s, color .3s; }
.theme-default .shm-tab[aria-selected=true] { background: var(--c-primary, #0f172a); color: #fff; border-color: var(--c-primary, #0f172a) !important; }
.theme-default .pc-card { transition: transform .5s var(--mo-ease), box-shadow .4s; }
.theme-default .pc-card:hover { box-shadow: 0 24px 48px -26px rgb(15 23 42 / .4); }