/* Menu déployable à droite, identique sur ordinateur et mobile. */
.header{justify-content:space-between;gap:24px;height:94px!important;padding-left:4%!important;padding-right:4%!important}
.header-actions{display:flex;align-items:center;gap:13px;flex:none;margin-left:auto}
.header>.brand{flex:none}
.header .menu-toggle{display:flex!important;gap:13px;align-items:center;justify-content:center;min-height:44px;padding:11px 16px;border:2px solid #c7c7d0;border-radius:25px;background:linear-gradient(130deg,#444447,#2b2b2e);color:#fff;font-size:12px}
.header .menu-toggle svg{width:18px;height:18px}
.header-actions .cart-button{width:44px;height:44px;flex:none}
.header #main-navigation{position:absolute!important;left:auto!important;right:4%!important;top:calc(100% - 1px)!important;width:min(420px,92%);max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain;display:none!important;padding:16px!important;flex-direction:column;align-items:stretch;gap:8px!important;border:1px solid #9898a0!important;border-radius:0 0 24px 24px!important;background:#2b2e3b!important;font-size:13px!important;box-shadow:0 24px 55px #0009;scrollbar-width:thin}
.header #main-navigation.open{display:flex!important}
.header #main-navigation>a{display:flex;align-items:center;gap:12px;min-height:49px;padding:14px 17px!important;border:2px solid #c7c7d0;border-radius:24px;background:linear-gradient(125deg,#444447,#2b2b2e);color:#f6f6fa;line-height:1.5;white-space:normal}
.header #main-navigation .account-link{margin:0;border:2px solid #c7c7d0!important;justify-content:space-between}
.header #main-navigation .project-nav{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.header #main-navigation .project-nav small{font-size:10px;max-width:none;line-height:1.6}
.header #main-navigation .account-link svg{display:block;width:18px;height:18px}
.header #main-navigation .offers-link svg{width:18px;height:18px;flex:none}
.header #main-navigation>a[aria-current=page]:after{display:none}
@media(max-width:700px){.header{height:82px!important;gap:16px}.header-actions{gap:12px}.header .menu-toggle{padding:11px 14px}.header #main-navigation{max-height:calc(100dvh - 98px);padding:13px!important}.header #main-navigation .project-nav small{font-size:10px}}
@media(max-width:360px){.header{gap:10px}.header-actions{gap:9px}.header .menu-toggle{padding:11px 12px;gap:9px}}