{"id":10,"date":"2026-06-25T17:30:22","date_gmt":"2026-06-25T17:30:22","guid":{"rendered":"https:\/\/domy.ma\/?page_id=10"},"modified":"2026-09-08T15:10:02","modified_gmt":"2026-09-08T15:10:02","slug":"accueil","status":"publish","type":"page","link":"https:\/\/domy.ma\/","title":{"rendered":"Accueil"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-97e98f6 e-con e-atomic-element e-flexbox-base e-605d859 \" data-id=\"97e98f6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"97e98f6\" data-e-type=\"e-flexbox\" data-id=\"97e98f6\">\n    \t\t<div class=\"elementor-element elementor-element-24ee803 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"24ee803\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     DOMY \u2014 BANNI\u00c8RE D'ACCUEIL (v1)\n     Bloc autonome \u00e0 coller dans un widget HTML Elementor.\n     Toutes les classes commencent par \"domy-hero-v1-\".\n     ========================================================= -->\n<div id=\"accueil\"><\/div>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;750;800&display=swap\" rel=\"stylesheet\">\n\n<div id=\"domyHeroV1\" class=\"domy-hero-v1-root\">\n\n  <!-- ============ BANDEAU D'ANNONCE ============ -->\n  <div class=\"domy-hero-v1-marquee\" aria-label=\"Annonces DOMY\">\n    <div class=\"domy-hero-v1-marquee-track\" id=\"domyHeroV1MarqueeTrack\">\n      <span class=\"domy-hero-v1-marquee-item\">\n        Devenez prestataire d\u00e8s aujourd'hui.\n      <\/span>\n      <span class=\"domy-hero-v1-marquee-sep\">\u2022<\/span>\n      <span class=\"domy-hero-v1-marquee-item\">Coiffure, beaut\u00e9 et massage disponibles d\u00e8s maintenant \u00e0 Marrakech<\/span>\n      <span class=\"domy-hero-v1-marquee-sep\">\u2022<\/span>\n      <span class=\"domy-hero-v1-marquee-item\">DOMY arrive bient\u00f4t \u00e0 Casablanca, Rabat, Agadir et Tanger<\/span>\n      <span class=\"domy-hero-v1-marquee-sep\">\u2022<\/span>\n      <!-- R\u00e9p\u00e9tition pour un d\u00e9filement continu sans coupure -->\n      <span class=\"domy-hero-v1-marquee-item\" aria-hidden=\"true\">\n        Devenez prestataire d\u00e8s aujourd'hui.\n      <\/span>\n      <span class=\"domy-hero-v1-marquee-sep\" aria-hidden=\"true\">\u2022<\/span>\n      <span class=\"domy-hero-v1-marquee-item\" aria-hidden=\"true\">Coiffure, beaut\u00e9 et massage disponibles d\u00e8s maintenant \u00e0 Marrakech<\/span>\n      <span class=\"domy-hero-v1-marquee-sep\" aria-hidden=\"true\">\u2022<\/span>\n      <span class=\"domy-hero-v1-marquee-item\" aria-hidden=\"true\">DOMY arrive bient\u00f4t \u00e0 Casablanca, Rabat, Agadir et Tanger<\/span>\n      <span class=\"domy-hero-v1-marquee-sep\" aria-hidden=\"true\">\u2022<\/span>\n    <\/div>\n  <\/div>\n\n  <!-- ============ NAVIGATION ============ -->\n  <header class=\"domy-hero-v1-nav-wrap\">\n    <nav class=\"domy-hero-v1-nav\" aria-label=\"Navigation principale\">\n      <a href=\"#accueil\" class=\"domy-hero-v1-logo\" aria-label=\"DOMY \u2014 retour \u00e0 l'accueil\">\n  <img\n    src=https:\/\/domy.ma\/wp-content\/uploads\/2026\/09\/domy-logo-256.png\n    alt=\"DOMY\"\n    class=\"domy-hero-v1-logo-image\">\n<\/a>\n\n      <ul class=\"domy-hero-v1-nav-links\" id=\"domyHeroV1NavLinks\">\n        <li><a href=\"https:\/\/domy.ma\/\">Accueil<\/a><\/li>\n        <li><a href=\"#comment-ca-marche\">Comment \u00e7a marche<\/a><\/li>\n        <li><a href=\"#services\">Nos services<\/a><\/li>\n        <li><a href=\"#pourquoi-domy\">Pourquoi DOMY ?<\/a><\/li>\n        <li><a href=\"#espace-pro\">Espace pro<\/a><\/li>\n        <li><a href=\"#faq\">FAQ<\/a><\/li>\n        <li><a href=\"#contact\">Contact<\/a><\/li>\n      <\/ul>\n\n      <!-- \u00c0 REMPLACER PLUS TARD PAR LE LIEN APP STORE, GOOGLE PLAY OU LA PAGE DE T\u00c9L\u00c9CHARGEMENT -->\n      <a href=\"URL_TELECHARGEMENT_APPLICATION\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"domy-hero-v1-download domy-hero-v1-download-desktop\" aria-label=\"T\u00e9l\u00e9charger l'application DOMY\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M12 3v12m0 0l-4.5-4.5M12 15l4.5-4.5M4 19h16\" stroke=\"#662483\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n        T\u00e9l\u00e9charger l'application\n      <\/a>\n\n      <button type=\"button\" class=\"domy-hero-v1-burger\" id=\"domyHeroV1Burger\" aria-label=\"Ouvrir le menu\" aria-expanded=\"false\" aria-controls=\"domyHeroV1MobileMenu\">\n        <span><\/span><span><\/span><span><\/span>\n      <\/button>\n    <\/nav>\n\n    <!-- ============ MENU MOBILE ============ -->\n    <div class=\"domy-hero-v1-mobile-menu\" id=\"domyHeroV1MobileMenu\">\n      <ul>\n        <li><a href=\"#accueil\">Accueil<\/a><\/li>\n        <li><a href=\"#comment-ca-marche\">Comment \u00e7a marche<\/a><\/li>\n        <li><a href=\"#services\">Nos services<\/a><\/li>\n        <li><a href=\"#pourquoi-domy\">Pourquoi DOMY ?<\/a><\/li>\n        <li><a href=\"#espace-pro\">Espace pro<\/a><\/li>\n        <li><a href=\"#faq\">FAQ<\/a><\/li>\n        <li><a href=\"#contact\">Contact<\/a><\/li>\n      <\/ul>\n      <!-- \u00c0 REMPLACER PLUS TARD PAR LE LIEN APP STORE, GOOGLE PLAY OU LA PAGE DE T\u00c9L\u00c9CHARGEMENT -->\n      <a href=\"URL_TELECHARGEMENT_APPLICATION\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"domy-hero-v1-download domy-hero-v1-download-mobile\" aria-label=\"T\u00e9l\u00e9charger l'application DOMY\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M12 3v12m0 0l-4.5-4.5M12 15l4.5-4.5M4 19h16\" stroke=\"#662483\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n        T\u00e9l\u00e9charger l'application\n      <\/a>\n    <\/div>\n  <\/header>\n\n  <!-- ============ BANNI\u00c8RE PRINCIPALE ============ -->\n  <section class=\"domy-hero-v1-banner\">\n    <div class=\"domy-hero-v1-banner-inner\">\n\n      <!-- Colonne gauche : carte translucide -->\n      <div class=\"domy-hero-v1-col-left\">\n        <div class=\"domy-hero-v1-card\">\n          <h1 class=\"domy-hero-v1-title\">R\u00e9servez vos services \u00e0 domicile.<\/h1>\n\n          <p class=\"domy-hero-v1-paragraph\">\n            Ils viennent \u00e0 vous. Beaut\u00e9, coiffure, massage, m\u00e9nage...Domy simplifie votre quotidien et bient\u00f4t ailleurs.\n            <strong>D\u00e9j\u00e0 disponible \u00e0 Marrakech.<\/strong>\n          <\/p>\n\n          <div class=\"domy-hero-v1-buttons\">\n            <a href=\"#services\" class=\"domy-hero-v1-btn domy-hero-v1-btn-primary\" aria-label=\"R\u00e9server un service \u2014 aller \u00e0 la section Nos services\">\n              R\u00e9server un service\n            <\/a>\n            <a href=\"#espace-pro\" class=\"domy-hero-v1-btn domy-hero-v1-btn-secondary\" aria-label=\"Devenir prestataire \u2014 aller \u00e0 la section Espace pro\">\n              Devenir prestataire\n            <\/a>\n          <\/div>\n\n          <div class=\"domy-hero-v1-perks\">\n            <div class=\"domy-hero-v1-perk\">\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M12 2l7 3v6c0 5-3.4 8.4-7 11-3.6-2.6-7-6-7-11V5l7-3z\" stroke=\"#662483\" stroke-width=\"1.6\" stroke-linejoin=\"round\"\/><path d=\"M9 12l2 2 4-4\" stroke=\"#662483\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              <div>\n                <strong>Prestataires v\u00e9rifi\u00e9s<\/strong>\n                <span>et de confiance<\/span>\n              <\/div>\n            <\/div>\n            <div class=\"domy-hero-v1-perk-divider\" aria-hidden=\"true\"><\/div>\n            <div class=\"domy-hero-v1-perk\">\n              <svg width=\"\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"3\" stroke=\"#662483\" stroke-width=\"1.6\"\/><path d=\"M3 9h18M8 3v4M16 3v4\" stroke=\"#662483\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/><\/svg>\n              <div>\n                <strong>R\u00e9servation rapide<\/strong>\n                <span>en quelques clics<\/span>\n              <\/div>\n            <\/div>\n            <div class=\"domy-hero-v1-perk-divider\" aria-hidden=\"true\"><\/div>\n            <div class=\"domy-hero-v1-perk\">\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><rect x=\"4\" y=\"10\" width=\"16\" height=\"11\" rx=\"2.5\" stroke=\"#662483\" stroke-width=\"1.6\"\/><path d=\"M7 10V7a5 5 0 0 1 10 0v3\" stroke=\"#662483\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/><\/svg>\n              <div>\n                <strong>Paiement s\u00e9curis\u00e9<\/strong>\n                <span>et sans surprise<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Colonne droite : t\u00e9l\u00e9phones -->\n      <div class=\"domy-hero-v1-col-right\">\n        <div class=\"domy-hero-v1-phones-wrap\">\n          <div class=\"domy-hero-v1-halo\" aria-hidden=\"true\"><\/div>\n          <!-- \ud83d\uddbc\ufe0f COLLER ICI L'URL WORDPRESS DE L'IMAGE PNG TRANSPARENTE DES DEUX T\u00c9L\u00c9PHONES -->\n          <img\n            src=\"https:\/\/domy.ma\/wp-content\/uploads\/2026\/09\/Design-sans-titre-7-1.png\"\n            alt=\"Application mobile DOMY affich\u00e9e sur deux t\u00e9l\u00e9phones, montrant les services disponibles et l'\u00e9cran d'accueil\"\n            class=\"domy-hero-v1-phones-img\"\n            loading=\"eager\"\n            fetchpriority=\"high\"\n            decoding=\"async\">\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<style>\n\/* =========================================================\n   TITRE ET PARAGRAPHE PLUS PETITS \u2014 TOUTES LES VERSIONS\n   ========================================================= *\/\n\n#domyHeroV1 .domy-hero-v1-title {\n  font-size: clamp(30px, 3.1vw, 40px) !important;\n  line-height: 1.16 !important;\n  letter-spacing: -0.8px !important;\n  margin-bottom: 18px !important;\n}\n\n#domyHeroV1 .domy-hero-v1-paragraph {\n  font-size: clamp(14px, 1.35vw, 17px) !important;\n  line-height: 1.55 !important;\n}\n\n\/* =========================================================\n   VERSION MOBILE\n   ========================================================= *\/\n\n@media (max-width: 767px) {\n\n  \/* Titre r\u00e9duit pour tenir sur deux lignes *\/\n  #domyHeroV1 .domy-hero-v1-title {\n    font-size: clamp(23px, 6.8vw, 28px) !important;\n    line-height: 1.15 !important;\n    letter-spacing: -0.5px !important;\n    margin-bottom: 15px !important;\n  }\n\n  \/* Paragraphe plus petit *\/\n  #domyHeroV1 .domy-hero-v1-paragraph {\n    font-size: clamp(11.5px, 3.3vw, 13.5px) !important;\n    line-height: 1.5 !important;\n  }\n\n  #domyHeroV1 .domy-hero-v1-paragraph strong {\n    font-size: clamp(11.5px, 3.3vw, 13.5px) !important;\n    margin-top: 8px !important;\n  }\n\n  \/* Deux boutons toujours c\u00f4te \u00e0 c\u00f4te *\/\n  #domyHeroV1 .domy-hero-v1-buttons {\n    display: grid !important;\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n    gap: 8px !important;\n    width: 100% !important;\n  }\n\n  \/* Texte correctement contenu dans les boutons *\/\n  #domyHeroV1 .domy-hero-v1-btn {\n    width: 100% !important;\n    min-width: 0 !important;\n    height: auto !important;\n    padding: 12px 5px !important;\n    font-size: clamp(8.5px, 2.6vw, 10.5px) !important;\n    line-height: 1.2 !important;\n    letter-spacing: -0.1px !important;\n    white-space: nowrap !important;\n    justify-content: center !important;\n    text-align: center !important;\n  }\n}\n\n\/* R\u00e9glage sp\u00e9cial pour les t\u00e9l\u00e9phones tr\u00e8s \u00e9troits *\/\n@media (max-width: 350px) {\n  #domyHeroV1 .domy-hero-v1-buttons {\n    gap: 6px !important;\n  }\n\n  #domyHeroV1 .domy-hero-v1-btn {\n    padding: 11px 3px !important;\n    font-size: 8.2px !important;\n  }\n}\n\/* Trois avantages petits, propres et sur une seule ligne *\/\n#domyHeroV1 .domy-hero-v1-perks {\n  display: grid !important;\n  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n  align-items: start !important;\n  gap: 0 !important;\n  width: 100% !important;\n}\n\n#domyHeroV1 .domy-hero-v1-perk {\n  display: grid !important;\n  grid-template-columns: 14px minmax(0, 1fr) !important;\n  align-items: start !important;\n  gap: 5px !important;\n  width: 100% !important;\n  min-width: 0 !important;\n  padding: 0 9px !important;\n  position: relative !important;\n}\n\n#domyHeroV1 .domy-hero-v1-perk > svg {\n  width: 14px !important;\n  height: 14px !important;\n  margin-top: 1px !important;\n  flex-shrink: 0 !important;\n}\n\n#domyHeroV1 .domy-hero-v1-perk > div {\n  display: flex !important;\n  flex-direction: column !important;\n  min-width: 0 !important;\n  line-height: 1.25 !important;\n}\n\n#domyHeroV1 .domy-hero-v1-perk strong {\n  display: block !important;\n  font-size: 9.5px !important;\n  line-height: 1.25 !important;\n  font-weight: 700 !important;\n  white-space: nowrap !important;\n}\n\n#domyHeroV1 .domy-hero-v1-perk span {\n  display: block !important;\n  font-size: 8.5px !important;\n  line-height: 1.25 !important;\n  white-space: nowrap !important;\n}\n\n\/* Suppression des anciennes s\u00e9parations *\/\n#domyHeroV1 .domy-hero-v1-perk-divider {\n  display: none !important;\n}\n\n\/* S\u00e9parations fines entre les trois avantages *\/\n#domyHeroV1 .domy-hero-v1-perk:nth-of-type(3),\n#domyHeroV1 .domy-hero-v1-perk:nth-of-type(5) {\n  border-left: 1px solid rgba(102, 36, 131, 0.16) !important;\n}\n\n\/* Ajustement pour les petits mobiles *\/\n@media (max-width: 480px) {\n  #domyHeroV1 .domy-hero-v1-perk {\n    grid-template-columns: 11px minmax(0, 1fr) !important;\n    gap: 3px !important;\n    padding: 0 3px !important;\n  }\n\n  #domyHeroV1 .domy-hero-v1-perk > svg {\n    width: 11px !important;\n    height: 11px !important;\n  }\n\n  #domyHeroV1 .domy-hero-v1-perk strong {\n    font-size: 6.8px !important;\n    line-height: 1.2 !important;\n    white-space: nowrap !important;\n  }\n\n  #domyHeroV1 .domy-hero-v1-perk span {\n    font-size: 6.3px !important;\n    line-height: 1.2 !important;\n    white-space: nowrap !important;\n  }\n}  \n\/* Espacement entre les trois avantages *\/\n#domyHeroV1 .domy-hero-v1-perks {\n  column-gap: 12px !important;\n}\n\n\/* Espacement entre le titre et la petite phrase *\/\n#domyHeroV1 .domy-hero-v1-perk > div {\n  gap: 3px !important;\n}\n\n\/* Un peu d\u2019air \u00e0 l\u2019int\u00e9rieur de chaque avantage *\/\n#domyHeroV1 .domy-hero-v1-perk {\n  padding: 0 6px !important;\n}\n\n@media (max-width: 480px) {\n  #domyHeroV1 .domy-hero-v1-perks {\n    column-gap: 5px !important;\n  }\n\n  #domyHeroV1 .domy-hero-v1-perk {\n    padding: 0 2px !important;\n  }\n\n  #domyHeroV1 .domy-hero-v1-perk > div {\n    gap: 2px !important;\n  }\n}\n\/* Deux boutons c\u00f4te \u00e0 c\u00f4te *\/\n#domyHeroV1 .domy-hero-v1-buttons {\n  display: grid !important;\n  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n  gap: 10px !important;\n  width: 100% !important;\n}\n\n#domyHeroV1 .domy-hero-v1-btn {\n  width: 100% !important;\n  min-width: 0 !important;\n  padding: 14px 16px !important;\n  font-size: 13px !important;\n  justify-content: center !important;\n  text-align: center !important;\n  white-space: nowrap !important;\n}\n}\n\n@media (max-width: 480px) {\n  #domyHeroV1 .domy-hero-v1-buttons {\n    gap: 7px !important;\n  }\n\n  #domyHeroV1 .domy-hero-v1-btn {\n    padding: 12px 3px !important;\n    font-size: 10.5px !important;\n  }\n}\n\/* Taille corrig\u00e9e du logo DOMY *\/\n#domyHeroV1 .domy-hero-v1-logo {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: flex-start !important;\n  width: 72px !important;\n  height: 54px !important;\n  min-width: 72px !important;\n  overflow: hidden !important;\n}\n\n#domyHeroV1 .domy-hero-v1-logo-image {\n  display: block !important;\n  width: 54px !important;\n  height: 54px !important;\n  max-width: 54px !important;\n  max-height: 54px !important;\n  object-fit: contain !important;\n  object-position: center !important;\n  margin: 0 !important;\n}\n\n\/* Tablette et mobile *\/\n@media (max-width: 1024px) {\n  #domyHeroV1 .domy-hero-v1-logo {\n    width: 58px !important;\n    height: 46px !important;\n    min-width: 58px !important;\n  }\n\n  #domyHeroV1 .domy-hero-v1-logo-image {\n    width: 46px !important;\n    height: 46px !important;\n    max-width: 46px !important;\n    max-height: 46px !important;\n  }\n}\n\/* =========================================================\n   DOMY HERO V1 \u2014 STYLES\n   Toutes les r\u00e8gles sont limit\u00e9es \u00e0 #domyHeroV1\n   ========================================================= *\/\n\n#domyHeroV1 {\n  --domy-pink-light: #F6A1CF;\n  --domy-pink: #E8A2CF;\n  --domy-mauve: #D58CC5;\n  --domy-violet-light: #B767AF;\n  --domy-violet-dark: #662483;\n  --domy-text-dark: #321044;\n  --domy-text-secondary: #74677D;\n  --domy-white: #FFFFFF;\n  --domy-gradient: linear-gradient(115deg, #F6A1CF 0%, #E8A2CF 25%, #D58CC5 48%, #B767AF 72%, #662483 100%);\n\n  font-family: \"Montserrat\", sans-serif;\n  width: 100%;\n  box-sizing: border-box;\n  overflow-x: hidden;\n}\n#domyHeroV1 *,\n#domyHeroV1 *::before,\n#domyHeroV1 *::after {\n  box-sizing: border-box;\n}\n#domyHeroV1 a {\n  text-decoration: none;\n  font-family: \"Montserrat\", sans-serif;\n}\n#domyHeroV1 :focus-visible {\n  outline: 2px solid var(--domy-violet-dark);\n  outline-offset: 3px;\n  border-radius: 6px;\n}\n\n\/* ---------- Bandeau d'annonce ---------- *\/\n.domy-hero-v1-marquee {\n  width: 100%;\n  overflow: hidden;\n  background: var(--domy-gradient);\n  padding: 9px 0;\n}\n.domy-hero-v1-marquee-track {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  white-space: nowrap;\n  width: max-content;\n  animation: domyHeroV1Scroll 32s linear infinite;\n}\n.domy-hero-v1-marquee-item {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  color: #ffffff;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 0.2px;\n}\n.domy-hero-v1-marquee-sep {\n  color: rgba(255,255,255,0.7);\n  font-size: 13px;\n}\n@keyframes domyHeroV1Scroll {\n  from { transform: translateX(0); }\n  to { transform: translateX(-50%); }\n}\n@media (prefers-reduced-motion: reduce) {\n  .domy-hero-v1-marquee-track {\n    animation: none;\n  }\n}\n\n\/* ---------- Navigation ---------- *\/\n.domy-hero-v1-nav-wrap {\n  width: 100%;\n  background: #ffffff;\n  position: relative;\n  z-index: 20;\n}\n.domy-hero-v1-nav {\n  max-width: 1440px;\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n  padding: 18px clamp(16px, 4vw, 48px);\n}\n.domy-hero-v1-logo {\n  font-weight: 800;\n  font-size: 22px;\n  color: var(--domy-violet-dark);\n  letter-spacing: 0.5px;\n  flex: 0 0 auto;\n}\n.domy-hero-v1-nav-links {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  gap: clamp(16px, 2vw, 30px);\n  flex: 1;\n  justify-content: center;\n}\n.domy-hero-v1-nav-links a {\n  color: var(--domy-text-dark);\n  font-size: 14.5px;\n  font-weight: 500;\n  white-space: nowrap;\n  padding: 6px 2px;\n  border-bottom: 2px solid transparent;\n  transition: color 0.2s ease, border-color 0.2s ease;\n}\n.domy-hero-v1-nav-links a:hover {\n  color: var(--domy-violet-dark);\n  border-color: var(--domy-violet-light);\n}\n.domy-hero-v1-download {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: #ffffff;\n  color: var(--domy-violet-dark);\n  border: 1.5px solid var(--domy-violet-dark);\n  border-radius: 999px;\n  padding: 10px 20px;\n  font-size: 14px;\n  font-weight: 600;\n  white-space: nowrap;\n  transition: background 0.2s ease, color 0.2s ease;\n  flex: 0 0 auto;\n}\n.domy-hero-v1-download:hover {\n  background: var(--domy-violet-dark);\n  color: #ffffff;\n}\n.domy-hero-v1-download:hover svg path {\n  stroke: #ffffff;\n}\n.domy-hero-v1-download-mobile {\n  display: none;\n}\n\n\/* Burger *\/\n.domy-hero-v1-burger {\n  display: none;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  width: 40px;\n  height: 40px;\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n  flex: 0 0 auto;\n}\n.domy-hero-v1-burger span {\n  display: block;\n  width: 22px;\n  height: 2px;\n  background: var(--domy-violet-dark);\n  border-radius: 2px;\n  transition: transform 0.25s ease, opacity 0.25s ease;\n}\n.domy-hero-v1-burger[aria-expanded=\"true\"] span:nth-child(1) {\n  transform: translateY(7px) rotate(45deg);\n}\n.domy-hero-v1-burger[aria-expanded=\"true\"] span:nth-child(2) {\n  opacity: 0;\n}\n.domy-hero-v1-burger[aria-expanded=\"true\"] span:nth-child(3) {\n  transform: translateY(-7px) rotate(-45deg);\n}\n\n\/* Menu mobile *\/\n.domy-hero-v1-mobile-menu {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.32s ease;\n  background: #ffffff;\n  border-top: 1px solid #f0e6f2;\n}\n.domy-hero-v1-mobile-menu.is-open {\n  max-height: 600px;\n}\n.domy-hero-v1-mobile-menu ul {\n  list-style: none;\n  margin: 0;\n  padding: 8px clamp(16px, 4vw, 48px) 4px;\n  display: flex;\n  flex-direction: column;\n}\n.domy-hero-v1-mobile-menu a {\n  display: block;\n  padding: 12px 4px;\n  color: var(--domy-text-dark);\n  font-size: 15px;\n  font-weight: 500;\n  border-bottom: 1px solid #f5eef7;\n}\n.domy-hero-v1-mobile-menu .domy-hero-v1-download-mobile {\n  display: inline-flex;\n  margin: 14px clamp(16px, 4vw, 48px) 20px;\n  justify-content: center;\n}\n\n\/* ---------- Banni\u00e8re principale ---------- *\/\n.domy-hero-v1-banner {\n  width: 100%;\n  padding: clamp(16px, 3vw, 32px) clamp(14px, 4vw, 48px) clamp(24px, 4vw, 48px);\n}\n.domy-hero-v1-banner-inner {\n  max-width: 1440px;\n  width: 100%;\n  margin: 0 auto;\n  min-height: 650px;\n  border-radius: 30px;\n  background: var(--domy-gradient);\n  overflow: hidden;\n  display: grid;\n  grid-template-columns: 52% 48%;\n  align-items: center;\n  position: relative;\n}\n\n\/* Colonne gauche *\/\n.domy-hero-v1-col-left {\n  padding: clamp(28px, 4vw, 64px) clamp(20px, 4vw, 56px);\n  display: flex;\n  justify-content: center;\n}\n.domy-hero-v1-card {\n  width: 100%;\n  max-width: 620px;\n  background: rgba(255, 255, 255, 0.68);\n  backdrop-filter: blur(18px);\n  -webkit-backdrop-filter: blur(18px);\n  border: 1px solid rgba(255, 255, 255, 0.55);\n  border-radius: 30px;\n  padding: clamp(24px, 3.5vw, 44px);\n  box-shadow: 0 20px 50px rgba(50, 16, 68, 0.12);\n}\n@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {\n  .domy-hero-v1-card {\n    background: rgba(255, 255, 255, 0.9);\n  }\n}\n.domy-hero-v1-card-icon {\n  width: 46px;\n  height: 46px;\n  border-radius: 50%;\n  background: #fbe4f3;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 18px;\n}\n.domy-hero-v1-title {\n  font-family: \"Montserrat\", sans-serif;\n  font-weight: 750;\n  font-size: clamp(26px, 3vw, 42px);\n  line-height: 1.18;\n  color: var(--domy-text-dark);\n  margin: 0 0 16px;\n}\n.domy-hero-v1-paragraph {\n  font-size: clamp(14.5px, 1.4vw, 16.5px);\n  line-height: 1.6;\n  color: var(--domy-text-secondary);\n  margin: 0 0 26px;\n}\n.domy-hero-v1-paragraph strong {\n  display: block;\n  margin-top: 8px;\n  color: var(--domy-text-dark);\n  font-weight: 700;\n}\n\n\/* Boutons *\/\n.domy-hero-v1-buttons {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 14px;\n  margin-bottom: 30px;\n}\n.domy-hero-v1-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 15px 26px;\n  border-radius: 999px;\n  font-size: 15px;\n  font-weight: 600;\n  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;\n}\n.domy-hero-v1-btn-primary {\n  background: var(--domy-gradient);\n  color: #ffffff;\n  box-shadow: 0 10px 24px rgba(102, 36, 131, 0.28);\n}\n.domy-hero-v1-btn-primary:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 14px 28px rgba(102, 36, 131, 0.34);\n}\n.domy-hero-v1-btn-secondary {\n  background: #ffffff;\n  color: var(--domy-violet-dark);\n  border: 1.5px solid var(--domy-violet-dark);\n}\n.domy-hero-v1-btn-secondary:hover {\n  transform: translateY(-2px);\n  background: #fbf3fa;\n}\n\n\/* Avantages *\/\n.domy-hero-v1-perks {\n  display: flex;\n  align-items: flex-start;\n  gap: 18px;\n  flex-wrap: wrap;\n}\n.domy-hero-v1-perk {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  min-width: 150px;\n}\n.domy-hero-v1-perk div {\n  display: flex;\n  flex-direction: column;\n  line-height: 1.35;\n}\n.domy-hero-v1-perk strong {\n  font-size: 13.5px;\n  font-weight: 700;\n  color: var(--domy-text-dark);\n}\n.domy-hero-v1-perk span {\n  font-size: 12.5px;\n  color: var(--domy-text-secondary);\n}\n.domy-hero-v1-perk-divider {\n  width: 1px;\n  align-self: stretch;\n  background: rgba(102, 36, 131, 0.18);\n  min-height: 34px;\n}\n\n\/* Colonne droite : t\u00e9l\u00e9phones *\/\n.domy-hero-v1-col-right {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  min-height: 500px;\n  padding: 20px;\n  position: relative;\n}\n.domy-hero-v1-phones-wrap {\n  position: relative;\n  width: 100%;\n  max-width: 520px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.domy-hero-v1-halo {\n  position: absolute;\n  width: 78%;\n  height: 78%;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0) 70%);\n  filter: blur(6px);\n  z-index: 0;\n}\n.domy-hero-v1-phones-img {\n  position: relative;\n  z-index: 1;\n  width: 100%;\n  max-width: 520px;\n  height: auto;\n  max-height: 560px;\n  object-fit: contain;\n  filter: drop-shadow(0 30px 40px rgba(50, 16, 68, 0.28));\n}\n\n\/* =========================================================\n   ANCRES \u2014 D\u00c9CALAGE DE D\u00c9FILEMENT\n   (\u00e0 appliquer aux sections cr\u00e9\u00e9es s\u00e9par\u00e9ment dans Elementor)\n   ========================================================= *\/\n#accueil,\n#comment-ca-marche,\n#services,\n#pourquoi-domy,\n#espace-pro,\n#faq,\n#contact {\n  scroll-margin-top: 110px;\n}\n\n\/* =========================================================\n   TABLETTE \u2014 768px \u00e0 1024px\n   ========================================================= *\/\n@media (max-width: 1024px) and (min-width: 768px) {\n  .domy-hero-v1-nav-links,\n  .domy-hero-v1-download-desktop {\n    display: none;\n  }\n  .domy-hero-v1-burger {\n    display: flex;\n  }\n  .domy-hero-v1-download-mobile {\n    display: none;\n  }\n  .domy-hero-v1-mobile-menu .domy-hero-v1-download-mobile {\n    display: inline-flex;\n  }\n\n  .domy-hero-v1-banner-inner {\n    grid-template-columns: 1fr;\n    min-height: 0;\n    padding-bottom: 8px;\n  }\n  .domy-hero-v1-col-right {\n    order: 1;\n    min-height: 0;\n    padding: 36px 20px 10px;\n  }\n  .domy-hero-v1-phones-wrap {\n    max-width: 380px;\n  }\n  .domy-hero-v1-phones-img {\n    max-width: 380px;\n    max-height: 420px;\n  }\n  .domy-hero-v1-col-left {\n    order: 2;\n    padding: 20px clamp(20px, 4vw, 48px) 44px;\n  }\n  .domy-hero-v1-card {\n    max-width: 640px;\n    text-align: center;\n  }\n  .domy-hero-v1-card-icon {\n    margin-left: auto;\n    margin-right: auto;\n  }\n  .domy-hero-v1-buttons {\n    justify-content: center;\n  }\n  .domy-hero-v1-perks {\n    justify-content: center;\n  }\n}\n\n\/* =========================================================\n   MOBILE \u2014 jusqu'\u00e0 767px\n   ========================================================= *\/\n@media (max-width: 767px) {\n  .domy-hero-v1-nav-links,\n  .domy-hero-v1-download-desktop {\n    display: none;\n  }\n  .domy-hero-v1-burger {\n    display: flex;\n  }\n  .domy-hero-v1-nav {\n    padding: 14px 16px;\n  }\n\n  .domy-hero-v1-banner {\n    padding: 12px 14px 20px;\n  }\n  .domy-hero-v1-banner-inner {\n    grid-template-columns: 1fr;\n    min-height: 0;\n    border-radius: 24px;\n    width: 100%;\n  }\n\n  .domy-hero-v1-col-right {\n    order: 1;\n    min-height: 0;\n    padding: 28px 16px 6px;\n  }\n  .domy-hero-v1-phones-wrap {\n    max-width: 320px;\n    width: 78%;\n  }\n  .domy-hero-v1-phones-img {\n    max-width: 100%;\n    max-height: 340px;\n  }\n\n  .domy-hero-v1-col-left {\n    order: 2;\n    padding: 18px 16px 32px;\n  }\n  .domy-hero-v1-card {\n    padding: 22px 18px;\n    text-align: center;\n    border-radius: 24px;\n  }\n  .domy-hero-v1-card-icon {\n    margin-left: auto;\n    margin-right: auto;\n  }\n  .domy-hero-v1-title {\n    font-size: clamp(31px, 8vw, 38px);\n    text-align: center;\n  }\n  .domy-hero-v1-paragraph {\n    text-align: center;\n  }\n  .domy-hero-v1-buttons {\n    flex-direction: column;\n  }\n  .domy-hero-v1-btn {\n    width: 100%;\n    justify-content: center;\n  }\n  .domy-hero-v1-perks {\n    flex-direction: column;\n    align-items: center;\n    gap: 14px;\n  }\n  .domy-hero-v1-perk {\n    justify-content: center;\n    text-align: left;\n  }\n  .domy-hero-v1-perk-divider {\n    display: none;\n  }\n}\n@media (max-width: 767px) {\n  #domyHeroV1 .domy-hero-v1-buttons {\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n    gap: 10px !important;\n    width: 100% !important;\n  }\n\n  #domyHeroV1 .domy-hero-v1-btn {\n    width: 82% !important;\n    max-width: 290px !important;\n    min-width: 0 !important;\n    padding: 13px 20px !important;\n    font-size: 12px !important;\n    justify-content: center !important;\n    text-align: center !important;\n    white-space: nowrap !important;\n    margin: 0 auto !important;\n  }\n}\n\n\/* La balise de fermeture reste en dernier *\/\n\/* Menu hamburger : traits violets sans fond *\/\n#domyHeroV1 .domy-hero-v1-burger {\n  background: transparent !important;\n  border: none !important;\n  box-shadow: none !important;\n  padding: 8px !important;\n}\n\n\/* Couleur des trois traits *\/\n#domyHeroV1 .domy-hero-v1-burger span {\n  background-color: #662483 !important;\n}\n\/* =====================================================\n   BOUTON T\u00c9L\u00c9CHARGER \u2014 MENU TABLETTE ET MOBILE\n   ===================================================== *\/\n\n\/* Style commun *\/\n@media (max-width: 1024px) {\n  #domyHeroV1 .domy-hero-v1-download-mobile {\n    display: inline-flex !important;\n    width: fit-content !important;\n    max-width: calc(100% - 48px) !important;\n    min-width: 0 !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 8px !important;\n\n    color: #662483 !important;\n    background: #ffffff !important;\n    border: 1.5px solid #662483 !important;\n    border-radius: 999px !important;\n    box-shadow: none !important;\n\n    font-family: \"Montserrat\", sans-serif !important;\n    font-weight: 600 !important;\n    line-height: 1.2 !important;\n    text-align: center !important;\n    text-decoration: none !important;\n    white-space: nowrap !important;\n\n    box-sizing: border-box !important;\n    cursor: pointer !important;\n\n    transition:\n      background-color 0.25s ease,\n      color 0.25s ease,\n      border-color 0.25s ease,\n      box-shadow 0.25s ease,\n      transform 0.25s ease !important;\n  }\n\n  #domyHeroV1 .domy-hero-v1-download-mobile svg {\n    width: 14px !important;\n    height: 14px !important;\n    flex: 0 0 14px !important;\n  }\n\n  #domyHeroV1 .domy-hero-v1-download-mobile svg path {\n    stroke: #662483 !important;\n    transition: stroke 0.25s ease !important;\n  }\n\n  \/* Survol : fond violet et texte blanc *\/\n  #domyHeroV1 .domy-hero-v1-download-mobile:hover {\n    color: #ffffff !important;\n    background: #662483 !important;\n    border-color: #662483 !important;\n    box-shadow: 0 8px 20px rgba(102, 36, 131, 0.22) !important;\n    transform: translateY(-2px) !important;\n  }\n\n  #domyHeroV1 .domy-hero-v1-download-mobile:hover svg path {\n    stroke: #ffffff !important;\n  }\n\n  \/* Effet lorsque l\u2019on appuie *\/\n  #domyHeroV1 .domy-hero-v1-download-mobile:active {\n    color: #ffffff !important;\n    background: #521b6a !important;\n    border-color: #521b6a !important;\n    transform: translateY(0) !important;\n  }\n\n  #domyHeroV1 .domy-hero-v1-download-mobile:active svg path {\n    stroke: #ffffff !important;\n  }\n\n  \/* Focus clavier accessible *\/\n  #domyHeroV1 .domy-hero-v1-download-mobile:focus-visible {\n    color: #ffffff !important;\n    background: #662483 !important;\n    border-color: #662483 !important;\n    outline: 3px solid rgba(183, 103, 175, 0.35) !important;\n    outline-offset: 3px !important;\n  }\n\n  #domyHeroV1 .domy-hero-v1-download-mobile:focus-visible svg path {\n    stroke: #ffffff !important;\n  }\n}\n\n\/* Position et taille sur tablette *\/\n@media (min-width: 768px) and (max-width: 1024px) {\n  #domyHeroV1 .domy-hero-v1-download-mobile {\n    max-width: calc(100% - 80px) !important;\n    margin: 22px 40px 30px !important;\n    padding: 10px 18px !important;\n    font-size: 13px !important;\n  }\n}\n\n\/* Position et taille sur mobile *\/\n@media (max-width: 767px) {\n  #domyHeroV1 .domy-hero-v1-download-mobile {\n    max-width: calc(100% - 48px) !important;\n    margin: 20px 24px 28px !important;\n    padding: 10px 16px !important;\n    gap: 7px !important;\n    font-size: 12px !important;\n  }\n\n  #domyHeroV1 .domy-hero-v1-download-mobile svg {\n    width: 13px !important;\n    height: 13px !important;\n    flex-basis: 13px !important;\n  }\n}\n\n\/* Sur ordinateur : menu mobile toujours cach\u00e9 *\/\n@media (min-width: 1025px) {\n  #domyHeroV1 .domy-hero-v1-mobile-menu,\n  #domyHeroV1 .domy-hero-v1-download-mobile {\n    display: none !important;\n    max-height: 0 !important;\n  }\n\n  #domyHeroV1 .domy-hero-v1-burger {\n    display: none !important;\n  }\n}\n\n\/* R\u00e9duction des animations si demand\u00e9e *\/\n@media (prefers-reduced-motion: reduce) {\n  #domyHeroV1 .domy-hero-v1-download-mobile,\n  #domyHeroV1 .domy-hero-v1-download-mobile svg path {\n    transition: none !important;\n  }\n\n  #domyHeroV1 .domy-hero-v1-download-mobile:hover {\n    transform: none !important;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  function initDomyHeroV1() {\n    var root = document.getElementById('domyHeroV1');\n    if (!root || root.dataset.domyHeroInit === 'true') return;\n    root.dataset.domyHeroInit = 'true';\n\n    var burger = document.getElementById('domyHeroV1Burger');\n    var mobileMenu = document.getElementById('domyHeroV1MobileMenu');\n    if (!burger || !mobileMenu) return;\n\n    function openMenu() {\n      mobileMenu.classList.add('is-open');\n      burger.setAttribute('aria-expanded', 'true');\n      burger.setAttribute('aria-label', 'Fermer le menu');\n    }\n    function closeMenu() {\n      mobileMenu.classList.remove('is-open');\n      burger.setAttribute('aria-expanded', 'false');\n      burger.setAttribute('aria-label', 'Ouvrir le menu');\n    }\n    function toggleMenu() {\n      if (mobileMenu.classList.contains('is-open')) {\n        closeMenu();\n      } else {\n        openMenu();\n      }\n    }\n\n    burger.addEventListener('click', toggleMenu);\n\n    \/\/ Fermer apr\u00e8s clic sur un lien du menu mobile\n    mobileMenu.querySelectorAll('a').forEach(function (link) {\n      link.addEventListener('click', closeMenu);\n    });\n\n    \/\/ Fermer avec la touche \u00c9chap\n    document.addEventListener('keydown', function (e) {\n      if (e.key === 'Escape' && mobileMenu.classList.contains('is-open')) {\n        closeMenu();\n        burger.focus();\n      }\n    });\n\n    \/\/ D\u00e9filement fluide pour tous les liens d'ancre internes du composant\n    root.querySelectorAll('a[href^=\"#\"]').forEach(function (link) {\n      link.addEventListener('click', function (e) {\n        var targetId = link.getAttribute('href');\n        if (!targetId || targetId === '#') return;\n        var target = document.querySelector(targetId);\n        if (target) {\n          e.preventDefault();\n          target.scrollIntoView({\n            behavior: window.matchMedia('(prefers-reduced-motion: reduce)').matches ? 'auto' : 'smooth',\n            block: 'start'\n          });\n        }\n      });\n    });\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initDomyHeroV1);\n  } else {\n    initDomyHeroV1();\n  }\n  \/\/ Rechargement Elementor (\u00e9dition live \/ popups)\n  window.addEventListener('elementor\/frontend\/init', function () {\n    if (window.elementorFrontend && window.elementorFrontend.hooks) {\n      window.elementorFrontend.hooks.addAction('frontend\/element_ready\/global', initDomyHeroV1);\n    }\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-72e51ea e-con e-atomic-element e-flexbox-base e-d77249c \" data-id=\"72e51ea\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"72e51ea\" id=\"comment-ca-marche\" data-e-type=\"e-flexbox\" data-id=\"72e51ea\" >\n    \t\t<div class=\"elementor-element elementor-element-503cef6 elementor-widget elementor-widget-heading\" data-id=\"503cef6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Simple et Rapide <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da66bfe elementor-widget elementor-widget-heading\" data-id=\"da66bfe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Comment \u00e7a marche ?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d83236 elementor-widget__width-auto elementor-widget elementor-widget-text-editor\" data-id=\"9d83236\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Trois \u00e9tapes pour les clients, trois \u00e9tapes pour les professionnels.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-608445e e-con e-atomic-element e-flexbox-base e-6e18dbf \" data-id=\"608445e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"608445e\" data-e-type=\"e-flexbox\" data-id=\"608445e\">\n    \t\t<div class=\"elementor-element elementor-element-a43feec elementor-widget elementor-widget-html\" data-id=\"a43feec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<section class=\"domy-how-section\" aria-labelledby=\"domy-how-title\">\n\n  <div class=\"domy-how-cards\">\n\n    <!-- ============ CARTE CLIENT ============ -->\n    <article class=\"domy-how-card\">\n      <div class=\"domy-how-card-head\">\n        <svg class=\"domy-how-icon\" width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n          <circle cx=\"12\" cy=\"8\" r=\"3.6\" stroke=\"currentColor\" stroke-width=\"1.6\"\/>\n          <path d=\"M4.5 20c0-4.1 3.4-6.6 7.5-6.6s7.5 2.5 7.5 6.6\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/>\n        <\/svg>\n        <h3 class=\"domy-how-card-title\">C\u00f4t\u00e9 client<\/h3>\n      <\/div>\n\n      <ol class=\"domy-how-steps\">\n        <li class=\"domy-how-step\">\n          <span class=\"domy-how-number\" aria-hidden=\"true\">1<\/span>\n          <div class=\"domy-how-step-text\">\n            <h4>Choisissez un service<\/h4>\n            <p>Coiffure, beaut\u00e9, massage, m\u00e9nage\u2026<\/p>\n          <\/div>\n        <\/li>\n        <li class=\"domy-how-step\">\n          <span class=\"domy-how-number\" aria-hidden=\"true\">2<\/span>\n          <div class=\"domy-how-step-text\">\n            <h4>S\u00e9lectionnez votre cr\u00e9neau<\/h4>\n            <p>Choisissez la date et l'heure qui vous conviennent.<\/p>\n          <\/div>\n        <\/li>\n        <li class=\"domy-how-step domy-how-step-last\">\n          <span class=\"domy-how-number\" aria-hidden=\"true\">3<\/span>\n          <div class=\"domy-how-step-text\">\n            <h4>Profitez de votre prestation<\/h4>\n            <p>Un professionnel se d\u00e9place chez vous.<\/p>\n          <\/div>\n        <\/li>\n      <\/ol>\n\n      <a class=\"domy-how-btn\" href=\"#services\" aria-label=\"R\u00e9server un service DOMY\">\n        <span>R\u00e9server un service<\/span>\n      <\/a>\n    <\/article>\n\n    <!-- ============ CARTE PROFESSIONNEL ============ -->\n    <article class=\"domy-how-card\">\n      <div class=\"domy-how-card-head\">\n        <svg class=\"domy-how-icon\" width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n          <rect x=\"3.5\" y=\"8\" width=\"17\" height=\"11\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.6\"\/>\n          <path d=\"M8.5 8V6.2C8.5 5 9.4 4 10.6 4h2.8c1.2 0 2.1 1 2.1 2.2V8\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/>\n          <path d=\"M3.5 13h17\" stroke=\"currentColor\" stroke-width=\"1.6\"\/>\n        <\/svg>\n        <h3 class=\"domy-how-card-title\">C\u00f4t\u00e9 professionnel<\/h3>\n      <\/div>\n\n      <ol class=\"domy-how-steps\">\n        <li class=\"domy-how-step\">\n          <span class=\"domy-how-number\" aria-hidden=\"true\">1<\/span>\n          <div class=\"domy-how-step-text\">\n            <h4>Cr\u00e9ez votre profil<\/h4>\n            <p>En quelques minutes, gratuitement.<\/p>\n          <\/div>\n        <\/li>\n        <li class=\"domy-how-step\">\n          <span class=\"domy-how-number\" aria-hidden=\"true\">2<\/span>\n          <div class=\"domy-how-step-text\">\n            <h4>Recevez des demandes<\/h4>\n            <p>Des clients proches de vous, sans prospection.<\/p>\n          <\/div>\n        <\/li>\n        <li class=\"domy-how-step domy-how-step-last\">\n          <span class=\"domy-how-number\" aria-hidden=\"true\">3<\/span>\n          <div class=\"domy-how-step-text\">\n            <h4>D\u00e9veloppez votre activit\u00e9<\/h4>\n            <p>G\u00e9rez votre planning et vos revenus en toute libert\u00e9.<\/p>\n          <\/div>\n        <\/li>\n      <\/ol>\n\n      <a class=\"domy-how-btn\" href=\"mailto:contact@domy.ma?subject=Demande%20pour%20devenir%20partenaire%20DOMY\" aria-label=\"Devenir partenaire DOMY\">\n        <span>Devenir partenaire<\/span>\n      <\/a>\n    <\/article>\n\n  <\/div>\n<\/section>\n\n<style>\n\n  .domy-how-section {\n    --domy-gradient: linear-gradient(112deg, #f39acb 0%, #cd7fc1 30%, #9651aa 58%, #63248c 78%, #351066 100%);\n    --domy-pink: #f39acb;\n    --domy-violet: #65208f;\n    --domy-violet-dark: #3a1160;\n    --domy-white: #ffffff;\n    --domy-text-soft: #817692;\n    --domy-border: #f1ddec;\n    --domy-pale-pink: #fff8fc;\n\n    font-family: \"Montserrat\", Arial, sans-serif;\n    background: var(--domy-white);\n    width: 100%;\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 64px 24px;\n    box-sizing: border-box;\n  }\n  .domy-how-section *,\n  .domy-how-section *::before,\n  .domy-how-section *::after {\n    box-sizing: border-box;\n  }\n\n  \/* ============ EN-T\u00caTE ============ *\/\n  .domy-how-header {\n    text-align: center;\n    max-width: 640px;\n    margin: 0 auto 48px;\n  }\n\n  .domy-how-eyebrow {\n    display: inline-block;\n    padding: 8px 18px;\n    margin-bottom: 20px;\n    background: #fdf0f8;\n    border: 1px solid #f6d9ec;\n    border-radius: 999px;\n    color: var(--domy-violet);\n    font-size: 11.5px;\n    font-weight: 700;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n  }\n\n  .domy-how-title {\n    margin: 0 0 14px;\n    color: var(--domy-violet-dark);\n    font-weight: 800;\n    font-size: clamp(30px, 3.4vw, 50px);\n    line-height: 1.15;\n  }\n\n  .domy-how-subtitle {\n    margin: 0;\n    color: var(--domy-text-soft);\n    font-weight: 400;\n    font-size: clamp(14.5px, 1.1vw, 16.5px);\n    line-height: 1.55;\n  }\n\n  \/* ============ CARTES ============ *\/\n  .domy-how-cards {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 28px;\n    align-items: stretch;\n  }\n\n  .domy-how-card {\n    display: flex;\n    flex-direction: column;\n    background: var(--domy-white);\n    border: 1px solid var(--domy-border);\n    border-radius: 24px;\n    box-shadow: 0 10px 30px -24px rgba(101, 32, 143, 0.35);\n    padding: 32px;\n  }\n\n  .domy-how-card-head {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 24px;\n  }\n\n  .domy-how-icon {\n    color: var(--domy-violet-dark);\n    flex-shrink: 0;\n  }\n\n  .domy-how-card-title {\n    margin: 0;\n    color: var(--domy-violet-dark);\n    font-weight: 700;\n    font-size: 21px;\n  }\n\n  \/* ============ \u00c9TAPES ============ *\/\n  .domy-how-steps {\n    list-style: none;\n    margin: 0 0 28px;\n    padding: 0;\n    flex: 1;\n  }\n\n  .domy-how-step {\n    position: relative;\n    display: flex;\n    gap: 18px;\n    padding-bottom: 26px;\n  }\n\n  .domy-how-step::before {\n    content: \"\";\n    position: absolute;\n    top: 44px;\n    left: 21px;\n    width: 1px;\n    height: calc(100% - 44px);\n    background: #f2ddec;\n    z-index: 0;\n  }\n\n  .domy-how-step-last::before {\n    display: none;\n  }\n\n  .domy-how-number {\n    position: relative;\n    z-index: 1;\n    flex-shrink: 0;\n    width: 44px;\n    height: 44px;\n    border-radius: 50%;\n    background: var(--domy-gradient);\n    color: var(--domy-white);\n    font-weight: 700;\n    font-size: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .domy-how-step-text {\n    padding-top: 4px;\n  }\n\n  .domy-how-step-text h4 {\n    margin: 0 0 4px;\n    color: var(--domy-violet-dark);\n    font-weight: 700;\n    font-size: 16px;\n  }\n\n  .domy-how-step-text p {\n    margin: 0;\n    color: var(--domy-text-soft);\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 1.5;\n  }\n\n  \/* ============ BOUTONS ============ *\/\n  .domy-how-btn {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    height: 54px;\n    border-radius: 999px;\n    background: var(--domy-gradient);\n    color: var(--domy-white);\n    font-family: \"Montserrat\", Arial, sans-serif;\n    font-weight: 700;\n    font-size: 15.5px;\n    text-decoration: none;\n    transition: transform 0.15s ease, filter 0.15s ease;\n  }\n\n  .domy-how-btn:hover {\n    transform: translateY(-1px);\n    filter: brightness(1.05);\n  }\n\n  .domy-how-btn:focus-visible {\n    outline: 2px solid var(--domy-violet-dark);\n    outline-offset: 3px;\n  }\n\n  .domy-how-arrow {\n    position: absolute;\n    right: 22px;\n    top: 50%;\n    transform: translateY(-50%);\n  }\n\n  \/* ============ TABLETTE : 768\u20131024px ============ *\/\n  @media (max-width: 1024px) {\n    .domy-how-section {\n      padding: 52px 20px;\n    }\n    .domy-how-header {\n      margin-bottom: 36px;\n    }\n    .domy-how-title {\n      font-size: clamp(34px, 4.2vw, 40px);\n    }\n    .domy-how-cards {\n      gap: 16px;\n    }\n    .domy-how-card {\n      padding: 24px 20px;\n    }\n    .domy-how-card-title {\n      font-size: 18px;\n    }\n    .domy-how-number {\n      width: 38px;\n      height: 38px;\n      font-size: 14px;\n    }\n    .domy-how-step::before {\n      top: 38px;\n      left: 18px;\n      height: calc(100% - 38px);\n    }\n    .domy-how-step-text h4 {\n      font-size: 14.5px;\n    }\n    .domy-how-step-text p {\n      font-size: 13px;\n    }\n    .domy-how-btn {\n      height: 50px;\n      font-size: 14.5px;\n    }\n  }\n\n  \/* ============ MOBILE : <768px ============ *\/\n  @media (max-width: 767px) {\n    .domy-how-section {\n      width: 100%;\n      max-width: 100%;\n      padding: 40px 16px;\n    }\n    .domy-how-header {\n      margin-bottom: 28px;\n    }\n    .domy-how-title {\n      font-size: clamp(30px, 8vw, 34px);\n    }\n    .domy-how-subtitle {\n      font-size: 14px;\n    }\n    .domy-how-cards {\n      grid-template-columns: 1fr;\n      gap: 14px;\n    }\n    .domy-how-card {\n      padding: 22px 18px;\n      text-align: left;\n    }\n    .domy-how-card-head {\n      margin-bottom: 18px;\n    }\n    .domy-how-steps {\n      margin-bottom: 22px;\n    }\n    .domy-how-step {\n      gap: 14px;\n      padding-bottom: 18px;\n    }\n    .domy-how-number {\n      width: 36px;\n      height: 36px;\n      font-size: 13.5px;\n    }\n    .domy-how-step::before {\n      top: 36px;\n      left: 17px;\n      height: calc(100% - 36px);\n    }\n    .domy-how-btn {\n      height: 48px;\n      font-size: 14.5px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .domy-how-btn {\n      transition: none;\n    }\n  }\n  \/* Correction finale des vrais boutons *\/\n.domy-how-section .domy-how-btn {\n  width: 100% !important;\n  height: 40px !important;\n  min-height: 40px !important;\n  max-height: 40px !important;\n  padding: 0 22px !important;\n  margin: 0 !important;\n\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n\n  box-sizing: border-box !important;\n  border-radius: 999px !important;\n  box-shadow: none !important;\n\n  font-family: \"Montserrat\", Arial, sans-serif !important;\n  font-size: 13px !important;\n  font-weight: 500 !important;\n  line-height: 1 !important;\n  letter-spacing: 0 !important;\n  text-decoration: none !important;\n}\n\n\/* Supprimer les fl\u00e8ches \u00e9ventuelles *\/\n.domy-how-section .domy-how-btn::before,\n.domy-how-section .domy-how-btn::after,\n.domy-how-section .domy-how-btn svg {\n  display: none !important;\n  content: none !important;\n}\n\n@media (max-width: 767px) {\n  .domy-how-section .domy-how-btn {\n    height: 38px !important;\n    min-height: 38px !important;\n    max-height: 38px !important;\n    padding: 0 18px !important;\n    font-size: 12px !important;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-59c49e2 e-con e-atomic-element e-flexbox-base e-72f7170 \" data-id=\"59c49e2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"59c49e2\" id=\"services\" data-e-type=\"e-flexbox\" data-id=\"59c49e2\">\n    \t\t<div class=\"elementor-element elementor-element-a516d52 elementor-widget elementor-widget-heading\" data-id=\"a516d52\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Nos Services<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d5996ec elementor-widget elementor-widget-heading\" data-id=\"d5996ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Des services \u00e0 domicile pour tous vos besoins <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-443571c elementor-widget__width-auto elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"443571c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>R\u00e9servez le service qu&rsquo;il vous faut, un professionnel qualifi\u00e9 vient directement chez vous.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f3c799e e-con e-atomic-element e-flexbox-base e-36808af \" data-id=\"f3c799e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f3c799e\" data-e-type=\"e-flexbox\" data-id=\"f3c799e\">\n    \t\t<div class=\"elementor-element elementor-element-430d4d3 elementor-widget elementor-widget-html\" data-id=\"430d4d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     DOMY \u2014 SECTION \"NOS SERVICES\" (v3)\n     Bloc autonome \u00e0 coller dans un widget HTML Elementor.\n     Toutes les classes commencent par \"domy-services-v3-\".\n     ========================================================= -->\n\n<!-- =========================================================\n     \u26a0\ufe0f EMPLACEMENTS DES IMAGES \u2014 \u00c0 REMPLACER PAR VOS URL WORDPRESS\n     Remplacez uniquement la valeur de src=\"...\" sur chaque ligne.\n     Ne touchez \u00e0 rien d'autre.\n     ========================================================= -->\n\n<section class=\"domy-services-v3-section\" id=\"domyServicesV3\">\n\n  <!-- ============ EN-T\u00caTE (masqu\u00e9 sur mobile) ============ -->\n\n  <!-- ============ GRILLE \/ CARROUSEL DE CARTES ============ -->\n  <div class=\"domy-services-v3-grid\" id=\"domyServicesV3Track\">\n\n    <!-- Carte 1 : Coiffure -->\n    <div class=\"domy-services-v3-card\" data-group=\"0\">\n      <!-- \ud83d\uddbc\ufe0f COLLER ICI L'URL WORDPRESS DE L'IMAGE \"COIFFURE\" -->\n      <img src=https:\/\/domy.ma\/wp-content\/uploads\/2026\/09\/Design-sans-titre-5-1.png alt=\"Service de coiffure \u00e0 domicile\" class=\"domy-services-v3-img\" loading=\"lazy\">\n      <div class=\"domy-services-v3-overlay\"><\/div>\n      <div class=\"domy-services-v3-card-text\">\n        <h3>Coiffure<\/h3>\n        <p>\u00e0 domicile<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Carte 2 : Beaut\u00e9 -->\n    <div class=\"domy-services-v3-card\" data-group=\"0\">\n      <!-- \ud83d\uddbc\ufe0f COLLER ICI L'URL WORDPRESS DE L'IMAGE \"BEAUT\u00c9\" -->\n      <img src=https:\/\/domy.ma\/wp-content\/uploads\/2026\/09\/Design-sans-titre-7.png alt=\"Service de beaut\u00e9 \u00e0 domicile\" class=\"domy-services-v3-img\" loading=\"lazy\">\n      <div class=\"domy-services-v3-overlay\"><\/div>\n      <div class=\"domy-services-v3-card-text\">\n        <h3>Beaut\u00e9<\/h3>\n        <p>\u00e0 domicile<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Carte 3 : Massage -->\n    <div class=\"domy-services-v3-card\" data-group=\"1\">\n      <!-- \ud83d\uddbc COLLER ICI L'URL WORDPRESS DE L'IMAGE \"MASSAGE\" -->\n      <img src=https:\/\/domy.ma\/wp-content\/uploads\/2026\/09\/Design-sans-titre-8.png alt=\"Service de massage \u00e0 domicile\" class=\"domy-services-v3-img\" loading=\"lazy\">\n      <div class=\"domy-services-v3-overlay\"><\/div>\n      <div class=\"domy-services-v3-card-text\">\n        <h3>Massage<\/h3>\n        <p>\u00e0 domicile<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Carte 4 : Coach sportif (bient\u00f4t) -->\n    <div class=\"domy-services-v3-card\" data-group=\"1\">\n      <span class=\"domy-services-v3-soon\">Bient\u00f4t disponible <\/span>\n      <!-- \ud83d\uddbc\ufe0f COLLER ICI L'URL WORDPRESS DE L'IMAGE \"COACH SPORTIF\" -->\n      <img src=https:\/\/domy.ma\/wp-content\/uploads\/2026\/09\/Design-sans-titre-11.png alt=\"Service de coach sportif \u00e0 domicile\" class=\"domy-services-v3-img\" loading=\"lazy\">\n      <div class=\"domy-services-v3-overlay\"><\/div>\n      <div class=\"domy-services-v3-card-text\">\n        <h3>Coach sportif<\/h3>\n        <p>\u00e0 domicile<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Carte 5 : M\u00e9nage \/ Repassage (bient\u00f4t) -->\n    <div class=\"domy-services-v3-card\" data-group=\"2\">\n      <span class=\"domy-services-v3-soon\">Bient\u00f4t disponible<\/span>\n      <!-- \ud83d\uddbc\ufe0f COLLER ICI L'URL WORDPRESS DE L'IMAGE \"M\u00c9NAGE \/ REPASSAGE\" -->\n      <img src=https:\/\/domy.ma\/wp-content\/uploads\/2026\/09\/Design-sans-titre-9.png alt=\"Service de m\u00e9nage et repassage \u00e0 domicile\" class=\"domy-services-v3-img\" loading=\"lazy\">\n      <div class=\"domy-services-v3-overlay\"><\/div>\n      <div class=\"domy-services-v3-card-text\">\n        <h3>M\u00e9nage \/ Repassage<\/h3>\n        <p>\u00e0 domicile<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Carte 6 : Garde d'enfants (bient\u00f4t) -->\n    <div class=\"domy-services-v3-card\" data-group=\"2\">\n      <span class=\"domy-services-v3-soon\">Bient\u00f4t disponible<\/span>\n      <!-- \ud83d\uddbc\ufe0f COLLER ICI L'URL WORDPRESS DE L'IMAGE \"GARDE D'ENFANTS\" -->\n      <img src=https:\/\/domy.ma\/wp-content\/uploads\/2026\/09\/Design-sans-titre-10.png alt=\"Service de garde d'enfants \u00e0 domicile\" class=\"domy-services-v3-img\" loading=\"lazy\">\n      <div class=\"domy-services-v3-overlay\"><\/div>\n      <div class=\"domy-services-v3-card-text\">\n        <h3>Garde d'enfants<\/h3>\n        <p>\u00e0 domicile<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- ============ FILTRES (mobile uniquement) ============ -->\n\n<\/section>\n\n<style>\n\/* =========================================================\n   DOMY SERVICES V3 \u2014 STYLES\n   ========================================================= *\/\n\n.domy-services-v3-section {\n  --domy-gradient: linear-gradient(90deg, #F6A1CF 0%, #E8A2CF 20%, #D58CC5 40%, #B767AF 70%, #662483 100%);\n  --domy-purple: #662483;\n  font-family: \"Montserrat\", sans-serif;\n  width: 100%;\n  box-sizing: border-box;\n  padding: 60px 20px;\n  overflow-x: hidden;\n}\n.domy-services-v3-section *,\n.domy-services-v3-section *::before,\n.domy-services-v3-section *::after {\n  box-sizing: border-box;\n}\n\n\/* ---------- En-t\u00eate ---------- *\/\n.domy-services-v3-header {\n  width: 100%;\n  max-width: 1160px;\n  margin-left: auto;\n  margin-right: auto;\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-bottom: 40px;\n}\n.domy-services-v3-badge {\n  display: inline-block;\n  padding: 8px 20px;\n  border-radius: 999px;\n  background: var(--domy-gradient);\n  color: #fff;\n  font-size: 13px;\n  font-weight: 600;\n  letter-spacing: 0.3px;\n  margin-bottom: 16px;\n}\n.domy-services-v3-title {\n  max-width: 1000px;\n  margin: 0 auto;\n  text-align: center;\n  font-size: clamp(26px, 3.4vw, 40px);\n  font-weight: 700;\n  line-height: 1.2;\n  color: #241226;\n}\n.domy-services-v3-subtitle {\n  max-width: 850px;\n  margin: 14px auto 0;\n  text-align: center;\n  font-size: clamp(15px, 1.6vw, 18px);\n  font-weight: 400;\n  line-height: 1.5;\n  color: #6b5a71;\n}\n\n\/* ---------- Grille \/ conteneur des cartes ---------- *\/\n.domy-services-v3-grid {\n  width: 100%;\n  max-width: 1160px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n}\n\n\/* ---------- Carte ---------- *\/\n.domy-services-v3-card {\n  position: relative;\n  border-radius: 24px;\n  overflow: hidden;\n  aspect-ratio: 16 \/ 9;\n  background: #eee;\n  isolation: isolate;\n}\n.domy-services-v3-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: var(--domy-img-pos, center);\n  display: block;\n}\n.domy-services-v3-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, rgba(20,4,24,0.65) 0%, rgba(20,4,24,0.15) 45%, rgba(20,4,24,0) 70%);\n  pointer-events: none;\n}\n.domy-services-v3-soon {\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  z-index: 2;\n  background: rgba(255,255,255,0.92);\n  color: var(--domy-purple);\n  font-size: 12px;\n  font-weight: 700;\n  padding: 5px 14px;\n  border-radius: 999px;\n  letter-spacing: 0.2px;\n}\n.domy-services-v3-card-text {\n  position: absolute;\n  left: 50%;\n  bottom: 24px;\n  transform: translateX(-50%);\n  width: calc(100% - 32px);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  z-index: 1;\n}\n.domy-services-v3-card-text h3 {\n  font-size: clamp(20px, 2vw, 26px);\n  font-weight: 700;\n  line-height: 1.1;\n  color: #ffffff;\n  text-align: center;\n  margin: 0;\n}\n.domy-services-v3-card-text p {\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.2;\n  color: #ffffff;\n  text-align: center;\n  margin: 6px 0 0;\n  opacity: 0.95;\n}\n\n\/* Exemple de r\u00e9glage individuel de cadrage :\n   #domyServicesV3Track .domy-services-v3-card:nth-child(2) { --domy-img-pos: center 30%; } *\/\n\n\/* ---------- Points & filtres (masqu\u00e9s hors mobile) ---------- *\/\n.domy-services-v3-dots {\n  display: none;\n}\n.domy-services-v3-filters {\n  display: none;\n}\n\n\/* =========================================================\n   TABLETTE \u2014 601px \u00e0 1024px\n   ========================================================= *\/\n@media (max-width: 1024px) and (min-width: 601px) {\n  .domy-services-v3-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n\/* =========================================================\n   MOBILE \u2014 jusqu'\u00e0 600px\n   ========================================================= *\/\n@media (max-width: 600px) {\n  .domy-services-v3-section {\n    padding: 16px 0 16px;\n  }\n\n  \/* Masquer badge \/ titre \/ sous-titre sans laisser d'espace *\/\n  .domy-services-v3-header {\n    display: none;\n    margin: 0;\n  }\n\n  \/* Carrousel horizontal tactile *\/\n  .domy-services-v3-grid {\n    display: flex;\n    flex-wrap: nowrap;\n    max-width: 100%;\n    overflow-x: auto;\n    overflow-y: hidden;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    gap: 12px;\n    padding: 0 0 0 16px;\n    margin: 0;\n    scrollbar-width: none;\n  }\n  .domy-services-v3-grid::-webkit-scrollbar {\n    display: none;\n  }\n  .domy-services-v3-grid::after {\n    content: \"\";\n    flex: 0 0 4px;\n  }\n\n  .domy-services-v3-card {\n    flex: 0 0 82vw;\n    max-width: 320px;\n    width: 82vw;\n    height: 420px;\n    aspect-ratio: auto;\n    border-radius: 28px;\n    scroll-snap-align: start;\n  }\n\n  .domy-services-v3-card-text {\n    bottom: 44px;\n  }\n  .domy-services-v3-card-text h3 {\n    font-size: clamp(30px, 9vw, 42px);\n    font-weight: 700;\n    line-height: 1.05;\n  }\n  .domy-services-v3-card-text p {\n    font-size: 19px;\n    font-weight: 400;\n    line-height: 1.2;\n    margin: 8px 0 0;\n  }\n\n  \/* Points de navigation *\/\n  .domy-services-v3-dots {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 6px;\n    margin-top: 14px;\n  }\n  .domy-services-v3-dot {\n    width: 5px;\n    height: 5px;\n    padding: 0;\n    border: none;\n    border-radius: 50%;\n    background: #E8D8EF;\n    cursor: pointer;\n    flex: none;\n    -webkit-appearance: none;\n    appearance: none;\n  }\n  .domy-services-v3-dot.is-active {\n    background: #662483;\n  }\n\n  \/* Filtres *\/\n  .domy-services-v3-filters {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-top: 12px;\n    padding: 0 16px;\n    overflow-x: auto;\n    white-space: nowrap;\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: none;\n  }\n  .domy-services-v3-filters::-webkit-scrollbar {\n    display: none;\n  }\n  .domy-services-v3-filter {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    flex: 0 0 auto;\n    background: #ffffff;\n    color: var(--domy-purple);\n    font-family: \"Montserrat\", sans-serif;\n    font-size: 13px;\n    font-weight: 600;\n    border: none;\n    border-radius: 999px;\n    padding: 9px 16px;\n    box-shadow: 0 2px 8px rgba(102,36,131,0.12);\n    white-space: nowrap;\n    cursor: pointer;\n  }\n}\n\n\/* Respect du confort utilisateur *\/\n@media (prefers-reduced-motion: reduce) {\n  .domy-services-v3-grid {\n    scroll-behavior: auto;\n  }\n}\/* Centrage des photos sur tablette et ordinateur *\/\n@media screen and (min-width: 768px) {\n  .domy-services-v3-card {\n    background: linear-gradient(\n      90deg,\n      #F6A1CF 0%,\n      #E8A2CF 20%,\n      #D58CC5 40%,\n      #B767AF 70%,\n      #662483 100%\n    ) !important;\n  }\n\n  .domy-services-v3-card .domy-services-v3-img {\n    width: 100% !important;\n    height: 100% !important;\n    object-fit: contain !important;\n    object-position: center center !important;\n  }\n}\n  \/* Mobile uniquement : r\u00e9tablit le cadrage vertical *\/\n\/* Mobile uniquement *\/\n@media screen and (max-width: 767px) {\n  .domy-services-v3-card {\n    overflow: hidden !important;\n    background: linear-gradient(\n      90deg,\n      #F6A1CF 0%,\n      #E8A2CF 20%,\n      #D58CC5 40%,\n      #B767AF 70%,\n      #662483 100%\n    ) !important;\n  }\n\n  .domy-services-v3-card .domy-services-v3-img {\n    width: 100% !important;\n    height: 100% !important;\n    object-fit: contain !important;\n    object-position: center center !important;\n    transform: scale( 1.35) !important;\n  }\n}\n}\n}\n\/* Boutons et points \u2014 mobile uniquement *\/\n@media screen and (max-width: 767px) {\n\n  \/* Petits points subtils \u00e0 la place des carr\u00e9s *\/\n  .domy-services-v3-dots {\n    display: flex !important;\n    justify-content: center !important;\n    align-items: center !important;\n    gap: 6px !important;\n    margin: 12px 0 !important;\n  }\n\n  .domy-services-v3-dot {\n    width: 6px !important;\n    height: 6px !important;\n    min-width: 6px !important;\n    min-height: 6px !important;\n    padding: 0 !important;\n    border: none !important;\n    border-radius: 50% !important;\n    background: rgba(213, 140, 197, 0.55) !important;\n    box-shadow: none !important;\n  }\n\n  \/* Point actif *\/\n  .domy-services-v3-dot.active,\n  .domy-services-v3-dot.is-active,\n  .domy-services-v3-dot[aria-current=\"true\"] {\n    width: 7px !important;\n    height: 7px !important;\n    background: #B767AF !important;\n  }\n\n  \/* Les trois boutons sur une seule ligne *\/\n  .domy-services-v3-filters {\n    width: 100% !important;\n    display: grid !important;\n    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n    gap: 6px !important;\n    padding: 0 6px 12px !important;\n    overflow: visible !important;\n  }\n\n  \/* Boutons transparents, clairs et arrondis *\/\n  .domy-services-v3-filter {\n    width: 100% !important;\n    min-width: 0 !important;\n    min-height: 38px !important;\n    padding: 7px 3px !important;\n\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 4px !important;\n\n    border: 1px solid transparent !important;\n    border-radius: 999px !important;\n\n    background:\n      linear-gradient(\n        rgba(255, 255, 255, 0.72),\n        rgba(255, 255, 255, 0.52)\n      ) padding-box,\n      linear-gradient(\n        90deg,\n        #F6A1CF 0%,\n        #E8A2CF 20%,\n        #D58CC5 40%,\n        #B767AF 70%,\n        #662483 100%\n      ) border-box !important;\n\n    color: #662483 !important;\n    font-family: \"Montserrat\", sans-serif !important;\n    font-size: 10px !important;\n    font-weight: 500 !important;\n    line-height: 1.1 !important;\n    white-space: nowrap !important;\n    box-shadow: none !important;\n  }\n\n  \/* Bouton s\u00e9lectionn\u00e9 : d\u00e9grad\u00e9 clair *\/\n  .domy-services-v3-filter.active,\n  .domy-services-v3-filter.is-active,\n  .domy-services-v3-filter[aria-selected=\"true\"] {\n    background: linear-gradient(\n      90deg,\n      rgba(246, 161, 207, 0.40) 0%,\n      rgba(232, 162, 207, 0.40) 20%,\n      rgba(213, 140, 197, 0.40) 40%,\n      rgba(183, 103, 175, 0.40) 70%,\n      rgba(102, 36, 131, 0.40) 100%\n    ) !important;\n\n    border: 1px solid rgba(183, 103, 175, 0.45) !important;\n    color: #662483 !important;\n  }\n}\n\/* Correctif forc\u00e9 \u2014 points et boutons mobiles *\/\n@media screen and (max-width: 767px) {\n\n  \/* Tous les \u00e9l\u00e9ments plac\u00e9s dans la zone des points *\/\n  .domy-services-v3-dots > button,\n  .domy-services-v3-dots > span,\n  .domy-services-v3-dots > div {\n    appearance: none !important;\n    display: block !important;\n    flex: 0 0 6px !important;\n\n    width: 6px !important;\n    height: 6px !important;\n    min-width: 6px !important;\n    min-height: 6px !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n    border: 0 !important;\n    border-radius: 50% !important;\n\n    background: rgba(213, 140, 197, 0.55) !important;\n    box-shadow: none !important;\n  }\n\n  \/* Point s\u00e9lectionn\u00e9 *\/\n  .domy-services-v3-dots > .active,\n  .domy-services-v3-dots > .is-active,\n  .domy-services-v3-dots > [aria-current=\"true\"] {\n    background: #662483 !important;\n  }\n\n  \/* Zone qui contient les trois boutons *\/\n  .domy-services-v3-filters,\n  .domy-services-v3-tabs,\n  .domy-services-v3-categories,\n  .domy-services-v3-nav {\n    width: 100% !important;\n    display: grid !important;\n    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n    gap: 6px !important;\n    padding: 0 6px 12px !important;\n    overflow: visible !important;\n  }\n\n  \/* Tous les boutons situ\u00e9s dans ces zones *\/\n  .domy-services-v3-filters > button,\n  .domy-services-v3-tabs > button,\n  .domy-services-v3-categories > button,\n  .domy-services-v3-nav > button {\n    appearance: none !important;\n    width: 100% !important;\n    min-width: 0 !important;\n    min-height: 38px !important;\n    padding: 7px 3px !important;\n\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 4px !important;\n\n    border: 1px solid transparent !important;\n    border-radius: 999px !important;\n\n    background:\n      linear-gradient(\n        rgba(255, 255, 255, 0.72),\n        rgba(255, 255, 255, 0.52)\n      ) padding-box,\n      linear-gradient(\n        90deg,\n        #F6A1CF 0%,\n        #E8A2CF 20%,\n        #D58CC5 40%,\n        #B767AF 70%,\n        #662483 100%\n      ) border-box !important;\n\n    color: #662483 !important;\n    font-family: \"Montserrat\", sans-serif !important;\n    font-size: 10px !important;\n    font-weight: 500 !important;\n    line-height: 1.1 !important;\n    white-space: nowrap !important;\n    box-shadow: none !important;\n  }\n}\n\/* Fond blanc des trois boutons sur mobile *\/\n@media screen and (max-width: 767px) {\n  .domy-services-v3-filters > button,\n  .domy-services-v3-tabs > button,\n  .domy-services-v3-categories > button,\n  .domy-services-v3-nav > button {\n    background:\n      linear-gradient(#ffffff, #ffffff) padding-box,\n      linear-gradient(\n        90deg,\n        #F6A1CF 0%,\n        #E8A2CF 20%,\n        #D58CC5 40%,\n        #B767AF 70%,\n        #662483 100%\n      ) border-box !important;\n\n    border: 1px solid transparent !important;\n    color: #662483 !important;\n    border-radius: 999px !important;\n  }\n}\n\/* =========================================================\n   MOBILE \u2014 6 CARTES FIXES : 3 EN HAUT + 3 EN BAS\n   ========================================================= *\/\n@media screen and (max-width: 767px) {\n\n  .domy-services-v3-section {\n    width: 100% !important;\n    max-width: 100% !important;\n    padding: 14px 10px 18px !important;\n    margin: 0 auto !important;\n    overflow: visible !important;\n    \/* Titres plus visibles sur toutes les cartes *\/\n.domy-services-v3-card-text h3 {\n  font-size: 11px !important;\n  font-weight: 700 !important;\n  line-height: 1.1 !important;\n}\n\n\/* Sous-titres \u201c\u00e0 domicile\u201d plus visibles *\/\n.domy-services-v3-card-text p {\n  font-size: 8.5px !important;\n  font-weight: 500 !important;\n  line-height: 1.1 !important;\n  margin-top: 4px !important;\n}\n  \/* M\u00e9nage \/ Repassage sur une ligne *\/\n.domy-services-v3-card:nth-child(5)\n.domy-services-v3-card-text h3 {\n  font-size: 8px !important;\n  white-space: nowrap !important;\n  line-height: 1 !important;\n}}\n\n  \/* Annulation compl\u00e8te du carrousel *\/\n  .domy-services-v3-grid {\n    display: grid !important;\n    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n    grid-template-rows: repeat(2, auto) !important;\n    gap: 7px !important;\n\n    width: 100% !important;\n    max-width: 100% !important;\n    margin: 0 auto !important;\n    padding: 0 !important;\n\n    overflow: visible !important;\n    scroll-snap-type: none !important;\n    scrollbar-width: none !important;\n    transform: none !important;\n  }\n\n  .domy-services-v3-grid::after {\n    display: none !important;\n    content: none !important;\n  }\n\n  \/* Les six cartes sont toujours visibles *\/\n  .domy-services-v3-card {\n    display: block !important;\n    position: relative !important;\n\n    width: 100% !important;\n    min-width: 0 !important;\n    max-width: none !important;\n    height: auto !important;\n\n    flex: none !important;\n    aspect-ratio: 4 \/ 5 !important;\n    margin: 0 !important;\n\n    border-radius: 12px !important;\n    overflow: hidden !important;\n    scroll-snap-align: none !important;\n    transform: none !important;\n  }\n\n  \/* Images plus petites et correctement cadr\u00e9es *\/\n  .domy-services-v3-img {\n    display: block !important;\n    width: 100% !important;\n    height: 100% !important;\n    object-fit: cover !important;\n    object-position: var(--domy-img-pos, center) !important;\n  }\n\n  .domy-services-v3-overlay {\n    position: absolute !important;\n    inset: 0 !important;\n    background: linear-gradient(\n      to top,\n      rgba(25, 5, 31, 0.68) 0%,\n      rgba(25, 5, 31, 0.12) 55%,\n      rgba(25, 5, 31, 0) 78%\n    ) !important;\n  }\n\n  \/* Nom du service *\/\n  .domy-services-v3-card-text {\n    position: absolute !important;\n    left: 5px !important;\n    right: 5px !important;\n    bottom: 9px !important;\n\n    width: auto !important;\n    transform: none !important;\n    text-align: center !important;\n  }\n\n  .domy-services-v3-card-text h3 {\n    margin: 0 !important;\n    color: #ffffff !important;\n    font-size: clamp(9px, 2.8vw, 12px) !important;\n    font-weight: 700 !important;\n    line-height: 1.12 !important;\n    text-align: center !important;\n    white-space: normal !important;\n    overflow-wrap: normal !important;\n  }\n\n  .domy-services-v3-card-text p {\n    margin: 3px 0 0 !important;\n    color: #ffffff !important;\n    font-size: clamp(7px, 2.2vw, 9px) !important;\n    line-height: 1.1 !important;\n    text-align: center !important;\n  }\n\n  \/* Petite pastille des services \u00e0 venir *\/\n  .domy-services-v3-soon {\n    top: 5px !important;\n    right: 5px !important;\n\n    max-width: calc(100% - 10px) !important;\n    padding: 3px 5px !important;\n\n    border-radius: 999px !important;\n    font-size: clamp(5.5px, 1.7vw, 7px) !important;\n    line-height: 1.15 !important;\n    text-align: center !important;\n    white-space: normal !important;\n  }\n\n  \/* S\u00e9curit\u00e9 : masquer les anciennes commandes *\/\n  .domy-services-v3-dots,\n  .domy-services-v3-filters,\n  .domy-services-v3-tabs,\n  .domy-services-v3-categories,\n  .domy-services-v3-nav {\n    display: none !important;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e20c908 e-con e-atomic-element e-flexbox-base e-2d70729 \" data-id=\"e20c908\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e20c908\" id=\"pourquoi-domy\" data-e-type=\"e-flexbox\" data-id=\"e20c908\">\n    \t\t<div class=\"elementor-element elementor-element-7a4583f elementor-widget elementor-widget-heading\" data-id=\"7a4583f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Avantages<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8587c41 elementor-widget elementor-widget-heading\" data-id=\"8587c41\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Pourquoi choisir DOMY ?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0da7cfb elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"0da7cfb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>DOMY simplifie votre quotidien en vous mettant en relation avec des prestataires de confiance,\u00a0<span style=\"font-style: inherit;\">s\u00e9lectionn\u00e9s avec soin. Un service rapide, s\u00e9curis\u00e9 et intuitif pour trouver le bon professionnel en quelques clics.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f5b4e2d e-grid domy-avantages-grid e-con-boxed e-con e-parent\" data-id=\"f5b4e2d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e550df1 domy-avantage-card elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"e550df1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 240 240\" fill=\"none\"><defs><linearGradient id=\"g\" x1=\"60\" y1=\"30\" x2=\"180\" y2=\"210\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#F4B6E8\"><\/stop><stop offset=\"0.52\" stop-color=\"#9B4DFF\"><\/stop><stop offset=\"1\" stop-color=\"#1D1238\"><\/stop><\/linearGradient><linearGradient id=\"soft\" x1=\"40\" y1=\"40\" x2=\"190\" y2=\"190\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#F7E8FF\"><\/stop><stop offset=\"1\" stop-color=\"#F1D5EF\" stop-opacity=\".45\"><\/stop><\/linearGradient><filter id=\"shadow\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\"><\/filter><\/defs><path d=\"M48 124c0-49 35-85 82-85 39 0 71 27 71 67 0 47-38 87-89 87-37 0-64-25-64-69Z\" fill=\"url(#soft)\"><\/path><path d=\"M120 45 62 69v43c0 42 25 70 58 83 33-13 58-41 58-83V69l-58-24Z\" stroke=\"#1D1238\" stroke-width=\"8\" stroke-linejoin=\"round\"><\/path><path d=\"M120 61 78 78v35c0 29 16 51 42 63 26-12 42-34 42-63V78l-42-17Z\" fill=\"url(#g)\" filter=\"url(#shadow)\"><\/path><path d=\"M91 117l21 21 43-51\" stroke=\"white\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><circle cx=\"171\" cy=\"160\" r=\"33\" fill=\"white\" stroke=\"#1D1238\" stroke-width=\"7\"><\/circle><path d=\"m171 141 6 13 14 2-10 10 3 14-13-7-13 7 3-14-10-10 14-2 6-13Z\" stroke=\"#9B4DFF\" stroke-width=\"7\" stroke-linejoin=\"round\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tProfessionnels v\u00e9rifi\u00e9s\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tIdentit\u00e9 et exp\u00e9rience contr\u00f4l\u00e9es avant chaque mise en relation.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-50e4dec domy-avantage-card elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"50e4dec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 240 240\" fill=\"none\"><defs><linearGradient id=\"g\" x1=\"56\" y1=\"35\" x2=\"190\" y2=\"210\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#F4B6E8\"><\/stop><stop offset=\".5\" stop-color=\"#9B4DFF\"><\/stop><stop offset=\"1\" stop-color=\"#1D1238\"><\/stop><\/linearGradient><linearGradient id=\"soft\" x1=\"35\" y1=\"40\" x2=\"205\" y2=\"190\"><stop stop-color=\"#F7E8FF\"><\/stop><stop offset=\"1\" stop-color=\"#F1D5EF\" stop-opacity=\".45\"><\/stop><\/linearGradient><\/defs><circle cx=\"130\" cy=\"122\" r=\"82\" fill=\"url(#soft)\"><\/circle><path d=\"M57 82h126v95H57V82Z\" fill=\"white\" stroke=\"#1D1238\" stroke-width=\"8\" stroke-linejoin=\"round\"><\/path><path d=\"M57 82c0-12 10-22 22-22h82c12 0 22 10 22 22v22H57V82Z\" fill=\"url(#g)\"><\/path><path d=\"M84 48v33M156 48v33\" stroke=\"#1D1238\" stroke-width=\"9\" stroke-linecap=\"round\"><\/path><rect x=\"75\" y=\"121\" width=\"26\" height=\"24\" rx=\"5\" fill=\"#EBD7F8\"><\/rect><rect x=\"112\" y=\"121\" width=\"26\" height=\"24\" rx=\"5\" fill=\"#EBD7F8\"><\/rect><rect x=\"149\" y=\"121\" width=\"26\" height=\"24\" rx=\"5\" fill=\"#EBD7F8\"><\/rect><rect x=\"75\" y=\"153\" width=\"26\" height=\"24\" rx=\"5\" fill=\"#EBD7F8\"><\/rect><rect x=\"112\" y=\"153\" width=\"26\" height=\"24\" rx=\"5\" fill=\"#EBD7F8\"><\/rect><circle cx=\"167\" cy=\"166\" r=\"43\" fill=\"white\" stroke=\"url(#g)\" stroke-width=\"8\"><\/circle><path d=\"M167 142v26l18 12\" stroke=\"#1D1238\" stroke-width=\"8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M32 119h25M42 140h20\" stroke=\"#B66BE8\" stroke-width=\"7\" stroke-linecap=\"round\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tR\u00e9servation rapide\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tR\u00e9servez votre cr\u00e9neau en quelques clics, \u00e0 toute heure.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a0915a domy-avantage-card elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"6a0915a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 240 240\" fill=\"none\"><defs><linearGradient id=\"g\" x1=\"50\" y1=\"35\" x2=\"190\" y2=\"210\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#F4B6E8\"><\/stop><stop offset=\".52\" stop-color=\"#9B4DFF\"><\/stop><stop offset=\"1\" stop-color=\"#1D1238\"><\/stop><\/linearGradient><linearGradient id=\"soft\" x1=\"42\" y1=\"48\" x2=\"210\" y2=\"200\"><stop stop-color=\"#F7E8FF\"><\/stop><stop offset=\"1\" stop-color=\"#F1D5EF\" stop-opacity=\".45\"><\/stop><\/linearGradient><\/defs><path d=\"M39 137c0-55 44-96 94-96s78 35 78 79c0 54-42 89-92 89-44 0-80-26-80-72Z\" fill=\"url(#soft)\"><\/path><path d=\"M54 116 120 55l66 61\" stroke=\"#1D1238\" stroke-width=\"9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M72 112v76h96v-76\" fill=\"white\"><\/path><path d=\"M72 112v76h96v-76\" stroke=\"#1D1238\" stroke-width=\"8\" stroke-linejoin=\"round\"><\/path><path d=\"M91 91 120 64l75 69\" stroke=\"url(#g)\" stroke-width=\"17\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M96 142h26v46H96v-46Z\" fill=\"url(#g)\"><\/path><path d=\"M137 135h27v27h-27v-27Z\" stroke=\"#1D1238\" stroke-width=\"6\"><\/path><path d=\"M150 135v27M137 149h27\" stroke=\"#1D1238\" stroke-width=\"5\"><\/path><path d=\"M183 89h18v57\" stroke=\"#1D1238\" stroke-width=\"8\" stroke-linejoin=\"round\"><\/path><path d=\"M190 145c-23 0-41 18-41 41 0 31 41 59 41 59s41-28 41-59c0-23-18-41-41-41Z\" fill=\"url(#g)\" transform=\"scale(.72) translate(75 55)\"><\/path><circle cx=\"212\" cy=\"189\" r=\"10\" fill=\"white\"><\/circle><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tService \u00e0 domicile\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tNos professionnels se d\u00e9placent directement chez vous.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e14ad5a domy-avantage-card elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"e14ad5a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 240 240\" fill=\"none\"><defs><linearGradient id=\"g\" x1=\"50\" y1=\"35\" x2=\"190\" y2=\"210\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#F4B6E8\"><\/stop><stop offset=\".5\" stop-color=\"#9B4DFF\"><\/stop><stop offset=\"1\" stop-color=\"#1D1238\"><\/stop><\/linearGradient><linearGradient id=\"soft\" x1=\"35\" y1=\"35\" x2=\"200\" y2=\"205\"><stop stop-color=\"#F7E8FF\"><\/stop><stop offset=\"1\" stop-color=\"#F1D5EF\" stop-opacity=\".45\"><\/stop><\/linearGradient><\/defs><circle cx=\"122\" cy=\"124\" r=\"83\" fill=\"url(#soft)\"><\/circle><path d=\"M63 48h102c8 0 14 6 14 14v126l-19-11-18 11-19-11-18 11-18-11-24 11V48Z\" fill=\"white\" stroke=\"#1D1238\" stroke-width=\"8\" stroke-linejoin=\"round\"><\/path><path d=\"M90 84c8-10 26-9 34 1M86 104h50M86 125h73M86 148h52\" stroke=\"#A052E6\" stroke-width=\"8\" stroke-linecap=\"round\"><\/path><text x=\"76\" y=\"108\" font-family=\"Arial, sans-serif\" font-size=\"43\" font-weight=\"700\" fill=\"url(#g)\">\u20ac<\/text><circle cx=\"176\" cy=\"176\" r=\"35\" fill=\"url(#g)\"><\/circle><path d=\"m158 176 13 13 26-31\" stroke=\"white\" stroke-width=\"9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tTarifs transparents\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tLe prix annonc\u00e9 est le prix pay\u00e9, sans surprise.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b493041 elementor-widget-mobile__width-inherit domy-avantage-last elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"b493041\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 240 240\" fill=\"none\"><defs><linearGradient id=\"g\" x1=\"47\" y1=\"35\" x2=\"190\" y2=\"210\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#F4B6E8\"><\/stop><stop offset=\".5\" stop-color=\"#9B4DFF\"><\/stop><stop offset=\"1\" stop-color=\"#1D1238\"><\/stop><\/linearGradient><linearGradient id=\"soft\" x1=\"42\" y1=\"38\" x2=\"205\" y2=\"204\"><stop stop-color=\"#F7E8FF\"><\/stop><stop offset=\"1\" stop-color=\"#F1D5EF\" stop-opacity=\".45\"><\/stop><\/linearGradient><\/defs><circle cx=\"122\" cy=\"124\" r=\"84\" fill=\"url(#soft)\"><\/circle><path d=\"M58 132c0-45 28-77 67-77s67 32 67 77\" stroke=\"#1D1238\" stroke-width=\"8\" stroke-linecap=\"round\"><\/path><rect x=\"42\" y=\"122\" width=\"35\" height=\"58\" rx=\"15\" fill=\"url(#g)\" stroke=\"#1D1238\" stroke-width=\"7\"><\/rect><rect x=\"163\" y=\"122\" width=\"35\" height=\"58\" rx=\"15\" fill=\"url(#g)\" stroke=\"#1D1238\" stroke-width=\"7\"><\/rect><path d=\"M181 181v13c0 10-8 18-18 18h-29\" stroke=\"#1D1238\" stroke-width=\"8\" stroke-linecap=\"round\"><\/path><rect x=\"111\" y=\"201\" width=\"31\" height=\"18\" rx=\"9\" fill=\"url(#g)\" stroke=\"#1D1238\" stroke-width=\"6\"><\/rect><path d=\"M73 95h88c14 0 25 11 25 25v29c0 14-11 25-25 25h-37l-31 24 6-24H73c-14 0-25-11-25-25v-29c0-14 11-25 25-25Z\" fill=\"white\" stroke=\"#1D1238\" stroke-width=\"7\" stroke-linejoin=\"round\"><\/path><circle cx=\"91\" cy=\"136\" r=\"6\" fill=\"#9B4DFF\"><\/circle><circle cx=\"118\" cy=\"136\" r=\"6\" fill=\"#9B4DFF\"><\/circle><circle cx=\"145\" cy=\"136\" r=\"6\" fill=\"#9B4DFF\"><\/circle><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tAssistance client\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tUne \u00e9quipe disponible pour r\u00e9pondre \u00e0 toutes vos questions.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7ba2f47 e-con e-atomic-element e-flexbox-base e-1d4b44c \" data-id=\"7ba2f47\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7ba2f47\" data-e-type=\"e-flexbox\" data-id=\"7ba2f47\">\n    <div class=\"elementor-element elementor-element-002f93e e-con e-atomic-element e-flexbox-base e-002f93e-a45bb90 \" data-id=\"002f93e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"002f93e\" id=\"pourquoi-domy\" data-e-type=\"e-flexbox\" data-id=\"002f93e\">\n    \t\t<div class=\"elementor-element elementor-element-62bb927 elementor-widget elementor-widget-heading\" data-id=\"62bb927\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">ESPACE PRO <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7256037 elementor-widget elementor-widget-heading\" data-id=\"7256037\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">D\u00e9veloppez votre activit\u00e9 avec DOMY<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5bf4e2e elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"5bf4e2e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"\" data-turn-id-container=\"d80cdc79-3fc8-4fe8-a9a8-6133c7fe84f6\" data-is-intersecting=\"true\">Vous \u00eates un professionnel de la beaut\u00e9 ou du bien-\u00eatre ? Rejoignez DOMY et d\u00e9veloppez votre client\u00e8le en toute libert\u00e9.<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-0f0cdaa e-con e-atomic-element e-flexbox-base e-1767001 \" data-id=\"0f0cdaa\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0f0cdaa\" data-e-type=\"e-flexbox\" data-id=\"0f0cdaa\">\n    \t\t<div class=\"elementor-element elementor-element-4500633 elementor-widget elementor-widget-html\" data-id=\"4500633\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================================\n     DOMY \u2014 Espace Pro (widget autonome)\n     \u00c0 coller tel quel dans un widget HTML Elementor.\n     Aucune d\u00e9pendance externe hormis Google Fonts (Montserrat).\n     ========================================================== -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<section id=\"espace-pro\" class=\"domy-dashboard-section\" aria-label=\"Espace professionnel DOMY\">\n\n  <!-- ============ PANNEAU GAUCHE ============ -->\n  <div class=\"domy-dashboard-left\">\n    <div class=\"domy-dashboard-left-inner\">\n      <div class=\"domy-dashboard-left-top\">\n        <span class=\"domy-dashboard-badge\">Espace Pro<\/span>\n\n        <h1 class=\"domy-dashboard-hero-title\">\n          Votre talent<br>\n          m\u00e9rite plus<br>\n          <span class=\"domy-dashboard-hero-accent\">de visibilit\u00e9.<\/span>\n        <\/h1>\n\n        <p class=\"domy-dashboard-hero-text\">\n          D\u00e9veloppez votre client\u00e8le avec DOMY, tout en gardant la libert\u00e9 de choisir vos prestations et vos horaires.\n        <\/p>\n\n        <a class=\"domy-dashboard-cta\" href=\"mailto:contact@domy.ma?subject=Demande%20pour%20rejoindre%20DOMY\" aria-label=\"Contacter DOMY par e-mail pour rejoindre la plateforme\">\n          Rejoindre DOMY\n          <svg class=\"domy-dashboard-arrow\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n            <path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/a>\n\n        <p class=\"domy-dashboard-hero-meta\">Inscription simple&nbsp;\u2022&nbsp;Profil v\u00e9rifi\u00e9&nbsp;\u2022&nbsp;Planning flexible<\/p>\n      <\/div>\n\n      <div class=\"domy-dashboard-left-bottom\">\n        <p class=\"domy-dashboard-logo\">DOMY<\/p>\n        <p class=\"domy-dashboard-tagline\">Plus de bien-\u00eatre<br>dans votre quotidien<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ============ PARTIE DROITE ============ -->\n  <div class=\"domy-dashboard-right\">\n\n    <h2 class=\"domy-dashboard-section-title\">Les avantages pour les professionnels<\/h2>\n\n    <div class=\"domy-dashboard-cards\">\n\n      <div class=\"domy-dashboard-card\">\n        <span class=\"domy-dashboard-icon\" aria-hidden=\"true\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <circle cx=\"8\" cy=\"8\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n            <path d=\"M2.5 19c0-3 2.5-5 5.5-5s5.5 2 5.5 5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n            <circle cx=\"17\" cy=\"9\" r=\"2.4\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n            <path d=\"M15 19c0-2.4 1.8-4 4-4 1 0 1.9.3 2.6.9\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n          <\/svg>\n        <\/span>\n        <div class=\"domy-dashboard-card-text\">\n          <h3>Nouveaux clients<\/h3>\n          <p>Recevez des demandes pr\u00e8s de chez vous.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"domy-dashboard-card\">\n        <span class=\"domy-dashboard-icon\" aria-hidden=\"true\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <rect x=\"3.5\" y=\"5\" width=\"17\" height=\"15\" rx=\"2.5\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n            <path d=\"M3.5 9.5h17\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n            <path d=\"M8 3v3.4M16 3v3.4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n            <path d=\"M7.5 13h3M13.5 13h3M7.5 16.3h3\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n          <\/svg>\n        <\/span>\n        <div class=\"domy-dashboard-card-text\">\n          <h3>Planning flexible<\/h3>\n          <p>Choisissez librement vos disponibilit\u00e9s.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"domy-dashboard-card\">\n        <span class=\"domy-dashboard-icon\" aria-hidden=\"true\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M12 3.2 19 6v5.5c0 4.3-2.9 7.8-7 8.8-4.1-1-7-4.5-7-8.8V6l7-2.8Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\n            <path d=\"M9 12.2l2 2 4-4.4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/span>\n        <div class=\"domy-dashboard-card-text\">\n          <h3>Paiements s\u00e9curis\u00e9s<\/h3>\n          <p>Suivez vos prestations et vos revenus.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"domy-dashboard-card\">\n        <span class=\"domy-dashboard-icon\" aria-hidden=\"true\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <circle cx=\"12\" cy=\"8\" r=\"3.6\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n            <path d=\"M4.5 20c0-4.1 3.4-6.6 7.5-6.6s7.5 2.5 7.5 6.6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n          <\/svg>\n        <\/span>\n        <div class=\"domy-dashboard-card-text\">\n          <h3>Profil professionnel<\/h3>\n          <p>Valorisez votre savoir-faire sur DOMY.<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- ============ SIMULATEUR ============ -->\n    <div class=\"domy-dashboard-simulator\">\n      <h3 class=\"domy-dashboard-sim-title\">Simulez votre revenu mensuel<\/h3>\n      <p class=\"domy-dashboard-sim-subtitle\">Estimation apr\u00e8s la commission DOMY de 20&nbsp;%.<\/p>\n\n      <div class=\"domy-dashboard-sim-grid\">\n\n        <div class=\"domy-dashboard-sim-fields\">\n          <div class=\"domy-dashboard-field\">\n            <label for=\"domy-dashboard-count\">Prestations par mois<\/label>\n            <div class=\"domy-dashboard-stepper\">\n              <button type=\"button\" class=\"domy-dashboard-step-btn\" data-action=\"decrement\" data-target=\"domy-dashboard-count\" aria-label=\"Diminuer le nombre de prestations\">\u2212<\/button>\n              <input type=\"number\" id=\"domy-dashboard-count\" class=\"domy-dashboard-input\" value=\"40\" min=\"0\" step=\"1\" inputmode=\"numeric\">\n              <button type=\"button\" class=\"domy-dashboard-step-btn\" data-action=\"increment\" data-target=\"domy-dashboard-count\" aria-label=\"Augmenter le nombre de prestations\">+<\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"domy-dashboard-field\">\n            <label for=\"domy-dashboard-price\">Prix moyen<\/label>\n            <div class=\"domy-dashboard-stepper\">\n              <button type=\"button\" class=\"domy-dashboard-step-btn\" data-action=\"decrement\" data-target=\"domy-dashboard-price\" aria-label=\"Diminuer le prix moyen\">\u2212<\/button>\n              <input type=\"number\" id=\"domy-dashboard-price\" class=\"domy-dashboard-input\" value=\"300\" min=\"0\" step=\"10\" inputmode=\"numeric\">\n              <span class=\"domy-dashboard-unit\">MAD<\/span>\n              <button type=\"button\" class=\"domy-dashboard-step-btn\" data-action=\"increment\" data-target=\"domy-dashboard-price\" aria-label=\"Augmenter le prix moyen\">+<\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"domy-dashboard-slider-wrap\">\n            <input type=\"range\" id=\"domy-dashboard-slider\" class=\"domy-dashboard-slider\" min=\"0\" max=\"100\" value=\"40\" aria-label=\"Nombre de prestations par mois\">\n            <div class=\"domy-dashboard-slider-scale\">\n              <span>0<\/span><span>100<\/span>\n            <\/div>\n          <\/div>\n\n          <button type=\"button\" class=\"domy-dashboard-calc-btn\" id=\"domy-dashboard-calc\">\n            Calculer mon revenu\n          <\/button>\n        <\/div>\n\n        <div class=\"domy-dashboard-sim-results\" aria-live=\"polite\">\n          <div class=\"domy-dashboard-result-row\">\n            <span>Chiffre d'affaires<\/span>\n            <strong id=\"domy-dashboard-ca\">12 000 MAD<\/strong>\n          <\/div>\n          <div class=\"domy-dashboard-result-row\">\n            <span>Commission DOMY (20&nbsp;%)<\/span>\n            <strong id=\"domy-dashboard-commission\">\u2212 2 400 MAD<\/strong>\n          <\/div>\n\n          <div class=\"domy-dashboard-result-main\">\n            <span>Revenu mensuel estim\u00e9<\/span>\n            <strong id=\"domy-dashboard-net\">9 600 MAD<\/strong>\n          <\/div>\n\n          <p class=\"domy-dashboard-example\" id=\"domy-dashboard-example\">\n            Exemple&nbsp;: 40 \u00d7 300 MAD \u00d7 80&nbsp;% = 9 600 MAD\n          <\/p>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n  .domy-dashboard-section {\n    --domy-gradient: linear-gradient(112deg, #f39acb 0%, #cd7fc1 30%, #9651aa 58%, #63248c 78%, #351066 100%);\n    --domy-violet: #65208f;\n    --domy-violet-dark: #3a1160;\n    --domy-white: #ffffff;\n    --domy-pale: #fff7fc;\n\n    font-family: \"Montserrat\", Arial, sans-serif;\n    width: calc(100% - 32px);\n    max-width: 1440px;\n    margin: 0 auto;\n    background: var(--domy-white);\n    border-radius: 32px;\n    border: 1px solid var(--domy-white);\n    box-shadow: 0 30px 70px -25px rgba(101, 32, 143, 0.25), 0 10px 30px -15px rgba(101, 32, 143, 0.18);\n    overflow: hidden;\n    display: grid;\n    grid-template-columns: 34% 66%;\n    align-items: stretch;\n    box-sizing: border-box;\n  }\n  .domy-dashboard-section *,\n  .domy-dashboard-section *::before,\n  .domy-dashboard-section *::after {\n    box-sizing: border-box;\n  }\n\n  \/* ============ PANNEAU GAUCHE ============ *\/\n  .domy-dashboard-left {\n    position: relative;\n    background: var(--domy-gradient);\n    overflow: hidden;\n    display: flex;\n  }\n  .domy-dashboard-left-inner {\n    position: relative;\n    z-index: 1;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    width: 100%;\n    padding: clamp(28px, 3vw, 44px) clamp(24px, 2.6vw, 40px);\n    gap: 28px;\n  }\n\n  .domy-dashboard-badge {\n    display: inline-block;\n    align-self: flex-start;\n    padding: 7px 18px;\n    border: 1px solid rgba(255, 255, 255, 0.7);\n    border-radius: 999px;\n    color: var(--domy-white);\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    margin-bottom: 20px;\n  }\n\n  .domy-dashboard-hero-title {\n    margin: 0 0 16px;\n    color: var(--domy-white);\n    font-weight: 800;\n    font-size: clamp(28px, 2.6vw, 40px);\n    line-height: 1.12;\n    letter-spacing: -0.01em;\n  }\n  .domy-dashboard-hero-accent {\n    color: #f39acb;\n  }\n\n  .domy-dashboard-hero-text {\n    margin: 0 0 24px;\n    color: rgba(255, 255, 255, 0.92);\n    font-weight: 400;\n    font-size: clamp(14px, 1vw, 15.5px);\n    line-height: 1.55;\n    max-width: 34ch;\n  }\n\n  .domy-dashboard-section .domy-dashboard-cta {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    background: var(--domy-white);\n    color: var(--domy-violet-dark);\n    font-weight: 700;\n    font-size: 15px;\n    text-decoration: none;\n    padding: 14px 24px;\n    border: 1px solid rgba(255, 255, 255, 0.9) !important;\n    border-radius: 999px !important;\n    box-shadow: 0 10px 22px -10px rgba(0, 0, 0, 0.35);\n    transition: transform 0.15s ease, box-shadow 0.15s ease;\n    width: fit-content;\n  }\n  .domy-dashboard-section .domy-dashboard-cta:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 14px 26px -10px rgba(0, 0, 0, 0.4);\n  }\n  .domy-dashboard-section .domy-dashboard-cta:focus-visible {\n    outline: 2px solid var(--domy-white);\n    outline-offset: 3px;\n  }\n  .domy-dashboard-arrow {\n    flex-shrink: 0;\n  }\n\n  .domy-dashboard-hero-meta {\n    margin: 14px 0 0;\n    color: rgba(255, 255, 255, 0.85);\n    font-size: 12.5px;\n    font-weight: 500;\n  }\n\n  .domy-dashboard-left-bottom {\n    position: relative;\n    z-index: 1;\n  }\n  .domy-dashboard-logo {\n    margin: 0 0 4px;\n    color: var(--domy-white);\n    font-weight: 800;\n    font-size: 18px;\n    letter-spacing: 0.06em;\n  }\n  .domy-dashboard-tagline {\n    margin: 0;\n    color: rgba(255, 255, 255, 0.75);\n    font-size: 10.5px;\n    font-weight: 600;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    line-height: 1.5;\n  }\n\n  \/* ============ PARTIE DROITE ============ *\/\n  .domy-dashboard-right {\n    background: var(--domy-pale);\n    padding: clamp(26px, 3vw, 40px) clamp(24px, 3vw, 44px);\n  }\n\n  .domy-dashboard-section-title {\n    margin: 0 0 20px;\n    color: var(--domy-violet-dark);\n    font-weight: 700;\n    font-size: clamp(20px, 1.7vw, 26px);\n    line-height: 1.25;\n  }\n\n  .domy-dashboard-cards {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 14px;\n    margin-bottom: 20px;\n  }\n\n  .domy-dashboard-card {\n    display: flex;\n    align-items: flex-start;\n    gap: 14px;\n    background: var(--domy-white);\n    border: 1px solid #f6dcee;\n    border-radius: 20px;\n    padding: 18px;\n    box-shadow: 0 8px 20px -16px rgba(101, 32, 143, 0.35);\n  }\n\n  .domy-dashboard-icon {\n    flex-shrink: 0;\n    width: 42px;\n    height: 42px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 12px;\n    background: #fbe6f4;\n    color: var(--domy-violet);\n  }\n\n  .domy-dashboard-card-text h3 {\n    margin: 0 0 4px;\n    color: var(--domy-violet-dark);\n    font-weight: 700;\n    font-size: 14.5px;\n  }\n  .domy-dashboard-card-text p {\n    margin: 0;\n    color: #6b5f78;\n    font-weight: 400;\n    font-size: 12.5px;\n    line-height: 1.45;\n  }\n\n  \/* ============ SIMULATEUR ============ *\/\n  .domy-dashboard-simulator {\n    background: #f8ecf7;\n    border: 1px solid #f2d9ef;\n    border-radius: 22px;\n    padding: clamp(18px, 2vw, 26px);\n  }\n\n  .domy-dashboard-sim-title {\n    margin: 0 0 4px;\n    color: var(--domy-violet-dark);\n    font-weight: 700;\n    font-size: clamp(17px, 1.4vw, 20px);\n  }\n  .domy-dashboard-sim-subtitle {\n    margin: 0 0 18px;\n    color: #7a6c86;\n    font-weight: 400;\n    font-size: 12.5px;\n  }\n\n  .domy-dashboard-sim-grid {\n    display: grid;\n    grid-template-columns: 1.15fr 1fr;\n    gap: 18px;\n    align-items: start;\n  }\n\n  .domy-dashboard-sim-fields {\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n  }\n\n  .domy-dashboard-field label {\n    display: block;\n    margin-bottom: 6px;\n    color: var(--domy-violet-dark);\n    font-weight: 600;\n    font-size: 12.5px;\n  }\n\n  .domy-dashboard-stepper {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    background: var(--domy-white);\n    border: 1px solid #ecd6ea;\n    border-radius: 14px;\n    padding: 8px 10px;\n  }\n\n  .domy-dashboard-section .domy-dashboard-step-btn {\n    flex-shrink: 0;\n    width: 30px;\n    height: 30px;\n    border-radius: 999px !important;\n    border: none !important;\n    background: #f2e0f0;\n    color: var(--domy-violet-dark);\n    font-size: 16px;\n    font-weight: 700;\n    line-height: 1;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: background 0.15s ease;\n  }\n  .domy-dashboard-section .domy-dashboard-step-btn:hover {\n    background: #e6c9e3;\n  }\n  .domy-dashboard-section .domy-dashboard-step-btn:focus-visible {\n    outline: 2px solid var(--domy-violet);\n    outline-offset: 2px;\n  }\n\n  .domy-dashboard-input {\n    flex: 1;\n    min-width: 0;\n    border: none;\n    background: transparent;\n    color: var(--domy-violet-dark);\n    font-family: \"Montserrat\", Arial, sans-serif;\n    font-weight: 700;\n    font-size: 16px;\n    text-align: left;\n    -moz-appearance: textfield;\n  }\n  .domy-dashboard-input::-webkit-outer-spin-button,\n  .domy-dashboard-input::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n  .domy-dashboard-input:focus-visible {\n    outline: 2px solid var(--domy-violet);\n    outline-offset: 2px;\n    border-radius: 4px;\n  }\n\n  .domy-dashboard-unit {\n    color: #9a8ba3;\n    font-weight: 600;\n    font-size: 12.5px;\n    white-space: nowrap;\n  }\n\n  .domy-dashboard-slider-wrap {\n    padding-top: 4px;\n  }\n  .domy-dashboard-slider {\n    -webkit-appearance: none !important;\n    appearance: none !important;\n    width: 100%;\n    height: 14px !important;\n    border: 0 !important;\n    border-radius: 0 !important;\n    background: transparent !important;\n    box-shadow: none !important;\n    cursor: pointer;\n  }\n  .domy-dashboard-slider::-webkit-slider-runnable-track {\n    width: 100%;\n    height: 2px !important;\n    border: 0 !important;\n    border-radius: 999px !important;\n    background: linear-gradient(90deg, #cd7fc1 0%, #9651aa 58%, #63248c 100%) !important;\n    box-shadow: none !important;\n  }\n  .domy-dashboard-slider::-webkit-slider-thumb {\n    -webkit-appearance: none !important;\n    appearance: none !important;\n    width: 12px !important;\n    height: 12px !important;\n    border-radius: 50%;\n    background: #ffffff !important;\n    border: 1px solid #9651aa !important;\n    cursor: pointer;\n    box-shadow: none !important;\n    margin-top: -5px;\n  }\n  .domy-dashboard-slider::-moz-range-track {\n    width: 100%;\n    height: 2px !important;\n    border: 0 !important;\n    border-radius: 999px !important;\n    background: linear-gradient(90deg, #cd7fc1 0%, #9651aa 58%, #63248c 100%) !important;\n    box-shadow: none !important;\n  }\n  .domy-dashboard-slider::-moz-range-thumb {\n    width: 12px !important;\n    height: 12px !important;\n    border-radius: 50%;\n    background: #ffffff !important;\n    border: 1px solid #9651aa !important;\n    cursor: pointer;\n    box-shadow: none !important;\n  }\n  .domy-dashboard-slider:focus-visible {\n    outline: 2px solid var(--domy-violet);\n    outline-offset: 3px;\n  }\n  .domy-dashboard-slider-scale {\n    display: flex;\n    justify-content: space-between;\n    margin-top: 6px;\n    color: #9a8ba3;\n    font-size: 11px;\n    font-weight: 600;\n  }\n\n  .domy-dashboard-section .domy-dashboard-calc-btn {\n    display: inline-flex;\n    -webkit-appearance: none !important;\n    appearance: none !important;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    margin-top: 4px;\n    padding: 13px 22px;\n    border: 1px solid rgba(255, 255, 255, 0.28) !important;\n    border-radius: 999px !important;\n    position: relative;\n    overflow: hidden;\n    background: linear-gradient(90deg, #713087 0%, #9651aa 52%, #cd7fc1 100%) !important;\n    background-image: linear-gradient(90deg, #713087 0%, #9651aa 52%, #cd7fc1 100%) !important;\n    color: var(--domy-white);\n    font-family: \"Montserrat\", Arial, sans-serif;\n    font-weight: 700;\n    font-size: 14.5px;\n    cursor: pointer;\n    box-shadow: none !important;\n    transition: transform 0.15s ease, box-shadow 0.15s ease;\n  }\n  .domy-dashboard-section .domy-dashboard-calc-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: none !important;\n  }\n  .domy-dashboard-section .domy-dashboard-calc-btn:focus-visible {\n    outline: 2px solid var(--domy-violet-dark);\n    outline-offset: 3px;\n  }\n  .domy-dashboard-section .domy-dashboard-calc-btn svg,\n  .domy-dashboard-section .domy-dashboard-calc-btn::before,\n  .domy-dashboard-section .domy-dashboard-calc-btn::after {\n    display: none !important;\n    content: none !important;\n  }\n\n  .domy-dashboard-sim-results {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n  }\n\n  .domy-dashboard-result-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    font-size: 12.5px;\n  }\n  .domy-dashboard-result-row span {\n    color: #7a6c86;\n    font-weight: 500;\n  }\n  .domy-dashboard-result-row strong {\n    color: var(--domy-violet-dark);\n    font-weight: 700;\n    font-size: 13.5px;\n    white-space: nowrap;\n  }\n\n  .domy-dashboard-result-main {\n    background: #f6d9ee;\n    border-radius: 16px;\n    padding: 14px 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n  }\n  .domy-dashboard-result-main span {\n    color: var(--domy-violet-dark);\n    font-weight: 600;\n    font-size: 12px;\n  }\n  .domy-dashboard-result-main strong {\n    color: var(--domy-violet-dark);\n    font-weight: 800;\n    font-size: clamp(20px, 1.8vw, 24px);\n  }\n\n  .domy-dashboard-example {\n    margin: 4px 0 0;\n    padding: 10px 12px;\n    background: var(--domy-white);\n    border: 1px solid #f0dcee;\n    border-radius: 12px;\n    color: #7a6c86;\n    font-size: 11.5px;\n    font-weight: 500;\n    text-align: center;\n    line-height: 1.4;\n  }\n\n  \/* ============ RESPONSIVE \u2014 TABLETTE (\u22641024px) ============ *\/\n  @media (max-width: 1024px) {\n    .domy-dashboard-section {\n      grid-template-columns: 1fr;\n    }\n    .domy-dashboard-left-inner {\n      flex-direction: row;\n      flex-wrap: wrap;\n      justify-content: space-between;\n      align-items: flex-start;\n      gap: 20px;\n    }\n    .domy-dashboard-left-top {\n      flex: 1 1 100%;\n    }\n    .domy-dashboard-left-bottom {\n      display: none;\n    }\n    .domy-dashboard-hero-text {\n      max-width: 60ch;\n    }\n    .domy-dashboard-sim-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  \/* ============ RESPONSIVE \u2014 MOBILE (\u2264767px) ============ *\/\n  @media (max-width: 767px) {\n    .domy-dashboard-section {\n      width: calc(100% - 20px);\n      border-radius: 24px;\n    }\n    .domy-dashboard-left-inner {\n      padding: 24px 20px;\n    }\n    .domy-dashboard-hero-title {\n      font-size: clamp(24px, 7vw, 30px);\n    }\n    .domy-dashboard-hero-text {\n      max-width: 100%;\n    }\n    .domy-dashboard-cta {\n      width: 100%;\n      justify-content: center;\n    }\n    .domy-dashboard-right {\n      padding: 22px 18px;\n    }\n    .domy-dashboard-cards {\n      grid-template-columns: 1fr;\n      gap: 10px;\n    }\n    .domy-dashboard-card {\n      align-items: center;\n      padding: 14px;\n    }\n    .domy-dashboard-icon {\n      width: 36px;\n      height: 36px;\n    }\n    .domy-dashboard-simulator {\n      padding: 18px 16px;\n    }\n    .domy-dashboard-calc-btn {\n      width: 100%;\n    }\n    .domy-dashboard-result-main strong {\n      font-size: 22px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .domy-dashboard-cta,\n    .domy-dashboard-calc-btn,\n    .domy-dashboard-step-btn {\n      transition: none;\n    }\n  }\n  \/* Boutons fins \u2014 section Espace Pro *\/\n.domy-dashboard-section .domy-dashboard-cta,\n.domy-dashboard-section .domy-dashboard-calc-btn {\n  height: 40px !important;\n  min-height: 40px !important;\n  max-height: 40px !important;\n  padding: 0 24px !important;\n\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 0 !important;\n\n  box-sizing: border-box !important;\n  border-radius: 999px !important;\n  box-shadow: none !important;\n\n  font-family: \"Montserrat\", Arial, sans-serif !important;\n  font-size: 13px !important;\n  font-weight: 500 !important;\n  line-height: 1 !important;\n  letter-spacing: 0 !important;\n  text-decoration: none !important;\n}\n\n\/* Le bouton du simulateur conserve toute sa largeur *\/\n.domy-dashboard-section .domy-dashboard-calc-btn {\n  width: 100% !important;\n}\n\n\/* Le bouton Rejoindre DOMY reste compact *\/\n.domy-dashboard-section .domy-dashboard-cta {\n  width: fit-content !important;\n  min-width: 210px !important;\n}\n\n\/* Supprimer les fl\u00e8ches *\/\n.domy-dashboard-section .domy-dashboard-arrow,\n.domy-dashboard-section .domy-dashboard-cta svg,\n.domy-dashboard-section .domy-dashboard-calc-btn svg,\n.domy-dashboard-section .domy-dashboard-cta::before,\n.domy-dashboard-section .domy-dashboard-cta::after,\n.domy-dashboard-section .domy-dashboard-calc-btn::before,\n.domy-dashboard-section .domy-dashboard-calc-btn::after {\n  display: none !important;\n  content: none !important;\n}\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n  .domy-dashboard-section .domy-dashboard-cta,\n  .domy-dashboard-section .domy-dashboard-calc-btn {\n    height: 38px !important;\n    min-height: 38px !important;\n    max-height: 38px !important;\n    padding: 0 18px !important;\n    font-size: 12px !important;\n  }\n\n  .domy-dashboard-section .domy-dashboard-cta {\n    min-width: 190px !important;\n  }\n}\n<\/style>\n\n<script>\n  (function () {\n    var root = document.currentScript.previousElementSibling;\n    \/\/ Fallback: if structure differs, search the whole document (widget-safe)\n    var section = document.querySelector('.domy-dashboard-section');\n    if (!section) return;\n\n    var countInput = section.querySelector('#domy-dashboard-count');\n    var priceInput = section.querySelector('#domy-dashboard-price');\n    var slider = section.querySelector('#domy-dashboard-slider');\n    var calcBtn = section.querySelector('#domy-dashboard-calc');\n\n    var caEl = section.querySelector('#domy-dashboard-ca');\n    var commissionEl = section.querySelector('#domy-dashboard-commission');\n    var netEl = section.querySelector('#domy-dashboard-net');\n    var exampleEl = section.querySelector('#domy-dashboard-example');\n\n    var formatter = new Intl.NumberFormat('fr-FR', { maximumFractionDigits: 0 });\n\n    function formatMAD(value) {\n      if (!isFinite(value) || isNaN(value)) value = 0;\n      return formatter.format(value) + ' MAD';\n    }\n\n    function safeNumber(value, fallback) {\n      var n = parseFloat(value);\n      if (isNaN(n) || !isFinite(n) || n < 0) return fallback;\n      return n;\n    }\n\n    function syncSliderFromCount() {\n      var count = safeNumber(countInput.value, 0);\n      var sliderMax = parseFloat(slider.max);\n      slider.value = Math.min(count, sliderMax);\n    }\n\n    function recalculate() {\n      var nombrePrestations = safeNumber(countInput.value, 0);\n      var prixMoyen = safeNumber(priceInput.value, 0);\n\n      var chiffreAffaires = nombrePrestations * prixMoyen;\n      var commissionDomy = chiffreAffaires * 0.20;\n      var revenuNet = chiffreAffaires - commissionDomy;\n\n      if (!isFinite(chiffreAffaires) || isNaN(chiffreAffaires) || chiffreAffaires < 0) chiffreAffaires = 0;\n      if (!isFinite(revenuNet) || isNaN(revenuNet) || revenuNet < 0) revenuNet = 0;\n      if (!isFinite(commissionDomy) || isNaN(commissionDomy) || commissionDomy < 0) commissionDomy = 0;\n\n      caEl.textContent = formatMAD(chiffreAffaires);\n      commissionEl.textContent = '\u2212 ' + formatMAD(commissionDomy);\n      netEl.textContent = formatMAD(revenuNet);\n      exampleEl.textContent = 'Exemple : ' + formatter.format(nombrePrestations) + ' \u00d7 ' + formatter.format(prixMoyen) + ' MAD \u00d7 80 % = ' + formatMAD(revenuNet);\n    }\n\n    section.querySelectorAll('.domy-dashboard-step-btn').forEach(function (btn) {\n      btn.addEventListener('click', function () {\n        var targetId = btn.getAttribute('data-target');\n        var target = section.querySelector('#' + targetId);\n        if (!target) return;\n        var step = parseFloat(target.step) || 1;\n        var min = parseFloat(target.min) || 0;\n        var current = safeNumber(target.value, min);\n        var next = btn.getAttribute('data-action') === 'increment' ? current + step : current - step;\n        if (next < min) next = min;\n        target.value = next;\n        if (targetId === 'domy-dashboard-count') syncSliderFromCount();\n        recalculate();\n      });\n    });\n\n    countInput.addEventListener('input', function () {\n      syncSliderFromCount();\n      recalculate();\n    });\n    priceInput.addEventListener('input', recalculate);\n\n    slider.addEventListener('input', function () {\n      countInput.value = slider.value;\n      recalculate();\n    });\n\n    [countInput, priceInput].forEach(function (input) {\n      input.addEventListener('keydown', function (e) {\n        if (e.key === 'Enter') {\n          e.preventDefault();\n          recalculate();\n        }\n      });\n    });\n\n    calcBtn.addEventListener('click', recalculate);\n\n    recalculate();\n  })();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-4600d35 e-con e-atomic-element e-flexbox-base e-b758f92 \" data-id=\"4600d35\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4600d35\" data-e-type=\"e-flexbox\" data-id=\"4600d35\">\n    \t\t<div class=\"elementor-element elementor-element-a1ea751 elementor-widget elementor-widget-heading\" data-id=\"a1ea751\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Couvertures<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-000f306 elementor-widget elementor-widget-heading\" data-id=\"000f306\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Zones desservies<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3c78e38 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"3c78e38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>DOMY se d\u00e9ploie ville par ville. Voici o\u00f9 nous en sommes aujourd&rsquo;hui.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-8b152d4 e-con e-atomic-element e-flexbox-base e-8b152d4-6e8f000 \" data-id=\"8b152d4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8b152d4\" data-e-type=\"e-flexbox\" data-id=\"8b152d4\">\n    \t\t<div class=\"elementor-element elementor-element-3ec5ab7 elementor-widget elementor-widget-html\" data-id=\"3ec5ab7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"domy-cities\">\n  <div class=\"city active\">\n    <div>\n      <h3>Marrakech<\/h3>\n      <p>Tous les services disponibles<\/p>\n    <\/div>\n    <span class=\"status available\">Disponible<\/span>\n  <\/div>\n\n  <div class=\"city\">\n    <div>\n      <h3>Casablanca<\/h3>\n      <p>Ouverture prochainement<\/p>\n    <\/div>\n    <span class=\"status soon\">Bient\u00f4t<\/span>\n  <\/div>\n\n  <div class=\"city\">\n    <div>\n      <h3>Rabat<\/h3>\n      <p>Ouverture prochainement<\/p>\n    <\/div>\n    <span class=\"status soon\">Bient\u00f4t<\/span>\n  <\/div>\n\n  <div class=\"city\">\n    <div>\n      <h3>Agadir<\/h3>\n      <p>Ouverture prochainement<\/p>\n    <\/div>\n    <span class=\"status soon\">Bient\u00f4t<\/span>\n  <\/div>\n\n  <div class=\"city\">\n    <div>\n      <h3>Tanger<\/h3>\n      <p>Ouverture prochainement<\/p>\n    <\/div>\n    <span class=\"status soon\">Bient\u00f4t<\/span>\n  <\/div>\n\n  <div class=\"city\">\n    <div>\n      <h3>F\u00e8s<\/h3>\n      <p>Ouverture prochainement<\/p>\n    <\/div>\n    <span class=\"status soon\">Bient\u00f4t<\/span>\n  <\/div>\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap');\n\n.domy-cities{\n  max-width:1050px;\n  margin:0 auto;\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:16px;\n  font-family:'Montserrat',sans-serif;\n}\n\n.city{\n  min-height:105px;\n  padding:22px 24px;\n  background:#fff;\n  border:1px solid #EEE3FA;\n  border-radius:22px;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:16px;\n  box-shadow:0 10px 24px rgba(125,75,239,.05);\n  transition:all .28s ease;\n}\n\n.city:hover{\n  transform:translateY(-6px);\n  border-color:#C96CE7;\n  box-shadow:0 18px 38px rgba(125,75,239,.15);\n  background:linear-gradient(180deg,#FFFFFF 0%,#FCF8FF 100%);\n}\n\n.city h3{\n  margin:0 0 4px;\n  font-family:'Montserrat',sans-serif;\n  font-size:22px;\n  font-weight:700;\n  color:#21183F;\n  line-height:1.1;\n}\n\n.city p{\n  margin:0;\n  font-family:'Montserrat',sans-serif;\n  font-size:14px;\n  font-weight:400;\n  color:#756F86;\n  line-height:1.35;\n}\n\n.status{\n  flex-shrink:0;\n  padding:7px 14px;\n  border-radius:999px;\n  font-family:'Montserrat',sans-serif;\n  font-size:12px;\n  font-weight:600;\n  white-space:nowrap;\n}\n\n.available{\n  color:#208C45;\n  background:#E6F7EA;\n}\n\n.soon{\n  color:#756F86;\n  background:#F1EEF5;\n}\n\n.city.active:hover{\n  border-color:#7D4BEF;\n}\n\n@media(max-width:1024px){\n  .domy-cities{\n    grid-template-columns:repeat(2,1fr);\n    max-width:760px;\n  }\n}\n\n\/* MOBILE \u2014 villes en d\u00e9filement horizontal *\/\n@media (max-width: 767px) {\n\n  .domy-cities {\n    width: 100%;\n    max-width: 100%;\n\n    display: grid;\n    grid-template-columns: none;\n    grid-auto-flow: column;\n    grid-auto-columns: 78%;\n\n    gap: 10px;\n    padding: 4px 16px 14px;\n\n    overflow-x: auto;\n    overflow-y: hidden;\n\n    scroll-snap-type: x mandatory;\n    scroll-padding-left: 16px;\n    overscroll-behavior-inline: contain;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  \/* Masquer la barre de d\u00e9filement *\/\n  .domy-cities::-webkit-scrollbar {\n    display: none;\n  }\n\n  .domy-cities {\n    scrollbar-width: none;\n  }\n\n  .domy-cities .city {\n    width: 100%;\n    min-width: 0;\n    min-height: 105px;\n\n    padding: 16px;\n    border-radius: 18px;\n    gap: 10px;\n\n    scroll-snap-align: start;\n    scroll-snap-stop: always;\n\n    box-shadow: 0 6px 16px rgba(107, 44, 135, 0.06);\n  }\n\n  .domy-cities .city:hover {\n    transform: none;\n  }\n\n  .domy-cities .city h3 {\n    margin: 0 0 4px;\n    font-size: 18px;\n    line-height: 1.15;\n    color: #6B2C87;\n  }\n\n  .domy-cities .city p {\n    margin: 0;\n    font-size: 11.5px;\n    line-height: 1.35;\n  }\n\n  .domy-cities .status {\n    padding: 6px 10px;\n    font-size: 10px;\n  }\n}\n}\/* =====================================================\n   MOBILE \u2014 VILLES EN GRILLE 2 COLONNES, SANS SLIDE\n   ===================================================== *\/\n@media (max-width: 767px) {\n\n  .domy-cities {\n    display: grid !important;\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n    grid-template-rows: repeat(3, auto) !important;\n    gap: 10px !important;\n\n    width: calc(100% - 24px) !important;\n    max-width: 100% !important;\n    margin: 0 auto !important;\n    padding: 0 !important;\n\n    overflow: visible !important;\n    scroll-snap-type: none !important;\n    transform: none !important;\n  }\n\n  .domy-cities::after,\n  .domy-cities::before {\n    display: none !important;\n    content: none !important;\n  }\n\n  .domy-cities .city {\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: flex-start !important;\n    justify-content: space-between !important;\n\n    width: 100% !important;\n    min-width: 0 !important;\n    max-width: none !important;\n    min-height: 112px !important;\n\n    margin: 0 !important;\n    padding: 14px 12px !important;\n\n    background: #ffffff !important;\n    border: 1px solid #EADFF0 !important;\n    border-radius: 17px !important;\n    box-shadow: none !important;\n\n    scroll-snap-align: none !important;\n    transform: none !important;\n  }\n\n  .domy-cities .city > div {\n    width: 100% !important;\n    min-width: 0 !important;\n  }\n\n  .domy-cities .city h3 {\n    margin: 0 0 4px !important;\n    color: #3A1160 !important;\n    font-size: 16px !important;\n    line-height: 1.15 !important;\n    white-space: normal !important;\n  }\n\n  .domy-cities .city p {\n    margin: 0 !important;\n    color: #777087 !important;\n    font-size: 10.5px !important;\n    line-height: 1.3 !important;\n    white-space: normal !important;\n  }\n\n  .domy-cities .status {\n    align-self: flex-start !important;\n    margin-top: 10px !important;\n    padding: 5px 9px !important;\n\n    border-radius: 999px !important;\n    font-size: 9px !important;\n    line-height: 1 !important;\n    white-space: nowrap !important;\n  }\n\n  .domy-cities .available {\n    color: #208C45 !important;\n    background: #E6F7EA !important;\n  }\n\n  .domy-cities .soon {\n    color: #756F86 !important;\n    background: #F1EEF5 !important;\n  }\n}\/* CORRECTION FORC\u00c9E \u2014 supprimer d\u00e9finitivement le carrousel *\/\n@media screen and (max-width: 767px) {\n\n  .domy-cities {\n    display: grid !important;\n\n    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;\n    grid-template-rows: auto auto auto !important;\n\n    grid-auto-flow: row !important;\n    grid-auto-columns: auto !important;\n    grid-auto-rows: auto !important;\n\n    column-gap: 8px !important;\n    row-gap: 8px !important;\n\n    width: calc(100% - 20px) !important;\n    min-width: 0 !important;\n    max-width: calc(100% - 20px) !important;\n\n    margin: 0 auto !important;\n    padding: 0 !important;\n\n    overflow: visible !important;\n    overflow-x: visible !important;\n\n    scroll-snap-type: none !important;\n    scroll-padding: 0 !important;\n    transform: none !important;\n\n    box-sizing: border-box !important;\n  }\n\n  .domy-cities > .city {\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: flex-start !important;\n    justify-content: space-between !important;\n\n    position: relative !important;\n\n    width: auto !important;\n    min-width: 0 !important;\n    max-width: 100% !important;\n    min-height: 108px !important;\n\n    flex: none !important;\n    flex-basis: auto !important;\n\n    margin: 0 !important;\n    padding: 13px 11px !important;\n\n    scroll-snap-align: none !important;\n    transform: none !important;\n    box-sizing: border-box !important;\n  }\n\n  .domy-cities > .city > div {\n    width: 100% !important;\n    min-width: 0 !important;\n    max-width: 100% !important;\n  }\n\n  .domy-cities > .city h3,\n  .domy-cities > .city p {\n    max-width: 100% !important;\n    white-space: normal !important;\n    overflow-wrap: anywhere !important;\n  }\n\n  .domy-cities > .city h3 {\n    font-size: 15px !important;\n  }\n\n  .domy-cities > .city p {\n    font-size: 10px !important;\n  }\n\n  .domy-cities > .city .status {\n    position: static !important;\n    display: inline-flex !important;\n    align-self: flex-start !important;\n\n    width: auto !important;\n    min-width: 0 !important;\n    max-width: 100% !important;\n\n    margin-top: 8px !important;\n    padding: 5px 8px !important;\n    font-size: 8.5px !important;\n    white-space: nowrap !important;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-859501c e-con e-atomic-element e-flexbox-base e-a50d4a9 \" data-id=\"859501c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"859501c\" data-e-type=\"e-flexbox\" data-id=\"859501c\">\n    <div class=\"elementor-element elementor-element-d5931a7 e-con e-atomic-element e-flexbox-base e-d5931a7-16d0445 \" data-id=\"d5931a7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d5931a7\" data-e-type=\"e-flexbox\" data-id=\"d5931a7\">\n    \t\t<div class=\"elementor-element elementor-element-239b072 elementor-widget elementor-widget-heading\" data-id=\"239b072\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">FAQ <\/h2>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<div class=\"elementor-element elementor-element-fcde0aa elementor-widget elementor-widget-html\" data-id=\"fcde0aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<section id=\"faq\" class=\"domy-light-faq-section\" aria-labelledby=\"domy-light-faq-title\">\n\n  <div class=\"domy-light-faq-header\">\n    <h2 class=\"domy-light-faq-title\" id=\"domy-light-faq-title\">Une question&nbsp;? On vous r\u00e9pond<\/h2>\n    <p class=\"domy-light-faq-lead\">Retrouvez toutes les informations utiles sur nos services, la r\u00e9servation et le fonctionnement de DOMY.<\/p>\n  <\/div>\n\n  <div class=\"domy-light-faq-categories\" role=\"tablist\" aria-label=\"Cat\u00e9gories de questions\">\n    <button type=\"button\" class=\"domy-light-faq-cat is-active\" role=\"tab\" aria-selected=\"true\" aria-controls=\"domy-light-faq-panel\" id=\"domy-light-faq-tab-0\" data-category=\"0\">\n      R\u00e9servation &amp; Services\n    <\/button>\n    <button type=\"button\" class=\"domy-light-faq-cat\" role=\"tab\" aria-selected=\"false\" aria-controls=\"domy-light-faq-panel\" id=\"domy-light-faq-tab-1\" data-category=\"1\">\n      Paiement &amp; S\u00e9curit\u00e9\n    <\/button>\n    <button type=\"button\" class=\"domy-light-faq-cat\" role=\"tab\" aria-selected=\"false\" aria-controls=\"domy-light-faq-panel\" id=\"domy-light-faq-tab-2\" data-category=\"2\">\n      Confiance &amp; Qualit\u00e9\n    <\/button>\n    <button type=\"button\" class=\"domy-light-faq-cat\" role=\"tab\" aria-selected=\"false\" aria-controls=\"domy-light-faq-panel\" id=\"domy-light-faq-tab-3\" data-category=\"3\">\n      Logistique\n    <\/button>\n  <\/div>\n\n  <div class=\"domy-light-faq-questions\">\n\n    <div class=\"domy-light-faq-panel-head\">\n      <h3 class=\"domy-light-faq-cat-title\" id=\"domy-light-faq-cat-title\">R\u00e9servation &amp; Services<\/h3>\n      <span class=\"domy-light-faq-cat-count\" id=\"domy-light-faq-cat-count\">04 questions<\/span>\n    <\/div>\n\n    <div class=\"domy-light-faq-accordion\" id=\"domy-light-faq-panel\" role=\"tabpanel\" aria-labelledby=\"domy-light-faq-tab-0\">\n\n      <!-- ===== CAT\u00c9GORIE 0 : R\u00c9SERVATION & SERVICES ===== -->\n      <div class=\"domy-light-faq-group is-active\" data-group=\"0\">\n\n        <div class=\"domy-light-faq-item is-open\">\n          <h4 class=\"domy-light-faq-q\">\n            <button type=\"button\" class=\"domy-light-faq-q-btn\" aria-expanded=\"true\">\n              <span>Comment r\u00e9server une prestation&nbsp;?<\/span>\n              <span class=\"domy-light-faq-toggle\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/h4>\n          <div class=\"domy-light-faq-a\">\n            <p>Il vous suffit de choisir un service, d'indiquer la date et l'heure souhait\u00e9es, puis d'envoyer votre demande en quelques clics.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"domy-light-faq-item\">\n          <h4 class=\"domy-light-faq-q\">\n            <button type=\"button\" class=\"domy-light-faq-q-btn\" aria-expanded=\"false\">\n              <span>Quels services propose DOMY&nbsp;?<\/span>\n              <span class=\"domy-light-faq-toggle\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/h4>\n          <div class=\"domy-light-faq-a\">\n            <p>Nous proposons actuellement des prestations en beaut\u00e9, coiffure et massage. De nouveaux services seront ajout\u00e9s progressivement selon vos besoins.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"domy-light-faq-item\">\n          <h4 class=\"domy-light-faq-q\">\n            <button type=\"button\" class=\"domy-light-faq-q-btn\" aria-expanded=\"false\">\n              <span>Puis-je choisir mon prestataire&nbsp;?<\/span>\n              <span class=\"domy-light-faq-toggle\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/h4>\n          <div class=\"domy-light-faq-a\">\n            <p>Oui, mais uniquement parmi ceux qui acceptent votre demande. Lorsqu'un ou plusieurs professionnels r\u00e9pondent, vous pouvez consulter leurs profils (exp\u00e9rience, sp\u00e9cialit\u00e9s, avis) et s\u00e9lectionner celui qui vous convient le mieux. Vous ne voyez donc que les professionnels r\u00e9ellement disponibles pour votre cr\u00e9neau, et non un simple annuaire.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"domy-light-faq-item\">\n          <h4 class=\"domy-light-faq-q\">\n            <button type=\"button\" class=\"domy-light-faq-q-btn\" aria-expanded=\"false\">\n              <span>Sous combien de temps puis-je avoir un rendez-vous&nbsp;?<\/span>\n              <span class=\"domy-light-faq-toggle\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/h4>\n          <div class=\"domy-light-faq-a\">\n            <p>Nos professionnels r\u00e9pondent g\u00e9n\u00e9ralement sous 24h. Cela vous permet de planifier votre prestation rapidement et en toute tranquillit\u00e9. Au fur et \u00e0 mesure que notre communaut\u00e9 grandit, de plus en plus de rendez-vous seront disponibles dans la journ\u00e9e.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- ===== CAT\u00c9GORIE 1 : PAIEMENT & S\u00c9CURIT\u00c9 ===== -->\n      <div class=\"domy-light-faq-group\" data-group=\"1\" hidden>\n\n        <div class=\"domy-light-faq-item\">\n          <h4 class=\"domy-light-faq-q\">\n            <button type=\"button\" class=\"domy-light-faq-q-btn\" aria-expanded=\"false\">\n              <span>Quels moyens de paiement sont accept\u00e9s&nbsp;?<\/span>\n              <span class=\"domy-light-faq-toggle\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/h4>\n          <div class=\"domy-light-faq-a\">\n            <p>Le paiement se fait directement via l'application par carte bancaire, de mani\u00e8re totalement s\u00e9curis\u00e9e.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"domy-light-faq-item\">\n          <h4 class=\"domy-light-faq-q\">\n            <button type=\"button\" class=\"domy-light-faq-q-btn\" aria-expanded=\"false\">\n              <span>Quand suis-je d\u00e9bit\u00e9(e)&nbsp;?<\/span>\n              <span class=\"domy-light-faq-toggle\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/h4>\n          <div class=\"domy-light-faq-a\">\n            <p>Vous \u00eates d\u00e9bit\u00e9(e) au moment de la r\u00e9servation. Le montant est conserv\u00e9 en s\u00e9curit\u00e9 jusqu'\u00e0 la r\u00e9alisation de la prestation.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"domy-light-faq-item\">\n          <h4 class=\"domy-light-faq-q\">\n            <button type=\"button\" class=\"domy-light-faq-q-btn\" aria-expanded=\"false\">\n              <span>Y a-t-il des frais suppl\u00e9mentaires&nbsp;?<\/span>\n              <span class=\"domy-light-faq-toggle\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/h4>\n          <div class=\"domy-light-faq-a\">\n            <p>Non, le prix affich\u00e9 est le prix final, sans frais cach\u00e9s.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- ===== CAT\u00c9GORIE 2 : CONFIANCE & QUALIT\u00c9 ===== -->\n      <div class=\"domy-light-faq-group\" data-group=\"2\" hidden>\n\n        <div class=\"domy-light-faq-item\">\n          <h4 class=\"domy-light-faq-q\">\n            <button type=\"button\" class=\"domy-light-faq-q-btn\" aria-expanded=\"false\">\n              <span>Comment s\u00e9lectionnez-vous les professionnels&nbsp;?<\/span>\n              <span class=\"domy-light-faq-toggle\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/h4>\n          <div class=\"domy-light-faq-a\">\n            <p>Chaque professionnel qui rejoint DOMY doit obligatoirement fournir ses documents d'identit\u00e9, ses dipl\u00f4mes ou attestations de formation, ainsi qu'un portfolio de son travail. Nous v\u00e9rifions la coh\u00e9rence entre son exp\u00e9rience, la qualit\u00e9 des prestations pr\u00e9sent\u00e9es sur photo et le respect des standards d'hygi\u00e8ne et de s\u00e9curit\u00e9. Seuls les profils r\u00e9pondant \u00e0 l'ensemble de ces crit\u00e8res sont valid\u00e9s afin de garantir aux clients des prestations fiables, s\u00e9curis\u00e9es et de qualit\u00e9.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"domy-light-faq-item\">\n          <h4 class=\"domy-light-faq-q\">\n            <button type=\"button\" class=\"domy-light-faq-q-btn\" aria-expanded=\"false\">\n              <span>Que faire si je ne suis pas satisfait(e)&nbsp;?<\/span>\n              <span class=\"domy-light-faq-toggle\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/h4>\n          <div class=\"domy-light-faq-a\">\n            <p>Vous pouvez nous contacter directement via l'application. Chaque situation est \u00e9tudi\u00e9e et nous trouvons une solution adapt\u00e9e (remboursement partiel, geste commercial, etc.).<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- ===== CAT\u00c9GORIE 3 : LOGISTIQUE ===== -->\n      <div class=\"domy-light-faq-group\" data-group=\"3\" hidden>\n\n        <div class=\"domy-light-faq-item\">\n          <h4 class=\"domy-light-faq-q\">\n            <button type=\"button\" class=\"domy-light-faq-q-btn\" aria-expanded=\"false\">\n              <span>Dois-je pr\u00e9parer du mat\u00e9riel&nbsp;?<\/span>\n              <span class=\"domy-light-faq-toggle\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/h4>\n          <div class=\"domy-light-faq-a\">\n            <p>Non, le professionnel apporte tout le n\u00e9cessaire pour r\u00e9aliser la prestation dans les meilleures conditions.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"domy-light-faq-item\">\n          <h4 class=\"domy-light-faq-q\">\n            <button type=\"button\" class=\"domy-light-faq-q-btn\" aria-expanded=\"false\">\n              <span>Que se passe-t-il si le professionnel est en retard ou ne vient pas&nbsp;?<\/span>\n              <span class=\"domy-light-faq-toggle\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/h4>\n          <div class=\"domy-light-faq-a\">\n            <p>Vous pouvez le signaler directement dans l'application. Dans ce cas, vous \u00eates automatiquement rembours\u00e9(e).<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"domy-light-faq-item\">\n          <h4 class=\"domy-light-faq-q\">\n            <button type=\"button\" class=\"domy-light-faq-q-btn\" aria-expanded=\"false\">\n              <span>Puis-je annuler une prestation sans frais&nbsp;?<\/span>\n              <span class=\"domy-light-faq-toggle\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/h4>\n          <div class=\"domy-light-faq-a\">\n            <p>Oui, vous pouvez annuler une prestation sans frais si vous pr\u00e9venez \u00e0 l'avance. DOMY reste souple au lancement et comprend que des impr\u00e9vus peuvent arriver. En revanche, si des annulations de derni\u00e8re minute deviennent trop r\u00e9p\u00e9titives, nous nous r\u00e9servons le droit de restreindre ou suspendre un compte afin de prot\u00e9ger les professionnels.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<style>\n  .domy-light-faq-section {\n    --domy-light-faq-violet: #6B2C87;\n    --domy-light-faq-violet-dark: #3A1160;\n    --domy-light-faq-text: #777087;\n    --domy-light-faq-border: #EADFF0;\n    --domy-light-faq-pale: #FFF8FC;\n    --domy-light-faq-gradient: linear-gradient(112deg, #F39ACB 0%, #CD7FC1 30%, #9651AA 58%, #63248C 78%, #351066 100%);\n\n    font-family: \"Montserrat\", Arial, sans-serif;\n    background: #ffffff;\n    width: calc(100% - 32px);\n    max-width: 1200px;\n    margin-inline: auto;\n    box-sizing: border-box;\n    padding: 56px 16px;\n  }\n  .domy-light-faq-section *,\n  .domy-light-faq-section *::before,\n  .domy-light-faq-section *::after {\n    box-sizing: border-box;\n  }\n\n  \/* ============ EN-T\u00caTE ============ *\/\n  .domy-light-faq-header {\n    text-align: center;\n    max-width: 680px;\n    margin: 0 auto 32px;\n  }\n\n  .domy-light-faq-badge {\n    display: inline-block;\n    padding: 7px 18px;\n    margin-bottom: 18px;\n    background: var(--domy-light-faq-pale);\n    border: 1px solid var(--domy-light-faq-border);\n    border-radius: 999px;\n    color: var(--domy-light-faq-violet);\n    font-weight: 700;\n    font-size: 11px;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n  }\n\n  .domy-light-faq-title {\n    margin: 0 0 12px;\n    color: var(--domy-light-faq-violet-dark);\n    font-weight: 700;\n    font-size: 32px;\n    line-height: 1.2;\n  }\n\n  .domy-light-faq-lead {\n    margin: 0;\n    color: var(--domy-light-faq-text);\n    font-weight: 400;\n    font-size: 15px;\n    line-height: 1.6;\n  }\n\n  \/* ============ CAT\u00c9GORIES ============ *\/\n  .domy-light-faq-categories {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 10px;\n    margin-bottom: 36px;\n  }\n\n  .domy-light-faq-cat {\n    background: #ffffff;\n    border: 1px solid var(--domy-light-faq-border);\n    border-radius: 999px;\n    padding: 12px 22px;\n    color: var(--domy-light-faq-text);\n    font-family: \"Montserrat\", Arial, sans-serif;\n    font-weight: 600;\n    font-size: 14px;\n    cursor: pointer;\n    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;\n  }\n\n  .domy-light-faq-cat:hover {\n    border-color: #dcb8e0;\n  }\n\n  .domy-light-faq-cat:focus-visible {\n    outline: 2px solid var(--domy-light-faq-violet);\n    outline-offset: 2px;\n  }\n\n  .domy-light-faq-cat.is-active {\n    background: var(--domy-light-faq-pale);\n    color: var(--domy-light-faq-violet);\n    border-color: var(--domy-light-faq-border);\n  }\n\n  \/* ============ QUESTIONS ============ *\/\n  .domy-light-faq-questions {\n    max-width: 1050px;\n    margin: 0 auto;\n  }\n\n  .domy-light-faq-panel-head {\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n    gap: 16px;\n    margin-bottom: 8px;\n  }\n\n  .domy-light-faq-cat-title {\n    margin: 0;\n    color: var(--domy-light-faq-violet-dark);\n    font-weight: 800;\n    font-size: 24px;\n  }\n\n  .domy-light-faq-cat-count {\n    flex-shrink: 0;\n    color: var(--domy-light-faq-violet);\n    font-weight: 500;\n    font-size: 13px;\n  }\n\n  .domy-light-faq-group {\n    display: flex;\n    flex-direction: column;\n  }\n  .domy-light-faq-group[hidden] {\n    display: none !important;\n  }\n\n  .domy-light-faq-item {\n    border-top: 1px solid var(--domy-light-faq-border);\n  }\n  .domy-light-faq-group > .domy-light-faq-item:last-child {\n    border-bottom: 1px solid var(--domy-light-faq-border);\n  }\n\n  .domy-light-faq-q {\n    margin: 0;\n  }\n\n  .domy-light-faq-q-btn {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n    width: 100%;\n    background: transparent;\n    border: none;\n    padding: 18px 4px;\n    cursor: pointer;\n    text-align: left;\n    color: var(--domy-light-faq-violet);\n    font-family: \"Montserrat\", Arial, sans-serif;\n    font-weight: 700;\n    font-size: 15px;\n  }\n  .domy-light-faq-q-btn:focus-visible {\n    outline: 2px solid var(--domy-light-faq-violet);\n    outline-offset: -2px;\n    border-radius: 8px;\n  }\n\n  .domy-light-faq-toggle {\n    position: relative;\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    border: 1.4px solid var(--domy-light-faq-violet);\n  }\n  .domy-light-faq-toggle::before,\n  .domy-light-faq-toggle::after {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    background: var(--domy-light-faq-violet-dark);\n    transition: transform 0.25s ease;\n  }\n  .domy-light-faq-toggle::before {\n    width: 12px;\n    height: 1.6px;\n    transform: translate(-50%, -50%);\n  }\n  .domy-light-faq-toggle::after {\n    width: 1.6px;\n    height: 12px;\n    transform: translate(-50%, -50%);\n  }\n  .domy-light-faq-q-btn[aria-expanded=\"true\"] .domy-light-faq-toggle::after {\n    transform: translate(-50%, -50%) scaleY(0);\n  }\n\n  .domy-light-faq-a {\n    display: grid;\n    grid-template-rows: 0fr;\n    opacity: 0;\n    transition: grid-template-rows 0.3s ease, opacity 0.25s ease, padding 0.3s ease;\n    padding: 0 4px;\n  }\n  .domy-light-faq-a > p {\n    margin: 0;\n    overflow: hidden;\n    color: var(--domy-light-faq-text);\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 1.6;\n    min-height: 0;\n  }\n  .domy-light-faq-item.is-open .domy-light-faq-a {\n    grid-template-rows: 1fr;\n    opacity: 1;\n    padding: 0 4px 20px;\n  }\n\n  @supports not (grid-template-rows: 0fr) {\n    .domy-light-faq-a {\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height 0.3s ease, opacity 0.25s ease, padding 0.3s ease;\n    }\n    .domy-light-faq-item.is-open .domy-light-faq-a {\n      max-height: 600px;\n    }\n  }\n\n  \/* ============================================================\n     TABLETTE \u2014 768px \u00e0 1024px\n     ============================================================ *\/\n  @media (min-width: 768px) and (max-width: 1024px) {\n    .domy-light-faq-section {\n      padding: 44px 28px;\n    }\n    .domy-light-faq-title {\n      font-size: 27px;\n    }\n    .domy-light-faq-lead {\n      font-size: 14px;\n    }\n    .domy-light-faq-categories {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 12px;\n      max-width: 640px;\n      margin-inline: auto;\n      margin-bottom: 32px;\n    }\n    .domy-light-faq-cat {\n      width: 100%;\n      text-align: center;\n      font-size: 13px;\n    }\n    .domy-light-faq-cat-title {\n      font-size: 22px;\n    }\n    .domy-light-faq-q-btn {\n      font-size: 14.5px;\n    }\n    .domy-light-faq-a > p {\n      font-size: 13.5px;\n    }\n  }\n\n  \/* ============================================================\n     MOBILE \u2014 jusqu'\u00e0 767px\n     ============================================================ *\/\n  @media (max-width: 767px) {\n    .domy-light-faq-section {\n      width: 100%;\n      padding: 36px 16px;\n    }\n    .domy-light-faq-header {\n      margin-bottom: 24px;\n    }\n    .domy-light-faq-badge {\n      padding: 6px 14px;\n      font-size: 10px;\n      margin-bottom: 14px;\n    }\n    .domy-light-faq-title {\n      font-size: 23px;\n      line-height: 1.2;\n    }\n    .domy-light-faq-lead {\n      font-size: 13px;\n    }\n    .domy-light-faq-categories {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 10px;\n      margin-bottom: 26px;\n    }\n    .domy-light-faq-cat {\n      width: 100%;\n      text-align: center;\n      padding: 11px 10px;\n      font-size: 12px;\n    }\n    .domy-light-faq-panel-head {\n      flex-wrap: wrap;\n    }\n    .domy-light-faq-cat-title {\n      font-size: 19px;\n    }\n    .domy-light-faq-cat-count {\n      font-size: 11px;\n    }\n    .domy-light-faq-q-btn {\n      padding: 14px 2px;\n      font-size: 14px;\n      gap: 10px;\n    }\n    .domy-light-faq-toggle {\n      width: 28px;\n      height: 28px;\n    }\n    .domy-light-faq-a {\n      padding: 0 2px;\n    }\n    .domy-light-faq-item.is-open .domy-light-faq-a {\n      padding: 0 2px 16px;\n    }\n    .domy-light-faq-a > p {\n      font-size: 13px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .domy-light-faq-section * {\n      transition: none !important;\n      animation: none !important;\n    }\n  }\n  \/* =====================================================\n   CORRECTION VISUELLE FAQ DOMY\n   Fond rose + \u00e9l\u00e9ments blancs et arrondis\n   ===================================================== *\/\n\n\/* Fond rose sur toute la largeur *\/\n.domy-light-faq-section {\n  background: #FBF8FF !important;\n  box-shadow: 0 0 0 100vmax #FBF8FF !important;\n  clip-path: inset(0 -100vmax);\n}\n\n\/* Aucun fond violet sur les boutons *\/\n.domy-light-faq-section button {\n  background: #ffffff !important;\n  background-image: none !important;\n  color: #6B2C87 !important;\n  border: 1px solid #EADFF0 !important;\n  box-shadow: none !important;\n  text-shadow: none !important;\n}\n\n\/* Petite pastille FAQ *\/\n.domy-light-faq-section .domy-light-faq-badge {\n  background: #FFF3FB !important;\n  color: #6B2C87 !important;\n  border: 1px solid #F1DDEC !important;\n  border-radius: 999px !important;\n}\n\n\/* Cat\u00e9gories blanches et arrondies *\/\n.domy-light-faq-section [role=\"tab\"] {\n  background: #ffffff !important;\n  color: #777087 !important;\n  border: 1px solid #EADFF0 !important;\n  border-radius: 999px !important;\n}\n\n\/* Cat\u00e9gorie active : rose tr\u00e8s l\u00e9ger *\/\n.domy-light-faq-section [role=\"tab\"].is-active,\n.domy-light-faq-section [role=\"tab\"][aria-selected=\"true\"] {\n  background: #FFF3FB !important;\n  color: #6B2C87 !important;\n  border-color: #E9CFE6 !important;\n}\n\n\/* Conteneurs des questions *\/\n.domy-light-faq-section [class*=\"faq-item\"] {\n  background: transparent !important;\n  background-image: none !important;\n  border: 0 !important;\n  border-bottom: 1px solid #EADFF0 !important;\n  border-radius: 0 !important;\n  box-shadow: none !important;\n  overflow: visible !important;\n}\n\n\/* Boutons des questions *\/\n.domy-light-faq-section [class*=\"faq-question\"],\n.domy-light-faq-section [class*=\"faq-question\"] button {\n  background: transparent !important;\n  background-image: none !important;\n  color: #6B2C87 !important;\n  border: 0 !important;\n  border-radius: 0 !important;\n  box-shadow: none !important;\n}\n\n\/* R\u00e9ponse ouverte *\/\n.domy-light-faq-section [class*=\"faq-answer\"] {\n  background: transparent !important;\n  color: #777087 !important;\n  border: 0 !important;\n}\n\n\/* Boutons circulaires + et \u2212 *\/\n.domy-light-faq-section [class*=\"faq-toggle\"] {\n  background: #ffffff !important;\n  color: #6B2C87 !important;\n  border: 1px solid #6B2C87 !important;\n  border-radius: 50% !important;\n  box-shadow: none !important;\n}\n\n\/* Titres *\/\n.domy-light-faq-section h2,\n.domy-light-faq-section h3,\n.domy-light-faq-section h4 {\n  color: #6B2C87 !important;\n}\n\/* Rapprocher le titre de la pastille FAQ Elementor *\/\n\n\/* Masquer la deuxi\u00e8me pastille FAQ pr\u00e9sente dans le code *\/\n.domy-light-faq-section .domy-light-faq-badge {\n  display: none !important;\n}\n\n\/* R\u00e9duire fortement l\u2019espace sup\u00e9rieur du bloc *\/\n.domy-light-faq-section {\n  padding-top: 18px !important;\n}\n\n.domy-light-faq-section .domy-light-faq-header {\n  padding-top: 0 !important;\n  margin-top: 0 !important;\n  gap: 0 !important;\n}\n\n\/* Titre plus petit et plus proche *\/\n.domy-light-faq-section .domy-light-faq-title {\n  margin: 0 0 8px !important;\n  font-size: 27px !important;\n  line-height: 1.15 !important;\n}\n\n\/* Sous-titre plus resserr\u00e9 *\/\n.domy-light-faq-section .domy-light-faq-subtitle {\n  margin: 0 auto 22px !important;\n  font-size: 14px !important;\n  line-height: 1.45 !important;\n}\n@media (min-width: 768px) and (max-width: 1024px) {\n  .domy-light-faq-section {\n    padding-top: 16px !important;\n  }\n\n  .domy-light-faq-section .domy-light-faq-title {\n    font-size: 24px !important;\n    margin-bottom: 7px !important;\n  }\n\n  .domy-light-faq-section .domy-light-faq-subtitle {\n    font-size: 13.5px !important;\n    margin-bottom: 18px !important;\n  }\n}\n\n@media (max-width: 767px) {\n  .domy-light-faq-section {\n    padding-top: 14px !important;\n  }\n\n  .domy-light-faq-section .domy-light-faq-title {\n    font-size: 21px !important;\n    line-height: 1.18 !important;\n    margin-bottom: 7px !important;\n  }\n\n  .domy-light-faq-section .domy-light-faq-subtitle {\n    font-size: 13px !important;\n    line-height: 1.45 !important;\n    margin-bottom: 16px !important;\n  }\n}\/* FAQ \u2014 boutons sur toutes les versions *\/\n.domy-light-faq-tabs,\n.domy-light-faq-categories {\n  display: grid !important;\n  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n  gap: 12px !important;\n  width: 100% !important;\n  margin: 18px auto 28px !important;\n  padding: 0 !important;\n}\n\n.domy-light-faq-tab,\n.domy-light-faq-category,\n.domy-light-faq-tabs > button,\n.domy-light-faq-categories > button {\n  width: 100% !important;\n  min-width: 0 !important;\n  min-height: 54px !important;\n  margin: 0 !important;\n  padding: 11px 14px !important;\n  border: 1px solid #6B2C87 !important;\n  border-radius: 999px !important;\n  background: #FFFFFF !important;\n  color: #6B2C87 !important;\n  font-size: 13px !important;\n  font-weight: 600 !important;\n  line-height: 1.25 !important;\n  text-align: center !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  box-shadow: none !important;\n  appearance: none !important;\n}\n\n\/* Boutons 1 et 2 : d\u00e9grad\u00e9 *\/\n.domy-light-faq-tab:nth-child(-n + 2),\n.domy-light-faq-category:nth-child(-n + 2),\n.domy-light-faq-tabs > button:nth-child(-n + 2),\n.domy-light-faq-categories > button:nth-child(-n + 2) {\n  background: linear-gradient(\n    90deg,\n    #F29ACA 0%,\n    #C86FC4 52%,\n    #6B2C87 100%\n  ) !important;\n  border-color: transparent !important;\n  color: #FFFFFF !important;\n  box-shadow: 0 7px 16px rgba(107, 44, 135, 0.16) !important;\n}\n\n\/* Boutons 3 et 4 : blancs *\/\n.domy-light-faq-tab:nth-child(n + 3),\n.domy-light-faq-category:nth-child(n + 3),\n.domy-light-faq-tabs > button:nth-child(n + 3),\n.domy-light-faq-categories > button:nth-child(n + 3) {\n  background: #FFFFFF !important;\n  border-color: #6B2C87 !important;\n  color: #6B2C87 !important;\n  box-shadow: none !important;\n}\n\n\/* Tablette : grille 2 \u00d7 2 *\/\n@media screen and (max-width: 1024px) {\n  .domy-light-faq-tabs,\n  .domy-light-faq-categories {\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n    gap: 10px !important;\n  }\n}\n\n\/* Mobile : grille 2 \u00d7 2 plus compacte *\/\n@media screen and (max-width: 767px) {\n  .domy-light-faq-tabs,\n  .domy-light-faq-categories {\n    width: calc(100% - 24px) !important;\n    margin: 16px auto 22px !important;\n    gap: 8px !important;\n  }\n\n  .domy-light-faq-tab,\n  .domy-light-faq-category,\n  .domy-light-faq-tabs > button,\n  .domy-light-faq-categories > button {\n    min-height: 50px !important;\n    padding: 9px 7px !important;\n    font-size: 11px !important;\n  }\n}\/* ==========================================\n   FAQ \u2014 COULEUR \u00c9L\u00c9GANTE SUR TOUTES VERSIONS\n   ========================================== *\/\n\n\/* Conteneur des cat\u00e9gories *\/\n.domy-light-faq-tabs,\n.domy-light-faq-categories {\n  display: grid !important;\n  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n  gap: 12px !important;\n  width: 100% !important;\n  max-width: 1440px !important;\n  margin: 22px auto 34px !important;\n  padding: 0 !important;\n}\n\n\/* Boutons non s\u00e9lectionn\u00e9s *\/\n.domy-light-faq-tab,\n.domy-light-faq-category,\n.domy-light-faq-tabs > button,\n.domy-light-faq-categories > button {\n  width: 100% !important;\n  min-width: 0 !important;\n  min-height: 54px !important;\n  padding: 11px 16px !important;\n  margin: 0 !important;\n\n  background: rgba(255, 255, 255, 0.82) !important;\n  color: #6B2C87 !important;\n  border: 1px solid rgba(107, 44, 135, 0.20) !important;\n  border-radius: 999px !important;\n\n  font-size: 13px !important;\n  font-weight: 600 !important;\n  line-height: 1.25 !important;\n  text-align: center !important;\n\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n\n  box-shadow: 0 6px 18px rgba(107, 44, 135, 0.04) !important;\n  appearance: none !important;\n  transition: all 0.25s ease !important;\n}\n\n\/* Uniquement le bouton actif en d\u00e9grad\u00e9 *\/\n.domy-light-faq-tab.is-active,\n.domy-light-faq-tab.active,\n.domy-light-faq-category.is-active,\n.domy-light-faq-category.active,\n.domy-light-faq-tabs > button.is-active,\n.domy-light-faq-tabs > button.active,\n.domy-light-faq-tabs > button[aria-selected=\"true\"],\n.domy-light-faq-categories > button.is-active,\n.domy-light-faq-categories > button.active,\n.domy-light-faq-categories > button[aria-selected=\"true\"] {\n  background: linear-gradient(\n    90deg,\n    #F29ACA 0%,\n    #CA72C5 52%,\n    #6B2C87 100%\n  ) !important;\n  color: #FFFFFF !important;\n  border-color: transparent !important;\n  box-shadow: 0 9px 22px rgba(107, 44, 135, 0.18) !important;\n}\n\n\/* Effet au survol sur ordinateur *\/\n@media screen and (min-width: 1025px) {\n  .domy-light-faq-tab:hover,\n  .domy-light-faq-category:hover,\n  .domy-light-faq-tabs > button:hover,\n  .domy-light-faq-categories > button:hover {\n    background: #FFF3FB !important;\n    border-color: rgba(107, 44, 135, 0.45) !important;\n    transform: translateY(-2px) !important;\n  }\n\n  \/* Le bouton actif conserve son d\u00e9grad\u00e9 au survol *\/\n  .domy-light-faq-tab.is-active:hover,\n  .domy-light-faq-tab.active:hover,\n  .domy-light-faq-category.is-active:hover,\n  .domy-light-faq-category.active:hover,\n  .domy-light-faq-tabs > button[aria-selected=\"true\"]:hover,\n  .domy-light-faq-categories > button[aria-selected=\"true\"]:hover {\n    background: linear-gradient(\n      90deg,\n      #F29ACA 0%,\n      #CA72C5 52%,\n      #6B2C87 100%\n    ) !important;\n    color: #FFFFFF !important;\n  }\n}\n\n\/* Tablette et mobile : grille 2 \u00d7 2 *\/\n@media screen and (max-width: 1024px) {\n  .domy-light-faq-tabs,\n  .domy-light-faq-categories {\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n    gap: 10px !important;\n    margin-bottom: 26px !important;\n  }\n}\n\n\/* Mobile *\/\n@media screen and (max-width: 767px) {\n  .domy-light-faq-tabs,\n  .domy-light-faq-categories {\n    width: calc(100% - 24px) !important;\n    margin: 16px auto 22px !important;\n    gap: 8px !important;\n  }\n\n  .domy-light-faq-tab,\n  .domy-light-faq-category,\n  .domy-light-faq-tabs > button,\n  .domy-light-faq-categories > button {\n    min-height: 50px !important;\n    padding: 9px 7px !important;\n    font-size: 11px !important;\n  }\n}\/* =========================================\n   FAQ \u2014 BOUTONS BLANCS + ACTIF EN D\u00c9GRAD\u00c9\n   ========================================= *\/\n\n\/* Tous les boutons au repos *\/\n#faq .domy-light-faq-tab,\n#faq .domy-light-faq-category,\n#faq .domy-light-faq-tabs > button,\n#faq .domy-light-faq-categories > button {\n  position: relative !important;\n  isolation: isolate !important;\n  overflow: hidden !important;\n\n  width: 100% !important;\n  min-width: 0 !important;\n  min-height: 54px !important;\n  padding: 11px 15px !important;\n  margin: 0 !important;\n\n  background: #FFFFFF !important;\n  background-color: #FFFFFF !important;\n  background-image: none !important;\n\n  border: 1px solid #6B2C87 !important;\n  border-radius: 999px !important;\n\n  color: #6B2C87 !important;\n  font-size: 13px !important;\n  font-weight: 600 !important;\n  line-height: 1.25 !important;\n  text-align: center !important;\n\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n\n  box-shadow: none !important;\n  appearance: none !important;\n  -webkit-appearance: none !important;\n}\n\n\/* Suppression des taches venant des pseudo-\u00e9l\u00e9ments *\/\n#faq .domy-light-faq-tab::before,\n#faq .domy-light-faq-tab::after,\n#faq .domy-light-faq-category::before,\n#faq .domy-light-faq-category::after,\n#faq .domy-light-faq-tabs > button::before,\n#faq .domy-light-faq-tabs > button::after,\n#faq .domy-light-faq-categories > button::before,\n#faq .domy-light-faq-categories > button::after {\n  content: none !important;\n  display: none !important;\n}\n\n\/* Seulement le bouton r\u00e9ellement s\u00e9lectionn\u00e9 *\/\n#faq .domy-light-faq-tab.is-active,\n#faq .domy-light-faq-tab[aria-selected=\"true\"],\n#faq .domy-light-faq-category.is-active,\n#faq .domy-light-faq-category[aria-selected=\"true\"],\n#faq .domy-light-faq-tabs > button.is-active,\n#faq .domy-light-faq-tabs > button[aria-selected=\"true\"],\n#faq .domy-light-faq-categories > button.is-active,\n#faq .domy-light-faq-categories > button[aria-selected=\"true\"] {\n  background-color: #6B2C87 !important;\n  background-image: linear-gradient(\n    90deg,\n    #F29ACA 0%,\n    #D176C4 35%,\n    #A54AAF 67%,\n    #6B2C87 100%\n  ) !important;\n\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n  background-size: 100% 100% !important;\n\n  border-color: transparent !important;\n  color: #FFFFFF !important;\n  box-shadow: 0 8px 20px rgba(107, 44, 135, 0.16) !important;\n}\/* ==========================================\n   CORRECTION D\u00c9FINITIVE DES BOUTONS DE LA FAQ\n   ========================================== *\/\n\n\/* Tous les boutons : \u00e9tat blanc *\/\n#faq .domy-light-faq-tab,\n#faq .domy-light-faq-category,\n#faq .domy-light-faq-tabs > button,\n#faq .domy-light-faq-categories > button {\n  position: relative !important;\n  overflow: hidden !important;\n  isolation: isolate !important;\n\n  background: #FFFFFF !important;\n  background-image: none !important;\n  background-clip: border-box !important;\n  background-origin: border-box !important;\n\n  border: 1px solid #6B2C87 !important;\n  border-radius: 999px !important;\n\n  color: #6B2C87 !important;\n  outline: none !important;\n  filter: none !important;\n  box-shadow: none !important;\n\n  appearance: none !important;\n  -webkit-appearance: none !important;\n  -webkit-tap-highlight-color: transparent !important;\n}\n\n\/* Supprime les \u00e9ventuels effets noirs ajout\u00e9s autour *\/\n#faq .domy-light-faq-tab::before,\n#faq .domy-light-faq-tab::after,\n#faq .domy-light-faq-category::before,\n#faq .domy-light-faq-category::after,\n#faq .domy-light-faq-tabs > button::before,\n#faq .domy-light-faq-tabs > button::after,\n#faq .domy-light-faq-categories > button::before,\n#faq .domy-light-faq-categories > button::after {\n  content: none !important;\n  display: none !important;\n}\n\n\/* Bouton s\u00e9lectionn\u00e9 *\/\n#faq .domy-light-faq-tab.is-active,\n#faq .domy-light-faq-tab[aria-selected=\"true\"],\n#faq .domy-light-faq-category.is-active,\n#faq .domy-light-faq-category[aria-selected=\"true\"],\n#faq .domy-light-faq-tabs > button.is-active,\n#faq .domy-light-faq-tabs > button[aria-selected=\"true\"],\n#faq .domy-light-faq-categories > button.is-active,\n#faq .domy-light-faq-categories > button[aria-selected=\"true\"] {\n  background: linear-gradient(\n    90deg,\n    #F29ACA 0%,\n    #D37AC7 32%,\n    #A94EB2 66%,\n    #6B2C87 100%\n  ) !important;\n\n  background-size: 100% 100% !important;\n  background-position: center !important;\n  background-repeat: no-repeat !important;\n  background-clip: border-box !important;\n  background-origin: border-box !important;\n\n  border: 1px solid transparent !important;\n  color: #FFFFFF !important;\n\n  outline: none !important;\n  filter: none !important;\n  box-shadow: 0 7px 18px rgba(107, 44, 135, 0.14) !important;\n}\n\n\/* Pendant le clic : aucune bordure noire *\/\n#faq .domy-light-faq-tab:active,\n#faq .domy-light-faq-category:active,\n#faq .domy-light-faq-tabs > button:active,\n#faq .domy-light-faq-categories > button:active {\n  outline: none !important;\n  filter: none !important;\n}\n\n\/* Navigation au clavier : contour rose propre *\/\n#faq .domy-light-faq-tab:focus-visible,\n#faq .domy-light-faq-category:focus-visible,\n#faq .domy-light-faq-tabs > button:focus-visible,\n#faq .domy-light-faq-categories > button:focus-visible {\n  outline: none !important;\n  box-shadow:\n    0 0 0 3px #FBF8FF,\n    0 0 0 5px rgba(107, 44, 135, 0.30) !important;\n}\/* FAQ MOBILE \u2014 boutons compacts, texte sur une ligne *\/\n@media screen and (max-width: 767px) {\n\n  #faq .domy-light-faq-tabs,\n  #faq .domy-light-faq-categories {\n    display: grid !important;\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n    gap: 8px !important;\n\n    width: calc(100% - 20px) !important;\n    max-width: 100% !important;\n    margin: 16px auto 22px !important;\n    padding: 0 !important;\n  }\n\n  #faq .domy-light-faq-tab,\n  #faq .domy-light-faq-category,\n  #faq .domy-light-faq-tabs > button,\n  #faq .domy-light-faq-categories > button {\n    width: 100% !important;\n    min-width: 0 !important;\n    min-height: 46px !important;\n\n    padding: 7px 4px !important;\n    margin: 0 !important;\n\n    font-size: 10px !important;\n    font-weight: 600 !important;\n    line-height: 1 !important;\n    letter-spacing: -0.15px !important;\n\n    white-space: nowrap !important;\n    overflow: hidden !important;\n    text-overflow: clip !important;\n\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    text-align: center !important;\n\n    border-radius: 999px !important;\n    box-sizing: border-box !important;\n  }\n\n  \/* Force aussi le texte int\u00e9rieur sur une ligne *\/\n  #faq .domy-light-faq-tab *,\n  #faq .domy-light-faq-category *,\n  #faq .domy-light-faq-tabs > button *,\n  #faq .domy-light-faq-categories > button * {\n    white-space: nowrap !important;\n    font-size: inherit !important;\n    line-height: inherit !important;\n  }\n}\n\n\/* Tr\u00e8s petits t\u00e9l\u00e9phones *\/\n@media screen and (max-width: 360px) {\n  #faq .domy-light-faq-tab,\n  #faq .domy-light-faq-category,\n  #faq .domy-light-faq-tabs > button,\n  #faq .domy-light-faq-categories > button {\n    font-size: 9px !important;\n    padding-inline: 2px !important;\n    letter-spacing: -0.25px !important;\n  }\n}\n<\/style>\n\n<script>\n  (function () {\n    var section = document.getElementById('faq');\n    if (!section) return;\n\n    var catButtons = section.querySelectorAll('.domy-light-faq-cat');\n    var groups = section.querySelectorAll('.domy-light-faq-group');\n    var titleEl = section.querySelector('#domy-light-faq-cat-title');\n    var countEl = section.querySelector('#domy-light-faq-cat-count');\n    var panel = section.querySelector('#domy-light-faq-panel');\n\n    var categoryMeta = {\n      0: { title: \"R\u00e9servation & Services\" },\n      1: { title: \"Paiement & S\u00e9curit\u00e9\" },\n      2: { title: \"Confiance & Qualit\u00e9\" },\n      3: { title: \"Logistique\" }\n    };\n\n    function pad(n) {\n      return n < 10 ? '0' + n : String(n);\n    }\n\n    function openFirstItem(group) {\n      var items = group.querySelectorAll('.domy-light-faq-item');\n      items.forEach(function (item, index) {\n        var btn = item.querySelector('.domy-light-faq-q-btn');\n        var isOpen = index === 0;\n        item.classList.toggle('is-open', isOpen);\n        btn.setAttribute('aria-expanded', isOpen ? 'true' : 'false');\n      });\n    }\n\n    function activateCategory(index) {\n      catButtons.forEach(function (btn) {\n        var isActive = btn.getAttribute('data-category') === String(index);\n        btn.classList.toggle('is-active', isActive);\n        btn.setAttribute('aria-selected', isActive ? 'true' : 'false');\n      });\n\n      groups.forEach(function (group) {\n        var isActive = group.getAttribute('data-group') === String(index);\n        group.classList.toggle('is-active', isActive);\n        if (isActive) {\n          group.removeAttribute('hidden');\n        } else {\n          group.setAttribute('hidden', '');\n        }\n      });\n\n      var activeGroup = section.querySelector('.domy-light-faq-group[data-group=\"' + index + '\"]');\n      if (activeGroup) {\n        var count = activeGroup.querySelectorAll('.domy-light-faq-item').length;\n        countEl.textContent = pad(count) + ' questions';\n        openFirstItem(activeGroup);\n      }\n      titleEl.textContent = categoryMeta[index].title;\n      panel.setAttribute('aria-labelledby', 'domy-light-faq-tab-' + index);\n    }\n\n    catButtons.forEach(function (btn) {\n      btn.addEventListener('click', function () {\n        activateCategory(btn.getAttribute('data-category'));\n      });\n    });\n\n    groups.forEach(function (group) {\n      var items = group.querySelectorAll('.domy-light-faq-item');\n      items.forEach(function (item) {\n        var btn = item.querySelector('.domy-light-faq-q-btn');\n        btn.addEventListener('click', function () {\n          var willOpen = !item.classList.contains('is-open');\n          items.forEach(function (otherItem) {\n            var otherBtn = otherItem.querySelector('.domy-light-faq-q-btn');\n            otherItem.classList.remove('is-open');\n            otherBtn.setAttribute('aria-expanded', 'false');\n          });\n          if (willOpen) {\n            item.classList.add('is-open');\n            btn.setAttribute('aria-expanded', 'true');\n          }\n        });\n      });\n    });\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-0f0d189 e-con e-atomic-element e-flexbox-base e-c2a49b3 \" data-id=\"0f0d189\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0f0d189\" id=\"apropos\" data-e-type=\"e-flexbox\" data-id=\"0f0d189\">\n    \t\t<div class=\"elementor-element elementor-element-5e262f0 elementor-widget__width-auto elementor-widget elementor-widget-icon-box\" data-id=\"5e262f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\t\u00c0 PROPOS\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-182fe60 e-con e-atomic-element e-flexbox-base e-5abf64a \" data-id=\"182fe60\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"182fe60\" data-e-type=\"e-flexbox\" data-id=\"182fe60\">\n    \t\t<div class=\"elementor-element elementor-element-4f8e8df elementor-widget elementor-widget-html\" data-id=\"4f8e8df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<section id=\"pourquoi-domy\" class=\"domy-story-section\" aria-labelledby=\"domy-story-title\">\n  <div class=\"domy-story-grid\">\n\n    <h2 class=\"domy-story-title\" id=\"domy-story-title\">L'histoire de DOMY:           Une id\u00e9e n\u00e9e pour prendre soin de vous <\/h2>\n\n    <p class=\"domy-story-intro\">\n      N\u00e9e d'une envie simple&nbsp;: rendre les services de beaut\u00e9 et de bien-\u00eatre accessibles \u00e0 tous, partout au Maroc, en commen\u00e7ant par Marrakech. DOMY connecte des clients avec des professionnels passionn\u00e9s, pour des prestations de qualit\u00e9 \u00e0 domicile, dans un esprit de confiance, de proximit\u00e9 et de valorisation des talents locaux.\n    <\/p>\n\n    <figure class=\"domy-story-photo domy-story-photo-01\">\n      <span class=\"domy-story-photo-tag\">Coiffure<\/span>\n      <img src=https:\/\/domy.ma\/wp-content\/uploads\/2026\/09\/6-coiffure.jpg alt=\"Prestation de bien-\u00eatre DOMY \u00e0 domicile\" loading=\"lazy\" decoding=\"async\">\n    <\/figure>\n\n    <div class=\"domy-story-step domy-story-step-active\">\n      <span class=\"domy-story-number\" aria-hidden=\"true\">01<\/span>\n      <div class=\"domy-story-step-text\">\n        <h3>L'id\u00e9e<\/h3>\n        <p>Tout a commenc\u00e9 par une constatation simple&nbsp;: il est parfois difficile de prendre du temps pour soi.<\/p>\n      <\/div>\n    <\/div>\n\n    <figure class=\"domy-story-photo domy-story-photo-02\">\n      <span class=\"domy-story-photo-tag\">Massage<\/span>\n      <img src=https:\/\/domy.ma\/wp-content\/uploads\/2026\/09\/5-moroccan-woman-lying-dow__63588-scaled.jpeg alt=\"Professionnelle DOMY accompagnant une cliente\" loading=\"lazy\" decoding=\"async\">\n    <\/figure>\n\n   <div class=\"domy-story-step\" data-step=\"2\">\n      <span class=\"domy-story-number\" aria-hidden=\"true\">02<\/span>\n      <div class=\"domy-story-step-text\">\n        <h3>La mission<\/h3>\n        <p>Connecter des clients avec des professionnels v\u00e9rifi\u00e9s et talentueux, pour des prestations de qualit\u00e9 \u00e0 domicile.<\/p>\n      <\/div>\n    <\/div>\n\n    <figure class=\"domy-story-photo domy-story-photo-03\">\n      <span class=\"domy-story-photo-tag\">Soin Visage <\/span>\n      <img src=https:\/\/domy.ma\/wp-content\/uploads\/2026\/09\/2-moroccan-woman-receiving__63586-scaled.jpeg alt=\"D\u00e9veloppement des services DOMY au Maroc\" loading=\"lazy\" decoding=\"async\">\n    <\/figure>\n\n    <div class=\"domy-story-step\" data-step=\"3\">\n      <span class=\"domy-story-number\" aria-hidden=\"true\">03<\/span>\n      <div class=\"domy-story-step-text\">\n        <h3>Demain<\/h3>\n        <p>Continuer \u00e0 grandir pour accompagner toujours plus de clients et de professionnels, et bient\u00f4t dans d'autres villes du Maroc.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"domy-story-indicator\" aria-hidden=\"true\">\n      <span class=\"domy-story-dot domy-story-dot-active\">01<\/span>\n      <span class=\"domy-story-line\"><\/span>\n      <span class=\"domy-story-dot\">02<\/span>\n      <span class=\"domy-story-line\"><\/span>\n      <span class=\"domy-story-dot\">03<\/span>\n    <\/div>\n\n    <blockquote class=\"domy-story-quote\">\n      <span class=\"domy-story-quote-icon\" aria-hidden=\"true\">\n        <svg width=\"16\" height=\"14\" viewBox=\"0 0 24 20\" fill=\"none\">\n          <path d=\"M9.5 0C5 1.6 2 5.4 2 10.2c0 4.4 2.6 7.6 6.3 8.6l1-2.3c-2.4-.8-3.8-2.6-3.8-5.1h4V0H9.5Zm11.5 0c-4.5 1.6-7.5 5.4-7.5 10.2 0 4.4 2.6 7.6 6.3 8.6l1-2.3c-2.4-.8-3.8-2.6-3.8-5.1h4V0H21Z\" fill=\"currentColor\"\/>\n        <\/svg>\n      <\/span>\n      <p class=\"domy-story-quote-text\">\u00ab Simplifier le quotidien, valoriser les talents. \u00bb<\/p>\n      <cite class=\"domy-story-quote-signature\">DOMY<\/cite>\n    <\/blockquote>\n\n  <\/div>\n<\/section>\n\n<style>\n  .domy-story-section {\n    --domy-story-gradient: linear-gradient(112deg, #f39acb 0%, #cd7fc1 30%, #9651aa 58%, #63248c 78%, #351066 100%);\n    --domy-story-pink: #f39acb;\n    --domy-story-violet: #65208f;\n    --domy-story-dark: #3a1160;\n    --domy-story-white: #ffffff;\n    --domy-story-text: #817692;\n    --domy-story-border: #f1ddec;\n    --domy-story-pale: #fff8fc;\n\n    font-family: \"Montserrat\", Arial, sans-serif;\n    background: var(--domy-story-white);\n    width: calc(100% - 48px);\n    max-width: 1440px;\n    margin-inline: auto;\n    box-sizing: border-box;\n    border: none;\n    border-radius: 28px;\n    padding: 20px;\n    box-shadow: none;\n  }\n  .domy-story-section *,\n  .domy-story-section *::before,\n  .domy-story-section *::after {\n    box-sizing: border-box;\n  }\n\n  \/* ============ GRID G\u00c9N\u00c9RIQUE (mobile-first, r\u00e9organis\u00e9e par media query) ============ *\/\n  .domy-story-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    grid-template-areas:\n      \"title\"\n      \"intro\"\n      \"photo1\"\n      \"step1\"\n      \"photo2\"\n      \"step2\"\n      \"photo3\"\n      \"step3\"\n      \"quote\";\n    gap: 9px;\n  }\n\n  .domy-story-title   { grid-area: title; }\n  .domy-story-intro   { grid-area: intro; }\n  .domy-story-step:nth-of-type(1), .domy-story-step-active { grid-area: step1; }\n  .domy-story-photo-01 { grid-area: photo1; }\n  .domy-story-photo-02 { grid-area: photo2; }\n  .domy-story-photo-03 { grid-area: photo3; }\n  .domy-story-quote   { grid-area: quote; }\n  .domy-story-indicator { grid-area: indicator; display: none; }\n\n  \/* attribution explicite des \u00e9tapes 2 et 3 (par s\u00e9lection directe, plus fiable que nth-of-type) *\/\n  .domy-story-step[data-step=\"2\"] { grid-area: step2; }\n  .domy-story-step[data-step=\"3\"] { grid-area: step3; }\n\n  \/* ============ TITRE \/ INTRO ============ *\/\n  .domy-story-title {\n    margin: 0;\n    color: var(--domy-story-dark);\n    font-weight: 800;\n    font-size: clamp(22px, 3vw, 30px);\n    line-height: 1.1;\n  }\n\n  .domy-story-intro {\n    margin: 0;\n    color: var(--domy-story-text);\n    font-weight: 400;\n    font-size: 13px;\n    line-height: 1.55;\n  }\n\n  \/* ============ \u00c9TAPES ============ *\/\n  .domy-story-step {\n    display: flex;\n    align-items: center;\n    gap: 9px;\n    background: var(--domy-story-white);\n    border: 1px solid var(--domy-story-border);\n    border-radius: 14px;\n    padding: 9px 12px;\n  }\n\n  .domy-story-step-active {\n    border-color: #e6bfe0;\n    position: relative;\n  }\n  .domy-story-step-active::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 10%;\n    bottom: 10%;\n    width: 1px;\n    border-radius: 3px;\n    background: var(--domy-story-gradient);\n  }\n\n  .domy-story-number {\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 34px;\n    height: 34px;\n    border-radius: 50%;\n    background: var(--domy-story-white);\n    border: 1px solid rgba(205, 127, 193, 0.42);\n    color: var(--domy-story-dark);\n    font-weight: 700;\n    font-size: 13px;\n  }\n\n  .domy-story-step-active .domy-story-number {\n    background: var(--domy-story-gradient);\n    color: var(--domy-story-white);\n    border-color: transparent;\n  }\n\n  .domy-story-step-text h3 {\n    margin: 0 0 3px;\n    color: var(--domy-story-dark);\n    font-weight: 700;\n    font-size: 15px;\n  }\n\n  .domy-story-step-text p {\n    margin: 0;\n    color: var(--domy-story-text);\n    font-weight: 400;\n    font-size: 11.5px;\n    line-height: 1.35;\n  }\n\n  \/* ============ INDICATEUR (ordinateur uniquement) ============ *\/\n  .domy-story-indicator {\n    align-items: center;\n    gap: 10px;\n    padding-top: 4px;\n  }\n  .domy-story-dot {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 26px;\n    height: 26px;\n    border-radius: 50%;\n    background: var(--domy-story-pale);\n    color: var(--domy-story-text);\n    font-weight: 700;\n    font-size: 10px;\n  }\n  .domy-story-dot-active {\n    background: var(--domy-story-gradient);\n    color: var(--domy-story-white);\n  }\n  .domy-story-line {\n    flex: 1;\n    height: 1px;\n    background: var(--domy-story-border);\n  }\n\n  \/* ============ PHOTOS ============ *\/\n  .domy-story-photo {\n    position: relative;\n    margin: 0;\n    overflow: hidden;\n    border-radius: 18px;\n    aspect-ratio: 16 \/ 9;\n  }\n  .domy-story-photo img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n  }\n  .domy-story-photo-tag {\n    position: absolute;\n    top: 9px;\n    left: 9px;\n    z-index: 2;\n    padding: 4px 10px;\n    background: rgba(255, 255, 255, 0.82);\n    color: var(--domy-story-violet);\n    font-weight: 600;\n    font-size: 8.5px;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    border-radius: 999px;\n  }\n\n  \/* ============ CITATION ============ *\/\n  .domy-story-quote {\n    position: relative;\n    margin: 0;\n    display: flex;\n    align-items: center;\n    gap: 9px;\n    background: rgba(255, 255, 255, 0.9);\n    border: 1px solid var(--domy-story-border);\n    border-radius: 15px;\n    padding: 11px 15px;\n    -webkit-backdrop-filter: blur(6px);\n    backdrop-filter: blur(6px);\n    box-shadow: none;\n  }\n  .domy-story-quote-icon {\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 22px;\n    height: 22px;\n    border-radius: 0;\n    background: transparent;\n    color: var(--domy-story-pink);\n  }\n  .domy-story-quote-text {\n    margin: 0;\n    color: var(--domy-story-dark);\n    font-weight: 600;\n    font-size: 13px;\n    line-height: 1.3;\n  }\n  .domy-story-quote-signature {\n    display: block;\n    margin-top: 3px;\n    color: var(--domy-story-violet);\n    font-style: normal;\n    font-weight: 600;\n    font-size: 9px;\n    letter-spacing: 0.14em;\n  }\n\n  \/* ============================================================\n     TABLETTE \u2014 768px \u00e0 1024px\n     ============================================================ *\/\n  @media (min-width: 768px) and (max-width: 1024px) {\n    .domy-story-section {\n      padding: 18px;\n      border-radius: 24px;\n    }\n    .domy-story-grid {\n      grid-template-columns: 1fr 1fr;\n      grid-template-areas:\n        \"title  step1\"\n        \"title  step2\"\n        \"intro  step2\"\n        \"intro  step3\"\n        \"photo1 photo2\"\n        \"photo1 photo3\"\n        \"quote  quote\";\n      gap: 10px;\n      column-gap: 12px;\n    }\n    .domy-story-title {\n      font-size: clamp(30px, 4vw, 34px);\n    }\n    .domy-story-intro {\n      font-size: 14px;\n    }\n    .domy-story-step {\n      padding: 9px 11px;\n    }\n    .domy-story-number {\n      width: 36px;\n      height: 36px;\n      font-size: 12px;\n    }\n    .domy-story-step-text h3 {\n      font-size: 15px;\n    }\n    .domy-story-step-text p {\n      font-size: 11.5px;\n    }\n    .domy-story-quote-text {\n      font-size: 13px;\n    }\n  }\n\n  \/* ============================================================\n     ORDINATEUR \u2014 sup\u00e9rieur \u00e0 1024px\n     ============================================================ *\/\n  @media (min-width: 1025px) {\n    .domy-story-section {\n      padding: 20px;\n      border-radius: 24px;\n    }\n    .domy-story-grid {\n      grid-template-columns: minmax(330px, 0.78fr) minmax(330px, 0.86fr) minmax(330px, 0.86fr);\n      grid-template-areas:\n        \"title     photo1 photo2\"\n        \"intro     photo1 photo3\"\n        \"step1     photo1 photo3\"\n        \"step2     photo1 quote\"\n        \"step3     photo1 quote\"\n        \"indicator photo1 quote\";\n      row-gap: 8px;\n      column-gap: 10px;\n      align-items: stretch;\n    }\n    .domy-story-indicator {\n      display: flex;\n    }\n    .domy-story-title {\n      font-size: clamp(32px, 2.4vw, 40px);\n      line-height: 1.08;\n    }\n    .domy-story-intro {\n      font-size: 13.5px;\n      line-height: 1.48;\n    }\n    .domy-story-step {\n      border-radius: 14px;\n      padding: 9px 12px;\n    }\n    .domy-story-number {\n      width: 34px;\n      height: 34px;\n      font-size: 11px;\n    }\n    .domy-story-step-text h3 {\n      font-size: 15px;\n    }\n    .domy-story-step-text p {\n      font-size: 11.5px;\n    }\n    .domy-story-photo {\n      border-radius: 18px;\n      aspect-ratio: auto;\n      height: 100%;\n      min-height: 0;\n    }\n    .domy-story-quote {\n      align-self: end;\n      width: calc(100% + 84px);\n      margin-left: -84px;\n      margin-top: -30px;\n      margin-bottom: 8px;\n      margin-right: 8px;\n      z-index: 3;\n      padding: 11px 15px;\n    }\n    .domy-story-quote-text {\n      font-size: 13px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .domy-story-section * {\n      transition: none !important;\n      animation: none !important;\n    }\n  }\n\n  \/* ============================================================\n     AJUSTEMENT FINAL : DESKTOP COMPACT ET D\u00c9GRAD\u00c9 DOMY EXACT\n     ============================================================ *\/\n  .domy-story-section .domy-story-number,\n  .domy-story-section .domy-story-dot {\n    background: linear-gradient(112deg, #f39acb 0%, #cd7fc1 30%, #9651aa 58%, #63248c 78%, #351066 100%);\n    color: #ffffff;\n    border: 0;\n    box-shadow: none;\n  }\n\n  @media (min-width: 1025px) {\n    .domy-story-section {\n      width: calc(100% - 40px);\n      max-width: 1280px;\n      padding: 16px;\n      border-radius: 22px;\n    }\n\n    .domy-story-section .domy-story-grid {\n      position: relative;\n      display: grid;\n      grid-template-columns: minmax(310px, 0.78fr) minmax(320px, 0.86fr) minmax(320px, 0.86fr);\n      grid-template-rows: auto auto repeat(3, minmax(68px, auto)) 24px;\n      grid-template-areas: none;\n      column-gap: 7px;\n      row-gap: 7px;\n      align-items: stretch;\n      min-height: 0;\n    }\n\n    .domy-story-section .domy-story-title {\n      grid-column: 1;\n      grid-row: 1;\n      align-self: end;\n      font-size: clamp(30px, 2.25vw, 37px);\n      line-height: 1.04;\n      margin: 0;\n    }\n\n    .domy-story-section .domy-story-intro {\n      grid-column: 1;\n      grid-row: 2;\n      align-self: start;\n      max-width: 100%;\n      margin: 0;\n      font-size: 12.5px;\n      line-height: 1.4;\n    }\n\n    .domy-story-section .domy-story-step-active {\n      grid-column: 1;\n      grid-row: 3;\n    }\n\n    .domy-story-section .domy-story-step[data-step=\"2\"] {\n      grid-column: 1;\n      grid-row: 4;\n    }\n\n    .domy-story-section .domy-story-step[data-step=\"3\"] {\n      grid-column: 1;\n      grid-row: 5;\n    }\n\n    .domy-story-section .domy-story-step {\n      min-height: 64px;\n      gap: 8px;\n      padding: 7px 10px;\n      border-radius: 13px;\n    }\n\n    .domy-story-section .domy-story-number {\n      width: 31px;\n      height: 31px;\n      font-size: 10px;\n      font-weight: 600;\n    }\n\n    .domy-story-section .domy-story-step-text h3 {\n      margin-bottom: 1px;\n      font-size: 14px;\n      line-height: 1.15;\n    }\n\n    .domy-story-section .domy-story-step-text p {\n      font-size: 10.5px;\n      line-height: 1.28;\n    }\n\n    .domy-story-section .domy-story-indicator {\n      grid-column: 1;\n      grid-row: 6;\n      display: flex;\n      gap: 5px;\n      padding: 0 6px;\n    }\n\n    .domy-story-section .domy-story-dot {\n      width: 16px;\n      height: 16px;\n      font-size: 7px;\n    }\n\n    .domy-story-section .domy-story-photo {\n      width: 100%;\n      min-height: 0;\n      height: auto;\n      margin: 0;\n      border-radius: 16px;\n      background: #fff8fc;\n    }\n\n    .domy-story-section .domy-story-photo-01 {\n      grid-column: 2;\n      grid-row: 1 \/ 7;\n    }\n\n    .domy-story-section .domy-story-photo-02 {\n      grid-column: 3;\n      grid-row: 1 \/ 4;\n    }\n\n    .domy-story-section .domy-story-photo-03 {\n      grid-column: 3;\n      grid-row: 4 \/ 7;\n    }\n\n    .domy-story-section .domy-story-photo img {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n\n    .domy-story-section .domy-story-quote {\n      position: absolute;\n      right: 32px;\n      bottom: 18px;\n      width: min(520px, 44%);\n      min-height: 54px;\n      margin: 0;\n      padding: 9px 13px;\n      gap: 7px;\n      border-radius: 14px;\n      z-index: 5;\n    }\n\n    .domy-story-section .domy-story-quote-icon {\n      width: 18px;\n      height: 18px;\n    }\n\n    .domy-story-section .domy-story-quote-text {\n      font-size: 11.5px;\n      line-height: 1.2;\n    }\n\n    .domy-story-section .domy-story-quote-signature {\n      margin-top: 2px;\n      font-size: 8px;\n    }\n  }\n  \/* Centrer le cadrage des photos \u00e0 droite *\/\n.domy-story-section .domy-story-photo-02 img,\n.domy-story-section .domy-story-photo-03 img {\n  width: 100% !important;\n  height: 100% !important;\n  object-fit: cover !important;\n  object-position: center 70% !important;\n}\n\/* Titres en violet DOMY *\/\n.domy-story-section h1,\n.domy-story-section h2,\n.domy-story-section h3,\n.domy-story-section .domy-story-title,\n.domy-story-section .domy-story-step-title {\n  color: #6B2C87 !important;\n}\n\n\/* Supprimer le trait fonc\u00e9 \u00e0 gauche du bloc 01 *\/\n.domy-story-section .domy-story-step:first-child,\n.domy-story-section .domy-story-step:first-child::before {\n  border-left: 0 !important;\n  box-shadow: none !important;\n}\n.domy-story-section .domy-story-step::before {\n  display: none !important;\n  content: none !important;\n}\/* CORRECTION TABLETTE \u2014 768 \u00e0 1024 px *\/\n@media (min-width: 768px) and (max-width: 1024px) {\n\n  .domy-story-section {\n    width: calc(100% - 24px) !important;\n    max-width: 920px !important;\n    margin: 0 auto !important;\n    padding: 18px !important;\n  }\n\n  .domy-story-section .domy-story-grid {\n    display: grid !important;\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n\n    grid-template-areas:\n      \"title  title\"\n      \"intro  intro\"\n      \"step1 step2\"\n      \"step3 step3\"\n      \"photo1 photo2\"\n      \"photo1 photo3\"\n      \"quote  quote\" !important;\n\n    grid-template-rows:\n      auto\n      auto\n      auto\n      auto\n      175px\n      175px\n      auto !important;\n\n    gap: 12px !important;\n  }\n\n  \/* Titre et introduction *\/\n  .domy-story-section .domy-story-title {\n    grid-area: title !important;\n    margin: 0 !important;\n    max-width: 650px !important;\n    color: #6B2C87 !important;\n    font-size: 32px !important;\n    line-height: 1.1 !important;\n  }\n\n  .domy-story-section .domy-story-intro {\n    grid-area: intro !important;\n    margin: 0 0 4px !important;\n    max-width: 720px !important;\n    font-size: 13px !important;\n    line-height: 1.5 !important;\n  }\n\n  \/* Petits blocs *\/\n  .domy-story-section .domy-story-step {\n    min-height: 90px !important;\n    padding: 12px !important;\n    gap: 10px !important;\n    align-self: stretch !important;\n  }\n\n  .domy-story-section .domy-story-step[data-step=\"1\"],\n  .domy-story-section .domy-story-step-active {\n    grid-area: step1 !important;\n  }\n\n  .domy-story-section .domy-story-step[data-step=\"2\"] {\n    grid-area: step2 !important;\n  }\n\n  .domy-story-section .domy-story-step[data-step=\"3\"] {\n    grid-area: step3 !important;\n  }\n\n  \/* Suppression d\u00e9finitive du trait fonc\u00e9 *\/\n  .domy-story-section .domy-story-step::before {\n    display: none !important;\n    content: none !important;\n  }\n\n  \/* Num\u00e9ros avec le v\u00e9ritable d\u00e9grad\u00e9 DOMY *\/\n  .domy-story-section .domy-story-number {\n    width: 36px !important;\n    height: 36px !important;\n    background: linear-gradient(\n      112deg,\n      #f39acb 0%,\n      #cd7fc1 30%,\n      #9651aa 58%,\n      #63248c 78%,\n      #351066 100%\n    ) !important;\n    border: 0 !important;\n    color: #ffffff !important;\n  }\n\n  \/* Mosa\u00efque de photos \u00e9quilibr\u00e9e *\/\n  .domy-story-section .domy-story-photo {\n    width: 100% !important;\n    height: 100% !important;\n    min-height: 0 !important;\n    margin: 0 !important;\n    aspect-ratio: auto !important;\n  }\n\n  .domy-story-section .domy-story-photo-01 {\n    grid-area: photo1 !important;\n  }\n\n  .domy-story-section .domy-story-photo-02 {\n    grid-area: photo2 !important;\n  }\n\n  .domy-story-section .domy-story-photo-03 {\n    grid-area: photo3 !important;\n  }\n\n  .domy-story-section .domy-story-photo img {\n    width: 100% !important;\n    height: 100% !important;\n    object-fit: cover !important;\n    object-position: center center !important;\n  }\n\n  \/* Citation sous toutes les photos *\/\n  .domy-story-section .domy-story-quote {\n    grid-area: quote !important;\n    position: relative !important;\n    inset: auto !important;\n    width: 100% !important;\n    margin: 0 !important;\n  }\n}\n\/* AJUSTEMENT FINAL TABLETTE *\/\n@media (min-width: 768px) and (max-width: 1024px) {\n\n \/* Centrer r\u00e9ellement le bloc 03 *\/\n.domy-story-section .domy-stor-step[data-step=\"3\"] {\n  grid-column: 1 \/ -1 !important;\n  grid-row: auto !important;\n  width: calc(50% - 6px) !important;\n  max-width: 450px !important;\n  justify-self: center !important;\n  margin: 0 auto !important;\n}\n\n  \/* Hauteur des lignes contenant les photos *\/\n  .domy-story-section .domy-story-grid {\n    grid-template-rows:\n      auto\n      auto\n      auto\n      auto\n      155px\n      155px\n      auto !important;\n  }\n\n  \/* Grande photo de gauche : hauteur des deux photos + espace *\/\n  .domy-story-section .domy-story-photo-01 {\n    height: 322px !important;\n  }\n\n  \/* Deux photos de droite *\/\n  .domy-story-section .domy-story-photo-02,\n  .domy-story-section .domy-story-photo-03 {\n    height: 155px !important;\n  }\n\n  \/* Cadrage uniforme *\/\n  .domy-story-section .domy-story-photo img {\n    width: 100% !important;\n    height: 100% !important;\n    object-fit: cover !important;\n  }\n\n  .domy-story-section .domy-story-photo-02 img {\n    object-position: center 70% !important;\n  }\n\n  .domy-story-section .domy-story-photo-03 img {\n    object-position: center 70% !important;\n  }\n} \n\/* Taille d\u00e9finitive du titre sur toutes les versions *\/\n.domy-story-section .domy-story-title {\n  font-size: clamp(22px, 3vw, 30px) !important;\n  line-height: 1.12 !important;\n}\n\/* PR\u00c9SENTATION MOBILE COMPACTE *\/\n@media (max-width: 767px) {\n\n  .domy-story-section {\n    width: calc(100% - 20px) !important;\n    margin: 0 auto !important;\n    padding: 14px !important;\n    border-radius: 20px !important;\n  }\n\n  .domy-story-section .domy-story-grid {\n    display: grid !important;\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n\n    grid-template-areas:\n      \"title  title\"\n      \"intro  intro\"\n      \"step1 step1\"\n      \"step2 step2\"\n      \"step3 step3\"\n      \"photo1 photo1\"\n      \"photo2 photo3\"\n      \"quote  quote\" !important;\n\n    grid-template-rows: auto !important;\n    gap: 9px !important;\n  }\n\n  \/* Titre *\/\n  .domy-story-section .domy-story-title {\n    grid-area: title !important;\n    margin: 0 !important;\n    font-size: 22px !important;\n    line-height: 1.15 !important;\n    color: #6B2C87 !important;\n  }\n\n  \/* Introduction plus compacte *\/\n  .domy-story-section .domy-story-intro {\n    grid-area: intro !important;\n    margin: 0 0 3px !important;\n    font-size: 12.5px !important;\n    line-height: 1.5 !important;\n  }\n\n  \/* Les trois \u00e9tapes *\/\n  .domy-story-section .domy-story-step {\n    width: 100% !important;\n    min-height: 0 !important;\n    margin: 0 !important;\n    padding: 10px 12px !important;\n    gap: 10px !important;\n  }\n\n  .domy-story-section .domy-story-step[data-step=\"1\"] {\n    grid-area: step1 !important;\n  }\n\n  .domy-story-section .domy-story-step[data-step=\"2\"] {\n    grid-area: step2 !important;\n  }\n\n  .domy-story-section .domy-story-step[data-step=\"3\"] {\n    grid-area: step3 !important;\n    max-width: none !important;\n    justify-self: stretch !important;\n  }\n\n  .domy-story-section .domy-story-number {\n    width: 34px !important;\n    height: 34px !important;\n    font-size: 11px !important;\n  }\n\n  .domy-story-section .domy-story-step-text h3 {\n    margin: 0 0 2px !important;\n    font-size: 14px !important;\n  }\n\n  .domy-story-section .domy-story-step-text p {\n    font-size: 11px !important;\n    line-height: 1.35 !important;\n  }\n\n  \/* Photos *\/\n  .domy-story-section .domy-story-photo {\n    width: 100% !important;\n    margin: 0 !important;\n    aspect-ratio: auto !important;\n  }\n\n  .domy-story-section .domy-story-photo-01 {\n    grid-area: photo1 !important;\n    height: 190px !important;\n  }\n\n  .domy-story-section .domy-story-photo-02 {\n    grid-area: photo2 !important;\n    height: 135px !important;\n  }\n\n  .domy-story-section .domy-story-photo-03 {\n    grid-area: photo3 !important;\n    height: 135px !important;\n  }\n\n  .domy-story-section .domy-story-photo img {\n    width: 100% !important;\n    height:  100% !important;\n    object-fit: cover !important;\n    object-position: center !important;\n  }\n\n  .domy-story-section .domy-story-photo-tag {\n    top: 7px !important;\n    left: 7px !important;\n    padding: 3px 8px !important;\n    font-size: 7px !important;\n  }\n\n  \/* Citation *\/\n  .domy-story-section .domy-story-quote {\n    grid-area: quote !important;\n    position: relative !important;\n    inset: auto !important;\n    width: 100% !important;\n    margin: 0 !important;\n    padding: 10px 12px !important;\n  }\n\n  .domy-story-section .domy-story-quote-text {\n    font-size: 11px !important;\n  }\n}\/* Agrandir les textes de la section Histoire *\/\n.domy-story-section .domy-story-intro {\n  font-size: 15px !important;\n  line-height: 1.55 !important;\n}\n\n\/* Textes dans L\u2019id\u00e9e, La mission et Demain *\/\n.domy-story-section .domy-story-step-text p {\n  font-size: 14px !important;\n  line-height: 1.4 !important;\n}\n\n\/* Petit texte avec les guillemets *\/\n.domy-story-section .domy-story-quote-text {\n  font-size: 14px !important;\n  line-height: 1.35 !important;\n}\n<\/style>\n\n<script>\n  (function () {\n    var section = document.getElementById('pourquoi-domy');\n    if (!section) return;\n    var steps = section.querySelectorAll('.domy-story-step');\n    if (steps[1]) steps[1].setAttribute('data-step', '2');\n    if (steps[2]) steps[2].setAttribute('data-step', '3');\n  })();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-8eddc2f e-con e-atomic-element e-flexbox-base e-e7c7ef2 \" data-id=\"8eddc2f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8eddc2f\" id=\"contact\" data-e-type=\"e-flexbox\" data-id=\"8eddc2f\">\n    \t\t<div class=\"elementor-element elementor-element-66019b4 elementor-widget elementor-widget-heading\" data-id=\"66019b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">contact<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b005d03 elementor-widget elementor-widget-heading\" data-id=\"b005d03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">D\u00e9veloppez votre activit\u00e9 avec DOMY<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a483385 elementor-widget elementor-widget-text-editor\" data-id=\"a483385\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Rejoignez notre r\u00e9seau de professionnels et contactez-nous pour en savoir plus.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-8e42925 e-con e-atomic-element e-flexbox-base e-a1c06fc \" data-id=\"8e42925\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8e42925\" data-e-type=\"e-flexbox\" data-id=\"8e42925\">\n    \t\t<div class=\"elementor-element elementor-element-5c9ad78 elementor-widget elementor-widget-shortcode\" data-id=\"5c9ad78\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f1363-o1\" lang=\"fr-FR\" dir=\"ltr\" data-wpcf7-id=\"1363\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F10#wpcf7-f1363-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formulaire de contact\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"1363\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.7\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"fr_FR\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1363-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"domy-contact-form\">\n\t<div class=\"domy-form-row\">\n\t\t<p><label>Nom et pr\u00e9nom *<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Votre nom et pr\u00e9nom\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span><br \/>\n<\/label>\n\t\t<\/p>\n\t\t<p><label>T\u00e9l\u00e9phone *<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" autocomplete=\"tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Votre num\u00e9ro de t\u00e9l\u00e9phone\" value=\"\" type=\"tel\" name=\"your-phone\" \/><\/span><br \/>\n<\/label>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"domy-form-row\">\n\t\t<p><label>Adresse e-mail *<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Votre adresse e-mail\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span><br \/>\n<\/label>\n\t\t<\/p>\n\t\t<p><label>Ville *<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-city\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Votre ville\" value=\"\" type=\"text\" name=\"your-city\" \/><\/span><br \/>\n<\/label>\n\t\t<\/p>\n\t<\/div>\n\t<p><label>Votre activit\u00e9 *<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-activity\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"your-activity\"><option value=\"\">S\u00e9lectionnez votre activit\u00e9<\/option><option value=\"Coiffeur \/ Coiffeuse\">Coiffeur \/ Coiffeuse<\/option><option value=\"Masseur \/ Masseuse\">Masseur \/ Masseuse<\/option><option value=\"Barbier \/ Barbi\u00e8re\">Barbier \/ Barbi\u00e8re<\/option><option value=\"Esth\u00e9ticien \/ Esth\u00e9ticienne\">Esth\u00e9ticien \/ Esth\u00e9ticienne<\/option><option value=\"Maquilleur \/ Maquilleuse\">Maquilleur \/ Maquilleuse<\/option><option value=\"Aide m\u00e9nager \/ Aide m\u00e9nag\u00e8re\">Aide m\u00e9nager \/ Aide m\u00e9nag\u00e8re<\/option><option value=\"Garde d\u2019enfant\">Garde d\u2019enfant<\/option><option value=\"Coach sportif \/ Coach sportive\">Coach sportif \/ Coach sportive<\/option><\/select><\/span><br \/>\n<\/label>\n\t<\/p>\n\t<p><label>Votre demande *<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Pr\u00e9sentez-nous bri\u00e8vement votre activit\u00e9 et votre demande\" name=\"your-message\"><\/textarea><\/span><br \/>\n<\/label>\n\t<\/p>\n\t<div class=\"domy-form-consent\">\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-consent\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"your-consent\" value=\"1\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\">J\u2019accepte que DOMY utilise mes informations pour r\u00e9pondre \u00e0 ma demande.<\/span><\/label><\/span><\/span><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Envoyer ma demande\" \/>\n\t<\/p>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-26ea791 e-con e-atomic-element e-flexbox-base e-843d735 \" data-id=\"26ea791\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"26ea791\" data-e-type=\"e-flexbox\" data-id=\"26ea791\">\n    \t\t<div class=\"elementor-element elementor-element-652e2d2 elementor-widget elementor-widget-html\" data-id=\"652e2d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  FOOTER DOMY \u2014 remplacer avant la mise en ligne :\n  URL_DU_LOGO_DOMY, URL_INSTAGRAM et URL_TIKTOK\n-->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n\n<footer class=\"domy-footer\" aria-label=\"Pied de page DOMY\">\n  <div class=\"domy-footer-container\">\n    <div class=\"domy-footer-grid\">\n      <div class=\"domy-footer-brand\">\n        <img class=\"domy-footer-logo\" src=https:\/\/domy.ma\/wp-content\/uploads\/2026\/09\/Design-sans-titre-13.png alt=\"DOMY \u2013 Vos services \u00e0 domicile\">\n        <p class=\"domy-footer-tagline\">Vos services \u00e0 domicile<\/p>\n        <div class=\"domy-footer-socials\" aria-label=\"R\u00e9seaux sociaux\">\n          <a class=\"domy-footer-social-link\" href=\"URL_INSTAGRAM\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Suivre DOMY sur Instagram\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3.5\" y=\"3.5\" width=\"17\" height=\"17\" rx=\"5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"\/><circle cx=\"12\" cy=\"12\" r=\"4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"\/><circle cx=\"17.2\" cy=\"6.8\" r=\"1\" fill=\"currentColor\"\/><\/svg>\n          <\/a>\n          <a class=\"domy-footer-social-link\" href=\"URL_TIKTOK\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Suivre DOMY sur TikTok\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M14 3v10.8a3.3 3.3 0 1 1-2.6-3.2M14 3c0 2.6 2 4.6 4.6 4.7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"domy-footer-group\" data-footer-group>\n        <h3 class=\"domy-footer-group-title\"><button type=\"button\" class=\"domy-footer-group-btn\" aria-expanded=\"false\" aria-controls=\"domy-footer-list-nav\"><span>Navigation<\/span><span class=\"domy-footer-group-toggle\" aria-hidden=\"true\"><\/span><\/button><\/h3>\n        <ul class=\"domy-footer-list\" id=\"domy-footer-list-nav\">\n         <li>\n  <a href=\"#accueil\" onclick=\"window.scrollTo({top:0, behavior:'smooth'}); return false;\">\n    Accueil\n  <\/a>\n<\/li>\n          <li><a href=\"\/#apropos\">\u00c0 propos<\/a><\/li>\n          <li><a href=\"\/#contact\">Devenir prestataire<\/a><\/li>\n          <li><a href=\"\/#faq\">FAQ<\/a><\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"domy-footer-group\" data-footer-group>\n        <h3 class=\"domy-footer-group-title\"><button type=\"button\" class=\"domy-footer-group-btn\" aria-expanded=\"false\" aria-controls=\"domy-footer-list-services\"><span>Services<\/span><span class=\"domy-footer-group-toggle\" aria-hidden=\"true\"><\/span><\/button><\/h3>\n        <ul class=\"domy-footer-list\" id=\"domy-footer-list-services\">\n          <li><a href=\"\/#services\">Coiffure<\/a><\/li><li><a href=\"\/#services\">Beaut\u00e9<\/a><\/li><li><a href=\"\/#services\">Massage<\/a><\/li><li><a href=\"\/#services\">M\u00e9nage<\/a><\/li><li><a href=\"\/#services\">Garde d\u2019enfants<\/a><\/li><li><a href=\"\/#services\">Coach sportif<\/a><\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"domy-footer-group\" data-footer-group>\n        <h3 class=\"domy-footer-group-title\"><button type=\"button\" class=\"domy-footer-group-btn\" aria-expanded=\"false\" aria-controls=\"domy-footer-list-info\"><span>Informations<\/span><span class=\"domy-footer-group-toggle\" aria-hidden=\"true\"><\/span><\/button><\/h3>\n        <ul class=\"domy-footer-list\" id=\"domy-footer-list-info\">\n          <li><a href=\"\/mentions-legales\/\">Mentions l\u00e9gales<\/a><\/li><li><a href=\"\/politique-de-confidentialite\/\">Politique de confidentialit\u00e9<\/a><\/li><li><a href=\"\/conditions-utilisation\/\">Conditions d\u2019utilisation<\/a><\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <div class=\"domy-footer-divider\" aria-hidden=\"true\"><\/div>\n    <p class=\"domy-footer-copyright\">\u00a9 2026 DOMY \u2014 Tous droits r\u00e9serv\u00e9s \u2014 On Agency<\/p>\n  <\/div>\n<\/footer>\n\n<style>\n  .domy-footer,.domy-footer *,.domy-footer *::before,.domy-footer *::after{box-sizing:border-box}\n  .domy-footer{width:100%;padding:30px 24px 20px;background:#fff!important;color:#3A1160;font-family:\"Montserrat\",Arial,sans-serif}\n  .domy-footer-container{width:100%;max-width:1200px;margin:0 auto}\n  .domy-footer-grid{display:grid;grid-template-columns:1.2fr .78fr .9fr 1.08fr;gap:24px;margin:0 0 20px}\n  .domy-footer-brand{display:flex;flex-direction:column;align-items:flex-start}\n  .domy-footer-logo{display:block;width:190px;max-width:100%;height:auto;object-fit:contain;margin:0}\n  .domy-footer-tagline{margin:5px 0 12px!important;color:#3A1160;font-size:12px;font-weight:400;line-height:1.35}\n  .domy-footer-socials{display:flex;align-items:center;gap:9px}\n  .domy-footer-social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent!important;border:1.2px solid #6B2C87;border-radius:50%;box-shadow:none!important;color:#3A1160;text-decoration:none!important;transition:color .2s ease,border-color .2s ease,background .2s ease}\n  .domy-footer-social-link svg{display:block;width:17px;height:17px}\n  .domy-footer-social-link:hover{color:#6B2C87;border-color:#F29ACA;background:#FBF8FF!important}\n  .domy-footer-social-link:focus-visible,.domy-footer-group-btn:focus-visible,.domy-footer-list a:focus-visible{outline:2px solid #6B2C87;outline-offset:3px}\n  .domy-footer-group,.domy-footer-group-title,.domy-footer-group-btn{background:transparent!important;border:0;box-shadow:none!important}\n  .domy-footer-group-title{margin:0 0 10px!important;padding:0!important}\n  .domy-footer-group-btn{display:flex;width:100%;align-items:center;padding:0!important;margin:0!important;color:#6B2C87!important;font:600 15px\/1.25 \"Montserrat\",Arial,sans-serif;text-align:left;cursor:default}\n  .domy-footer-group-toggle{display:none}\n  .domy-footer-list{display:flex;flex-direction:column;gap:6px;margin:0!important;padding:0!important;list-style:none!important;background:transparent!important}\n  .domy-footer-list li{margin:0!important;padding:0!important;background:transparent!important}\n  .domy-footer-list a{display:inline;color:#817692!important;background:transparent!important;border:0!important;box-shadow:none!important;text-decoration:none!important;font-size:12px;font-weight:400;line-height:1.35;transition:color .2s ease}\n  .domy-footer-list a:hover{color:#6B2C87!important}\n  .domy-footer-divider{width:100%;height:1px;margin:0 0 12px;background:linear-gradient(90deg,#F29ACA 0%,#D37AC7 32%,#A94EB2 66%,#6B2C87 100%);border:0}\n  .domy-footer-copyright{margin:0!important;color:#817692;font-size:11px;font-weight:400;line-height:1.4;text-align:left}\n\n  @media (min-width:768px) and (max-width:1024px){\n    .domy-footer{padding:27px 28px 20px}\n    .domy-footer-grid{grid-template-columns:1fr 1fr;gap:20px 32px}\n    .domy-footer-brand{grid-column:1\/-1}.domy-footer-logo{width:180px}\n  }\n\n  @media (max-width:767px){\n    .domy-footer{padding:22px 18px 18px}\n    .domy-footer-grid{grid-template-columns:1fr;gap:0;margin-bottom:14px}\n    .domy-footer-brand{align-items:center;text-align:center;margin-bottom:16px}\n    .domy-footer-logo{width:165px}.domy-footer-tagline{font-size:11.5px}\n    .domy-footer-group{border-top:1px solid #E9D9F0!important}\n    .domy-footer-group:last-child{border-bottom:1px solid #E9D9F0!important}\n    .domy-footer-group-title{margin:0!important}\n    .domy-footer-group-btn{justify-content:space-between;padding:12px 2px!important;font-size:13.5px;cursor:pointer;color:#6B2C87!important}\n    .domy-footer-group-toggle{position:relative;display:block;width:20px;height:20px;flex:0 0 20px}\n    .domy-footer-group-toggle::before,.domy-footer-group-toggle::after{content:\"\";position:absolute;top:50%;left:50%;background:#6B2C87;transform:translate(-50%,-50%);transition:transform .2s ease}\n    .domy-footer-group-toggle::before{width:14px;height:1.5px}.domy-footer-group-toggle::after{width:1.5px;height:14px}\n    .domy-footer-group-btn[aria-expanded=\"true\"] .domy-footer-group-toggle::after{transform:translate(-50%,-50%) scaleY(0)}\n    .domy-footer-list{display:none;padding:0 2px 12px!important;gap:6px}\n    .domy-footer-group[data-open=\"true\"] .domy-footer-list{display:flex}\n    .domy-footer-divider{margin-top:0}.domy-footer-copyright{max-width:310px;margin:0 auto!important;text-align:center}\n  }\n\n  @media (prefers-reduced-motion:reduce){.domy-footer *{scroll-behavior:auto!important;transition:none!important}}\n<\/style>\n\n<script>\n(function(){\n  var footers=document.querySelectorAll('.domy-footer');\n  footers.forEach(function(footer){\n    var groups=footer.querySelectorAll('[data-footer-group]');\n    groups.forEach(function(group){\n      var button=group.querySelector('.domy-footer-group-btn');\n      button.addEventListener('click',function(){\n        if(!window.matchMedia('(max-width: 767px)').matches)return;\n        var opening=group.getAttribute('data-open')!=='true';\n        groups.forEach(function(item){item.removeAttribute('data-open');item.querySelector('.domy-footer-group-btn').setAttribute('aria-expanded','false')});\n        if(opening){group.setAttribute('data-open','true');button.setAttribute('aria-expanded','true')}\n      });\n    });\n    footer.querySelectorAll('a[href^=\"\/#\"]').forEach(function(link){\n      link.addEventListener('click',function(event){\n        if(window.location.pathname!=='\/'&&window.location.pathname!=='')return;\n        var id=link.getAttribute('href').slice(2),target=document.getElementById(id);\n        if(!target)return;\n        event.preventDefault();\n        target.scrollIntoView({behavior:window.matchMedia('(prefers-reduced-motion: reduce)').matches?'auto':'smooth',block:'start'});\n      });\n    });\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Devenez prestataire d\u00e8s aujourd&rsquo;hui. \u2022 Coiffure, beaut\u00e9 et massage disponibles d\u00e8s maintenant \u00e0 Marrakech \u2022 DOMY arrive bient\u00f4t \u00e0 Casablanca, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/domy.ma\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/domy.ma\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/domy.ma\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/domy.ma\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/domy.ma\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":1059,"href":"https:\/\/domy.ma\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":1412,"href":"https:\/\/domy.ma\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/1412"}],"wp:attachment":[{"href":"https:\/\/domy.ma\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}