.uyg-yonlendir {
position: fixed; inset: 0; z-index: 9000;
display: flex; align-items: flex-end; justify-content: center;
background: rgba(29, 23, 18, 0.55);
-webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
animation: uyg-yonlendir-ortu 220ms ease-out;
}
.uyg-yonlendir-sayfa {
width: 100%; max-width: 480px;
background: #fffefb; color: #211a11;
border-radius: 26px 26px 0 0;
padding: 28px 24px calc(24px + env(safe-area-inset-bottom, 0px));
box-shadow: 0 -12px 48px rgba(60, 42, 10, 0.25);
text-align: center;
font-family: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
animation: uyg-yonlendir-sayfa 320ms cubic-bezier(0.22, 1, 0.36, 1);
}
.uyg-yonlendir-simge {
width: 64px; height: 64px; margin: 0 auto 14px; border-radius: 50%;
background: #f4ead7; display: flex; align-items: center; justify-content: center;
font-size: 30px;
}
.uyg-yonlendir-baslik {
margin: 0 0 8px; font-family: 'Fraunces', Georgia, serif; font-weight: 600;
font-size: 24px; line-height: 1.2;
}
.uyg-yonlendir-metin {
margin: 0 0 20px; font-size: 15px; line-height: 1.5; color: #675c4a;
}
.uyg-yonlendir-birincil {
display: block; width: 100%; box-sizing: border-box;
padding: 15px 18px; border-radius: 999px;
background: #8c2f4a; color: #fff !important; text-decoration: none;
font-weight: 700; font-size: 16px;
box-shadow: 0 8px 24px -12px rgba(140, 47, 74, 0.6);
}
.uyg-yonlendir-birincil:active { background: #6d2038; }
.uyg-yonlendir-ikincil {
display: block; width: 100%; margin-top: 10px;
padding: 13px 18px; border-radius: 999px;
background: transparent; border: 1px solid #eae0cd; color: #675c4a;
font: inherit; font-weight: 600; font-size: 15px; cursor: pointer;
}
.uyg-yonlendir-ikincil:active { background: #f7f2e9; }
html[data-tema="koyu"] .uyg-yonlendir-sayfa { background: #211b16; color: #f3ebdd; box-shadow: 0 -12px 48px rgba(0, 0, 0, 0.6); }
html[data-tema="koyu"] .uyg-yonlendir-simge { background: #3a2c1f; }
html[data-tema="koyu"] .uyg-yonlendir-metin { color: #c7bba8; }
html[data-tema="koyu"] .uyg-yonlendir-ikincil { border-color: #3f352b; color: #c7bba8; }
html[data-tema="koyu"] .uyg-yonlendir-ikincil:active { background: #2c241d; }
@keyframes uyg-yonlendir-ortu { from { opacity: 0; } to { opacity: 1; } }
@keyframes uyg-yonlendir-sayfa { from { transform: translateY(40px); opacity: 0; } to { transform: none; opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
.uyg-yonlendir, .uyg-yonlendir-sayfa { animation: none; }
}