/* 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(7,minmax(0,1fr));gap:10px}
.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:30px;max-width:118px;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:1100px){.vxs-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@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}}

/* VLYNK 21/10/2026 : menu mobile v4 - une seule colonne, sous-menu "Nos cartes" deplie, defilement si besoin */
@media (max-width:1080px){
 .vxs-top.open .vxs-nav{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;max-height:calc(100vh - 64px);overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:0 18px 30px rgba(0,0,0,.08)}
 .vxs-nav>a,.vxs-nav .vxs-dd>.vxs-ddt{display:block!important;width:100%;box-sizing:border-box;padding:13px 6px!important;font-size:16px!important;border-radius:0!important;border-bottom:1px solid #f0f0f0;background:none!important;color:#1a1a1a!important;white-space:normal!important}
 .vxs-nav>a.on,.vxs-nav .vxs-dd>.vxs-ddt.on{font-weight:700}
 .vxs-nav .vxs-dd{display:block!important;width:100%}
 .vxs-ddt:after{display:none}
 .vxs-nav .vxs-menu{display:flex!important;position:static!important;flex-direction:column;min-width:0!important;width:100%;box-shadow:none!important;border:0!important;border-bottom:1px solid #f0f0f0!important;border-radius:0!important;padding:2px 0 8px 14px!important;background:none!important}
 .vxs-nav .vxs-menu a{padding:9px 6px!important;font-size:15px!important;white-space:normal!important;color:#444!important;background:none!important}
}

/* VLYNK 26/10/2026 : tuile Vmenu (logo sur fond clair) */
.vxs-tile.t-vmenu{background:#fff4ee!important;color:#0F2D25!important}

/* VLYNK 27/10/2026 : menu « Nos cartes » modernise (icones, descriptions, 2 colonnes) */
@media (min-width:1081px){
.vxs-dd .vxs-menu{min-width:660px;width:660px;padding:14px;border:1px solid #eef0f4;border-radius:22px;box-shadow:0 30px 70px rgba(10,14,30,.16),0 2px 8px rgba(10,14,30,.05);gap:4px 6px;left:-16px;transform:none}
.vxs-dd:hover .vxs-menu,.vxs-dd:focus-within .vxs-menu{display:grid!important;grid-template-columns:repeat(6,1fr);animation:vxsIn .16s ease-out}
@keyframes vxsIn{from{opacity:0;margin-top:6px}to{opacity:1;margin-top:0}}
.vxs-dd .vxs-menu:before{content:'';position:absolute;left:0;right:0;top:-12px;height:12px}
.vxs-dd .vxs-menu a{display:grid!important;grid-template-columns:38px 1fr;grid-column:span 3;column-gap:12px;align-items:center;padding:10px 12px!important;border-radius:14px!important;font-weight:600;font-size:14px!important;color:#0b0b0f!important;white-space:normal!important;line-height:1.25;transition:background .12s}
.vxs-dd .vxs-menu a:hover{background:#f6f7fb!important}
.vxs-dd .vxs-menu a:before{content:'';grid-row:1/3;width:38px;height:38px;border-radius:11px;background:#fdf0f3 center/20px 20px no-repeat}
.vxs-dd .vxs-menu a:after{content:'';grid-column:2;font-weight:500;font-size:12px;color:#6b7280;margin-top:1px}
.vxs-dd .vxs-menu a[href='/carte-personnalisee/']:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E94E77' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='5' width='19' height='14' rx='2.5'/%3E%3Cpath d='M6 10h6M6 14h9'/%3E%3C/svg%3E")}
.vxs-dd .vxs-menu a[href='/carte-personnalisee/']:after{content:'Métal ou PVC, à votre image'}
.vxs-dd .vxs-menu a[href='/product/plaque-mycontact']:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E94E77' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5 20c1.2-3.6 4-5 7-5s5.8 1.4 7 5'/%3E%3C/svg%3E")}
.vxs-dd .vxs-menu a[href='/product/plaque-mycontact']:after{content:'Vos coordonnées en un geste'}
.vxs-dd .vxs-menu a[href='/product/carte-de-visite-connectee']:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E94E77' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 8.5a5 5 0 0 1 0 7M12 6a8.5 8.5 0 0 1 0 12M15.5 3.5a12 12 0 0 1 0 17'/%3E%3C/svg%3E")}
.vxs-dd .vxs-menu a[href='/product/carte-de-visite-connectee']:after{content:'NFC + QR, sans application'}
.vxs-dd .vxs-menu a[href='/product/carte-reseaux-sociaux']:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E94E77' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.6-7 10-7 10z'/%3E%3C/svg%3E")}
.vxs-dd .vxs-menu a[href='/product/carte-reseaux-sociaux']:after{content:'TikTok, Facebook, Snapchat'}
.vxs-dd .vxs-menu a[href='/product/plaque-avis-google']:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E94E77' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l2.6 5.3 5.9.9-4.3 4.1 1 5.8L12 16.9l-5.2 2.7 1-5.8-4.3-4.1 5.9-.9z'/%3E%3C/svg%3E")}
.vxs-dd .vxs-menu a[href='/product/plaque-avis-google']:after{content:'Plus d’avis en 3 secondes'}
.vxs-dd .vxs-menu a[href='/product/chevalet-menu-qr']:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E94E77' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='3.5' width='6' height='6' rx='1'/%3E%3Crect x='14.5' y='3.5' width='6' height='6' rx='1'/%3E%3Crect x='3.5' y='14.5' width='6' height='6' rx='1'/%3E%3Cpath d='M14.5 14.5h2v2h-2zM18.5 18.5h2v2h-2zM18.5 14.5h2M14.5 18.5v2'/%3E%3C/svg%3E")}
.vxs-dd .vxs-menu a[href='/product/chevalet-menu-qr']:after{content:'Le QR de votre menu en table'}
.vxs-dd .vxs-menu a[href='/packs']:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E94E77' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='9' width='17' height='11' rx='2'/%3E%3Cpath d='M12 9v11M3.5 13h17M12 9c-2-4-6-4-6-1.5S9 9 12 9zM12 9c2-4 6-4 6-1.5S15 9 12 9z'/%3E%3C/svg%3E")}
.vxs-dd .vxs-menu a[href='/packs']:after{content:'Économisez avec les packs'}
.vxs-dd .vxs-menu a[href='/packs']{grid-column:span 6;background:linear-gradient(135deg,#fff3f6,#fff8f0)}
.vxs-dd .vxs-menu a:nth-child(8){grid-template-columns:1fr;grid-column:span 2;margin-top:6px;text-align:center;font-size:12.5px!important;font-weight:600;color:#4b5563!important;padding:9px 12px!important;background:#f6f7fb}
.vxs-dd .vxs-menu a:nth-child(8):before,.vxs-dd .vxs-menu a:nth-child(8):after{display:none}
.vxs-dd .vxs-menu a:nth-child(9){grid-template-columns:1fr;grid-column:span 2;margin-top:6px;text-align:center;font-size:12.5px!important;font-weight:600;color:#4b5563!important;padding:9px 12px!important;background:#f6f7fb}
.vxs-dd .vxs-menu a:nth-child(9):before,.vxs-dd .vxs-menu a:nth-child(9):after{display:none}
.vxs-dd .vxs-menu a:nth-child(10){grid-template-columns:1fr;grid-column:span 2;margin-top:6px;text-align:center;font-size:12.5px!important;font-weight:600;color:#4b5563!important;padding:9px 12px!important;background:#f6f7fb}
.vxs-dd .vxs-menu a:nth-child(10):before,.vxs-dd .vxs-menu a:nth-child(10):after{display:none}

}

/* VLYNK 28/10/2026 : en-tete identique sur toutes les pages (memes tailles, menu au meme endroit) */
.vxs-right{display:contents}
.vxs-icon{display:none}
@media (min-width:1081px){
header.vxs-top{font-family:Poppins,system-ui,sans-serif!important;border-bottom:1px solid #ececec!important;background:#fff!important}
header.vxs-top .vxs-w{box-sizing:border-box!important;max-width:1360px!important;width:100%!important;margin:0 auto!important;padding:12px 24px!important;gap:12px!important;height:66px!important;display:flex!important;align-items:center!important;flex-wrap:nowrap!important}
header.vxs-top .vxs-w *{box-sizing:border-box}
header.vxs-top .vxs-logo{flex:1 1 0!important;min-width:0!important;display:flex!important;align-items:center;margin:0!important}
header.vxs-top .vxs-logo img{height:28px!important;width:auto!important;max-width:none!important}
header.vxs-top .vxs-nav{flex:0 0 auto!important;margin:0!important;gap:2px!important;flex-wrap:nowrap!important;align-items:center!important}
header.vxs-top .vxs-nav>a,header.vxs-top .vxs-ddt{font-family:Poppins,system-ui,sans-serif!important;font-size:14px!important;font-weight:500!important;line-height:20px!important;padding:8px 9px!important;letter-spacing:0!important;height:36px!important;display:inline-flex!important;align-items:center!important}
header.vxs-top .vxs-right{flex:1 1 0;min-width:max-content;display:flex;justify-content:flex-end;align-items:center;gap:8px}
header.vxs-top .vxs-cta{height:40px!important;display:inline-flex!important;align-items:center!important;padding:0 18px!important;font-family:Poppins,system-ui,sans-serif!important;font-size:14px!important;line-height:1!important;font-weight:600!important;margin:0!important;border-radius:999px!important;background:#111!important;color:#fff!important}
header.vxs-top .vxs-login,header.vxs-top .vxs-icon{position:relative;display:inline-flex!important;flex:0 0 40px;width:40px!important;height:40px!important;padding:0!important;margin:0!important;font-size:0!important;color:transparent!important;border:1px solid #e6e6ea!important;border-radius:999px!important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.9' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='3.8'/%3E%3Cpath d='M4.5 20.5c1.4-3.8 4.3-5.5 7.5-5.5s6.1 1.7 7.5 5.5'/%3E%3C/svg%3E") center/19px 19px no-repeat!important;overflow:visible}
header.vxs-top .vxs-icon.cart{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1.2 11.2a2 2 0 0 1-2 1.8H8.2a2 2 0 0 1-2-1.8z'/%3E%3Cpath d='M9 8V6.5a3 3 0 0 1 6 0V8'/%3E%3C/svg%3E")!important}
header.vxs-top .vxs-icon b{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#E94E77;color:#fff;font:600 11px/18px Poppins,system-ui,sans-serif}
header.vxs-top .vxs-login:hover,header.vxs-top .vxs-icon:hover{border-color:#111!important}
header.vxs-top .vxs-burger{display:none!important}
html.vx-dh app-header #navbar,html.vx-dh app-header .top-header-info{display:none!important}
header.vxs-top.vxs-inj{position:fixed!important;top:0;left:0;right:0;z-index:1030}
}
@media (max-width:1080px){header.vxs-top.vxs-inj{display:none!important}}