/* Barre du haut commune aux maquettes VM MULTISPORT et VM MANGAS (références 01 et 02). */
.vmtop{position:sticky;top:0;z-index:100;background:linear-gradient(180deg,#0b0c12,#050608);border-bottom:1px solid #2a0a10;box-shadow:0 6px 18px #000c}
.vmtop-in{display:flex;align-items:center;gap:clamp(8px,1.2vw,18px);max-width:1536px;margin:auto;padding:0 clamp(10px,1.4vw,22px);height:58px}
.vmtop-logo{position:relative;display:flex;align-items:center;gap:6px;flex:0 0 auto;text-decoration:none;padding-right:clamp(10px,1.6vw,26px);height:100%}
.vmtop-logo::after{content:"";position:absolute;right:0;top:4px;bottom:4px;width:2px;background:linear-gradient(180deg,transparent,#ff2a3d,transparent);transform:skewX(-20deg);box-shadow:0 0 8px #ff2a3d}
.vmtop-logo img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 0 6px #ff2a3d88)}
.vmtop-logo span{display:flex;flex-direction:column;font:italic 900 22px/.86 'Barlow Condensed','Arial Narrow',Impact,sans-serif;letter-spacing:.01em;color:#fff;text-shadow:2px 2px 0 #000;text-transform:uppercase}
.vmtop-logo b{color:#9fe34b;font-weight:900}
.vmtop-nav{display:flex;align-items:center;gap:clamp(2px,.5vw,8px);min-width:0;overflow-x:auto;scrollbar-width:none;flex:1 1 auto;padding:6px 2px}
.vmtop-nav::-webkit-scrollbar{display:none}
.vmtop-nav a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;text-decoration:none;color:#f1f1f4;font:700 clamp(14px,1.15vw,18px)/1 'Barlow Condensed','Arial Narrow',system-ui,sans-serif;text-transform:uppercase;letter-spacing:.02em;padding:10px clamp(7px,.9vw,14px);border:2px solid transparent;border-radius:7px}
.vmtop-nav a svg{width:18px;height:18px;flex:0 0 auto}
.vmtop-nav a:hover{color:#fff;background:#1a0b10;border-color:#5a1420}
.vmtop-nav a.on{background:linear-gradient(180deg,#3a060f,#1a0307);border-color:#ff2a3d;box-shadow:0 0 12px #ff2a3dcc,inset 0 0 10px #ff2a3d55;color:#fff}
.vmtop-tools{display:flex;align-items:center;gap:clamp(8px,1.2vw,18px);flex:0 0 auto}
.vmtop-tools a{color:#fff;display:grid;place-items:center;text-decoration:none}
.vmtop-search svg{width:24px;height:24px}
.vmtop-account{width:40px;height:40px;border-radius:50%;border:2px solid #ff2a3d;box-shadow:0 0 10px #ff2a3daa;background:#14050a}
.vmtop-account svg{width:24px;height:24px;color:#ff2a3d}
.vmtop-87{position:relative;display:grid;place-items:center;min-width:42px;height:28px;padding:0 6px;border-radius:14px;background:#fff;color:#0a0a0a;font:900 17px/1 'Barlow Condensed',Impact,sans-serif;margin-top:8px}
.vmtop-87::before{content:"";position:absolute;top:-13px;left:50%;width:20px;height:13px;transform:translateX(-50%);background:linear-gradient(180deg,#ffd75a,#e19a00);clip-path:polygon(0 100%,0 15%,25% 55%,50% 0,75% 55%,100% 15%,100% 100%)}
.vmtop a:focus-visible{outline:3px solid #ffd75a;outline-offset:2px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){
 .vmtop-in{flex-wrap:wrap;height:auto;padding-top:6px;padding-bottom:0;gap:6px 10px}
 .vmtop-logo{height:46px}
 .vmtop-tools{margin-left:auto}
 .vmtop-nav{order:3;flex:1 0 100%;padding:4px 0 6px}
 .vmtop-nav a{font-size:14px;padding:8px 9px}
}