.vtf-index-trigger, .vtf-mobile-index:not([open]) { display: none; }
@media (max-width: 760px) {
    #navigation-principale.vtf-index-enhanced { display: none !important; }
    html.vtf-index-open, html.vtf-index-open body { overflow: hidden; }
    .vtf-index-trigger {
        display: inline-flex; align-items: center; gap: .45rem; min-height: 44px;
        padding: .35rem .7rem; border: 0; background: transparent;
        color: #812e24; font: 600 .86rem/1.3 system-ui, sans-serif; cursor: pointer;
    }
    .vtf-index-trigger span { font-size: 1rem; }
    .vtf-mobile-index {
        box-sizing: border-box; position: fixed; inset: 0; margin: 0;
        width: 100%; max-width: none; height: 100%; height: 100dvh; max-height: none;
        border: 0; padding: max(1.25rem, env(safe-area-inset-top)) max(1.5rem, env(safe-area-inset-right))
            max(2rem, env(safe-area-inset-bottom)) max(1.5rem, env(safe-area-inset-left));
        overflow: auto; overscroll-behavior: contain; background: #faf6ed; color: #392a22;
        font-family: 'Review Garamond', Georgia, serif;
    }
    .vtf-index-header, .vtf-mobile-index nav { max-width: 32rem; margin-inline: auto; }
    .vtf-index-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; }
    .vtf-index-header p, .vtf-mobile-index h3 {
        margin: 0; color: #853329; font: 650 .72rem/1.4 system-ui, sans-serif;
        letter-spacing: .11em; text-transform: uppercase;
    }
    .vtf-index-header h2 { margin: .2em 0 .35em; font: 400 clamp(2.3rem, 10vw, 3.4rem)/1.05 'Review Garamond', Georgia, serif; }
    .vtf-index-header button {
        width: 44px; height: 44px; border: 1px solid #ddcfbc; border-radius: 50%;
        background: transparent; color: #62382e; font: 400 1.6rem/1 system-ui, sans-serif; cursor: pointer;
    }
    .vtf-mobile-index section { border-top: 1px solid #e2d5c4; padding: .65rem 0 .4rem; }
    .vtf-mobile-index ul { list-style: none; margin: .25rem 0 0; padding: 0; }
    .vtf-mobile-index li { margin: 0; padding: 0; }
    .vtf-mobile-index li a {
        display: flex; align-items: center; min-height: 44px; padding-inline: .65rem;
        border-inline-start: 2px solid transparent; color: inherit;
        font: 400 1.32rem/1.2 'Review Garamond', Georgia, serif; text-decoration: none;
    }
    .vtf-mobile-index li a[aria-current] { border-inline-start-color: #a43a2d; color: #853329; }
    .vtf-mobile-index :focus-visible, .vtf-index-trigger:focus-visible { outline: 2px solid #a43a2d; outline-offset: 2px; }
}

.vtf-index-search-icon { display: none; }
@media (max-width: 760px) {
    .masthead.vtf-index-masthead {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 44px !important;
        gap: .25rem .5rem !important;
    }
    .masthead.vtf-index-masthead > .brand { grid-area: 1 / 1 / 2 / 3 !important; }
    .masthead.vtf-index-masthead > .vtf-index-trigger { grid-area: 2 / 1 !important; justify-self: start; }
    .masthead.vtf-index-masthead > .vtf-index-search {
        grid-area: 2 / 2 !important; position: static !important; display: grid !important; place-items: center;
        box-sizing: border-box; width: 44px; height: 44px; min-height: 44px;
        margin: 0 !important; padding: 0 !important; border: 0; background: transparent; box-shadow: none;
        color: #812e24;
    }
    .vtf-index-search::before, .vtf-index-search::after { content: none !important; }
    .vtf-index-search-label { display: none !important; }
    .vtf-index-search-icon { display: block; width: 22px; height: 22px; }
}