*,
::before,
::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}


/* css-index-------------------------------------------------------------------------------------------------------------------------------------------------- */

        /* ACTIVATION DU SCROLL FLUIDE (CSS NATIVE) */
        html {
            scroll-behavior: smooth;
        }

        /* --- CSS ENCAPSULÉ ---
         * Le reste du style est restreint à l'ID #mb-garden-root.
         */

        /* Reset global minimal pour la page entière */
        body { margin: 0; padding: 0; }

        /* Variables et Reset interne au composant */
        #mb-garden-root {
            --mb-primary: #15803d;       /* Green 700 */
            --mb-primary-dark: #14532d;  /* Green 900 */
            --mb-primary-light: #86efac; /* Green 300 */
            --mb-secondary: #f97316;     /* Orange 500 */
            --mb-secondary-hover: #ea580c; /* Orange 600 */
            --mb-bg-light: #f9fafb;      /* Gray 50 */
            --mb-text-main: #1f2937;     /* Gray 800 */
            --mb-text-muted: #4b5563;    /* Gray 600 */
            --mb-white: #ffffff;
            
            --font-body: 'Open Sans', sans-serif;
            --font-heading: 'Montserrat', sans-serif;

            font-family: var(--font-body);
            color: var(--mb-text-main);
            background-color: var(--mb-bg-light);
            line-height: 1.5;
            box-sizing: border-box;
            width: 100%;
            overflow-x: hidden;
        }

        /* Reset box-sizing pour tous les éléments DANS le conteneur */
        #mb-garden-root *, #mb-garden-root *::before, #mb-garden-root *::after {
            box-sizing: inherit;
            margin: 0;
            padding: 0;
        }

        #mb-garden-root img {
            max-width: 100%;
            display: block;
        }

        #mb-garden-root a {
            text-decoration: none;
            color: inherit;
            transition: color 0.3s ease;
        }

        #mb-garden-root ul {
            list-style: none;
        }

        /* --- TYPOGRAPHIE --- */
        #mb-garden-root h1, #mb-garden-root h2, #mb-garden-root h3, 
        #mb-garden-root h4, #mb-garden-root nav, #mb-garden-root button {
            font-family: var(--font-heading);
        }

        #mb-garden-root .mb-container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 1rem;
        }

        /* --- HEADER & NAV --- */
        #mb-garden-root .mb-header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 9999;
            transition: all 0.3s ease;
            padding: 1rem 0;
            background-color: transparent;
        }

        /* État Scrolled (géré par JS) */
        #mb-garden-root .mb-header.is-scrolled {
            background-color: var(--mb-white);
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
            padding: 0.5rem 0;
        }

        #mb-garden-root .mb-nav-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        /* Logo Brand */
        #mb-garden-root .mb-brand {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        #mb-garden-root .mb-logo-bg {
            padding: 0.5rem;
            border-radius: 0.5rem;
            background-color: var(--mb-white);
            color: var(--mb-primary);
            transition: background-color 0.3s;
        }
        
        #mb-garden-root .mb-logo-img {
            
            display: block;
        }

        /* #mb-garden-root .mb-header.is-scrolled .mb-logo-bg {
            background-color: var(--mb-primary);
        } */

        #mb-garden-root .mb-brand-text {
            display: flex;
            flex-direction: column;
        }

        #mb-garden-root .mb-brand-title {
            font-size: 1.5rem;
            font-weight: 800;
            color: var(--mb-white);
            text-shadow: 0 2px 4px rgba(0,0,0,0.3);
        }

        #mb-garden-root .mb-brand-sub {
            font-size: 0.75rem;
            font-weight: 600;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            color: #f3f4f6;
            text-shadow: 0 2px 4px rgba(0,0,0,0.3);
        }

        /* Changement de couleur du texte au scroll */
        #mb-garden-root .mb-header.is-scrolled .mb-brand-title {
            color: var(--mb-primary-dark);
            text-shadow: none;
        }
        #mb-garden-root .mb-header.is-scrolled .mb-brand-sub {
            color: var(--mb-text-muted);
            text-shadow: none;
        }

        /* Navigation Desktop */
        #mb-garden-root .mb-nav-desktop {
            display: none; /* Mobile first */
            gap: 2rem;
            align-items: center;
        }

        @media (min-width: 768px) {
            #mb-garden-root .mb-nav-desktop {
                display: flex;
            }
            #mb-garden-root .mb-mobile-btn {
                display: none;
            }
        }

        #mb-garden-root .mb-nav-link {
            font-size: 0.875rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: var(--mb-white);
            text-shadow: 0 1px 2px rgba(0,0,0,0.2);
            cursor: pointer;
        }

        #mb-garden-root .mb-nav-link:hover {
            color: #4ade80;
        }

        #mb-garden-root .mb-header.is-scrolled .mb-nav-link {
            color: var(--mb-text-main);
            text-shadow: none;
        }
        #mb-garden-root .mb-header.is-scrolled .mb-nav-link:hover {
            color: var(--mb-primary);
        }

        /* Bouton d'appel */
        #mb-garden-root .mb-btn-cta {
            background-color: var(--mb-secondary);
            color: white;
            padding: 0.5rem 1.25rem;
            border-radius: 9999px;
            font-weight: 700;
            display: flex;
            align-items: center;
            gap: 0.5rem;
            transition: transform 0.2s, background-color 0.2s;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
        }

        #mb-garden-root .mb-btn-cta:hover {
            background-color: var(--mb-secondary-hover);
            transform: scale(1.05);
        }

        /* Menu Mobile */
        #mb-garden-root .mb-mobile-menu {
            display: none;
            flex-direction: column;
            align-items: center;
            background: var(--mb-white);
            padding: 1rem 0;
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
            border-top: 1px solid #f3f4f6;
        }
        
        #mb-garden-root .mb-mobile-menu.is-open {
            display: flex;
        }

        #mb-garden-root .mb-mobile-link {
            padding: 0.75rem;
            font-weight: 700;
            text-transform: uppercase;
            font-size: 0.875rem;
            color: var(--mb-text-main);
        }

        /* --- HERO SECTION --- */
        #mb-garden-root .mb-hero {
            position: relative;
            height: 100vh;
            min-height: 600px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: var(--mb-white);
        }

        #mb-garden-root .mb-hero-bg {
            position: absolute;
            inset: 0;
            z-index: 0;
        }

        #mb-garden-root .mb-hero-bg img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        #mb-garden-root .mb-hero-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(to right, rgba(20, 83, 45, 0.9), rgba(22, 101, 52, 0.6));
            mix-blend-mode: multiply;
        }

        #mb-garden-root .mb-hero-content {
            position: relative;
            z-index: 10;
            padding-top: 4rem;
        }

        #mb-garden-root .mb-tag {
            display: inline-block;
            background-color: var(--mb-secondary);
            padding: 0.25rem 1rem;
            border-radius: 9999px;
            font-size: 0.75rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            margin-bottom: 1rem;
            animation: fadeInUp 0.8s ease-out forwards;
        }

        @keyframes fadeInUp {
            from { opacity: 0; transform: translate3d(0, 20px, 0); }
            to { opacity: 1; transform: translate3d(0, 0, 0); }
        }

        #mb-garden-root .mb-hero h1 {
            font-size: 2.5rem;
            line-height: 1.2;
            font-weight: 800;
            margin-bottom: 1.5rem;
            text-shadow: 0 4px 6px rgba(0,0,0,0.3);
        }

        @media (min-width: 768px) {
            #mb-garden-root .mb-hero h1 { font-size: 3.75rem; }
        }
        @media (min-width: 1024px) {
            #mb-garden-root .mb-hero h1 { font-size: 4.5rem; }
        }

        #mb-garden-root .mb-hero h1 span {
            color: var(--mb-primary-light);
        }

        #mb-garden-root .mb-hero p {
            font-size: 1.125rem;
            max-width: 42rem;
            margin: 0 auto 2.5rem auto;
            color: #e5e7eb;
            font-weight: 300;
        }

        #mb-garden-root .mb-hero-actions {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            justify-content: center;
        }

        @media (min-width: 640px) {
            #mb-garden-root .mb-hero-actions { flex-direction: row; }
        }

        #mb-garden-root .mb-btn-white {
            background-color: var(--mb-white);
            color: var(--mb-primary-dark);
            padding: 1rem 2rem;
            border-radius: 0.5rem;
            font-weight: 700;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            transition: background-color 0.3s;
        }
        #mb-garden-root .mb-btn-white:hover { background-color: #f3f4f6; }

        #mb-garden-root .mb-btn-outline {
            border: 2px solid var(--mb-white);
            color: var(--mb-white);
            padding: 1rem 2rem;
            border-radius: 0.5rem;
            font-weight: 700;
            display: inline-flex;
            justify-content: center;
            transition: background-color 0.3s;
        }
        #mb-garden-root .mb-btn-outline:hover { background-color: rgba(255,255,255,0.1); }

        /* --- INTRO SECTION --- */
        #mb-garden-root .mb-section {
            padding: 5rem 0;
        }

        #mb-garden-root .mb-text-center { text-align: center; }
        
        #mb-garden-root .mb-section-title {
            font-size: 1.875rem;
            font-weight: 700;
            color: var(--mb-text-main);
            margin-bottom: 1.5rem;
        }

        #mb-garden-root .mb-lead {
            font-size: 1.125rem;
            color: var(--mb-text-muted);
            max-width: 56rem;
            margin: 0 auto;
            line-height: 1.75;
        }

        #mb-garden-root .mb-highlight { color: var(--mb-primary); font-weight: 700; }

        #mb-garden-root .mb-grid-3 {
            display: grid;
            grid-template-columns: 1fr;
            gap: 2rem;
            margin-top: 3rem;
        }

        @media (min-width: 768px) {
            #mb-garden-root .mb-grid-3 { grid-template-columns: repeat(3, 1fr); }
        }

        #mb-garden-root .mb-card-simple {
            background-color: #f9fafb;
            border: 1px solid #e5e7eb;
            border-radius: 0.75rem;
            padding: 1.5rem;
        }

        #mb-garden-root .mb-icon-large {
            width: 3rem;
            height: 3rem;
            color: var(--mb-primary);
            margin: 0 auto 1rem auto;
            display: block;
        }

        /* --- PRESTATIONS --- */
        #mb-garden-root .mb-subtitle {
            font-size: 0.875rem;
            font-weight: 700;
            color: var(--mb-secondary);
            text-transform: uppercase;
            letter-spacing: 0.1em;
            margin-bottom: 0.5rem;
        }

        #mb-garden-root .mb-divider {
            width: 6rem;
            height: 0.25rem;
            background-color: var(--mb-primary);
            border-radius: 9999px;
            margin: 1rem auto 0 auto;
        }

        #mb-garden-root .mb-card-service {
            background: var(--mb-white);
            border-radius: 1rem;
            overflow: hidden;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
            transition: box-shadow 0.3s;
            height: 100%;
        }
        #mb-garden-root .mb-card-service:hover {
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
        }

        #mb-garden-root .mb-card-img-wrapper {
            height: 12rem;
            position: relative;
            overflow: hidden;
        }

        #mb-garden-root .mb-card-img-wrapper img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        #mb-garden-root .mb-card-service:hover .mb-card-img-wrapper img {
            transform: scale(1.1);
        }

        #mb-garden-root .mb-card-icon {
            position: absolute;
            top: 1rem;
            left: 1rem;
            background-color: var(--mb-primary);
            color: white;
            padding: 0.5rem;
            border-radius: 0.5rem;
        }

        #mb-garden-root .mb-card-content {
            padding: 2rem;
        }

        #mb-garden-root .mb-card-title {
            font-size: 1.25rem;
            font-weight: 700;
            margin-bottom: 1rem;
        }

        #mb-garden-root .mb-list-check li {
            display: flex;
            align-items: center;
            margin-bottom: 0.75rem;
            color: var(--mb-text-muted);
            font-size: 0.95rem;
        }

        #mb-garden-root .mb-list-check li svg {
            margin-right: 0.5rem;
            color: var(--mb-primary);
            width: 1rem;
            height: 1rem;
            flex-shrink: 0;
        }

        /* Modificateur Orange pour l'entretien */
        #mb-garden-root .mb-border-accent { border-top: 4px solid var(--mb-secondary); }
        #mb-garden-root .mb-bg-accent { background-color: var(--mb-secondary); }
        #mb-garden-root .mb-text-accent { color: var(--mb-secondary) !important; }


        /* --- QUI SOMMES NOUS --- */
        #mb-garden-root .mb-flex-lg {
            display: flex;
            flex-direction: column;
            gap: 3rem;
        }
        @media (min-width: 1024px) {
            #mb-garden-root .mb-flex-lg { flex-direction: row; align-items: center; }
            #mb-garden-root .mb-half { width: 50%; }
        }

        #mb-garden-root .mb-img-stack { position: relative; }
        #mb-garden-root .mb-img-stack img {
            border-radius: 1rem;
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
            position: relative;
            z-index: 10;
        }

        #mb-garden-root .mb-blob-1, #mb-garden-root .mb-blob-2 {
            position: absolute;
            border-radius: 50%;
            z-index: 0;
        }
        #mb-garden-root .mb-blob-1 { top: -1rem; left: -1rem; width: 6rem; height: 6rem; background-color: #dcfce7; }
        #mb-garden-root .mb-blob-2 { bottom: -1rem; right: -1rem; width: 8rem; height: 8rem; background-color: #ffedd5; }

        #mb-garden-root .mb-quote-box {
            background-color: #f0fdf4;
            padding: 1.5rem;
            border-radius: 0.5rem;
            border-left: 4px solid var(--mb-primary);
            margin-top: 1.5rem;
        }
        
        /* --- SECTEUR --- */
        #mb-garden-root .mb-bg-primary-dark {
            background-color: var(--mb-primary-dark);
            color: white;
            position: relative;
        }
        
        #mb-garden-root .mb-card-blur {
            background-color: rgba(22, 101, 52, 0.5);
            border: 1px solid rgba(21, 128, 61, 0.5);
            backdrop-filter: blur(4px);
            -webkit-backdrop-filter: blur(4px);
            padding: 1.5rem;
            border-radius: 0.75rem;
        }

        #mb-garden-root .mb-circle-icon {
            width: 2.5rem;
            height: 2.5rem;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 1rem;
        }

        /* --- SAP SECTION --- */
        #mb-garden-root .mb-bg-orange-light { background-color: #fff7ed; }
        
        #mb-garden-root .mb-sap-container {
            background: white;
            border-radius: 1.5rem;
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            display: flex;
            flex-direction: column;
        }
        @media (min-width: 768px) {
            #mb-garden-root .mb-sap-container { flex-direction: row; }
        }

        #mb-garden-root .mb-sap-left {
            background-color: var(--mb-secondary);
            color: white;
            padding: 2.5rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            width: 100%;
        }
        @media (min-width: 768px) {
            #mb-garden-root .mb-sap-left { width: 33.333%; }
            #mb-garden-root .mb-sap-right { width: 66.666%; padding: 2.5rem; }
        }
        #mb-garden-root .mb-sap-right { padding: 2rem; }

        #mb-garden-root .mb-grid-2-sm {
            display: grid;
            grid-template-columns: 1fr;
            gap: 1rem;
        }
        @media (min-width: 640px) {
            #mb-garden-root .mb-grid-2-sm { grid-template-columns: 1fr 1fr; }
        }

        #mb-garden-root .mb-dot {
            width: 0.5rem;
            height: 0.5rem;
            background-color: var(--mb-secondary);
            border-radius: 50%;
            margin-right: 0.5rem;
            display: inline-block;
        }

        /* --- CONTACT --- */
        #mb-garden-root .mb-contact-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 3rem;
        }
        @media (min-width: 768px) {
            #mb-garden-root .mb-contact-grid { grid-template-columns: 1fr 1fr; }
        }

        #mb-garden-root .mb-icon-box {
            background-color: #dcfce7;
            padding: 0.75rem;
            border-radius: 0.5rem;
            color: var(--mb-primary);
        }
        
        #mb-garden-root .mb-flex-start {
            display: flex;
            align-items: flex-start;
            gap: 1rem;
            margin-bottom: 2rem;
        }

        #mb-garden-root .mb-form-card {
            background-color: #f9fafb;
            padding: 2rem;
            border-radius: 1rem;
            border: 1px solid #f3f4f6;
        }

        #mb-garden-root .mb-input {
            width: 100%;
            padding: 0.75rem;
            border-radius: 0.5rem;
            border: 1px solid #d1d5db;
            margin-bottom: 1rem;
            outline: none;
            transition: border-color 0.2s;
            font-family: inherit;
        }
        #mb-garden-root .mb-input:focus {
            border-color: var(--mb-primary);
            box-shadow: 0 0 0 3px #bbf7d0;
        }

        #mb-garden-root .mb-radio-label {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.75rem;
            border: 1px solid #e5e7eb;
            border-radius: 0.5rem;
            background: white;
            cursor: pointer;
        }
        #mb-garden-root .mb-radio-label:hover { border-color: var(--mb-primary); }

        #mb-garden-root .mb-btn-submit {
            width: 100%;
            background-color: var(--mb-primary);
            color: white;
            font-weight: 700;
            padding: 1rem;
            border-radius: 0.5rem;
            border: none;
            cursor: pointer;
            transition: background-color 0.2s;
        }
        #mb-garden-root .mb-btn-submit:hover { background-color: var(--mb-primary-dark); }

        /* --- FOOTER --- */
        #mb-garden-root .mb-footer {
            background-color: #111827;
            color: #9ca3af;
            padding: 3rem 0;
            border-top: 1px solid #1f2937;
        }
        
        #mb-garden-root .mb-footer-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 2rem;
            margin-bottom: 2rem;
        }
        @media (min-width: 768px) {
            #mb-garden-root .mb-footer-grid { grid-template-columns: 2fr 1fr 1fr; }
        }

        #mb-garden-root .mb-footer-link {
            display: block;
            margin-bottom: 0.5rem;
            font-size: 0.875rem;
        }
        #mb-garden-root .mb-footer-link:hover { color: #4ade80; }

        #mb-garden-root .mb-footer-bottom {
            border-top: 1px solid #1f2937;
            padding-top: 2rem;
            font-size: 0.75rem;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
        @media (min-width: 768px) {
            #mb-garden-root .mb-footer-bottom { flex-direction: row; }
        }


