@media(max-width:1000px) {
    .nav-links {
        position: fixed;
        inset: 74px 0 auto 0;
        background: #ffffff;
        padding: 1.5rem;
        display: none;
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
        border-bottom: 1px solid var(--line);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
        z-index: 99;
    }

    .nav-links.open {
        display: flex;
    }

    .nav-links a {
        font-size: 1rem;
        font-weight: 650;
        padding: 8px 0;
    }

    .menu-btn {
        display: block;
        margin-left: auto;
    }

    .nav-actions {
        display: flex;
        gap: 0.5rem;
    }

    .nav-actions .btn-outline {
        display: none;
    }

    .hero-grid,
    .detail-layout {
        grid-template-columns: 1fr
    }

    .search-panel {
        grid-template-columns: repeat(2, 1fr)
    }

    .grid-4 {
        grid-template-columns: repeat(2, 1fr)
    }

    .grid-3 {
        grid-template-columns: repeat(2, 1fr)
    }

    .footer-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .dashboard-layout {
        grid-template-columns: 1fr
    }

    .sidebar {
        display: flex;
        overflow: auto
    }

    .sidebar a {
        white-space: nowrap
    }

    .sticky-box {
        position: static
    }
}

@media(max-width:620px) {
    .brand img {
        width: 145px
    }

    .nav {
        height: 68px
    }

    .nav-links {
        inset: 68px 0 auto
    }

    .hero {
        padding: 3.5rem 0
    }

    .hero-art {
        min-height: 300px
    }

    .search-panel,
    .form-grid {
        grid-template-columns: 1fr
    }

    .span-2 {
        grid-column: auto
    }

    .grid-3,
    .grid-4,
    .footer-grid {
        grid-template-columns: 1fr
    }

    .section {
        padding: 3.5rem 0
    }

    .partner-panel {
        padding: 1.5rem
    }

    .gallery {
        grid-template-columns: 1fr
    }

    .gallery div:first-child {
        grid-row: auto
    }

    .nav-actions a.btn-primary {
        display: none
    }
}

@media(prefers-reduced-motion:reduce) {
    * {
        scroll-behavior: auto !important;
        transition: none !important;
        animation: none !important
    }
}

.mobile-auth-actions {
    display: none
}

@media(max-width:1000px) {
    .mobile-auth-actions {
        display: flex;
        width: 100%;
        gap: 0.75rem;
        padding-top: 1rem;
        margin-top: 0.25rem;
        border-top: 1px solid var(--line)
    }

    .mobile-auth-actions .btn {
        display: inline-flex;
        flex: 1;
        justify-content: center
    }
}