/* ===================== YÜKLEME EKRANI ===================== */
.yukleme { position: fixed; inset: 0; z-index: 9999; display: grid; place-items: center; background: radial-gradient(ellipse at 50% 45%, #1d1910 0%, #0b0b0c 62%); transition: opacity .55s ease, visibility .55s; }
.yukleme.bitti { opacity: 0; visibility: hidden; }
html.yk-acik, html.yk-acik body { overflow: hidden; }
.yk-ic { display: flex; flex-direction: column; align-items: center; gap: 26px; }
.yk-logo { position: relative; display: flex; flex-direction: column; align-items: center; line-height: 1; }
.yk-logo .logo-resim { height: var(--yk-h, 110px); width: auto; max-width: 70vw; object-fit: contain; }
.yk-logo svg { width: calc(var(--yk-h, 110px) * .55); height: auto; }
.yk-logo .logo-royal { font-family: Montserrat, system-ui, sans-serif; font-weight: 800; letter-spacing: 1px; margin-top: 2px; font-size: calc(var(--yk-h, 110px) * .42);
    background: linear-gradient(180deg, #ffe7a3 0%, #e8b94f 50%, #b8862b 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.yk-logo .logo-gym { font-family: Montserrat, system-ui, sans-serif; font-weight: 700; letter-spacing: 3px; color: #e8b94f; display: flex; align-items: center; gap: 6px; font-size: calc(var(--yk-h, 110px) * .17); }
.yk-logo .logo-gym::before, .yk-logo .logo-gym::after { content: ''; width: 1.1em; height: 2px; background: #e8b94f; }
.yk-cubuk { width: min(180px, 50vw); height: 3px; border-radius: 3px; background: rgba(232,185,79,.15); overflow: hidden; }
.yk-cubuk i { display: block; width: 40%; height: 100%; border-radius: 3px; background: linear-gradient(90deg, #b8862b, #ffe7a3, #e8b94f); animation: ykCubuk 1.15s ease-in-out infinite; }
@keyframes ykCubuk { 0% { transform: translateX(-110%); } 100% { transform: translateX(260%); } }
/* Animasyonlar */
.yk-nabiz .yk-logo { animation: ykNabiz 1.4s ease-in-out infinite; }
@keyframes ykNabiz { 0%, 100% { transform: scale(1); filter: drop-shadow(0 0 0 rgba(232,185,79,0)); } 50% { transform: scale(1.07); filter: drop-shadow(0 0 22px rgba(232,185,79,.45)); } }
.yk-suzul .yk-logo { animation: ykSuzul 1.8s ease-in-out infinite; }
@keyframes ykSuzul { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-14px); } }
.yk-belir .yk-logo { animation: ykBelir 1.6s ease-in-out infinite alternate; }
@keyframes ykBelir { from { opacity: .25; transform: scale(.96); } to { opacity: 1; transform: scale(1); } }
.yk-parilti .yk-logo { overflow: hidden; padding: 6px; }
.yk-parilti .yk-logo::after { content: ''; position: absolute; top: -20%; bottom: -20%; width: 45%; left: -60%; background: linear-gradient(100deg, rgba(255,255,255,0) 0%, rgba(255,240,200,.65) 50%, rgba(255,255,255,0) 100%); transform: skewX(-18deg); animation: ykParilti 1.7s ease-in-out infinite; mix-blend-mode: overlay; }
@keyframes ykParilti { 0% { left: -60%; } 70%, 100% { left: 130%; } }
.yk-halka .yk-logo { width: calc(var(--yk-h, 110px) * 1.75); height: calc(var(--yk-h, 110px) * 1.75); justify-content: center; }
.yk-halka .yk-logo .logo-resim { height: calc(var(--yk-h, 110px) * .78); max-width: 78%; }
.yk-halka .yk-logo::before { content: ''; position: absolute; inset: 0; border-radius: 50%; border: 3px solid rgba(232,185,79,.15); border-top-color: #e8b94f; border-right-color: #b8862b; animation: ykHalka 1s linear infinite; }
@keyframes ykHalka { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .yukleme *, .yukleme *::before, .yukleme *::after { animation: none !important; } }