/* css-creation-------------------------------------------------------------------------------------------------------------------------- */
        /* ACTIVATION DU SCROLL FLUIDE */
        html {
            scroll-behavior: smooth;
        }

        body { margin: 0; padding: 0; }

        /* --- CSS ENCAPSULÉ DANS L'ID ROOT --- */
        #mb-garden-root {
            --mb-primary: #15803d;       /* Green 700 */
            --mb-primary-dark: #14532d;  /* Green 900 */
            --mb-primary-light: #86efac; /* Green 300 */
            --mb-secondary: #f97316;     /* Orange 500 */
            --mb-secondary-hover: #ea580c; /* Orange 600 */
            --mb-bg-light: #f9fafb;      /* Gray 50 */
            --mb-text-main: #1f2937;     /* Gray 800 */
            --mb-text-muted: #4b5563;    /* Gray 600 */
            --mb-white: #ffffff;
            
            --font-body: 'Open Sans', sans-serif;
            --font-heading: 'Montserrat', sans-serif;

            font-family: var(--font-body);
            color: var(--mb-text-main);
            background-color: var(--mb-bg-light);
            line-height: 1.6; /* Augmenté pour l'aération */
            box-sizing: border-box;
            width: 100%;
            overflow-x: hidden;
            font-size: 16px; 
        }

        /* Reset interne */
        #mb-garden-root *, #mb-garden-root *::before, #mb-garden-root *::after {
            box-sizing: inherit;
            margin: 0;
            padding: 0;
        }

        #mb-garden-root img {
            max-width: 100%;
            display: block;
        }

        #mb-garden-root a {
            text-decoration: none;
            color: inherit;
            transition: color 0.3s ease;
        }

        #mb-garden-root ul {
            list-style: none;
        }

        /* --- TYPOGRAPHIE --- */
        #mb-garden-root h1, #mb-garden-root h2, #mb-garden-root h3, 
        #mb-garden-root h4, #mb-garden-root nav, #mb-garden-root button {
            font-family: var(--font-heading);
        }

        #mb-garden-root .mb-container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 24px; /* Padding unifié légèrement plus grand */
        }

        /* --- HEADER & NAV --- */
        #mb-garden-root .mb-header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 9999;
            transition: all 0.3s ease;
            padding: 16px 0;
            background-color: transparent;
        }

        #mb-garden-root .mb-header.is-scrolled {
            background-color: var(--mb-white);
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
            padding: 8px 0;
        }

        #mb-garden-root .mb-nav-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        #mb-garden-root .mb-brand {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        #mb-garden-root .mb-logo-bg {
            padding: 8px;
            border-radius: 8px;
            background-color: var(--mb-white);
            color: var(--mb-primary);
            transition: background-color 0.3s;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }

        #mb-garden-root .mb-brand-text {
            display: flex;
            flex-direction: column;
            line-height: 1.2;
        }

        #mb-garden-root .mb-brand-title {
            font-size: 20px;
            font-weight: 800;
            color: var(--mb-white);
            text-shadow: 0 2px 4px rgba(0,0,0,0.3);
        }
        @media (min-width: 768px) {
             #mb-garden-root .mb-brand-title { font-size: 24px; }
        }

        #mb-garden-root .mb-brand-sub {
            font-size: 11px;
            font-weight: 600;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            color: #f3f4f6;
            text-shadow: 0 2px 4px rgba(0,0,0,0.3);
        }

        #mb-garden-root .mb-header.is-scrolled .mb-brand-title {
            color: var(--mb-primary-dark);
            text-shadow: none;
        }
        #mb-garden-root .mb-header.is-scrolled .mb-brand-sub {
            color: var(--mb-text-muted);
            text-shadow: none;
        }

        #mb-garden-root .mb-nav-desktop {
            display: none;
            gap: 32px;
            align-items: center;
        }

        @media (min-width: 900px) {
            #mb-garden-root .mb-nav-desktop { display: flex; }
            #mb-garden-root .mb-mobile-btn { display: none !important; }
        }

        #mb-garden-root .mb-nav-link {
            font-size: 14px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: var(--mb-white);
            text-shadow: 0 1px 2px rgba(0,0,0,0.2);
            position: relative;
        }

        #mb-garden-root .mb-nav-link:after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: -4px;
            left: 0;
            background-color: #4ade80;
            transition: width 0.3s;
        }
        #mb-garden-root .mb-nav-link:hover:after { width: 100%; }
        #mb-garden-root .mb-nav-link:hover { color: #4ade80; }

        #mb-garden-root .mb-header.is-scrolled .mb-nav-link {
            color: var(--mb-text-main);
            text-shadow: none;
        }
        #mb-garden-root .mb-header.is-scrolled .mb-nav-link:hover {
            color: var(--mb-primary);
        }

        #mb-garden-root .mb-btn-cta {
            background-color: var(--mb-secondary);
            color: white;
            padding: 10px 24px;
            border-radius: 9999px;
            font-weight: 700;
            display: flex;
            align-items: center;
            gap: 8px;
            transition: transform 0.2s, background-color 0.2s;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
            font-size: 14px;
        }
        #mb-garden-root .mb-btn-cta:hover {
            background-color: var(--mb-secondary-hover);
            transform: scale(1.05);
        }

        #mb-garden-root .mb-mobile-menu {
            display: none;
            flex-direction: column;
            align-items: center;
            background: var(--mb-white);
            padding: 16px 0;
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
            border-top: 1px solid #f3f4f6;
        }
        #mb-garden-root .mb-mobile-menu.is-open { display: flex; }

        #mb-garden-root .mb-mobile-link {
            padding: 16px;
            font-weight: 700;
            text-transform: uppercase;
            font-size: 14px;
            color: var(--mb-text-main);
            width: 100%;
            text-align: center;
            border-bottom: 1px solid #f3f4f6;
        }

        /* --- HERO SPECIFIQUE CREATION --- */
        #mb-garden-root .mb-hero-create {
            position: relative;
            height: 500px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: var(--mb-white);
        }

        #mb-garden-root .mb-hero-bg {
            position: absolute;
            inset: 0;
            z-index: 0;
        }
        #mb-garden-root .mb-hero-bg img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        #mb-garden-root .mb-hero-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(to right, rgba(20, 83, 45, 0.9), rgba(22, 101, 52, 0.6));
            mix-blend-mode: multiply;
        }

        #mb-garden-root .mb-hero-content {
            position: relative;
            z-index: 10;
            padding-top: 64px;
        }

        #mb-garden-root .mb-hero-create h1 {
            font-size: 36px;
            line-height: 1.2;
            font-weight: 800;
            margin-bottom: 24px;
            text-shadow: 0 4px 6px rgba(0,0,0,0.3);
            text-transform: uppercase;
        }
        @media (min-width: 768px) {
            #mb-garden-root .mb-hero-create h1 { font-size: 56px; }
        }

        #mb-garden-root .mb-hero-create p {
            font-size: 18px;
            max-width: 700px;
            margin: 0 auto;
            color: #e5e7eb;
            font-weight: 400;
        }

        /* --- SECTIONS GENERALES --- */
        #mb-garden-root .mb-section { padding: 96px 0; }
        #mb-garden-root .mb-text-center { text-align: center; }
        
        #mb-garden-root .mb-section-title {
            font-size: 32px;
            font-weight: 800;
            color: var(--mb-text-main);
            margin-bottom: 24px;
            text-transform: uppercase;
            letter-spacing: -0.02em;
        }

        #mb-garden-root .mb-lead {
            font-size: 18px;
            color: var(--mb-text-muted);
            max-width: 800px;
            margin: 0 auto;
            line-height: 1.8;
        }

        #mb-garden-root .mb-highlight { color: var(--mb-primary); font-weight: 700; }
        
        #mb-garden-root .mb-divider {
            width: 80px;
            height: 4px;
            background-color: var(--mb-primary);
            border-radius: 9999px;
            margin: 24px auto 0 auto;
        }

        /* --- ETAPES DE CREATION (TIMELINE) --- */
        #mb-garden-root .mb-steps-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 32px;
            margin-top: 64px;
            align-items: stretch;
        }
        @media (min-width: 768px) {
            #mb-garden-root .mb-steps-grid { grid-template-columns: repeat(4, 1fr); }
        }

        #mb-garden-root .mb-step-card {
            background: white;
            padding: 40px 24px;
            border-radius: 16px;
            border: 1px solid #e5e7eb;
            text-align: center;
            position: relative;
            transition: transform 0.3s, box-shadow 0.3s;
            height: 100%; /* Force equal height */
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        #mb-garden-root .mb-step-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
            border-color: var(--mb-primary-light);
            z-index: 2;
        }

        #mb-garden-root .mb-step-number {
            background-color: var(--mb-secondary);
            color: white;
            width: 48px;
            height: 48px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 800;
            font-size: 20px;
            margin-bottom: 24px;
            box-shadow: 0 4px 6px rgba(249, 115, 22, 0.3);
        }

        #mb-garden-root .mb-step-title {
            font-weight: 800;
            font-size: 18px;
            margin-bottom: 12px;
            color: var(--mb-primary-dark);
            text-transform: uppercase;
        }
        #mb-garden-root .mb-step-desc {
            font-size: 15px;
            color: var(--mb-text-muted);
            line-height: 1.6;
        }

        /* --- SERVICES DETAILLES --- */
        #mb-garden-root .mb-services-split {
            display: flex;
            flex-direction: column;
            gap: 96px; /* Espace augmenté entre les sections */
        }

        #mb-garden-root .mb-service-row {
            display: flex;
            flex-direction: column;
            gap: 48px;
            align-items: center; /* Centrage vertical */
        }
        @media (min-width: 1024px) {
            #mb-garden-root .mb-service-row { flex-direction: row; }
            #mb-garden-root .mb-service-row.reverse { flex-direction: row-reverse; }
            
            #mb-garden-root .mb-col-text { width: 50%; padding-right: 24px; }
            #mb-garden-root .mb-service-row.reverse .mb-col-text { padding-right: 0; padding-left: 24px; }
            #mb-garden-root .mb-col-img { width: 50%; }
        }

        /* HARMONISATION IMAGES */
        #mb-garden-root .mb-col-img img {
            width: 100%;
            height: 400px; /* Hauteur fixe pour l'harmonie */
            object-fit: cover;
            border-radius: 20px;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
        }
        @media (max-width: 768px) {
            #mb-garden-root .mb-col-img img { height: 250px; }
        }

        #mb-garden-root .mb-service-subtitle {
            font-size: 14px;
            font-weight: 700;
            color: var(--mb-secondary);
            text-transform: uppercase;
            letter-spacing: 0.1em;
            margin-bottom: 8px;
            display: block;
        }

        #mb-garden-root .mb-service-title {
            font-size: 28px;
            font-weight: 800;
            color: var(--mb-primary-dark);
            margin-bottom: 24px;
            line-height: 1.2;
        }

        #mb-garden-root .mb-list-styled {
            margin-top: 32px;
        }
        
        /* ALIGNEMENT LISTE & ICONES */
        #mb-garden-root .mb-list-styled li {
            display: flex;
            align-items: flex-start; /* Aligne l'icône sur le haut du texte */
            margin-bottom: 20px;
            font-size: 16px;
            color: var(--mb-text-muted);
            line-height: 1.6;
        }
        #mb-garden-root .mb-list-styled li svg {
            color: var(--mb-primary);
            margin-right: 20px; /* Espace confortable */
            flex-shrink: 0;
            width: 24px;
            height: 24px;
            margin-top: 2px; /* Ajustement optique pour s'aligner avec la majuscule */
        }
        #mb-garden-root .mb-list-styled li strong {
            color: var(--mb-text-main);
            font-weight: 700;
            margin-right: 4px;
        }

        /* --- SECTION PRO/COLLECTIVITÉS --- */
        #mb-garden-root .mb-bg-pro {
            background-color: var(--mb-primary-dark);
            color: white;
            padding: 96px 0;
            position: relative;
            overflow: hidden;
        }
        
        #mb-garden-root .mb-pro-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 32px;
            margin-top: 64px;
        }
        @media (min-width: 768px) {
            #mb-garden-root .mb-pro-grid { grid-template-columns: 1fr 1fr; }
        }

        #mb-garden-root .mb-pro-card {
            background: rgba(255, 255, 255, 0.05);
            padding: 40px;
            border-radius: 16px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            transition: background 0.3s;
        }
        #mb-garden-root .mb-pro-card:hover {
            background: rgba(255, 255, 255, 0.1);
        }

        #mb-garden-root .mb-pro-title {
            font-size: 22px;
            font-weight: 700;
            margin-bottom: 16px;
            color: var(--mb-white);
            display: flex;
            align-items: center;
            gap: 16px;
        }
        #mb-garden-root .mb-pro-title svg {
            color: var(--mb-secondary);
            width: 28px;
            height: 28px;
        }

        #mb-garden-root .mb-pro-text {
            color: #d1d5db;
            line-height: 1.7;
            font-size: 16px;
            padding-left: 44px; /* Alignement texte sous le titre (hors icone) */
        }

        /* --- CONTACT & FOOTER --- */
        #mb-garden-root .mb-contact-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 48px;
            align-items: start;
        }
        @media (min-width: 900px) {
            #mb-garden-root .mb-contact-grid { grid-template-columns: 1fr 1.2fr; }
        }

        #mb-garden-root .mb-contact-info-card {
            background: white;
            padding: 40px;
            border-radius: 16px;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05);
            height: 100%;
            border: 1px solid #f3f4f6;
        }

        #mb-garden-root .mb-contact-row {
            display: flex;
            gap: 20px;
            margin-bottom: 32px;
            align-items: flex-start;
        }
        #mb-garden-root .mb-contact-row:last-child { margin-bottom: 0; }
        
        #mb-garden-root .mb-contact-icon {
            width: 48px;
            height: 48px;
            background-color: #dcfce7;
            color: var(--mb-primary);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        #mb-garden-root .mb-btn-submit {
            width: 100%;
            background-color: var(--mb-primary);
            color: white;
            font-weight: 800;
            padding: 18px;
            border-radius: 8px;
            border: none;
            cursor: pointer;
            transition: background-color 0.2s;
            font-size: 16px;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            margin-top: 16px;
        }
        #mb-garden-root .mb-btn-submit:hover { background-color: var(--mb-primary-dark); }
        
        #mb-garden-root .mb-footer {
            background-color: #111827;
            color: #9ca3af;
            padding: 64px 0;
            border-top: 1px solid #1f2937;
        }
        #mb-garden-root .mb-footer-link {
            display: block;
            margin-bottom: 12px;
            font-size: 14px;
            transition: color 0.2s;
        }
        #mb-garden-root .mb-footer-link:hover { color: #4ade80; padding-left: 4px; }

        #mb-garden-root .mb-footer-bottom {
            border-top: 1px solid #1f2937;
            padding-top: 32px;
            font-size: 13px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            margin-top: 48px;
            gap: 16px;
            color: #6b7280;
        }
        @media (min-width: 768px) {
            #mb-garden-root .mb-footer-bottom { flex-direction: row; }
            #mb-garden-root .mb-footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 48px;}
        }

        /* --- GALERIE RAPIDE --- */
        #mb-garden-root .mb-gallery-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 24px;
        }
        @media(min-width: 768px) {
            #mb-garden-root .mb-gallery-grid { grid-template-columns: repeat(4, 1fr); }
        }
        #mb-garden-root .mb-gallery-item {
            height: 240px; /* Hauteur augmentée */
            overflow: hidden;
            border-radius: 12px;
            position: relative;
        }
        #mb-garden-root .mb-gallery-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        #mb-garden-root .mb-gallery-item:hover img { transform: scale(1.1); }

