/* Anzaïra : slider d'accueil (chargé sur l'accueil uniquement) */
body.axc-on.home:not(.elementor-editor-active) [data-id="87ab8a9"] {
	min-height: 0 !important; height: auto !important; padding: 0 !important; margin: 0 !important; overflow: hidden;
	background: linear-gradient(135deg, #f1f9dc 0%, #fff7f3 52%, #fdeaf2 100%) !important;
}
body.axc-on.home:not(.elementor-editor-active) [data-id="87ab8a9"] > .elementor-container { max-width: none !important; min-height: 0 !important; padding: 0 !important; }
body.axc-on.home:not(.elementor-editor-active) [data-id="87ab8a9"] [data-id="35c341d"],
body.axc-on.home:not(.elementor-editor-active) [data-id="87ab8a9"] [data-id="35c341d"] > .elementor-widget-wrap { padding: 0 !important; width: 100% !important; }
body.axc-on.home:not(.elementor-editor-active) [data-id="87ab8a9"] [data-id="955e794"],
body.axc-on.home:not(.elementor-editor-active) [data-id="87ab8a9"] [data-id="46e3bad"],
body.axc-on.home:not(.elementor-editor-active) [data-id="87ab8a9"] [data-id="b74655d"],
body.axc-on.home:not(.elementor-editor-active) [data-id="87ab8a9"] [data-id="693bcb3"],
body.axc-on.home:not(.elementor-editor-active) [data-id="87ab8a9"] [data-id="a26a076"],
body.axc-on.home:not(.elementor-editor-active) [data-id="87ab8a9"] [data-id="132b704"],
body.axc-on.home:not(.elementor-editor-active) [data-id="87ab8a9"] [data-id="c8fdccb"],
body.axc-on.home:not(.elementor-editor-active) [data-id="87ab8a9"] [data-id="a9cc178"] { display: none !important; }
body.axc-on.home:not(.elementor-editor-active) [data-id="87ab8a9"] [data-id="3c68a2f"] { margin: 0 !important; width: 100% !important; }
body.axc-on.home:not(.elementor-editor-active) [data-id="87ab8a9"] [data-id="3c68a2f"] > .elementor-widget-container { padding: 0 !important; margin: 0 !important; }

.axc-hero { position: relative; width: 100%; font-family: var(--axc-sans); color: var(--axc-ink); text-align: left; }
.axc-hero *, .axc-hero *::before, .axc-hero *::after { box-sizing: border-box; }
.axc-hero__viewport { display: grid; overflow: hidden; touch-action: pan-y; }
.axc-slide { grid-area: 1 / 1; opacity: 0; visibility: hidden; transition: opacity .6s ease, visibility 0s linear .6s; }
.axc-slide.is-active { opacity: 1; visibility: visible; transition: opacity .6s ease, visibility 0s; }
.axc-hero__in { display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr); align-items: center; gap: 36px; max-width: 1240px; min-height: 640px; margin: 0 auto; padding: 56px 64px 92px; }

