@media (min-width: 1200px) {
    .site-header { background: transparent; border-bottom: 0; isolation: isolate; }
    .site-header::before {
        content: '';
        position: absolute;
        inset: 0;
        z-index: -1;
        background: #fff;
        clip-path: polygon(0 0, 100% 0, 100% 47px, calc(100% - 197px) 47px, calc(100% - 240px) 100%, 240px 100%, 197px 47px, 0 47px);
    }
    .nav-main { margin-inline: 220px; }
    .nav-list { gap: clamp(4px, calc(4vw - 40px), 16px); padding-inline: 24px; }
    .nav-trigger, .nav-price > a { padding-inline: clamp(7px, calc(2vw - 17px), 12px); }
}
@media (min-width: 1200px) and (max-width: 1279px) {
    .nav-list { gap: 4px; padding-inline: 16px; }
}