/* css-entretien ----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

  
        /* ACTIVATION DU SCROLL FLUIDE */
        html {
            scroll-behavior: smooth;
        }

        body { margin: 0; padding: 0; }

        /* --- CSS ENCAPSULÉ DANS L'ID ROOT --- */
        #mb-garden-root {
            --mb-primary: #15803d;       /* Green 700 */
            --mb-primary-dark: #14532d;  /* Green 900 */
            --mb-primary-light: #86efac; /* Green 300 */
            --mb-secondary: #f97316;     /* Orange 500 */
            --mb-secondary-hover: #ea580c; /* Orange 600 */
            --mb-bg-light: #f9fafb;      /* Gray 50 */
            --mb-text-main: #1f2937;     /* Gray 800 */
            --mb-text-muted: #4b5563;    /* Gray 600 */
            --mb-white: #ffffff;
            
            --font-body: 'Open Sans', sans-serif;
            --font-heading: 'Montserrat', sans-serif;

            font-family: var(--font-body);
            color: var(--mb-text-main);
            background-color: var(--mb-bg-light);
            line-height: 1.6;
            box-sizing: border-box;
            width: 100%;
            overflow-x: hidden;
            font-size: 16px; 
        }

        /* Reset interne */
        #mb-garden-root *, #mb-garden-root *::before, #mb-garden-root *::after {
            box-sizing: inherit;
            margin: 0;
            padding: 0;
        }

        #mb-garden-root img {
            max-width: 100%;
            display: block;
        }

        #mb-garden-root a {
            text-decoration: none;
            color: inherit;
            transition: color 0.3s ease;
        }

        #mb-garden-root ul {
            list-style: none;
        }

        /* --- TYPOGRAPHIE --- */
        #mb-garden-root h1, #mb-garden-root h2, #mb-garden-root h3, 
        #mb-garden-root h4, #mb-garden-root nav, #mb-garden-root button {
            font-family: var(--font-heading);
        }

        #mb-garden-root .mb-container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 24px;
        }

        /* --- HEADER & NAV --- */
        #mb-garden-root .mb-header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 9999;
            transition: all 0.3s ease;
            padding: 16px 0;
            background-color: transparent;
        }

        #mb-garden-root .mb-header.is-scrolled {
            background-color: var(--mb-white);
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
            padding: 8px 0;
        }

        #mb-garden-root .mb-nav-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        #mb-garden-root .mb-brand {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        #mb-garden-root .mb-logo-bg {
            padding: 8px;
            border-radius: 8px;
            background-color: var(--mb-white);
            color: var(--mb-primary);
            transition: background-color 0.3s;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }


        #mb-garden-root .mb-brand-text {
            display: flex;
            flex-direction: column;
            line-height: 1.2;
        }

        #mb-garden-root .mb-brand-title {
            font-size: 20px;
            font-weight: 800;
            color: var(--mb-white);
            text-shadow: 0 2px 4px rgba(0,0,0,0.3);
        }
        @media (min-width: 768px) {
             #mb-garden-root .mb-brand-title { font-size: 24px; }
        }

        #mb-garden-root .mb-brand-sub {
            font-size: 11px;
            font-weight: 600;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            color: #f3f4f6;
            text-shadow: 0 2px 4px rgba(0,0,0,0.3);
        }

        #mb-garden-root .mb-header.is-scrolled .mb-brand-title {
            color: var(--mb-primary-dark);
            text-shadow: none;
        }
        #mb-garden-root .mb-header.is-scrolled .mb-brand-sub {
            color: var(--mb-text-muted);
            text-shadow: none;
        }

        #mb-garden-root .mb-nav-desktop {
            display: none;
            gap: 32px;
            align-items: center;
        }

        @media (min-width: 900px) {
            #mb-garden-root .mb-nav-desktop { display: flex; }
            #mb-garden-root .mb-mobile-btn { display: none !important; }
        }

        #mb-garden-root .mb-nav-link {
            font-size: 14px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: var(--mb-white);
            text-shadow: 0 1px 2px rgba(0,0,0,0.2);
            position: relative;
        }

        #mb-garden-root .mb-nav-link:after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: -4px;
            left: 0;
            background-color: #4ade80;
            transition: width 0.3s;
        }
        #mb-garden-root .mb-nav-link:hover:after { width: 100%; }
        #mb-garden-root .mb-nav-link:hover { color: #4ade80; }

        #mb-garden-root .mb-header.is-scrolled .mb-nav-link {
            color: var(--mb-text-main);
            text-shadow: none;
        }
        #mb-garden-root .mb-header.is-scrolled .mb-nav-link:hover {
            color: var(--mb-primary);
        }

        #mb-garden-root .mb-btn-cta {
            background-color: var(--mb-secondary);
            color: white;
            padding: 10px 24px;
            border-radius: 9999px;
            font-weight: 700;
            display: flex;
            align-items: center;
            gap: 8px;
            transition: transform 0.2s, background-color 0.2s;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
            font-size: 14px;
        }
        #mb-garden-root .mb-btn-cta:hover {
            background-color: var(--mb-secondary-hover);
            transform: scale(1.05);
        }

        #mb-garden-root .mb-mobile-menu {
            display: none;
            flex-direction: column;
            align-items: center;
            background: var(--mb-white);
            padding: 16px 0;
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
            border-top: 1px solid #f3f4f6;
        }
        #mb-garden-root .mb-mobile-menu.is-open { display: flex; }

        #mb-garden-root .mb-mobile-link {
            padding: 16px;
            font-weight: 700;
            text-transform: uppercase;
            font-size: 14px;
            color: var(--mb-text-main);
            width: 100%;
            text-align: center;
            border-bottom: 1px solid #f3f4f6;
        }

        /* --- HERO SPECIFIQUE ENTRETIEN --- */
        #mb-garden-root .mb-hero-entretien {
            position: relative;
            height: 500px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: var(--mb-white);
        }

        #mb-garden-root .mb-hero-bg {
            position: absolute;
            inset: 0;
            z-index: 0;
        }
        #mb-garden-root .mb-hero-bg img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        #mb-garden-root .mb-hero-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(to right, rgba(20, 83, 45, 0.9), rgba(22, 101, 52, 0.6));
            mix-blend-mode: multiply;
        }

        #mb-garden-root .mb-hero-content {
            position: relative;
            z-index: 10;
            padding-top: 64px;
        }

        #mb-garden-root .mb-hero-entretien h1 {
            font-size: 36px;
            line-height: 1.2;
            font-weight: 800;
            margin-bottom: 24px;
            text-shadow: 0 4px 6px rgba(0,0,0,0.3);
            text-transform: uppercase;
        }
        @media (min-width: 768px) {
            #mb-garden-root .mb-hero-entretien h1 { font-size: 56px; }
        }

        #mb-garden-root .mb-hero-entretien p {
            font-size: 18px;
            max-width: 700px;
            margin: 0 auto;
            color: #e5e7eb;
            font-weight: 400;
        }

        /* --- SECTIONS GENERALES --- */
        #mb-garden-root .mb-section { padding: 96px 0; }
        #mb-garden-root .mb-text-center { text-align: center; }
        
        #mb-garden-root .mb-section-title {
            font-size: 32px;
            font-weight: 800;
            color: var(--mb-text-main);
            margin-bottom: 24px;
            text-transform: uppercase;
            letter-spacing: -0.02em;
        }

        #mb-garden-root .mb-lead {
            font-size: 18px;
            color: var(--mb-text-muted);
            max-width: 800px;
            margin: 0 auto;
            line-height: 1.8;
        }

        #mb-garden-root .mb-highlight { color: var(--mb-primary); font-weight: 700; }
        
        #mb-garden-root .mb-divider {
            width: 80px;
            height: 4px;
            background-color: var(--mb-primary);
            border-radius: 9999px;
            margin: 24px auto 0 auto;
        }

        /* --- SERVICES DETAILLES (SPLIT VIEW) --- */
        #mb-garden-root .mb-services-split {
            display: flex;
            flex-direction: column;
            gap: 96px; 
        }

        #mb-garden-root .mb-service-row {
            display: flex;
            flex-direction: column;
            gap: 48px;
            align-items: center; 
        }
        @media (min-width: 1024px) {
            #mb-garden-root .mb-service-row { flex-direction: row; }
            #mb-garden-root .mb-service-row.reverse { flex-direction: row-reverse; }
            
            #mb-garden-root .mb-col-text { width: 50%; padding-right: 24px; }
            #mb-garden-root .mb-service-row.reverse .mb-col-text { padding-right: 0; padding-left: 24px; }
            #mb-garden-root .mb-col-img { width: 50%; }
        }

        /* HARMONISATION IMAGES */
        #mb-garden-root .mb-col-img img {
            width: 100%;
            height: 400px; /* Hauteur fixe pour l'harmonie */
            object-fit: cover;
            border-radius: 20px;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
        }
        @media (max-width: 768px) {
            #mb-garden-root .mb-col-img img { height: 250px; }
        }

        #mb-garden-root .mb-service-subtitle {
            font-size: 14px;
            font-weight: 700;
            color: var(--mb-secondary);
            text-transform: uppercase;
            letter-spacing: 0.1em;
            margin-bottom: 8px;
            display: block;
        }

        #mb-garden-root .mb-service-title {
            font-size: 28px;
            font-weight: 800;
            color: var(--mb-primary-dark);
            margin-bottom: 24px;
            line-height: 1.2;
        }

        #mb-garden-root .mb-list-styled {
            margin-top: 32px;
        }
        
        /* ALIGNEMENT LISTE & ICONES */
        #mb-garden-root .mb-list-styled li {
            display: flex;
            align-items: flex-start;
            margin-bottom: 20px;
            font-size: 16px;
            color: var(--mb-text-muted);
            line-height: 1.6;
        }
        #mb-garden-root .mb-list-styled li svg {
            color: var(--mb-primary);
            margin-right: 20px; 
            flex-shrink: 0;
            width: 24px;
            height: 24px;
            margin-top: 2px;
        }
        #mb-garden-root .mb-list-styled li strong {
            color: var(--mb-text-main);
            font-weight: 700;
            margin-right: 4px;
        }

        /* --- SECTION PRO/COLLECTIVITÉS (Style Dark) --- */
        #mb-garden-root .mb-bg-pro {
            background-color: var(--mb-primary-dark);
            color: white;
            padding: 96px 0;
            position: relative;
            overflow: hidden;
        }
        
        #mb-garden-root .mb-pro-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 32px;
            margin-top: 64px;
        }
        @media (min-width: 768px) {
            #mb-garden-root .mb-pro-grid { grid-template-columns: 1fr 1fr; }
        }

        #mb-garden-root .mb-pro-card {
            background: rgba(255, 255, 255, 0.05);
            padding: 40px;
            border-radius: 16px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            transition: background 0.3s;
        }
        #mb-garden-root .mb-pro-card:hover {
            background: rgba(255, 255, 255, 0.1);
        }

        #mb-garden-root .mb-pro-title {
            font-size: 22px;
            font-weight: 700;
            margin-bottom: 16px;
            color: var(--mb-white);
            display: flex;
            align-items: center;
            gap: 16px;
        }
        #mb-garden-root .mb-pro-title svg {
            color: var(--mb-secondary);
            width: 28px;
            height: 28px;
        }

        #mb-garden-root .mb-pro-text {
            color: #d1d5db;
            line-height: 1.7;
            font-size: 16px;
            padding-left: 44px;
        }

        /* --- CONTACT & FOOTER --- */
        #mb-garden-root .mb-contact-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 48px;
            align-items: start;
        }
        @media (min-width: 900px) {
            #mb-garden-root .mb-contact-grid { grid-template-columns: 1fr 1.2fr; }
        }

        #mb-garden-root .mb-contact-info-card {
            background: white;
            padding: 40px;
            border-radius: 16px;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05);
            height: 100%;
            border: 1px solid #f3f4f6;
        }

        #mb-garden-root .mb-contact-row {
            display: flex;
            gap: 20px;
            margin-bottom: 32px;
            align-items: flex-start;
        }
        #mb-garden-root .mb-contact-row:last-child { margin-bottom: 0; }
        
        #mb-garden-root .mb-contact-icon {
            width: 48px;
            height: 48px;
            background-color: #dcfce7;
            color: var(--mb-primary);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        #mb-garden-root .mb-btn-submit {
            width: 100%;
            background-color: var(--mb-primary);
            color: white;
            font-weight: 800;
            padding: 18px;
            border-radius: 8px;
            border: none;
            cursor: pointer;
            transition: background-color 0.2s;
            font-size: 16px;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            margin-top: 16px;
        }
        #mb-garden-root .mb-btn-submit:hover { background-color: var(--mb-primary-dark); }
        
        #mb-garden-root .mb-footer {
            background-color: #111827;
            color: #9ca3af;
            padding: 64px 0;
            border-top: 1px solid #1f2937;
        }
        #mb-garden-root .mb-footer-link {
            display: block;
            margin-bottom: 12px;
            font-size: 14px;
            transition: color 0.2s;
        }
        #mb-garden-root .mb-footer-link:hover { color: #4ade80; padding-left: 4px; }

        #mb-garden-root .mb-footer-bottom {
            border-top: 1px solid #1f2937;
            padding-top: 32px;
            font-size: 13px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            margin-top: 48px;
            gap: 16px;
            color: #6b7280;
        }
        @media (min-width: 768px) {
            #mb-garden-root .mb-footer-bottom { flex-direction: row; }
            #mb-garden-root .mb-footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 48px;}
        }

        /* --- GALERIE RAPIDE --- */
        #mb-garden-root .mb-gallery-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 24px;
        }
        @media(min-width: 768px) {
            #mb-garden-root .mb-gallery-grid { grid-template-columns: repeat(4, 1fr); }
        }
        #mb-garden-root .mb-gallery-item {
            height: 240px; 
            overflow: hidden;
            border-radius: 12px;
            position: relative;
        }
        #mb-garden-root .mb-gallery-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        #mb-garden-root .mb-gallery-item:hover img { transform: scale(1.1); }

  
