/* =========================================================
   Header — Desktop (2xl / 1536px+)
   Activated only at 2xl and above; xl (1280–1535px)
   uses the hamburger layout instead.
   ========================================================= */

body {
    overflow-x: hidden;
}

@media (min-width: 1536px) {

    .pc-desktop-header {
        padding-left: clamp(24px, calc(18.4375vw - 212px), 142px);
        padding-right: clamp(24px, calc(18.4375vw - 212px), 142px);
        padding-top: 24px;
        padding-bottom: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
        white-space: nowrap;
    }

    .pc-logo {
        width: clamp(170px, calc(13.4375vw - 2px), 256px);
        height: auto;
        max-height: 61.09px;
        object-fit: contain;
        flex-shrink: 0;
    }

    .pc-link {
        color: #ffffff;
        font-size: clamp(14px, calc(0.625vw + 6px), 16px);
        line-height: 24px;
        transition: color 0.2s ease;
        flex-shrink: 0;
    }

    .pc-link:hover {
        color: rgba(255, 255, 255, 0.7);
    }

    .gap-logo-home {
        margin-left: clamp(20px, calc(9.53125vw - 102px), 81px);
    }

    .gap-home-recliner {
        margin-left: clamp(14px, calc(5vw - 50px), 46px);
    }

    .gap-recliner-comfort {
        margin-left: clamp(18px, calc(8.28125vw - 88px), 71px);
    }

    .gap-comfort-about {
        margin-left: clamp(16px, calc(5.9375vw - 60px), 54px);
    }

    .gap-about-funding {
        margin-left: clamp(14px, calc(4.6875vw - 46px), 44px);
    }

    .gap-funding-contact {
        margin-left: clamp(16px, calc(6.71875vw - 70px), 59px);
    }

    .gap-contact-phone {
        margin-left: clamp(18px, calc(9.0625vw - 98px), 62px);
    }

    .gap-phone-enquire {
        margin-left: clamp(16px, calc(4.375vw - 40px), 36px);
    }

    .pc-phone {
        color: #ffffff;
        font-size: clamp(14px, calc(0.625vw + 6px), 18px);
        line-height: 24px;
        display: flex;
        align-items: center;
        gap: 8px;
        flex-shrink: 0;
    }

    .pc-phone svg {
        width: 24px;
        height: 24px;
        flex-shrink: 0;
    }

    .pc-enquire {
        background: #801801;
        color: #ffffff;
        font-size: clamp(14px, calc(0.625vw + 6px), 16px);
        line-height: 24px;
        padding: 10px 24px;
        border-radius: 4px;
        display: flex;
        align-items: center;
        gap: 8px;
        transition: background 0.2s ease;
        flex-shrink: 0;
    }

    .pc-enquire:hover {
        background: #6a1401;
    }

    .pc-enquire svg {
        width: 24px;
        height: 24px;
        flex-shrink: 0;
    }
}