body.az { margin: 0; background: #fff; color: #000; line-height: normal; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif; }
body.az * { box-sizing: border-box; }
body.az :is(h1, h2, h3, p, a, b, span, button, li) { font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif; }
body.az a { color: inherit; text-decoration: none; }
body.az a:hover { opacity: .8; }
body.az h1, body.az h2, body.az h3, body.az p { margin: 0; }
body.az :focus-visible { outline: 3px solid #00E676; outline-offset: 2px; }
.az .skip-link { position: absolute; left: -9999px; }
.az .skip-link:focus { left: 12px; top: 12px; z-index: 30; background: #000; color: #fff; padding: 10px 14px; border-radius: 10px; }
.az-in { max-width: 1180px; margin: 0 auto; padding-left: 20px; padding-right: 20px; width: 100%; }

.az-tete, .az-tete :is(a, span, nav) { font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif; box-sizing: border-box; line-height: normal; }
.az-tete a { color: #000; text-decoration: none; }
.az-tete a:hover { opacity: .8; }
.az-tete { position: sticky; top: 0; z-index: 10; background: rgba(255,255,255,.94); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-bottom: 1px solid #EFEFEF; }
.az-tete-in { max-width: 1180px; margin: 0 auto; padding: 0 20px; height: 64px; display: flex; align-items: center; gap: 24px; }
.az-logo { font-weight: 900; font-size: 22px; letter-spacing: -0.03em; flex: none; }
.az-logo span { background: #00E676; border-radius: 6px; padding: 0 5px; margin: 0 2px; }
.az-nav { display: flex; align-items: center; gap: 22px; font-size: 15px; font-weight: 700; flex: 1 1 0; min-width: 0; white-space: nowrap; overflow-x: auto; scrollbar-width: none; }
.az-tete-actions { display: flex; align-items: center; gap: 14px; flex: none; margin-left: auto; }
.az-cta-tete { display: flex; align-items: center; height: 40px; background: #000; color: #fff !important; border-radius: 999px; padding: 0 18px; font-size: 14.5px; font-weight: 800; }
.az-tete-lien { font-size: 15px; font-weight: 800; }
.az-cta-court { display: none; }
@media (max-width: 1023px) { .az-nav { display: none; } }
@media (max-width: 759px) { .az-tete-lien, .az-cta-long { display: none; } .az-cta-court { display: inline; } }

.az-hero { padding-top: 56px; padding-bottom: 40px; display: flex; flex-wrap: wrap; gap: 48px; align-items: center; }
.az-hero-texte { flex: 1 1 460px; min-width: 0; display: flex; flex-direction: column; gap: 22px; }
.az-sur { font-size: 12.5px; font-weight: 900; letter-spacing: .08em; color: #6B6B6B; }
.az main h1 { font-size: clamp(44px, 7vw, 82px); font-weight: 900; letter-spacing: -0.05em; line-height: 1.02; text-wrap: balance; }
.az-surligne { background: #00E676; padding: 0 10px; border-radius: 12px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.az-chapo { font-size: clamp(17px, 2vw, 20px); line-height: 1.45; color: #4A4A4A; max-width: 560px; text-wrap: pretty; }
.az-boutons { display: flex; gap: 10px; flex-wrap: wrap; }
.az-btn { border-radius: 16px; font-size: 16px; font-weight: 800; }
.az-btn--noir { background: #000; color: #fff !important; padding: 16px 22px; }
.az-btn--contour { border: 2px solid #000; padding: 14px 22px; }
.az-btn--rond { border-radius: 999px; padding: 18px 30px; font-size: 17px; font-weight: 900; }
.az-stores { display: flex; gap: 10px; flex-wrap: wrap; }
.az-stores--centre { justify-content: center; }
.az-stores .es-store { display: flex; align-items: center; justify-content: center; gap: 8px; background: #000; color: #fff; border-radius: 12px; height: 50px; padding: 0 16px; min-width: 170px; box-shadow: 0 0 0 1px #333; }
.az-stores .es-store > span { display: flex; flex-direction: column; line-height: 1.05; }
.az-stores .es-store small { font-size: 10px; }
.az-stores .es-store b { font-size: 15px; font-weight: 700; }
.az-reseaux { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.az-res { width: 38px; height: 38px; border-radius: 11px; display: flex; align-items: center; justify-content: center; }
.az-res i { width: 19px; height: 19px; -webkit-mask: center / contain no-repeat; mask: center / contain no-repeat; background: #fff; }
.az-res--snapchat i { -webkit-mask-image: url(vitrine/logos/snapchat.svg?v=8d7665de9a61); mask-image: url(vitrine/logos/snapchat.svg?v=8d7665de9a61); }
.az-res--instagram i { -webkit-mask-image: url(vitrine/logos/instagram.svg?v=1060526807a4); mask-image: url(vitrine/logos/instagram.svg?v=1060526807a4); }
.az-res--tiktok i { -webkit-mask-image: url(vitrine/logos/tiktok.svg?v=474e542d15b8); mask-image: url(vitrine/logos/tiktok.svg?v=474e542d15b8); }
.az-res--whatsapp i { -webkit-mask-image: url(vitrine/logos/whatsapp.svg?v=3e197e0e1f3e); mask-image: url(vitrine/logos/whatsapp.svg?v=3e197e0e1f3e); }
.az-res--telegram i { -webkit-mask-image: url(vitrine/logos/telegram.svg?v=4435c9a57e16); mask-image: url(vitrine/logos/telegram.svg?v=4435c9a57e16); }
.az-res--snapchat { background: #FFFC00; } .az-res--snapchat i { background: #141821; }
.az-res--instagram { background: linear-gradient(135deg, #FEDA75, #FA7E1E 30%, #D62976 60%, #962FBF 85%, #4F5BD5); }
.az-res--tiktok { background: #000; }
.az-res--whatsapp { background: #25D366; }
.az-res--telegram { background: #2AABEE; }
.az-res-site { font-size: 13.5px; font-weight: 700; color: #6B6B6B; }
.az-hero-tel { flex: 1 1 320px; display: flex; justify-content: center; min-width: 0; }
.az-reel-cadre { position: relative; width: min(320px, 100%); flex: none; transition: transform .3s cubic-bezier(.2,.8,.2,1); }
.az-reel-cadre:hover { transform: scale(1.06); }
.az-reel { cursor: zoom-in; width: 100%; aspect-ratio: 9 / 16; border-radius: 40px; overflow: hidden; background: #000; box-shadow: 0 0 0 10px #000, 0 40px 80px rgba(0,0,0,.22);
  position: relative; transition: box-shadow .3s; }
.az-reel-cadre:hover .az-reel { box-shadow: 0 0 0 10px #000, 0 40px 90px rgba(0,0,0,.32); }
.az-reel video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.az-son { cursor: pointer; display: flex; align-items: center; gap: 6px; background: #00E676; color: #000; border: 0; border-radius: 999px;
  padding: 9px 14px; font: 800 13.5px/1 -apple-system, system-ui, sans-serif; box-shadow: 0 6px 18px rgba(0,0,0,.3); }
.az-son[aria-pressed="true"] { background: #fff; }
.az-son--cadre { position: absolute; right: 12px; bottom: 12px; z-index: 2; }
@media (prefers-reduced-motion: reduce) { .az-reel-cadre, .az-reel-cadre:hover { transition: none; transform: none; } }

.az-tel-cadre { flex: 1 1 320px; display: flex; justify-content: center; min-width: 0; }
.az-tel { width: 300px; aspect-ratio: 390 / 844; border-radius: 44px; overflow: hidden; position: relative; background: #fff; flex: none; box-shadow: 0 0 0 10px #000, 0 40px 80px rgba(0,0,0,.16); }
.az-tel img { display: block; width: 100%; height: 100%; object-fit: cover; }

.az-dm { scroll-margin-top: 80px; background: #000; color: #fff; }
.az-dm-in { padding-top: 64px; padding-bottom: 72px; display: flex; flex-direction: column; gap: 40px; }
.az-dm-tete { display: flex; flex-direction: column; gap: 14px; max-width: 760px; }
.az-dm-tete > h2 { font-size: clamp(32px, 4.5vw, 52px); font-weight: 900; letter-spacing: -0.04em; line-height: 1; }
.az-dm .az-sur { color: #00E676; }
.az-etapes { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px 20px; }
.az-etape { display: flex; flex-direction: column; align-items: center; gap: 24px; min-width: 0; padding: 0; background: none; box-shadow: none; border-radius: 0; }
.az-etape .az-tel-cadre { flex: none; }
.az-etape-tel { display: block; width: 252px; height: 545px; border-radius: 38px; background: #fff; box-shadow: 0 0 0 8px #2A2A2A, 0 30px 60px rgba(0,0,0,.5); }
.az-etape-txt { align-self: stretch; min-height: 150px; display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 14px; align-items: start; background: #141414; border-radius: 22px; padding: 18px; }
.az-etape-txt > div { display: flex; flex-direction: column; gap: 4px; }
.az-etape h3 { font-size: 20px; font-weight: 700; letter-spacing: -0.02em; }
.az-etape p { font-size: 15px; line-height: 1.45; color: #BDBDBD; text-wrap: pretty; }
.az-num { width: 44px; height: 44px; border-radius: 50%; background: #00E676; color: #000; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 19px; }

.az-titres { scroll-margin-top: 80px; padding-top: 72px; padding-bottom: 24px; display: flex; flex-wrap: wrap-reverse; gap: 48px; align-items: center; }
.az-titres-texte { flex: 1 1 480px; display: flex; flex-direction: column; gap: 22px; min-width: 0; }
:is(.az-titres-texte, .az-espace-tete, .az-reseau-texte, .az-marges-tete) > h2 { font-size: clamp(32px, 4.5vw, 52px); font-weight: 900; letter-spacing: -0.04em; line-height: 1; text-wrap: balance; }
:is(.az-titres-texte, .az-marges-tete) > p { font-size: clamp(17px, 2vw, 19px); line-height: 1.45; color: #4A4A4A; max-width: 560px; text-wrap: pretty; }
.az-marges-tete > p { max-width: none; }
.az-cartes { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; }
.az-carte { display: flex; flex-direction: column; gap: 6px; background: #F4F4F4; border-radius: 22px; padding: 18px; }
.az-carte > b { font-size: 18px; letter-spacing: -0.02em; }
.az-carte > span:last-child { font-size: 14.5px; line-height: 1.45; color: #4A4A4A; }
.az-coche { width: 32px; height: 32px; border-radius: 50%; background: #00E676; color: #000; display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 900; flex: none; }

.az-reseau-sec { scroll-margin-top: 80px; padding-top: 72px; padding-bottom: 24px; }
.az-reseau { background: #00E676; border-radius: 32px; padding: clamp(24px, 5vw, 56px); display: flex; flex-direction: column; gap: 32px; }
.az-reseau-texte { display: flex; flex-direction: column; gap: 14px; max-width: 760px; }
.az-reseau .az-sur { color: #000; }
.az-reseau-texte > p { font-size: clamp(17px, 2vw, 19px); line-height: 1.45; text-wrap: pretty; }
.az-lieux { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }
.az-lieu { display: flex; flex-direction: column; justify-content: space-between; gap: 28px; background: #fff; border-radius: 22px; padding: 22px; min-height: 150px; }
.az-lieu > b { font-size: 21px; letter-spacing: -0.025em; line-height: 1.15; }
.az-lieu-moyens { display: flex; flex-direction: column; gap: 8px; }
.az-lieu-moyens small { font-size: 12px; font-weight: 800; letter-spacing: .06em; color: #6B6B6B; }
.az-lieu-moyens > span { display: flex; gap: 6px; flex-wrap: wrap; }
.az-moyen { font-style: normal; font-size: 13px; font-weight: 800; border-radius: 999px; padding: 6px 12px; }
.az-moyen--cash { background: #00E676; color: #000; }
.az-moyen--cb { background: #0A84FF; color: #fff; }
.az-moyen--vir { background: #000; color: #fff; }
.az-conforme { display: flex; flex-wrap: wrap; gap: 16px 24px; align-items: center; background: #000; color: #fff; border-radius: 22px; padding: 18px 22px; }
.az-conforme-t { display: flex; align-items: center; gap: 10px; font-size: 15.5px; font-weight: 800; }
.az-conforme-t .az-coche { width: 28px; height: 28px; font-size: 14px; }
.az-plafonds { display: flex; flex-wrap: wrap; gap: 8px; margin-left: auto; }
.az-plafonds:empty { display: none; }
.az-plafond { display: flex; align-items: baseline; gap: 6px; background: #1C1C1C; border-radius: 999px; padding: 8px 14px; font-size: 13.5px; }
.az-plafond b { font-size: 15px; }
.az-plafond span { color: #BDBDBD; }

.az-confiance { scroll-margin-top: 80px; background: #F4F4F4; }
.az-confiance-in { padding-top: 56px; padding-bottom: 60px; display: flex; flex-direction: column; gap: 26px; }
:is(.az-confiance-tete, .az-espaces-tete) { display: flex; flex-direction: column; gap: 12px; max-width: 760px; }
:is(.az-confiance-tete, .az-espaces-tete) > h2 { font-size: clamp(30px, 4.2vw, 48px); font-weight: 900; letter-spacing: -0.04em; line-height: 1.02; text-wrap: balance; }
:is(.az-confiance-tete, .az-espaces-tete) > p { font-size: 17px; line-height: 1.45; color: #4A4A4A; text-wrap: pretty; }
.az-confiance-grille { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: 16px; align-items: start; }
.az-confiance-cartes { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; min-width: 0; }
.az-confiance-cartes > li { display: flex; min-width: 0; }
.az-conf { flex: 1; display: flex; align-items: center; gap: 14px; background: #fff; border: 1px solid #EAEAEA; border-radius: 20px; padding: 16px 18px; min-width: 0; }
.az-conf--porte { background: #000; color: #fff !important; border-color: #000; }
.az-conf-ic { position: relative; width: 48px; height: 48px; border-radius: 14px; flex: none; display: flex; align-items: center; justify-content: center; }
.az-conf-ic--logo img { display: block; width: 48px; height: 48px; border-radius: 14px; }
.az-conf-ic--sigle { background: #000; color: #fff; font-size: 16px; font-weight: 900; letter-spacing: -0.02em; }
.az-conf--porte .az-conf-ic--sigle { background: #00E676; color: #000; font-size: 24px; }
.az-conf-ic--deux { flex-direction: column; line-height: 1; }
.az-conf-ic--deux > span:first-child { font-size: 17px; letter-spacing: -0.05em; }
.az-conf-ic--deux > span + span { font-size: 13px; }
.az-conf-ic--photo { border-radius: 50%; }
.az-conf-ic--photo > img { display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; background: #EDEDED; }
.az-conf-ic--snapchat { box-shadow: 0 0 0 3px #FFFC00; }
.az-conf-ic--instagram { padding: 2.5px; background: linear-gradient(45deg, #FEDA75, #FA7E1E 30%, #D62976 60%, #962FBF 85%, #4F5BD5); }
.az-conf-ic--instagram > img { box-shadow: 0 0 0 2px #fff; }
.az-conf-pastille { position: absolute; right: -4px; bottom: -4px; width: 20px; height: 20px; border-radius: 50%; box-shadow: 0 0 0 2px #fff; display: flex; align-items: center; justify-content: center; }
.az-conf-pastille > i { display: block; width: 12px; height: 12px; background: currentColor; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }
.az-conf-pastille--snapchat { background: #FFFC00; color: #000; }
.az-conf-pastille--instagram { background: #E1306C; color: #fff; }
.az-conf-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.az-conf-txt > b { font-size: 17px; font-weight: 900; letter-spacing: -0.02em; overflow-wrap: anywhere; }
.az-conf-txt > b.az-conf-nom--teinte { font-weight: 800; letter-spacing: -0.03em; }
.az-conf-txt > span { font-size: 13px; color: #6B6B6B; }
.az-conf--porte .az-conf-txt > span { color: #BDBDBD; }
.az-confiance-droite { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.az-confiance-droite[hidden] { display: none; }
.az-direct { background: #000; color: #fff; border-radius: 28px; padding: 26px; display: flex; flex-direction: column; gap: 22px; min-width: 0; }
.az-direct-badge { align-self: flex-start; display: flex; align-items: center; gap: 8px; background: rgba(0,230,118,.14); color: #00E676; border-radius: 999px; padding: 6px 14px; font-size: 13px; font-weight: 800; }
.az-direct-badge > i { width: 8px; height: 8px; border-radius: 50%; background: #00E676; animation: az-direct-point 1.2s ease-in-out infinite alternate; }
@keyframes az-direct-point { from { opacity: 1; } to { opacity: .25; } }
@media (prefers-reduced-motion: reduce) { .az-direct-badge > i { animation: none; } }
.az-direct-total { display: flex; flex-direction: column; gap: 4px; }
.az-direct-total > b { font-size: clamp(52px, 8vw, 84px); font-weight: 900; letter-spacing: -0.05em; line-height: 1; font-variant-numeric: tabular-nums; }
.az-direct-total > span { font-size: 15px; color: #BDBDBD; }
.az-direct-jour { background: #141414; border-radius: 18px; padding: 14px 16px; display: flex; flex-direction: column; gap: 2px; }
.az-direct-jour > b { font-size: 28px; font-weight: 900; letter-spacing: -0.03em; color: #00E676; font-variant-numeric: tabular-nums; }
.az-direct-jour > span { font-size: 13px; color: #BDBDBD; }

.az-marges { scroll-margin-top: 80px; padding-top: 72px; padding-bottom: 24px; display: flex; flex-direction: column; gap: 28px; }
.az-marges-tete { display: flex; flex-direction: column; gap: 14px; max-width: 760px; }
.az-marges-grille { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 12px; }
.az-marge { display: flex; flex-direction: column; gap: 14px; background: #fff; color: #000; border: 1px solid #E6E6E6; border-radius: 24px; padding: 22px; min-width: 0; }
.az-marge-nom { font-size: 17px; letter-spacing: -0.02em; line-height: 1.25; min-height: 42px; }
.az-marge-net { display: flex; flex-direction: column; gap: 2px; padding-bottom: 14px; border-bottom: 1px solid #E6E6E6; }
.az-marge-net span { font-size: clamp(34px, 4vw, 40px); font-weight: 900; letter-spacing: -0.045em; line-height: 1; font-variant-numeric: tabular-nums; }
.az-marge-net small { font-size: 13px; font-weight: 700; color: #4A4A4A; }
.az-marge dl { margin: 0; display: flex; flex-direction: column; gap: 14px; font-variant-numeric: tabular-nums; }
.az-marge dl > div { display: flex; flex-direction: column; gap: 2px; }
.az-marge dt { font-size: 14px; line-height: 1.3; color: #4A4A4A; }
.az-marge dd { margin: 0; font-size: 15px; font-weight: 700; }
.az-marge--vedette { background: #000; color: #fff; border: 0; border-radius: 32px; padding: clamp(24px, 4vw, 40px); }
.az-marge--vedette .az-marge-nom { font-size: clamp(18px, 2.2vw, 22px); color: #00E676; min-height: 0; }
.az-marge--vedette .az-marge-net { gap: 14px; padding-bottom: 0; border-bottom: 0; }
.az-marge--vedette .az-marge-net span { font-size: clamp(64px, 10vw, 112px); letter-spacing: -0.05em; line-height: .95; color: #00E676; }
.az-marge--vedette .az-marge-phrase { font-size: clamp(17px, 2vw, 21px); font-weight: 800; color: #fff; }
.az-marge--vedette dl { border-top: 1px solid #2A2A2A; padding-top: 16px; margin-top: 8px; }
.az-marge--vedette dl > div { flex-direction: row; justify-content: space-between; align-items: baseline; gap: 16px; }
.az-marge--vedette dt { font-size: 15px; color: #CFCFCF; }
.az-marge--vedette dd { flex: none; }
.az-mention { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 14px; border: 1px solid #E6E6E6; border-radius: 22px; padding: 20px; }
.az-mention > span { width: 36px; height: 36px; border-radius: 10px; background: #000; color: #00E676; display: grid; place-items: center; font-size: 16px; font-weight: 900; }
.az-mention > div { display: flex; flex-direction: column; gap: 6px; }
.az-mention b { font-size: 14.5px; }
.az-mention p { font-size: 13.5px; line-height: 1.65; color: #4A4A4A; text-wrap: pretty; }

.az-espaces { scroll-margin-top: 80px; padding-top: 56px; padding-bottom: 24px; display: flex; flex-direction: column; gap: 26px; }
.az-espaces-grille { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 12px; }
.az-espaces-carte { display: flex; flex-direction: column; gap: 16px; min-width: 0; border-radius: 28px; padding: 26px; background: #fff; color: #000; }
.az-espaces-haut { display: flex; align-items: center; gap: 14px; }
.az-espaces-ic { width: 56px; height: 56px; border-radius: 16px; flex: none; display: flex; align-items: center; justify-content: center; font-size: 26px; }
.az-espaces-nom { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.az-espaces-role { font-size: 12.5px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.az-espaces-nom > h3 { font-size: 24px; font-weight: 700; letter-spacing: -0.03em; }
.az-espaces-txt { font-size: 15.5px; line-height: 1.45; text-wrap: pretty; }
.az-espaces-pastilles { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.az-espaces-pastilles > li { border-radius: 999px; padding: 6px 12px; font-size: 13px; font-weight: 800; }
.az-espaces-go { margin-top: auto; height: 52px; border-radius: 14px; background: #000; color: #fff !important; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 900; white-space: nowrap; }
.az-espaces-carte--utilisateur { border: 1px solid #EAEAEA; }
.az-espaces-carte--utilisateur .az-espaces-ic { background: #0A84FF; color: #fff; }
.az-espaces-carte--utilisateur :is(.az-espaces-role, .az-espaces-txt) { color: #4A4A4A; }
.az-espaces-carte--utilisateur .az-espaces-pastilles > li { background: #F1F1F1; }
.az-espaces-carte--social-shop { background: #FFFC00; }
.az-espaces-carte--social-shop .az-espaces-ic { background: #000; color: #FFFC00; }
.az-espaces-carte--social-shop :is(.az-espaces-role, .az-espaces-txt) { color: #3A3A3A; }
.az-espaces-carte--social-shop .az-espaces-pastilles > li { background: rgba(0,0,0,.08); }
.az-espaces-carte--distributeur { background: #000; color: #fff; }
.az-espaces-carte--distributeur .az-espaces-ic { background: #00E676; color: #000; }
.az-espaces-carte--distributeur :is(.az-espaces-role, .az-espaces-txt) { color: #CFCFCF; }
.az-espaces-carte--distributeur .az-espaces-pastilles > li { background: #1E1E22; }
.az-espaces-carte--distributeur .az-espaces-go { background: #00E676; color: #000 !important; }

.az-espace { scroll-margin-top: 80px; padding-top: 72px; padding-bottom: 24px; }
.az-espace-bloc { background: #000; color: #fff; border-radius: 32px; padding: clamp(28px, 5vw, 64px) clamp(20px, 4vw, 56px); display: flex; flex-direction: column; align-items: center; gap: 44px; }
.az-espace-tete { display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; max-width: 720px; }
.az-espace-tete > p { font-size: clamp(17px, 2vw, 19px); line-height: 1.45; color: #BDBDBD; text-wrap: pretty; }
.az-espace .az-sur { color: #00E676; }
.az-espace-rangee { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; gap: 24px 48px; }
.az-fonctions { list-style: none; margin: 0; padding: 0; flex: 1 1 240px; min-width: 0; align-self: center; }
.az-fonction { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 14px; padding: 20px 0; border-top: 1px solid #2A2A2A; }
.az-fonction-n { font-size: 13px; font-weight: 900; color: #00E676; padding-top: 4px; }
.az-fonction > span:last-child { display: flex; flex-direction: column; gap: 4px; }
.az-fonction b { font-size: 20px; letter-spacing: -0.02em; }
.az-fonction b + span { font-size: 15px; line-height: 1.45; color: #BDBDBD; text-wrap: pretty; }
.az-espace-tel { flex: none; width: 280px; height: 606px; border-radius: 42px; overflow: hidden; background: #fff; box-shadow: 0 0 0 9px #2A2A2A, 0 40px 80px rgba(0,0,0,.5); }
.az-espace-tel img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top; }
.az-espace-go { background: #00E676; color: #000 !important; }

.az-fin { padding-top: 48px; padding-bottom: 80px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 18px; }
.az-fin h2 { font-size: clamp(34px, 5vw, 60px); font-weight: 900; letter-spacing: -0.045em; line-height: 1; }
.az-fin > p { font-size: 17px; color: #4A4A4A; }
.az-fin .az-sur { font-weight: 800; margin-top: 6px; }

.az-grand { position: fixed; inset: 0; z-index: 2147483000; background: rgba(0,0,0,.85); display: flex; align-items: center; justify-content: center; padding: 20px; }
.az-grand-cadre { position: relative; height: min(90vh, calc((100vw - 40px) * 16 / 9)); aspect-ratio: 9 / 16; border-radius: 28px; overflow: hidden; background: #000; box-shadow: 0 40px 100px rgba(0,0,0,.5); }
.az-grand-cadre video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.az-grand-lancer { position: absolute; inset: 0; z-index: 3; cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; background: rgba(0,0,0,.35); border: 0; color: #fff; font: 700 17px/1.2 -apple-system, system-ui, sans-serif; }
.az-grand-lancer > span { width: 96px; height: 96px; border-radius: 50%; background: #00E676; display: flex; align-items: center; justify-content: center; }
.az-grand-son { position: absolute; left: 14px; bottom: 14px; z-index: 2; padding: 10px 16px; font-size: 14px; box-shadow: none; }
.az-grand-x { z-index: 1; position: fixed; top: 20px; right: 20px; cursor: pointer; width: 48px; height: 48px; border-radius: 50%; background: #fff; color: #000; border: 0; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 900; }