/* css-amenagement ----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
        /* ACTIVATION DU SCROLL FLUIDE */
        html {
            scroll-behavior: smooth;
        }

        body { margin: 0; padding: 0; }

        /* --- CSS ENCAPSULÉ DANS L'ID ROOT --- */
        #mb-garden-root {
            --mb-primary: #15803d;       /* Green 700 */
            --mb-primary-dark: #14532d;  /* Green 900 */
            --mb-primary-light: #86efac; /* Green 300 */
            --mb-secondary: #f97316;     /* Orange 500 */
            --mb-secondary-hover: #ea580c; /* Orange 600 */
            --mb-bg-light: #f9fafb;      /* Gray 50 */
            --mb-text-main: #1f2937;     /* Gray 800 */
            --mb-text-muted: #4b5563;    /* Gray 600 */
            --mb-white: #ffffff;
            
            --font-body: 'Open Sans', sans-serif;
            --font-heading: 'Montserrat', sans-serif;

            font-family: var(--font-body);
            color: var(--mb-text-main);
            background-color: var(--mb-bg-light);
            line-height: 1.6;
            box-sizing: border-box;
            width: 100%;
            overflow-x: hidden;
            font-size: 16px; 
        }

        /* Reset interne */
        #mb-garden-root *, #mb-garden-root *::before, #mb-garden-root *::after {
            box-sizing: inherit;
            margin: 0;
            padding: 0;
        }

        #mb-garden-root img {
            max-width: 100%;
            display: block;
        }

        #mb-garden-root a {
            text-decoration: none;
            color: inherit;
            transition: color 0.3s ease;
        }

        #mb-garden-root ul {
            list-style: none;
        }

        /* --- TYPOGRAPHIE --- */
        #mb-garden-root h1, #mb-garden-root h2, #mb-garden-root h3, 
        #mb-garden-root h4, #mb-garden-root nav, #mb-garden-root button {
            font-family: var(--font-heading);
        }

        #mb-garden-root .mb-container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 24px;
        }

        /* --- HEADER & NAV --- */
        #mb-garden-root .mb-header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 9999;
            transition: all 0.3s ease;
            padding: 16px 0;
            background-color: transparent;
        }

        #mb-garden-root .mb-header.is-scrolled {
            background-color: var(--mb-white);
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
            padding: 8px 0;
        }

        #mb-garden-root .mb-nav-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        #mb-garden-root .mb-brand {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        #mb-garden-root .mb-logo-bg {
            padding: 8px;
            border-radius: 8px;
            background-color: var(--mb-white);
            color: var(--mb-primary);
            transition: background-color 0.3s;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }


        #mb-garden-root .mb-brand-text {
            display: flex;
            flex-direction: column;
            line-height: 1.2;
        }

        #mb-garden-root .mb-brand-title {
            font-size: 20px;
            font-weight: 800;
            color: var(--mb-white);
            text-shadow: 0 2px 4px rgba(0,0,0,0.3);
        }
        @media (min-width: 768px) {
             #mb-garden-root .mb-brand-title { font-size: 24px; }
        }

        #mb-garden-root .mb-brand-sub {
            font-size: 11px;
            font-weight: 600;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            color: #f3f4f6;
            text-shadow: 0 2px 4px rgba(0,0,0,0.3);
        }

        #mb-garden-root .mb-header.is-scrolled .mb-brand-title {
            color: var(--mb-primary-dark);
            text-shadow: none;
        }
        #mb-garden-root .mb-header.is-scrolled .mb-brand-sub {
            color: var(--mb-text-muted);
            text-shadow: none;
        }

        #mb-garden-root .mb-nav-desktop {
            display: none;
            gap: 32px;
            align-items: center;
        }

        @media (min-width: 900px) {
            #mb-garden-root .mb-nav-desktop { display: flex; }
            #mb-garden-root .mb-mobile-btn { display: none !important; }
        }

        #mb-garden-root .mb-nav-link {
            font-size: 14px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: var(--mb-white);
            text-shadow: 0 1px 2px rgba(0,0,0,0.2);
            position: relative;
        }

        #mb-garden-root .mb-nav-link:after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: -4px;
            left: 0;
            background-color: #4ade80;
            transition: width 0.3s;
        }
        #mb-garden-root .mb-nav-link:hover:after { width: 100%; }
        #mb-garden-root .mb-nav-link:hover { color: #4ade80; }

        #mb-garden-root .mb-header.is-scrolled .mb-nav-link {
            color: var(--mb-text-main);
            text-shadow: none;
        }
        #mb-garden-root .mb-header.is-scrolled .mb-nav-link:hover {
            color: var(--mb-primary);
        }

        #mb-garden-root .mb-btn-cta {
            background-color: var(--mb-secondary);
            color: white;
            padding: 10px 24px;
            border-radius: 9999px;
            font-weight: 700;
            display: flex;
            align-items: center;
            gap: 8px;
            transition: transform 0.2s, background-color 0.2s;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
            font-size: 14px;
        }
        #mb-garden-root .mb-btn-cta:hover {
            background-color: var(--mb-secondary-hover);
            transform: scale(1.05);
        }

        #mb-garden-root .mb-mobile-menu {
            display: none;
            flex-direction: column;
            align-items: center;
            background: var(--mb-white);
            padding: 16px 0;
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
            border-top: 1px solid #f3f4f6;
        }
        #mb-garden-root .mb-mobile-menu.is-open { display: flex; }

        #mb-garden-root .mb-mobile-link {
            padding: 16px;
            font-weight: 700;
            text-transform: uppercase;
            font-size: 14px;
            color: var(--mb-text-main);
            width: 100%;
            text-align: center;
            border-bottom: 1px solid #f3f4f6;
        }

        /* --- HERO SPECIFIQUE AMENAGEMENT --- */
        #mb-garden-root .mb-hero-amenagement {
            position: relative;
            height: 500px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: var(--mb-white);
        }

        #mb-garden-root .mb-hero-bg {
            position: absolute;
            inset: 0;
            z-index: 0;
        }
        #mb-garden-root .mb-hero-bg img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        #mb-garden-root .mb-hero-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(to right, rgba(20, 83, 45, 0.9), rgba(22, 101, 52, 0.6));
            mix-blend-mode: multiply;
        }

        #mb-garden-root .mb-hero-content {
            position: relative;
            z-index: 10;
            padding-top: 64px;
        }

        #mb-garden-root .mb-hero-amenagement h1 {
            font-size: 36px;
            line-height: 1.2;
            font-weight: 800;
            margin-bottom: 24px;
            text-shadow: 0 4px 6px rgba(0,0,0,0.3);
            text-transform: uppercase;
        }
        @media (min-width: 768px) {
            #mb-garden-root .mb-hero-amenagement h1 { font-size: 56px; }
        }

        #mb-garden-root .mb-hero-amenagement p {
            font-size: 18px;
            max-width: 700px;
            margin: 0 auto;
            color: #e5e7eb;
            font-weight: 400;
        }

        /* --- SECTIONS GENERALES --- */
        #mb-garden-root .mb-section { padding: 96px 0; }
        #mb-garden-root .mb-text-center { text-align: center; }
        
        #mb-garden-root .mb-section-title {
            font-size: 32px;
            font-weight: 800;
            color: var(--mb-text-main);
            margin-bottom: 24px;
            text-transform: uppercase;
            letter-spacing: -0.02em;
        }

        #mb-garden-root .mb-lead {
            font-size: 18px;
            color: var(--mb-text-muted);
            max-width: 800px;
            margin: 0 auto;
            line-height: 1.8;
        }

        #mb-garden-root .mb-highlight { color: var(--mb-primary); font-weight: 700; }
        
        #mb-garden-root .mb-divider {
            width: 80px;
            height: 4px;
            background-color: var(--mb-primary);
            border-radius: 9999px;
            margin: 24px auto 0 auto;
        }

        /* --- SERVICES DETAILLES (SPLIT VIEW) --- */
        #mb-garden-root .mb-services-split {
            display: flex;
            flex-direction: column;
            gap: 96px; 
        }

        #mb-garden-root .mb-service-row {
            display: flex;
            flex-direction: column;
            gap: 48px;
            align-items: center; 
        }
        @media (min-width: 1024px) {
            #mb-garden-root .mb-service-row { flex-direction: row; }
            #mb-garden-root .mb-service-row.reverse { flex-direction: row-reverse; }
            
            #mb-garden-root .mb-col-text { width: 50%; padding-right: 24px; }
            #mb-garden-root .mb-service-row.reverse .mb-col-text { padding-right: 0; padding-left: 24px; }
            #mb-garden-root .mb-col-img { width: 50%; }
        }

        /* HARMONISATION IMAGES */
        #mb-garden-root .mb-col-img img {
            width: 100%;
            height: 400px; /* Hauteur fixe identique à la page création */
            object-fit: cover;
            border-radius: 20px;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
        }
        @media (max-width: 768px) {
            #mb-garden-root .mb-col-img img { height: 250px; }
        }

        #mb-garden-root .mb-service-subtitle {
            font-size: 14px;
            font-weight: 700;
            color: var(--mb-secondary);
            text-transform: uppercase;
            letter-spacing: 0.1em;
            margin-bottom: 8px;
            display: block;
        }

        #mb-garden-root .mb-service-title {
            font-size: 28px;
            font-weight: 800;
            color: var(--mb-primary-dark);
            margin-bottom: 24px;
            line-height: 1.2;
        }

        #mb-garden-root .mb-list-styled {
            margin-top: 32px;
        }
        
        /* ALIGNEMENT LISTE & ICONES */
        #mb-garden-root .mb-list-styled li {
            display: flex;
            align-items: flex-start;
            margin-bottom: 20px;
            font-size: 16px;
            color: var(--mb-text-muted);
            line-height: 1.6;
        }
        #mb-garden-root .mb-list-styled li svg {
            color: var(--mb-primary);
            margin-right: 20px; 
            flex-shrink: 0;
            width: 24px;
            height: 24px;
            margin-top: 2px;
        }
        #mb-garden-root .mb-list-styled li strong {
            color: var(--mb-text-main);
            font-weight: 700;
            margin-right: 4px;
        }

        /* --- SECTION PRO/COLLECTIVITÉS (Style Dark) --- */
        #mb-garden-root .mb-bg-pro {
            background-color: var(--mb-primary-dark);
            color: white;
            padding: 96px 0;
            position: relative;
            overflow: hidden;
        }
        
        #mb-garden-root .mb-pro-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 32px;
            margin-top: 64px;
        }
        @media (min-width: 768px) {
            #mb-garden-root .mb-pro-grid { grid-template-columns: 1fr 1fr; }
        }

        #mb-garden-root .mb-pro-card {
            background: rgba(255, 255, 255, 0.05);
            padding: 40px;
            border-radius: 16px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            transition: background 0.3s;
        }
        #mb-garden-root .mb-pro-card:hover {
            background: rgba(255, 255, 255, 0.1);
        }

        #mb-garden-root .mb-pro-title {
            font-size: 22px;
            font-weight: 700;
            margin-bottom: 16px;
            color: var(--mb-white);
            display: flex;
            align-items: center;
            gap: 16px;
        }
        #mb-garden-root .mb-pro-title svg {
            color: var(--mb-secondary);
            width: 28px;
            height: 28px;
        }

        #mb-garden-root .mb-pro-text {
            color: #d1d5db;
            line-height: 1.7;
            font-size: 16px;
            padding-left: 44px;
        }

        /* --- CONTACT & FOOTER --- */
        #mb-garden-root .mb-contact-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 48px;
            align-items: start;
        }
        @media (min-width: 900px) {
            #mb-garden-root .mb-contact-grid { grid-template-columns: 1fr 1.2fr; }
        }

        #mb-garden-root .mb-contact-info-card {
            background: white;
            padding: 40px;
            border-radius: 16px;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05);
            height: 100%;
            border: 1px solid #f3f4f6;
        }

        #mb-garden-root .mb-contact-row {
            display: flex;
            gap: 20px;
            margin-bottom: 32px;
            align-items: flex-start;
        }
        #mb-garden-root .mb-contact-row:last-child { margin-bottom: 0; }
        
        #mb-garden-root .mb-contact-icon {
            width: 48px;
            height: 48px;
            background-color: #dcfce7;
            color: var(--mb-primary);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        #mb-garden-root .mb-btn-submit {
            width: 100%;
            background-color: var(--mb-primary);
            color: white;
            font-weight: 800;
            padding: 18px;
            border-radius: 8px;
            border: none;
            cursor: pointer;
            transition: background-color 0.2s;
            font-size: 16px;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            margin-top: 16px;
        }
        #mb-garden-root .mb-btn-submit:hover { background-color: var(--mb-primary-dark); }
        
        #mb-garden-root .mb-footer {
            background-color: #111827;
            color: #9ca3af;
            padding: 64px 0;
            border-top: 1px solid #1f2937;
        }
        #mb-garden-root .mb-footer-link {
            display: block;
            margin-bottom: 12px;
            font-size: 14px;
            transition: color 0.2s;
        }
        #mb-garden-root .mb-footer-link:hover { color: #4ade80; padding-left: 4px; }

        #mb-garden-root .mb-footer-bottom {
            border-top: 1px solid #1f2937;
            padding-top: 32px;
            font-size: 13px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            margin-top: 48px;
            gap: 16px;
            color: #6b7280;
        }
        @media (min-width: 768px) {
            #mb-garden-root .mb-footer-bottom { flex-direction: row; }
            #mb-garden-root .mb-footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 48px;}
        }

        /* --- GALERIE RAPIDE --- */
        #mb-garden-root .mb-gallery-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 24px;
        }
        @media(min-width: 768px) {
            #mb-garden-root .mb-gallery-grid { grid-template-columns: repeat(4, 1fr); }
        }
        #mb-garden-root .mb-gallery-item {
            height: 240px; 
            overflow: hidden;
            border-radius: 12px;
            position: relative;
        }
        #mb-garden-root .mb-gallery-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        #mb-garden-root .mb-gallery-item:hover img { transform: scale(1.1); }

