/* Desktop and Tablet Header Styles (768px and above) */
@media (min-width: 48rem) { /* 768px */
    .header {
        max-width: 80rem;
        margin: 0 auto;
        border-radius: 16px;
    }

    .header__container {
        max-width: 80rem; /* 1280px */
        padding: 0 2rem; /* 32px */
    }

    /* Hide hamburger menu on desktop */
    .header__hamburger {
        display: none;
    }

    /* Desktop Navigation Container */
    .header__right {
        position: static;
        width: auto;
        height: auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
        background-color: transparent;
        opacity: 1;
        visibility: visible;
        gap: 1.5rem; /* 24px */
        padding-top: 0; /* Reset mobile padding */
    }

    .header__nav {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 1.5rem; /* 24px */
    }

    .header__menu {
        flex-direction: row;
        align-items: center;
        gap: 1.5rem; /* 24px */
    }
}