/* --- PREMIUM MOBILE DRAWER --- */
.mobile-drawer {
    position: fixed; top: 0; left: -100%; width: 100%; max-width: 320px; height: 100vh;
    background: #fff; z-index: 2000; transition: var(--ks-transition);
    box-shadow: 20px 0 80px rgba(0,0,0,0.1);
    display: flex; flex-direction: column;
}
.mobile-drawer.is-active { left: 0; }

.drawer-header {
    padding: 30px; border-bottom: 1px solid #f1f5f9;
    display: flex; justify-content: space-between; align-items: center;
}

.drawer-content { flex-grow: 1; padding: 40px 30px; overflow-y: auto; }

.mobile-menu-list { list-style: none; padding: 0; margin: 0; }
.mobile-menu-list li { margin-bottom: 25px; transform: translateX(-20px); opacity: 0; transition: 0.4s ease; }
.mobile-drawer.is-active li { transform: translateX(0); opacity: 1; }

/* Kaskadowe opóźnienie linków */
.mobile-menu-list li:nth-child(1) { transition-delay: 0.1s; }
.mobile-menu-list li:nth-child(2) { transition-delay: 0.15s; }
.mobile-menu-list li:nth-child(3) { transition-delay: 0.2s; }
.mobile-menu-list li:nth-child(4) { transition-delay: 0.25s; }

.mobile-menu-list a {
    font-size: 1.5rem; font-weight: 700; color: var(--ks-dark);
    text-decoration: none; font-family: 'Archivo', sans-serif;
}

.drawer-footer { padding: 30px; background: #f8fafc; }
.drawer-socials { display: flex; gap: 15px; margin-top: 10px; }
.drawer-socials a {
    width: 35px; height: 35px; background: #fff; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    color: var(--ks-indigo); box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}

.drawer-overlay {
    position: fixed; inset: 0; background: rgba(15, 23, 42, 0.4);
    backdrop-filter: blur(4px); opacity: 0; visibility: hidden; transition: 0.4s; z-index: 1999;
}
body.menu-open .drawer-overlay { opacity: 1; visibility: visible; }
body.menu-open { overflow: hidden; }