/* index-2 mentions légales -------------------------------------------------------------------*/
.titre-mentions-legales h1{
  font-size: var(--fs-36);
  margin: 60px 60px 0;
  text-align: center;
  color: #252525;
  padding-top: 30px;
}
.paragraphe-mentions-legales{
  padding: 60px 60px 0;
}
.paragraphe-mentions-legales:nth-last-child(1){
  padding-bottom: 200px ;
}

.paragraphe-mentions-legales .titre{
  font-family: var(--title-font);
  font-size: var(--fs-36);
}

.marque-en-mentions-legales{
  margin-top: 120px;
  position: relative;
  margin-bottom: 200px;
}

.marque-en-mentions-legales .logo-et-marque{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.marque-en-mentions-legales .logo-et-marque a{
  text-decoration: none;
  color: #111827;
  
}

.marque-en-mentions-legales .logo-et-marque a img{
  width: 60px;
  margin-right: 15px;
}

@media (max-width: 990px) {
  .marque-en-mentions-legales .logo-et-marque{
  line-height: normal;
}
}

.return-home{
  position: absolute;
  top: 20px;
  right: 20px;
}

.return-home img{
  width: 50px;
}



@media (max-width: 800px){
  .titre-mentions-legales h1{
    margin: 40px 40px 0;
  }
  .paragraphe-mentions-legales{
    padding: 40px 40px 0;
  }
  .paragraphe-mentions-legales:nth-last-child(1){
    padding: 40px ;
  }

  .paragraphe-mentions-legales .titre, .titre-mentions-legales h1{
    font-size: var(--fs-24);
  }

  .marque-en-mentions-legales{
    margin-top: 70px;
    margin-bottom: 140px;
    font-size: 18px;
  }

  .return-home img{
    width: 40px;
  }
}
@media (max-width: 450px){
  .marque-en-mentions-legales .logo-et-marque {
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0%, 0%);
    display: flex;
    justify-content: center;
   
}
}
@media (max-width: 400px){

  .titre-mentions-legales h1{
    margin: 60px 40px 0;
  }
  .paragraphe-mentions-legales{
    padding: 30px 40px 0;
  }
  .paragraphe-mentions-legales:nth-last-child(1){
    padding: 40px ;
  }

  .marque-en-mentions-legales{
  margin-top: 50px;
  margin-bottom: 80px;
  font-size: 14px;
}
.return-home{
  top: 10px;
  right: 10px;
}

.return-home img{
  width: 35px;
}
}