/* Vlynk – en-tête et pied de page communs aux pages marques (VClub, Vlyst, Vlystore, Afych, QR codes) */
.vxs-top{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #ececec;font-family:Poppins,system-ui,sans-serif}
.vxs-top .vxs-w{max-width:1200px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:18px}
.vxs-top .vxs-logo img{height:28px;width:auto;display:block}
.vxs-nav{display:flex;gap:4px;margin:0 auto;flex-wrap:wrap;justify-content:center}
.vxs-nav a{color:#1a1a1a;text-decoration:none;font-size:14px;font-weight:500;padding:8px 10px;border-radius:999px;white-space:nowrap}
.vxs-nav a:hover{background:#f3f3f3}
.vxs-nav a.on{background:#111;color:#fff}
.vxs-cta{background:#111;color:#fff!important;text-decoration:none;font-weight:600;font-size:14px;padding:10px 18px;border-radius:999px;white-space:nowrap}
.vxs-burger{display:none;margin-left:auto;background:none;border:0;padding:8px;cursor:pointer}
.vxs-burger span{display:block;width:22px;height:2px;background:#111;margin:5px 0}
@media (max-width:1080px){
 .vxs-burger{display:block}
 .vxs-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;align-items:stretch;padding:10px 16px 16px;border-bottom:1px solid #ececec;margin:0}
 .vxs-nav a{padding:12px 14px;font-size:16px}
 .vxs-top.open .vxs-nav{display:flex}
 .vxs-top .vxs-cta{display:none}
}
/* Bandeau des marques */
.vxs-brands{background:#0b0b0c;color:#fff;font-family:Poppins,system-ui,sans-serif;padding:44px 20px 18px}
.vxs-brands .vxs-w{max-width:1200px;margin:0 auto}
.vxs-brands h2{font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:#a7a7ad;font-weight:600;margin:0 0 18px;text-align:center}
.vxs-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.vxs-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:118px;border-radius:16px;padding:16px 12px;text-decoration:none;transition:transform .15s ease}
.vxs-tile:hover{transform:translateY(-3px)}
.vxs-tile img{max-height:34px;max-width:140px;width:auto;height:auto;display:block}
.vxs-tile small{font-size:12px;line-height:1.3;text-align:center;opacity:.85}
.t-vlynk{background:#fff;color:#111}
.t-vclub{background:#F4F9F6;color:#0E3B33}
.t-vlyst{background:#0C3528;color:#F6F1E4}
.t-vlystore{background:#FFFDF9;color:#0B1F18}
.t-afych{background:#FBF7EE;color:#20336B}
.t-qr{background:#111827;color:#fff}
@media (max-width:900px){.vxs-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:520px){.vxs-grid{grid-template-columns:repeat(2,1fr)}}
.vxs-foot{background:#0b0b0c;color:#a7a7ad;font-family:Poppins,system-ui,sans-serif;font-size:13px;padding:18px 20px 30px;border-top:1px solid #1f1f22}
.vxs-foot .vxs-w{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:space-between}
.vxs-foot a{color:#d6d6da;text-decoration:none}
.vxs-foot a:hover{color:#fff}
.vxs-foot .l{display:flex;flex-wrap:wrap;gap:6px 16px}

.t-qr img{background:#fff;border-radius:8px;padding:5px 8px;max-height:40px}

/* VLYNK 20/10/2026 : menu identique a l'accueil (Nos cartes en menu deroulant) */
.vxs-top .vxs-w{max-width:1320px}
.vxs-nav{flex-wrap:nowrap;gap:2px}
.vxs-nav a{padding:8px 9px;font-size:14px}
.vxs-dd{position:relative;display:flex}
.vxs-ddt:after{content:"";display:inline-block;margin-left:6px;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-3px) rotate(45deg)}
.vxs-menu{display:none;position:absolute;top:100%;left:0;min-width:250px;background:#fff;border:1px solid #ececec;border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.12);padding:8px;z-index:70;flex-direction:column}
.vxs-dd:hover .vxs-menu,.vxs-dd:focus-within .vxs-menu{display:flex}
.vxs-menu a{border-radius:10px!important;padding:10px 12px!important;white-space:nowrap}
@media (min-width:1081px) and (max-width:1280px){.vxs-nav a{padding:7px 6px;font-size:13px}.vxs-top .vxs-w{gap:10px}.vxs-cta{padding:9px 14px;font-size:13px}}
@media (max-width:1080px){.vxs-nav{flex-wrap:wrap}.vxs-dd{flex-direction:column}.vxs-menu{display:flex;position:static;box-shadow:none;border:0;padding:0 0 0 14px;min-width:0}.vxs-menu a{font-size:15px!important;padding:9px 14px!important}.vxs-top.open .vxs-nav{max-height:calc(100vh - 70px);overflow:auto}}