.axc-slide__txt { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.axc-hero .axc-eyebrow { margin: 0 0 20px; }
.axc-hero .axc-slide__title { margin: 0; padding: 0; font-family: var(--axc-serif); font-size: clamp(30px, 4.1vw, 54px); font-weight: 300; letter-spacing: .01em; line-height: 1.16; text-transform: none; color: var(--axc-ink); text-wrap: balance; }
.axc-hero .axc-bio { color: var(--axc-green); box-shadow: inset 0 -.2em 0 rgba(236, 97, 159, .26); padding: 0 .06em; }
.axc-slide__ar { display: block; margin: 14px 0 0; direction: rtl; text-align: left; font: 700 clamp(18px, 1.9vw, 24px)/1.55 var(--axc-ar); letter-spacing: 0; color: var(--axc-pink-deep); }
.axc-slide__lead { margin: 18px 0 0; max-width: 520px; font-size: 17px; line-height: 1.7; color: #5d5a57; text-wrap: pretty; }
.axc-slide__lead-ar { display: block; margin: 6px 0 0; max-width: 520px; direction: rtl; text-align: left; font: 500 16px/1.8 var(--axc-ar); color: #7a6a70; }
.axc-slide__cta { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px; }

.axc-hbtn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 58px; padding: 8px 30px; border: 1.5px solid var(--axc-green); border-radius: 999px; text-decoration: none; text-align: center; transition: background-color .25s, color .25s, border-color .25s, box-shadow .25s, transform .25s; }
.axc-hbtn .axc-ico, .axc-hbtn svg { width: 20px; height: 20px; flex: 0 0 auto; }
.axc-hbtn__t { display: flex; flex-direction: column; align-items: center; gap: 1px; font: 700 13px/1.25 var(--axc-sans); letter-spacing: .08em; text-transform: uppercase; }
.axc-hbtn__ar { font: 500 14.5px/1.3 var(--axc-ar); letter-spacing: 0; text-transform: none; }
.axc-hbtn--solid { background: var(--axc-green); color: #fff; box-shadow: var(--axc-shadow-green); }
.axc-hbtn--solid:hover, .axc-hbtn--solid:focus-visible { background: var(--axc-green-dark); border-color: var(--axc-green-dark); color: #fff; transform: translateY(-2px); }
.axc-hbtn--ghost { background: #fff; color: var(--axc-green-dark); }
.axc-hbtn--ghost:hover, .axc-hbtn--ghost:focus-visible { background: var(--axc-green); color: #fff; transform: translateY(-2px); }
.axc-hbtn:focus-visible, .axc-hero__nav:focus-visible, .axc-hero__dot:focus-visible, .axc-hero__pause:focus-visible, .axc-vid__btn:focus-visible, .axc-vid__snd:focus-visible, .axc-vid__big:focus-visible, .axc-vid__prog:focus-visible { outline: 3px solid rgba(74, 114, 20, .55); outline-offset: 3px; }

.axc-slide__list { display: flex; flex-direction: column; gap: 14px; margin: 24px 0 0; padding: 0; list-style: none; }
.axc-slide__list li { display: flex; align-items: center; gap: 14px; margin: 0; padding: 0; font-size: 16.5px; line-height: 1.35; color: var(--axc-ink); }
.axc-slide__list li > span:last-child { display: flex; flex-direction: column; }
.axc-li-ar { font: 500 15px/1.5 var(--axc-ar); color: var(--axc-pink-deep); direction: rtl; text-align: left; }
.axc-slide__ck { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; background: var(--axc-lime); color: var(--axc-green-dark); }

/* Visuels */
.axc-vis { position: relative; display: flex; align-items: flex-end; justify-content: center; height: 540px; min-width: 0; }
.axc-vis__disc { position: absolute; left: 50%; bottom: 26px; width: min(100%, 470px); aspect-ratio: 1; transform: translateX(-50%); border-radius: 50%; background: radial-gradient(circle at 34% 28%, #fff 0, #fbe3ee 46%, #f4cbdc 100%); }
.axc-vis__disc--pink { background: radial-gradient(circle at 34% 28%, #fff 0, #fbe3ee 50%, #f7d3e2 100%); bottom: 50px; width: min(100%, 440px); }
.axc-vis__disc--lime { background: radial-gradient(circle at 34% 28%, #fff 0, #eef8cf 46%, #d9f293 100%); }
.axc-vis__woman { position: relative; z-index: 2; display: block; width: auto; height: 100%; max-width: 100%; object-fit: contain; filter: drop-shadow(0 18px 24px rgba(90, 60, 80, .16)); }
.axc-vis__leaf { position: absolute; z-index: 1; top: 2%; right: 4%; width: 150px; height: auto; transform: rotate(8deg); }
.axc-vis__soap { position: absolute; z-index: 3; left: 0; bottom: 6%; width: 170px; height: auto; filter: drop-shadow(0 10px 14px rgba(90, 60, 80, .2)); }
.axc-vis__soap--b { left: 2%; bottom: 8%; width: 150px; }

.axc-frame { position: relative; z-index: 2; align-self: center; width: min(300px, 100%); aspect-ratio: 9 / 16; padding: 9px; border-radius: 36px; background: #fff; box-shadow: 0 28px 60px rgba(90, 60, 80, .24), 0 0 0 1px rgba(236, 97, 159, .2); }
.axc-frame__scr { position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 28px; background: #cfe0d4; }
.axc-frame__poster, .axc-vid { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.axc-vid { opacity: 0; transition: opacity .45s ease; background: transparent; }
.axc-vid.is-on { opacity: 1; }

.axc-arch { position: relative; z-index: 2; align-self: center; width: min(360px, 82%); aspect-ratio: 1 / 1.2; overflow: hidden; border: 10px solid #fff; border-radius: 999px 999px 30px 30px; background: var(--axc-leaf); box-shadow: 0 26px 56px rgba(90, 60, 80, .2); }
.axc-arch img { display: block; width: 100%; height: 100%; object-fit: cover; }
.axc-vis__badge { position: absolute; z-index: 4; right: 2%; bottom: 14%; display: inline-flex; align-items: center; gap: 10px; padding: 12px 18px 12px 14px; border-radius: 999px; background: #fff; box-shadow: 0 14px 30px rgba(90, 60, 80, .2); color: var(--axc-green-dark); }
.axc-vis__badge svg { width: 30px; height: 30px; flex: 0 0 auto; fill: none; stroke: var(--axc-pink); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.axc-vis__badge > span { display: flex; flex-direction: column; font: 700 13px/1.3 var(--axc-sans); letter-spacing: .04em; }
.axc-vis__badge > span span[lang="ar"] { font: 500 14px/1.35 var(--axc-ar); color: var(--axc-pink-deep); letter-spacing: 0; direction: rtl; text-align: left; }

/* Commandes */
.axc-hero__nav { position: absolute; top: 50%; z-index: 6; display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin-top: -24px; padding: 0; border: 1px solid rgba(74, 114, 20, .25); border-radius: 50%; background: rgba(255, 255, 255, .9); color: var(--axc-green-dark); cursor: pointer; box-shadow: 0 6px 18px rgba(90, 60, 80, .12); transition: background-color .2s, color .2s, transform .2s; }
.axc-hero__nav:hover { background: var(--axc-green); color: #fff; }
.axc-hero__prev { left: 14px; }
.axc-hero__next { right: 14px; }
.axc-hero__ctrl { position: absolute; left: 0; right: 0; bottom: 26px; z-index: 6; display: flex; align-items: center; justify-content: center; gap: 14px; pointer-events: none; }
.axc-hero__dots, .axc-hero__pause { pointer-events: auto; }
.axc-hero__dots { display: flex; align-items: center; gap: 4px; }
.axc-hero__dot { position: relative; width: 28px; height: 28px; padding: 0; border: 0; background: transparent; cursor: pointer; }
.axc-hero__dot::before { content: ""; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; border-radius: 999px; background: rgba(74, 114, 20, .32); transform: translate(-50%, -50%); transition: width .3s ease, background-color .3s ease; }
.axc-hero__dot.is-active::before { width: 30px; background: var(--axc-green); }
.axc-hero__dot:hover::before { background: var(--axc-pink); }
.axc-hero__pause { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; padding: 0; border: 1px solid rgba(74, 114, 20, .3); border-radius: 50%; background: rgba(255, 255, 255, .92); color: var(--axc-green-dark); cursor: pointer; }
.axc-hero__pause .axc-hp-play, .axc-hero__pause.is-paused .axc-hp-pause { display: none; }
.axc-hero__pause.is-paused .axc-hp-play { display: block; }

@media (max-width: 1100px) {
	.axc-hero__in { padding-left: 48px; padding-right: 48px; gap: 24px; }
	.axc-hbtn { padding: 8px 22px; }
}
@media (max-width: 900px) {
	.axc-hero__in { grid-template-columns: 1fr; gap: 26px; min-height: 0; padding: 34px 22px 78px; }
	.axc-slide__txt { align-items: center; text-align: center; }
	.axc-slide__ar, .axc-slide__lead-ar, .axc-li-ar { text-align: center; }
	.axc-slide__lead, .axc-slide__lead-ar { max-width: 560px; }
	.axc-slide__cta { justify-content: center; width: 100%; max-width: 440px; }
	.axc-hbtn { flex: 1 1 100%; }
	.axc-slide__list { align-items: flex-start; text-align: left; }
	.axc-vis { height: 340px; }
	.axc-vis__disc { width: min(78%, 340px); bottom: 10px; }
	.axc-vis__disc--pink { bottom: 24px; }
	.axc-vis__leaf { width: 96px; right: 6%; }
	.axc-vis__soap { width: 110px; left: 4%; }
	.axc-vis__soap--b { width: 100px; }
	.axc-frame { width: 190px; padding: 7px; border-radius: 28px; }
	.axc-frame__scr { border-radius: 22px; }
	.axc-arch { width: 230px; border-width: 8px; }
	.axc-vis__badge { right: 4%; bottom: 8%; padding: 8px 14px 8px 10px; }
	.axc-hero__nav { display: none; }
	.axc-hero__ctrl { bottom: 18px; }
}
@media (max-width: 480px) {
	.axc-hero .axc-slide__title { letter-spacing: .01em; font-size: 28px; }
	.axc-slide__lead { font-size: 15.5px; }
	.axc-hero .axc-eyebrow { margin-bottom: 14px; }
	.axc-hbtn__t { font-size: 12px; letter-spacing: .09em; }
}
@media (prefers-reduced-motion: reduce) {
	.axc-slide, .axc-slide.is-active, .axc-vid, .axc-hbtn, .axc-hero__dot::before { transition: none; }
}

/* v1.5.1 : formes des boutons (le thème impose des coins carrés), hauteur réduite */
.axc-hero button.axc-hero__nav { width: 48px !important; height: 48px !important; min-width: 0 !important; min-height: 0 !important; padding: 0 !important; border-radius: 50% !important; line-height: 1 !important; }
.axc-hero button.axc-hero__dot { width: 28px !important; height: 28px !important; min-width: 0 !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
.axc-hero button.axc-hero__pause { width: 34px !important; height: 34px !important; min-width: 0 !important; min-height: 0 !important; padding: 0 !important; border-radius: 50% !important; line-height: 1 !important; }
.axc-hero button.axc-hero__nav:hover, .axc-hero button.axc-hero__pause:hover { color: var(--axc-green-dark); }
.axc-hero button.axc-hero__nav:hover { background: var(--axc-green) !important; color: #fff !important; }
.axc-hero__in { min-height: 560px; padding-top: 44px; padding-bottom: 86px; }
.axc-vis { height: 470px; }
.axc-vis__disc { width: min(100%, 420px); bottom: 20px; }
.axc-vis__disc--pink { bottom: 30px; width: min(100%, 400px); }
.axc-frame { height: 100%; width: auto; max-width: 100%; max-height: 470px; }
.axc-arch { width: auto; height: min(100%, 450px); max-width: 82%; }
@media (max-width: 900px) {
	.axc-hero__in { padding: 30px 22px 76px; min-height: 0; }
	.axc-vis { height: 330px; }
	.axc-vis__disc { width: min(78%, 330px); bottom: 8px; }
	.axc-frame { height: 100%; width: auto; padding: 7px; }
	.axc-arch { height: min(100%, 320px); }
}

/* v1.5.2 : titres et boutons plus compacts, trois diapositives de hauteur proche */
.axc-hero .axc-slide__title { font-size: clamp(28px, 3.3vw, 44px); letter-spacing: .01em; }
.axc-slide__cta { gap: 12px; margin-top: 26px; flex-wrap: nowrap; }
.axc-hbtn { padding: 8px 22px; min-height: 56px; }
.axc-hbtn__t { font-size: 12.5px; letter-spacing: .09em; }
.axc-slide__list { gap: 10px; margin-top: 20px; }
.axc-slide__list li { font-size: 15.5px; gap: 12px; }
.axc-slide__ck { width: 30px; height: 30px; }
.axc-slide__lead { margin-top: 14px; }
@media (max-width: 1100px) { .axc-slide__cta { flex-wrap: wrap; } }
@media (max-width: 900px) {
	.axc-hero .axc-slide__title { font-size: clamp(26px, 6.4vw, 38px); letter-spacing: .01em; }
	.axc-slide__cta { flex-wrap: wrap; }
}

/* v1.5.3 : classe .axc-phone deja utilisee par l'en-tete (masquee sur mobile) => cadre renomme .axc-frame ; image forcee dans la hauteur du visuel */
.axc-hero .axc-vis__woman { height: 100% !important; width: auto !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; }
.axc-hero .axc-arch img { height: 100% !important; width: 100% !important; object-fit: cover !important; }

/* v1.7.0 : lecteur vidéo avec son. Rien n'est téléchargé avant le clic, aucune lecture automatique. */
.axc-hero button.axc-vid__big { position: absolute !important; inset: 0 !important; z-index: 3; display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 14px; width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; padding: 0 12px !important; border: 0 !important; border-radius: 0 !important; background: linear-gradient(180deg, rgba(19, 19, 19, .04) 35%, rgba(19, 19, 19, .55) 100%) !important; box-shadow: none !important; color: #fff !important; cursor: pointer; transition: opacity .3s ease; }
.axc-vid__bigic { display: inline-flex; align-items: center; justify-content: center; width: 76px; height: 76px; padding-left: 4px; border-radius: 50%; background: rgba(255, 255, 255, .96); color: var(--axc-green-dark); box-shadow: 0 12px 32px rgba(0, 0, 0, .3); transition: transform .25s ease, background .25s ease, color .25s ease; animation: axcpulse 2.4s ease-out infinite; }
.axc-vid__big:hover .axc-vid__bigic, .axc-vid__big:focus-visible .axc-vid__bigic { transform: scale(1.08); background: var(--axc-pink-deep); color: #fff; }
.axc-vid__biglb { display: flex; flex-direction: column; align-items: center; padding: 7px 16px 6px; border-radius: 18px; background: rgba(19, 19, 19, .58); color: #fff; font: 700 11.5px/1.3 var(--axc-sans); letter-spacing: .07em; text-transform: uppercase; text-align: center; }
.axc-vid__biglb span[lang="ar"] { font-family: var(--axc-ar); font-size: 13px; letter-spacing: 0; text-transform: none; color: var(--axc-lime); }
@keyframes axcpulse { 0% { box-shadow: 0 12px 32px rgba(0, 0, 0, .3), 0 0 0 0 rgba(255, 255, 255, .55); } 70% { box-shadow: 0 12px 32px rgba(0, 0, 0, .3), 0 0 0 18px rgba(255, 255, 255, 0); } 100% { box-shadow: 0 12px 32px rgba(0, 0, 0, .3), 0 0 0 0 rgba(255, 255, 255, 0); } }
.axc-frame__scr.is-started .axc-vid__big { opacity: 0; pointer-events: none; }
.axc-vid__bar { position: absolute; left: 10px; right: 10px; bottom: 10px; z-index: 4; display: flex; align-items: center; gap: 6px; padding: 5px 8px; border-radius: 999px; background: rgba(19, 19, 19, .6); opacity: 0; pointer-events: none; transition: opacity .25s ease; }
.axc-frame__scr.is-started .axc-vid__bar { opacity: 1; pointer-events: auto; }
.axc-hero button.axc-vid__btn, .axc-hero button.axc-vid__snd { flex: 0 0 auto; display: inline-flex !important; align-items: center; justify-content: center; width: 34px !important; height: 34px !important; min-width: 0 !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: transparent !important; box-shadow: none !important; color: #fff !important; line-height: 1 !important; cursor: pointer; }
.axc-hero button.axc-vid__btn:hover, .axc-hero button.axc-vid__snd:hover { background: rgba(255, 255, 255, .22) !important; }
.axc-vid__btn .axc-vid__pause, .axc-vid__btn.is-playing .axc-vid__play, .axc-vid__snd .axc-vid__off { display: none; }
.axc-vid__btn.is-playing .axc-vid__pause { display: block; }
.axc-frame__scr.is-muted .axc-vid__snd .axc-vid__on { display: none; }
.axc-frame__scr.is-muted .axc-vid__snd .axc-vid__off { display: block; }
.axc-vid__prog { position: relative; flex: 1 1 auto; height: 24px; min-width: 0; cursor: pointer; }
.axc-vid__prog::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 4px; margin-top: -2px; border-radius: 4px; background: rgba(255, 255, 255, .35); }
.axc-vid__fill { position: absolute; left: 0; top: 50%; width: 0; height: 4px; margin-top: -2px; border-radius: 4px; background: var(--axc-lime); }
.axc-frame__scr.is-loading::after { content: ""; position: absolute; top: 50%; left: 50%; z-index: 5; width: 38px; height: 38px; margin: -19px 0 0 -19px; border: 3px solid rgba(255, 255, 255, .45); border-top-color: #fff; border-radius: 50%; animation: axcspin .8s linear infinite; pointer-events: none; }
@keyframes axcspin { to { transform: rotate(360deg); } }
.axc-vid { cursor: pointer; }
@media (max-width: 900px) {
	.axc-vid__bigic { width: 60px; height: 60px; }
	.axc-vid__bigic svg { width: 24px; height: 24px; }
	.axc-vid__biglb { padding: 6px 10px 5px; font-size: 10px; letter-spacing: .06em; }
	.axc-vid__biglb span[lang="ar"] { font-size: 12px; }
	.axc-vid__bar { left: 6px; right: 6px; bottom: 6px; gap: 2px; padding: 3px 6px; }
	.axc-hero button.axc-vid__btn, .axc-hero button.axc-vid__snd { width: 32px !important; height: 32px !important; }
}
@media (prefers-reduced-motion: reduce) { .axc-vid__bigic { animation: none; } .axc-frame__scr.is-loading::after { animation-duration: 2s; } }
.axc-vid__biglb span { text-wrap: balance; }

/* v1.13.0 Mobile : le visuel (photo, vidéo, livraison) passe en premier, puis le titre, le texte et les boutons */
@media (max-width: 900px) {
	.axc-hero .axc-vis { order: -1; }
	.axc-hero__in { gap: 16px; padding: 14px 20px 62px; }
	.axc-vis { height: clamp(240px, 66vw, 300px); }
	.axc-hero .axc-eyebrow { margin-bottom: 10px; }
	.axc-slide__cta { margin-top: 18px; }
}
@media (max-width: 480px) {
	.axc-hero .axc-slide__title { font-size: clamp(26px, 7.4vw, 30px); }
	.axc-slide__lead { margin-top: 10px; font-size: 15px; line-height: 1.6; }
}
@media (max-width: 480px) {
	.axc-slide__list { gap: 6px; margin-top: 12px; }
	.axc-slide__list li { font-size: 14px; gap: 10px; }
	.axc-slide__ck { width: 24px; height: 24px; }
	.axc-slide__cta { gap: 10px; margin-top: 14px; }
	.axc-hbtn { min-height: 52px; }
}
@media (max-width: 400px) {
	.axc-vis { height: 220px; }
	.axc-frame { width: 150px; }
	.axc-vid__bigic { width: 52px; height: 52px; }
	.axc-hero__in { gap: 12px; }
}
