/* Menu principal : compléments au CSS de la boutique de référence (menu.css). */
.bp-mm { font-family: 'Nunito', system-ui, sans-serif; }
.bp-mm summary:focus, .bp-mm summary:focus-visible, .bp-mm a:focus-visible, .bp-mm button:focus-visible { outline: none; }
.bp-mm summary:focus-visible, .bp-mm a:focus-visible { box-shadow: 0 0 0 2px rgba(255, 255, 255, .6); }
@media (max-width: 989px) { body.overflow-hidden-tablet { overflow: hidden; } }
@media (min-width: 990px) { .bp-mm header-drawer { display: none; } }
@media (max-width: 989px) { .bp-mm .header__inline-menu { display: none; } }
.bp-mm button { border: 0; background: none; font: inherit; color: inherit; }
.bp-mm .menu-drawer__close-button, .bp-mm .pp-rail__btn { cursor: pointer; }
.bp-mm summary, .bp-mm summary:focus, .bp-mm summary:focus-visible, .bp-mm .menu-drawer__close-button, .bp-mm .menu-drawer__close-button:focus, .bp-mm .menu-drawer__menu-item:focus { outline: 0 !important; }

/* === Rails de raccourcis du tiroir mobile (« Nos sélections ») : cartes premium, accroche tactile, flèches et indicateur de défilement === */
@media screen and (max-width: 989px){
.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm .menu-drawer .pp-rail{ position: relative; padding-bottom: 4px; }
.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm .menu-drawer .pp-mega-panel__grid[data-pp-rail-track]{ gap: 10px; padding: 8px 16px 14px; scroll-snap-type: x mandatory; scroll-padding-inline: 16px; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; mask-image: linear-gradient(to right, transparent 0, #000 12px, #000 calc(100% - 28px), transparent 100%); }
.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm .menu-drawer .pp-mega-panel__tile{ flex: 0 0 94px !important; width: 94px !important; padding: 14px 8px 12px !important; gap: 10px !important; border: 1px solid rgba(56, 71, 153, .10) !important; border-radius: 20px !important; background: linear-gradient(180deg, #fff 0%, #f6f7fd 100%) !important; box-shadow: 0 8px 18px -10px rgba(28, 33, 71, .35), 0 1px 2px rgba(28, 33, 71, .06) !important; scroll-snap-align: start; transition: transform .18s ease, box-shadow .18s ease, background-color .18s; }
.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm .menu-drawer .pp-mega-panel__tile:active{ transform: scale(.96) !important; box-shadow: 0 3px 8px -6px rgba(28, 33, 71, .4) !important; background: #eef0fb !important; }
.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm .menu-drawer .pp-mega-panel__tile-icon{ width: 60px !important; height: 60px !important; background: #fff !important; box-shadow: 0 0 0 1px rgba(56, 71, 153, .10), 0 4px 10px -4px rgba(56, 71, 153, .35); }
.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm .menu-drawer .pp-mega-panel__tile-icon img{ width: 60px !important; height: 60px !important; }
.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm .menu-drawer .pp-mega-panel__tile-label{ font-size: 13px !important; font-weight: 700 !important; letter-spacing: .005em; line-height: 1.22 !important; min-height: 2.45em; color: var(--mm-ink, #1c2147) !important; }
.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm .menu-drawer .pp-rail__btn{ top: 44px !important; width: 34px !important; height: 34px !important; padding: 0 0 2px !important; background: #fff !important; color: #384799 !important; font-size: 22px !important; border: 1px solid rgba(56, 71, 153, .14) !important; box-shadow: 0 6px 16px -4px rgba(28, 33, 71, .38) !important; transition: transform .15s ease, background-color .15s; }
.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm .menu-drawer .pp-rail__btn:active{ background: #eef0fb !important; transform: scale(.92) !important; }
.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm .menu-drawer .pp-rail__btn--prev{ left: 6px !important; }
.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm .menu-drawer .pp-rail__btn--next{ right: 6px !important; }
.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm .menu-drawer .pp-rail__bar{ display: block; position: relative; height: 4px; width: 56px; margin: -2px auto 8px; border-radius: 999px; background: rgba(56, 71, 153, .14); overflow: hidden; }
.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm .menu-drawer .pp-rail__bar > i{ position: absolute; top: 0; bottom: 0; left: 0; width: 40%; border-radius: inherit; background: #384799; transition: left .12s linear; }
.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm.bp-mm .menu-drawer .pp-rail__bar[hidden]{ display: none; }
}
@media (prefers-reduced-motion: reduce){ .bp-mm .menu-drawer .pp-mega-panel__tile, .bp-mm .menu-drawer .pp-rail__btn, .bp-mm .menu-drawer .pp-rail__bar > i{ transition: none !important; } }
/* === fin rails de raccourcis === */
/* Le volet du méga-menu et le tiroir mobile doivent passer devant le contenu collant des pages (fil d'Ariane z-index 190, galerie de la fiche produit…) : l'en-tête forme son propre empilement. */
.bp-hdr { z-index: 200; }