body, nav {
            font-family: 'Inter', sans-serif;
        }
        h1, h2, h3, h4, h5, h6, .font-display {
            font-family: 'Poppins', sans-serif;
            letter-spacing: -0.02em;
        }
        /* Quand on scrolle, texte légèrement plus foncé et plus contrasté */
        header.scrolled .nav-link {
        color: #1a1a1a; /* tu peux ajuster selon ta palette */
        }

        /* Effet au survol (encore plus moderne) */
        .nav-link:hover {
        color: #e63946; /* remplace par ta couleur d'accent */
        }

        .imageLogo
        {
            max-height: 50px;
            border-radius: 10px;
        }

        /* <!-- helpers --> */
        .menu-row {
            display: grid; 
            grid-template-columns:1fr auto; 
            gap:.5rem; 
            align-items:baseline
        }
        .menu-name {
            font-weight: 600
        }
        .menu-price {
            font-weight: 800;
            white-space:nowrap
        }
        .menu-desc {
            opacity: .85
        }
        .menu-pill {
            padding: .35rem .8rem;
            border-radius:10px; 
            font-size: 1.1rem;
            line-height: 1.5rem !important;
        }

        .leaflet-control-attribution {
            display: none !important;
        }

        /* Accordion (mobile < md) */
        @media (max-width: 767px){
            .acc-panel {
                max-height:0;
                overflow:hidden;
                transition:max-height .35s ease
            }
            .acc-open .acc-panel {
                max-height:999px
            }
            .acc-trigger .chev {
                transition:transform .25s ease
            }
            .acc-open .acc-trigger .chev {
                transform:rotate(180deg)
            }
        }
        @media (min-width: 768px){
            .acc-trigger{cursor:default};
            .container {
                max-width: 840px;
            }
        }

        /* Gallerie */
        /* Layout + scroll-snap */
    .gallery-viewport{
      -webkit-overflow-scrolling:touch;
      scroll-snap-type:x mandatory;
      scroll-behavior:smooth;
    }
    .gallery-track{
      display:flex; gap:1rem; padding:0.5rem;
    }
    .gallery-slide{
      scroll-snap-align:start;
      flex:0 0 88%; max-width:88%;      /* 1 par vue en mobile */
      border-radius:1rem; overflow:hidden;
      background:#000; box-shadow:0 10px 25px rgba(0,0,0,.1);
      transition:transform .3s ease;
    }
    .gallery-slide img{
      width:100%; height:100%; display:block; object-fit:cover; aspect-ratio:16/9;
    }
    @media(min-width:768px){           /* tablette: 2 par vue confort */
      .gallery-slide{ flex-basis:48%; max-width:48%; }
    }
    @media(min-width:1280px){          /* desktop large: 3 par vue possible */
      .gallery-slide{ flex-basis:40%; max-width:40%; }  /* 2–3 visibles selon largeur */
    }

    /* Dots (pages) */
    .gallery-dots button{ width:8px;height:8px;border-radius:9999px;background:rgba(0,0,0,.35);transition:transform .2s,opacity .2s }
    .gallery-dots button[aria-current="true"]{ background:var(--primary,#ef4444); transform:scale(1.1) }

    /* Hover zoom léger sur desktop */
    @media(hover:hover){ .gallery-slide:hover img{ transform:scale(1.02); transition:transform .35s } }

    /* Accessibilité: réduit les anims */
    @media(prefers-reduced-motion:reduce){ .gallery-viewport{ scroll-behavior:auto } }

    @media (max-width: 767px){
        .acc-panel{ transition: none !important; }
        /* optionnel: si tu veux aussi figer l'icône */
        .acc-trigger .chev{ transition: none !important; }
    }