body {
    font-family: "DM Sans", sans-serif;
}

.nav-menu {
    height: 0;
    overflow: hidden;
    transition: height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94),
        opacity 0.6s ease-in-out;
    opacity: 0;
}

.nav-menu.show {
    height: 100vh;
    opacity: 1;
    display: flex;
    justify-content: center;
}

.navbar {
    transition: background-color 0.3s ease-in-out,
        min-height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.navbar.menu-open {
    min-height: 100vh;
}

/* Desktop reset */
@media (min-width: 1024px) {
    .nav-menu {
        height: auto !important;
        opacity: 1 !important;
        overflow: visible !important;
    }

    .navbar.menu-open {
        min-height: auto !important;
    }
}

.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: static;
    margin-top: 1rem;
    --swiper-scrollbar-size: 8px;
    --swiper-scrollbar-bg-color: rgba(66, 45, 8, 0.5);
    --swiper-scrollbar-drag-bg-color: rgba(66, 45, 8, 0.8);
    cursor: pointer;
}