/*
Theme Name: Grelinette Theme v2
Theme URI: https://grelinette-au-jardin.fr
Description: Thème custom Grelinette au Jardin — v2
Version: 2.0
Author: Rémi
*/


@font-face {
 font-family: "Rubik bold";
 src: url(/font/Rubik-Bold.ttf);
}
@font-face {
 font-family: "Rubik regular";
 src: url(/font/Rubik-Regular.ttf);
}
@font-face {
 font-family: "Rubik light";
 src: url(/font/Rubik-Light.ttf);
}
html{height: unset;
max-width: unset;}
body{margin:0;padding:0;font-family:"Rubik light";background:#FCFCFC;overflow-x: hidden;}
/* ═══════════════════════════════════════════════════════════════
   HEADER v2
═══════════════════════════════════════════════════════════════ */
.site-header{width:100%;background:#fff;border-bottom:1px solid #e8e8e8;position:relative;z-index:1000;}
.headsite{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;}

/* Logo */
.logo{display:flex;align-items:center;flex-shrink:0;}
.logo img{width:160px;height:auto;display:block;}

/* Nav desktop */
.main-nav{display:flex;align-items:center;gap:4px;}

/* Liens blog plats */
.nav-blog-list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:4px;}
.nav-blog-list li{margin:0;}
.nav-blog-list li a{color:#24211d;padding:10px 14px;text-decoration:none;font-family:"Rubik bold";font-size:14px;position:relative;display:block;transition:color 0.2s;}
.nav-blog-list li a::after{content:"";display:block;height:2px;background-color:#66A182;width:0;position:absolute;bottom:0;left:14px;right:14px;transition:width 0.3s ease-in-out;}
.nav-blog-list li a:hover{color:#66A182;}
.nav-blog-list li a:hover::after{width:calc(100% - 28px);}

/* Dropdown Comparatifs */
.nav-dropdown{position:relative;}
.nav-dropdown-toggle{background:none;border:none;cursor:pointer;color:#24211d;padding:10px 14px;font-family:"Rubik bold";font-size:14px;display:flex;align-items:center;gap:6px;transition:color 0.2s;white-space:nowrap;}
.nav-dropdown-toggle:hover{color:#66A182;}
.nav-chevron{transition:transform 0.25s ease;flex-shrink:0;}
.nav-chevron.rotated{transform:rotate(180deg);}
.nav-dropdown-toggle[aria-expanded="true"] .nav-chevron{transform:rotate(180deg);}

.nav-dropdown-menu{list-style:none;margin:0;padding:8px 0;position:absolute;top:calc(100% + 6px);left:0;background:#fff;border:1px solid #e8e8e8;border-radius:8px;min-width:210px;box-shadow:0 8px 24px rgba(0,0,0,0.10);display:none;z-index:2000;}
.nav-dropdown-menu.open{display:block;}
.nav-dropdown-menu li{margin:0;}
.nav-dropdown-menu li a{display:block;padding:10px 18px;color:#24211d;font-family:"Rubik bold";font-size:14px;text-decoration:none;transition:background 0.15s,color 0.15s;}
.nav-dropdown-menu li a:hover{background:#f4f9f6;color:#66A182;}

/* Burger */
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:6px;margin-left:10px;}
.burger span{display:block;background-color:#24211d;height:2px;width:24px;border-radius:2px;transition:transform 0.3s ease,opacity 0.3s ease;}
.burger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.burger.open span:nth-child(2){opacity:0;}
.burger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}

/* Mobile menu panel */
.mobile-menu{position:fixed;top:0;right:-100%;width:300px;max-width:85vw;height:100%;background:#fff;z-index:5000;padding:60px 24px 24px;box-shadow:-4px 0 24px rgba(0,0,0,0.12);transition:right 0.3s ease;overflow-y:auto;}
.mobile-menu.open{right:0;}
.mobile-menu-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:20px;cursor:pointer;color:#24211d;padding:4px 8px;}

/* Mobile overlay */
.mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.4);z-index:4000;opacity:0;pointer-events:none;transition:opacity 0.3s ease;}
.mobile-overlay.open{opacity:1;pointer-events:all;}

/* Mobile sections accordéon */
.mobile-section{border-bottom:1px solid #eee;padding:4px 0;}
.mobile-section-toggle{width:100%;background:none;border:none;cursor:pointer;text-align:left;padding:14px 0;font-family:"Rubik bold";font-size:15px;color:#24211d;display:flex;align-items:center;justify-content:space-between;}
.mobile-section-content{display:none;padding-bottom:8px;}
.mobile-section-content.open{display:block;}
.mobile-submenu{list-style:none;margin:0;padding:0;}
.mobile-submenu li a{display:block;padding:10px 12px;color:#423E37;font-family:"Rubik regular";font-size:14px;text-decoration:none;border-radius:6px;transition:background 0.15s;}
.mobile-submenu li a:hover{background:#f4f9f6;color:#66A182;}
/* ═══════════════════════════════════════════════════════════════
   HERO v2
═══════════════════════════════════════════════════════════════ */
.hero{
    position:relative;
    min-height:92vh;
    background:url(/images/grelinette-home-1.jpg) center center / cover no-repeat;
    display:flex;
    flex-direction:column;
    justify-content:center;
    overflow:hidden;
    width:100vw;
    margin-left:calc(-50vw + 50%);
    box-sizing:border-box;
}
/* Overlay gradient diagonal */
.hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(110deg, rgba(20,30,20,0.78) 0%, rgba(20,30,20,0.55) 50%, rgba(20,30,20,0.15) 100%);
    z-index:1;
}
.hero-inner{
    position:relative;
    z-index:2;
    max-width:1200px;
    margin:0 auto;
    padding:80px 40px 100px;
    display:flex;
    align-items:center;
    gap:60px;
    width:100%;
    box-sizing:border-box;
}

/* ── Gauche : texte ── */
.hero-left{
    flex:1;
    min-width:0;
}
.hero-badge{
    display:inline-flex;
    align-items:center;
    gap:6px;
    background:rgba(102,161,130,0.25);
    border:1px solid rgba(102,161,130,0.5);
    color:#a8d5b8;
    font-family:"Rubik regular";
    font-size:13px;
    letter-spacing:0.06em;
    text-transform:uppercase;
    padding:5px 14px;
    border-radius:100px;
    margin-bottom:22px;
    backdrop-filter:blur(4px);
}
.hero-title{
    font-family:"Rubik bold";
    font-size:clamp(32px, 4.5vw, 58px);
    line-height:1.1;
    color:#ffffff;
    margin:0 0 24px;
    letter-spacing:-0.02em;
}
.hero-title em{
    font-style:normal;
    color:#66A182;
}
.hero-sub{
    font-family:"Rubik light";
    font-size:16px;
    line-height:1.7;
    color:rgba(255,255,255,0.80);
    margin:0 0 14px;
    max-width:480px;
}
.hero-sub strong{color:#fff;font-family:"Rubik regular";}
.hero-ctas{
    display:flex;
    gap:14px;
    margin-top:36px;
    flex-wrap:wrap;
}
.hero-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:13px 28px;
    border-radius:6px;
    font-family:"Rubik bold";
    font-size:15px;
    text-decoration:none;
    transition:all 0.2s ease;
    letter-spacing:0.01em;
}
.hero-btn--primary{
    background:#66A182;
    color:#fff;
    box-shadow:0 4px 20px rgba(102,161,130,0.4);
}
.hero-btn--primary:hover{
    background:#4d8a6a;
    transform:translateY(-2px);
    box-shadow:0 8px 28px rgba(102,161,130,0.5);
}
.hero-btn--ghost{
    background:transparent;
    color:#fff;
    border:1.5px solid rgba(255,255,255,0.4);
}
.hero-btn--ghost:hover{
    background:rgba(255,255,255,0.08);
    border-color:rgba(255,255,255,0.7);
    transform:translateY(-2px);
}

/* ── Droite : card simulateur ── */
.hero-right{
    flex-shrink:0;
    width:360px;
}
.hero-card{
    background:rgba(255,255,255,0.07);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    border:1px solid rgba(255,255,255,0.15);
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 24px 64px rgba(0,0,0,0.35);
}
.hero-card-header{
    display:flex;
    align-items:center;
    gap:14px;
    padding:20px 24px;
    background:rgba(102,161,130,0.18);
    border-bottom:1px solid rgba(255,255,255,0.10);
}
.hero-card-icon{font-size:24px;line-height:1;}
.hero-card-title{
    font-family:"Rubik bold";
    font-size:15px;
    color:#fff;
    margin:0 0 2px;
}
.hero-card-sub{
    font-family:"Rubik light";
    font-size:12px;
    color:rgba(255,255,255,0.6);
    margin:0;
}
.hero-card-body{
    padding:24px;
}
/* Surcharge styles plugin dans la card */
.hero-card-body label{
    display:block;
    font-family:"Rubik regular";
    font-size:13px;
    color:rgba(255,255,255,0.75);
    margin-bottom:6px;
    margin-top:14px;
}
.hero-card-body label:first-child{margin-top:0;}
.hero-card-body select,
.hero-card-body input{
    width:100%;
    box-sizing:border-box;
    background:rgba(255,255,255,0.10);
    border:1px solid rgba(255,255,255,0.20);
    border-radius:8px;
    color:#fff;
    font-family:"Rubik regular";
    font-size:14px;
    padding:10px 14px;
    appearance:none;
    -webkit-appearance:none;
    outline:none;
    transition:border 0.2s;
}
.hero-card-body select:focus,
.hero-card-body input:focus{
    border-color:#66A182;
    background:rgba(255,255,255,0.14);
}
.hero-card-body select option{
    background:#2d4a3e;
    color:#fff;
}
.hero-card-body input[type="submit"],
.hero-card-body button[type="submit"]{
    margin-top:20px;
    background:#66A182;
    border:none;
    color:#fff;
    font-family:"Rubik bold";
    font-size:15px;
    padding:13px;
    border-radius:8px;
    cursor:pointer;
    width:100%;
    transition:background 0.2s, transform 0.2s;
    box-shadow:0 4px 16px rgba(102,161,130,0.35);
}
.hero-card-body input[type="submit"]:hover,
.hero-card-body button[type="submit"]:hover{
    background:#4d8a6a;
    transform:translateY(-1px);
}

/* ── Scroll indicator ── */
.hero-scroll{
    position:absolute;
    bottom:28px;
    left:50%;
    transform:translateX(-50%);
    z-index:2;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:6px;
    color:rgba(255,255,255,0.45);
    font-family:"Rubik light";
    font-size:11px;
    letter-spacing:0.08em;
    text-transform:uppercase;
    animation:heroScrollBob 2.2s ease-in-out infinite;
}
@keyframes heroScrollBob{
    0%,100%{transform:translateX(-50%) translateY(0);}
    50%{transform:translateX(-50%) translateY(5px);}
}

/* Masquer résultats originaux plugin une fois capturés */
#mpsm-results.captured { display:none !important; }

/* ═══════════════════════════════════════════════════════════════
   PANEL RÉSULTATS SIMULATEUR
═══════════════════════════════════════════════════════════════ */
.simu-panel{
    position:absolute;
    top:0;
    right:0;
    height:100%;
    width:420px;
    max-width:90vw;
    z-index:100;
    transform:translateX(100%);
    transition:transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    display:flex;
    align-items:stretch;
    pointer-events:none;
}
.simu-panel.open{
    transform:translateX(0);
    pointer-events:all;
}
.simu-panel-inner{
    background:rgba(20,35,25,0.92);
    backdrop-filter:blur(24px);
    -webkit-backdrop-filter:blur(24px);
    border-left:1px solid rgba(102,161,130,0.25);
    width:100%;
    display:flex;
    flex-direction:column;
    overflow:hidden;
}
.simu-panel-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    padding:24px 24px 20px;
    border-bottom:1px solid rgba(255,255,255,0.08);
    flex-shrink:0;
}
.simu-panel-title{
    font-family:"Rubik bold";
    font-size:18px;
    color:#fff;
    margin:0 0 4px;
}
.simu-panel-sub{
    font-family:"Rubik light";
    font-size:13px;
    color:rgba(255,255,255,0.5);
    margin:0;
}
.simu-panel-close{
    background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.12);
    border-radius:8px;
    color:rgba(255,255,255,0.6);
    cursor:pointer;
    padding:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all 0.2s;
    flex-shrink:0;
    margin-left:12px;
}
.simu-panel-close:hover{
    background:rgba(255,255,255,0.14);
    color:#fff;
    border-color:rgba(255,255,255,0.25);
}
.simu-panel-results{
    overflow-y:auto;
    padding:16px 24px 24px;
    display:flex;
    flex-direction:column;
    gap:12px;
    flex:1;
}
.simu-panel-results::-webkit-scrollbar{width:4px;}
.simu-panel-results::-webkit-scrollbar-track{background:transparent;}
.simu-panel-results::-webkit-scrollbar-thumb{background:rgba(102,161,130,0.4);border-radius:4px;}

/* Cards produit dans le panel */
.simu-panel-results .mpsm-model{
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:16px;
    padding:16px;
    margin:0;
    border:1px solid rgba(255,255,255,0.10);
    border-radius:14px;
    background:rgba(255,255,255,0.05);
    max-width:100%;
    transition:background 0.2s, border-color 0.2s, transform 0.2s;
}
.simu-panel-results .mpsm-model:hover{
    background:rgba(255,255,255,0.10);
    border-color:rgba(102,161,130,0.35);
    transform:translateX(-3px);
}
.simu-panel-results .mpsm-model img{
    width:64px;
    height:80px;
    object-fit:contain;
    flex-shrink:0;
    background:rgba(255,255,255,0.06);
    border-radius:8px;
    padding:6px;
}
.simu-panel-results .mpsm-model p{
    font-family:"Rubik bold";
    font-size:14px;
    color:#fff;
    margin:0 0 10px;
    line-height:1.35;
}
.simu-panel-results .mpsm-model a{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    background:#66A182;
    color:#fff;
    font-family:"Rubik bold";
    font-size:12px;
    text-decoration:none;
    padding:7px 14px;
    border-radius:6px;
    transition:background 0.2s, transform 0.2s;
    border:none;
    width:100%;
    box-sizing:border-box;
    white-space:nowrap;
}
.simu-panel-results .mpsm-model a:hover{
    background:#4d8a6a;
    transform:translateY(-1px);
}

/* Mobile : panel pleine largeur depuis le bas */
/* ═══════════════════════════════════════════════════════════════
   PAGES GÉNÉRIQUES (mentions légales, contact, à propos...)
═══════════════════════════════════════════════════════════════ */
.page-hero{
    background:linear-gradient(135deg, #1e3028 0%, #2d4a3e 100%);
    width:100vw;
    margin-left:calc(-50vw + 50%);
    box-sizing:border-box;
    padding:48px 0;
}
.page-hero-inner{
    max-width:1200px;
    margin:0 auto;
    padding:0 40px;
    box-sizing:border-box;
}
.page-hero-title{
    font-family:"Rubik bold";
    font-size:clamp(24px, 3vw, 38px);
    color:#fff;
    margin:0;
    letter-spacing:-0.02em;
}

.simple-page{
    width:100vw;
    margin-left:calc(-50vw + 50%);
    box-sizing:border-box;
    background:#fff;
    padding:56px 0 80px;
}
.simple-page-content{
    max-width:800px;
    margin:0 auto;
    padding:0 40px;
    box-sizing:border-box;
}
.simple-page-content h2{
    border-left:3px solid #66A182;
    padding-left:12px;
    font-family:"Rubik bold";
    font-size:20px;
    color:#24211d;
    margin:36px 0 14px;
}
.simple-page-content h3{
    font-family:"Rubik bold";
    font-size:17px;
    color:#2d4a3e;
    margin:24px 0 10px;
}
.simple-page-content p{
    font-family:"Rubik light";
    font-size:16px;
    line-height:1.8;
    color:#3b3d3c;
    margin:0 0 14px;
}
.simple-page-content ul, .simple-page-content ol{
    padding-left:24px;
    margin:0 0 16px;
}
.simple-page-content li{
    font-family:"Rubik light";
    font-size:16px;
    line-height:1.7;
    color:#3b3d3c;
    margin-bottom:6px;
}
.simple-page-content a{
    color:#66A182;
    font-family:"Rubik bold";
    text-decoration:none;
}
.simple-page-content a:hover{color:#3d6951;text-decoration:underline;}
.simple-page-content strong{font-family:"Rubik regular";color:#24211d;}

@media (max-width: 930px) {
    .page-hero{padding:36px 0;}
    .page-hero-inner{padding:0 20px;}
    .simple-page{padding:36px 0 56px;}
    .simple-page-content{padding:0 20px;}
}


/* ═══════════════════════════════════════════════════════════════
   FORMULAIRE DE CONTACT
═══════════════════════════════════════════════════════════════ */
.custom-contact-form-wrapper{
    max-width:640px;
    margin:0 auto;
    padding:48px 40px;
    background:#fff;
    border-radius:20px;
    border:1px solid #eaeaea;
    box-shadow:0 8px 40px rgba(0,0,0,0.06);
}
.custom-contact-form .form-group{
    margin-bottom:22px;
}
.custom-contact-form label{
    display:block;
    font-family:"Rubik bold";
    font-size:13px;
    color:#24211d;
    margin-bottom:7px;
    letter-spacing:0.01em;
}
.custom-contact-form .required{
    color:#66A182;
    margin-left:2px;
}
.custom-contact-form .form-control{
    width:100%;
    box-sizing:border-box;
    background:#f7f8f6;
    border:1.5px solid #e4e6e3;
    border-radius:10px;
    font-family:"Rubik regular";
    font-size:15px;
    color:#24211d;
    padding:12px 16px;
    outline:none;
    transition:border-color 0.2s, background 0.2s, box-shadow 0.2s;
    appearance:none;
    -webkit-appearance:none;
}
.custom-contact-form .form-control::placeholder{
    color:#b0b5ae;
    font-family:"Rubik light";
}
.custom-contact-form .form-control:focus{
    border-color:#66A182;
    background:#fff;
    box-shadow:0 0 0 3px rgba(102,161,130,0.12);
}
.custom-contact-form textarea.form-control{
    resize:vertical;
    min-height:140px;
    line-height:1.6;
}

/* Anti-spam : discret */
.custom-contact-form .antispam-field label{
    color:#888;
    font-family:"Rubik regular";
    font-size:12px;
}
.custom-contact-form .antispam-field .form-control{
    max-width:140px;
}

/* Checkbox newsletter */
.custom-contact-form .checkbox-group{
    margin-bottom:28px;
}
.custom-contact-form .checkbox-label{
    display:flex;
    align-items:flex-start;
    gap:10px;
    cursor:pointer;
    font-family:"Rubik regular";
    font-size:13px;
    color:#666;
    line-height:1.5;
}
.custom-contact-form .checkbox-label input[type="checkbox"]{
    flex-shrink:0;
    width:18px;
    height:18px;
    margin-top:1px;
    accent-color:#66A182;
    cursor:pointer;
    border-radius:4px;
}

/* Bouton submit */
.custom-contact-form .submit-group{margin-bottom:0;}
.custom-contact-form .btn-submit{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    width:100%;
    background:#66A182;
    color:#fff;
    font-family:"Rubik bold";
    font-size:16px;
    padding:14px 24px;
    border:none;
    border-radius:10px;
    cursor:pointer;
    transition:background 0.2s, transform 0.2s, box-shadow 0.2s;
    box-shadow:0 4px 16px rgba(102,161,130,0.3);
    letter-spacing:0.01em;
}
.custom-contact-form .btn-submit:hover{
    background:#4d8a6a;
    transform:translateY(-2px);
    box-shadow:0 8px 24px rgba(102,161,130,0.4);
}
.custom-contact-form .btn-submit:active{
    transform:translateY(0);
}

/* Message retour (succès/erreur) */
.custom-contact-form .form-message{
    margin-top:16px;
    padding:14px 18px;
    border-radius:10px;
    font-family:"Rubik regular";
    font-size:14px;
    line-height:1.5;
}
.custom-contact-form .form-message.success{
    background:#edf5f0;
    border:1px solid #b2d9c3;
    color:#2d6a4f;
}
.custom-contact-form .form-message.error{
    background:#fef2f0;
    border:1px solid #f5c2bb;
    color:#c0392b;
}

@media (max-width: 930px) {
    .custom-contact-form-wrapper{
        padding:32px 24px;
        border-radius:14px;
    }
    .custom-contact-form .antispam-field .form-control{
        max-width:100%;
    }
}

@media (max-width: 930px) {
    .simu-panel{
        top:auto;
        bottom:0;
        right:0;
        width:100%;
        max-width:100%;
        height:70vh;
        transform:translateY(100%);
        border-left:none;
        border-top:1px solid rgba(102,161,130,0.25);
    }
    .simu-panel.open{transform:translateY(0);}
}

/* Legacy home classes conservées pour compatibilité */
ul.ulhome{display:flex;justify-content:space-between;margin-top:40px;padding:0}
.ulhome li{list-style:none}
.ulhome li a{border:3px solid #fff;border-bottom-right-radius:10px;color:#fff;border-top-left-radius:10px;padding:8px 15px;text-decoration:none;background:#66A182}
.ulhome li a:hover{color:#fff;background:#423E37}
.last-article{display:flex;width:100%;justify-content:center;align-items:center;background:#efefef}
.last-article-content{display:flex;width:600px;justify-content:left;flex-direction:column}
.last-article-content ul{padding-left:30px}
.last-article-content li{margin-bottom:10px}
/**/
/* ═══════════════════════════════════════════════════════════════
   DERNIÈRES PUBLICATIONS
═══════════════════════════════════════════════════════════════ */
.latest-posts{
    background:#f7f8f6;
    padding:72px 0 80px;
    border-bottom:1px solid #eaeaea;
    width:100vw;
    margin-left:calc(-50vw + 50%);
    box-sizing:border-box;
}
.latest-posts-inner{
    max-width:1200px;
    margin:0 auto;
    padding:0 40px;
    box-sizing:border-box;
}
.latest-posts-head{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    margin-bottom:40px;
    border-left:3px solid #66A182;
    padding-left:16px;
}
.latest-posts-title{
    font-family:"Rubik bold";
    font-size:26px;
    color:#24211d;
    margin:0;
    letter-spacing:-0.01em;
}
.latest-posts-all{
    font-family:"Rubik regular";
    font-size:14px;
    color:#66A182;
    text-decoration:none;
    transition:color 0.2s;
    white-space:nowrap;
}
.latest-posts-all:hover{color:#3d6951;}

/* Grille */
.latest-posts-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:24px;
}

/* Card */
.lp-card{
    background:#fff;
    border-radius:14px;
    overflow:hidden;
    border:1px solid #eaeaea;
    display:flex;
    flex-direction:column;
    transition:transform 0.25s ease, box-shadow 0.25s ease;
}
.lp-card:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 36px rgba(0,0,0,0.09);
}

/* Image */
.lp-card-img-wrap{
    display:block;
    position:relative;
    overflow:hidden;
    aspect-ratio:16/9;
    flex-shrink:0;
}
.lp-card-img-wrap img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform 0.4s ease;
}
.lp-card:hover .lp-card-img-wrap img{
    transform:scale(1.04);
}
.lp-card-img-placeholder{
    width:100%;
    height:100%;
    background:linear-gradient(135deg, #d4e8dc 0%, #b8d9c6 100%);
}
.lp-card-cat{
    position:absolute;
    top:12px;
    left:12px;
    background:#66A182;
    color:#fff;
    font-family:"Rubik bold";
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:0.07em;
    padding:4px 10px;
    border-radius:100px;
}

/* Body */
.lp-card-body{
    padding:20px 22px 22px;
    display:flex;
    flex-direction:column;
    flex:1;
}
.lp-card-date{
    font-family:"Rubik regular";
    font-size:12px;
    color:#999;
    letter-spacing:0.03em;
    margin-bottom:8px;
    display:block;
}
.lp-card-title{
    font-family:"Rubik bold";
    font-size:16px;
    line-height:1.4;
    margin:0 0 10px;
    color:#24211d;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.lp-card-title a{
    color:#24211d;
    text-decoration:none;
    transition:color 0.2s;
}
.lp-card-title a:hover{color:#66A182;}
.lp-card-excerpt{
    font-family:"Rubik light";
    font-size:14px;
    line-height:1.6;
    color:#666;
    margin:0 0 18px;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    flex:1;
}
.lp-card-link{
    font-family:"Rubik bold";
    font-size:13px;
    color:#66A182;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    gap:4px;
    transition:gap 0.2s, color 0.2s;
    margin-top:auto;
}
.lp-card-link:hover{
    color:#3d6951;
    gap:8px;
}

/* Responsive */
@media (max-width: 930px) {
    .latest-posts{padding:48px 0 56px;}
    .latest-posts-inner{padding:0 20px;}
    .latest-posts-grid{grid-template-columns:1fr 1fr;gap:16px;}
}
@media (max-width: 600px) {
    .latest-posts-grid{grid-template-columns:1fr;}
}

/* Ancienne classe plugin — masquée */
.mon-plugin-articles-container{display:none!important;}


/* ═══════════════════════════════════════════════════════════════
   HERO CATÉGORIE
═══════════════════════════════════════════════════════════════ */
.cat-hero{
    background:linear-gradient(135deg, #1e3028 0%, #2d4a3e 60%, #3a5c4e 100%);
    padding:64px 0 56px;
    width:100vw;
    margin-left:calc(-50vw + 50%);
    box-sizing:border-box;
    position:relative;
    overflow:hidden;
}
.cat-hero::after{
    content:"";
    position:absolute;
    inset:0;
    background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2366A182' fill-opacity='0.06'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    pointer-events:none;
}
.cat-hero-inner{
    max-width:1200px;
    margin:0 auto;
    padding:0 40px;
    box-sizing:border-box;
    position:relative;
    z-index:1;
}
.cat-hero-meta{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:16px;
}
.cat-hero-badge{
    background:rgba(102,161,130,0.2);
    border:1px solid rgba(102,161,130,0.4);
    color:#a8d5b8;
    font-family:"Rubik regular";
    font-size:12px;
    letter-spacing:0.06em;
    text-transform:uppercase;
    padding:4px 12px;
    border-radius:100px;
}
.cat-hero-count{
    font-family:"Rubik regular";
    font-size:13px;
    color:rgba(255,255,255,0.4);
}
.cat-hero-title{
    font-family:"Rubik bold";
    font-size:clamp(28px, 4vw, 48px);
    color:#fff;
    margin:0 0 16px;
    letter-spacing:-0.02em;
    line-height:1.1;
}
.cat-hero-desc{
    max-width:600px;
}
.cat-hero-desc p{
    font-family:"Rubik light";
    font-size:16px;
    line-height:1.7;
    color:#fff;
    margin:0;
}

/* ── Grille articles catégorie ── */
.cat-posts{
    padding:64px 0 80px;
    width:100vw;
    margin-left:calc(-50vw + 50%);
    box-sizing:border-box;
    background:#f7f8f6;
}
.cat-posts .latest-posts-inner{
    max-width:1200px;
    margin:0 auto;
    padding:0 40px;
    box-sizing:border-box;
}

/* Pagination */
.cat-pagination{
    margin-top:48px;
    display:flex;
    justify-content:center;
}
.cat-pagination .nav-links{
    display:flex;
    align-items:center;
    gap:8px;
}
.cat-pagination .page-numbers{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    border-radius:8px;
    font-family:"Rubik regular";
    font-size:14px;
    color:#424242;
    text-decoration:none;
    border:1px solid #e0e0e0;
    background:#fff;
    transition:all 0.2s;
}
.cat-pagination .page-numbers:hover,
.cat-pagination .page-numbers.current{
    background:#66A182;
    color:#fff;
    border-color:#66A182;
}
.cat-pagination .page-numbers.prev,
.cat-pagination .page-numbers.next{
    width:auto;
    padding:0 16px;
    font-family:"Rubik bold";
}

@media (max-width: 930px) {
    .cat-hero{padding:48px 0 40px;}
    .cat-hero-inner{padding:0 20px;}
    .cat-posts .latest-posts-inner{padding:0 20px;}
    .cat-posts{padding:40px 0 56px;}
}


/*cat - legacy (conservé compatibilité)*/
.cat-content-title{padding:15px 0;background:#423E37;width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:20px}
h1.title-cat{font-family:Rubik bold;font-size:22px;color:#fff}
.cat-content{display:flex;justify-content:center;align-items:center;flex-direction:column}
.category-post{width:900px;background:#ededed;margin-bottom:20px;display:flex;gap:10px}
.category-post-img{width:280px;display:flex;justify-content:center;align-items:center}
.category-post-img img{width:280px;height:150px}
.category-post-txt{display:flex;justify-content:center;flex-direction:column}
.category-post a{font-size:18px;color:#24211d;font-family:Rubik bold;text-align:left}
.category-post a:hover{color:#423E37}
.category-post p{font-size:15px;color:#24211d}
/**/

/* ═══════════════════════════════════════════════════════════════
   HERO ARTICLE
═══════════════════════════════════════════════════════════════ */
.art-hero{
    background:#1e3028;
    width:100vw;
    margin-left:calc(-50vw + 50%);
    box-sizing:border-box;
}
.art-hero-inner{
    max-width:1200px;
    margin:0 auto;
    display:flex;
    align-items:stretch;
    min-height:320px;
}

/* 1/3 image */
.art-hero-img{
    flex:0 0 33.333%;
    overflow:hidden;
    position:relative;
}
.art-hero-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.art-hero-img-placeholder{
    width:100%;
    height:100%;
    background:linear-gradient(135deg,#2d4a3e,#1e3028);
}

/* 2/3 contenu */
.art-hero-content{
    flex:1;
    padding:40px 48px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:16px;
}

/* Fil d'ariane */
.art-breadcrumb{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
    font-family:"Rubik regular";
    font-size:13px;
    color:rgba(255,255,255,0.45);
}
.art-breadcrumb a{
    color:rgba(255,255,255,0.55);
    text-decoration:none;
    transition:color 0.2s;
}
.art-breadcrumb a:hover{color:#66A182;}
.art-breadcrumb span{color:rgba(255,255,255,0.3);}
.art-breadcrumb-current{
    color:rgba(255,255,255,0.7);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:200px;
}

/* Titre */
.art-hero-title{
    font-family:"Rubik bold";
    font-size:clamp(22px, 3vw, 36px);
    color:#fff;
    margin:0;
    line-height:1.2;
    letter-spacing:-0.02em;
}

/* Méta */
.art-hero-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    margin-top:4px;
}
.art-meta-item{
    display:inline-flex;
    align-items:center;
    gap:5px;
    font-family:"Rubik regular";
    font-size:13px;
    color:rgba(255,255,255,0.55);
}
.art-meta-item svg{opacity:0.7;}
.art-meta-sep{color:rgba(255,255,255,0.25);font-size:16px;}
.art-meta-cat{
    font-family:"Rubik bold";
    font-size:12px;
    color:#a8d5b8;
    text-decoration:none;
    background:rgba(102,161,130,0.2);
    border:1px solid rgba(102,161,130,0.35);
    padding:3px 10px;
    border-radius:100px;
    transition:background 0.2s;
}
.art-meta-cat:hover{background:rgba(102,161,130,0.35);}

/* ═══════════════════════════════════════════════════════════════
   CORPS ARTICLE
═══════════════════════════════════════════════════════════════ */
.art-body{
    width:100vw;
    margin-left:calc(-50vw + 50%);
    box-sizing:border-box;
    background:#fff;
    padding:56px 0 80px;
}
.art-body-inner{
    max-width:1200px;
    margin:0 auto;
    padding:0 40px;
    box-sizing:border-box;
    display:grid;
    grid-template-columns:260px 1fr;
    gap:48px;
    align-items:start;
}

/* ── Sidebar ── */
.art-sidebar{
    position:relative;
    top:0;
    display:flex;
    flex-direction:column;
    gap:24px;
}

/* Sommaire */
.art-toc{
    background:#f7f8f6;
    border:1px solid #eaeaea;
    border-radius:14px;
    padding:20px 22px;
}
.art-toc-title{
    font-family:"Rubik bold";
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:0.07em;
    color:#66A182;
    margin:0 0 14px;
}
.art-toc-list{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:2px;
}
.art-toc-item{margin:0;}
.art-toc-link{
    display:block;
    font-family:"Rubik regular";
    font-size:13px;
    color:#555;
    text-decoration:none;
    padding:5px 8px;
    border-radius:6px;
    border-left:2px solid transparent;
    line-height:1.4;
    transition:all 0.2s;
}
.art-toc-link:hover{
    color:#66A182;
    background:#f0f7f3;
    border-left-color:#66A182;
}
.art-toc-link.active{
    color:#66A182;
    background:#edf5f0;
    border-left-color:#66A182;
    font-family:"Rubik bold";
}
.art-toc-h3 .art-toc-link{
    padding-left:20px;
    font-size:12px;
    color:#777;
}

/* Encart affiliation */
.art-affil{
    background:#f7f8f6;
    border:1px solid #eaeaea;
    border-radius:14px;
    padding:20px;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:14px;
    text-align:center;
}
.art-affil-title{
    font-family:"Rubik bold";
    font-size:14px;
    color:#24211d;
    margin:0;
    line-height:1.4;
}
.art-affil-img-link{display:block;width:100%;}
.art-affil-img-link img{
    width:100%;
    height:auto;
    border-radius:8px;
    display:block;
    transition:transform 0.3s ease;
}
.art-affil-img-link:hover img{transform:scale(1.02);}
.art-affil-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    box-sizing:border-box;
    background:#fc5130;
    color:#fff;
    font-family:"Rubik bold";
    font-size:15px;
    padding:12px;
    border-radius:8px;
    text-decoration:none;
    transition:background 0.2s, transform 0.2s;
}
.art-affil-btn:hover{
    background:#d94020;
    transform:translateY(-1px);
}

/* ── Contenu article ── */
.art-content{min-width:0;}
.art-content img{width:100%;height:auto;border-radius:8px;margin:8px 0;}
.art-content h2{
    border-left:3px solid #66A182;
    padding-left:12px;
    font-family:"Rubik bold";
    font-size:22px;
    color:#24211d;
    margin:36px 0 14px;
    scroll-margin-top:24px;
}
.art-content h3{
    border-left:2px solid #a8d5b8;
    padding-left:10px;
    font-family:"Rubik bold";
    font-size:18px;
    color:#2d4a3e;
    margin:28px 0 10px;
    scroll-margin-top:24px;
}
.art-content p{
    font-family:"Rubik light";
    font-size:16px;
    line-height:1.8;
    color:#3b3d3c;
    margin:0 0 16px;
}
.art-content li{
    font-family:"Rubik light";
    font-size:16px;
    line-height:1.7;
    color:#3b3d3c;
    margin-bottom:6px;
}
.art-content strong{font-family:"Rubik regular";color:#24211d;}
.art-content a{color:#66A182;font-family:"Rubik bold";text-decoration:none;}
.art-content a:hover{color:#3d6951;text-decoration:underline;}

/* Responsive article */
@media (max-width: 930px) {
    .art-hero-inner{flex-direction:column;min-height:auto;}
    .art-hero-img{flex:0 0 220px;max-height:220px;}
    .art-hero-content{padding:28px 24px;}
    .art-body{padding:32px 0 56px;}
    .art-body-inner{
        grid-template-columns:1fr;
        padding:0 20px;
        gap:28px;
    }
    /* Sommaire mobile : accordéon dans le flux */
    .art-toc{
        display:block;
        border-radius:10px;
    }
    .art-toc-toggle{
        display:flex;
        align-items:center;
        justify-content:space-between;
        width:100%;
        background:none;
        border:none;
        cursor:pointer;
        padding:0;
        font-family:"Rubik bold";
        font-size:13px;
        text-transform:uppercase;
        letter-spacing:0.07em;
        color:#66A182;
    }
    .art-toc-toggle-icon{
        transition:transform 0.25s ease;
        font-style:normal;
        font-size:16px;
    }
    .art-toc.open .art-toc-toggle-icon{transform:rotate(180deg);}
    .art-toc-collapsible{
        display:none;
        margin-top:12px;
    }
    .art-toc.open .art-toc-collapsible{display:block;}
    .art-affil{flex-direction:row;text-align:left;align-items:center;}
    .art-affil-img-link{width:80px;flex-shrink:0;}
    .art-affil-btn{width:auto;padding:10px 20px;}
}


/*article - legacy (conservé compatibilité)*/
.head-article{padding:15px 0;background:#423E37;width:100%;display:flex;justify-content:center;align-items:center}
.head-article h1{font-family:Rubik bold;font-size:22px;color:#fff}
.article-col{width: 100%;display: flex;justify-content: center;align-items: center;}
.article{width:980px;display: flex;gap:25px}
.article-content{width:655px;}
.article-content img{width:100%;height:auto}
.article-content h2 {border-left:2px solid #66A182;padding-left:10px;font-family:"Rubik bold";font-size:20px;color:#423E37}
.article-content h3 {border-left:2px solid #66A182;padding-left:10px;font-family:"Rubik bold";font-size:18px;color:#423E37}
.article-content p, .article-content li{color:#3b3d3c;}
.article-content strong{font-family:"Rubik regular"}
.article-content a{color:#66A182;font-family:"Rubik bold"}
.article-content a:hover{color:#3d6951}
.col-9{width:300px}
.article-float{width:300px;display:flex;justify-content:center;align-items:center;padding:10px;border-radius:10px;background:#ededed;flex-direction:column;gap:10px;margin-top:15px;text-align:center}
.article-float p{margin:0;font-size:18px;font-family:"Rubik bold";color:#000}
.article-float img{width:100%}
.article-float a.call_art_btn{background:#fc5130;color:#fff;font-family:Rubik bold;font-size:20px;border-bottom-right-radius:15px;border-top-left-radius:15px;height:45px;text-decoration: none;width: 180px;display: flex;justify-content: center;align-items: center;}
.article-float a.call_art_btn:hover{background:#423E37;color:#fff}
.fixed-product-article{position:fixed;top:20px}

/**/

/*page*/
#breadcrumbs{text-align:center}
#breadcrumbs a{color:#66A182}
#breadcrumbs a:hover{color:#3d6951}
.page-head{padding:15px 0;background:#423E37;width:100%;display:flex;justify-content:center;align-items:center}
.page-head h1{font-family:Rubik bold;font-size:22px;color:#fff}
.page{display:flex;width:100%;align-items:center;justify-content:center;margin-top:20px;flex-direction:column;color:#3b3d3c;}
.homediv{background:url(/images/grelinette-home-1.jpg) no-repeat #423E37;margin-top:0;background-position-x:-185px;padding-bottom:30px}
.page-part{width:800px}
.page-part a{color:#66A182;font-family:Rubik regular;}
.page-part a:hover{color:#423E37}
.homediv p{color:#fff}
.page-part p strong{font-family:Rubik regular;color:#423E37}
.homediv p strong{font-family:Rubik regular;color:#fff}
.page-part h2{border-left:2px solid #66A182;padding-left:10px;font-family:"Rubik bold";font-size:20px;color:#423E37}
.page-part h3{border-left:2px solid #66A182;padding-left:10px;font-family:"Rubik bold";font-size:18px;color:#423E37}

/*Page catégorie*/
.page-cat{display:flex;justify-content:center;}
.page-cat-collect{width:980px;display:flex;gap:50px}
.fixed-row{width:300px}
.page-summary-cat{width:300px;display:flex;flex-direction:column;margin-top:10px}
.page-part-cat{width:605px}
.page-part-cat h2{border-left:2px solid #66A182;padding-left:10px;font-family:"Rubik bold";font-size:20px;color:#423E37}
.page-part-cat h3{border-left:2px solid #66A182;padding-left:10px;font-family:"Rubik bold";font-size:18px;color:#423E37}
.page-part-cat p strong{font-family:Rubik regular;color:#423E37}
.page-part-cat a{color:#fc5130}
.page-part-cat a:hover{color:#423E37}
.page-product-part-cat{display:flex;flex-direction:column;margin-bottom:35px;background:#fff;padding:10px}
.page-product-part-cat-head{display:flex;gap:25px;align-items:center}
.fixed-page-summary-cat{position:fixed;top:20px}

/*comparatif tab*/
.comparative-tab{width:100%;display:flex;justify-content:center;padding:30px 0}
.comparative-tab table{width:80%;border-collapse:collapse;}
.comparative-tab th{background:#66A182;font-family:Rubik bold;text-align:center;border:1px solid #423E37;padding:20px 0}
.comparative-tab td{border:1px solid #423E37;vertical-align:center;padding:10px}

.sumary-row-cat{display:flex;width:280px;padding:10px;border-radius:10px;border:1px solid #66A182;margin-bottom:10px;align-items:center}
.sumary-row-cat img{margin-right:10px;width:auto;height:80px}
.sumary-row-cat-text p{font-family: Rubik regular;color:#423E37;margin:0 0 10px 0}
.sumary-row-cat-link{display:flex;justify-content:space-between}
.sumary-row-cat-link a{color:#66A182;font-family: Rubik regular;font-size:12px}

.page-product-part{width:600px;margin:15px 0;background:#fff}
.page-product-part h2{font-family:Rubik regular;font-size:20px;text-align:center;color:#66A182;padding: 10px 0}
.page-product-part h3{font-family:Rubik regular;font-size:18px;text-align:center;color:#66A182;text-align:left;margin:0}
.page-product-part h3.titleproduct{font-family:Rubik regular;font-size:20px;text-align:center;color:#66A182;margin:10px 0}
.page-product-avantage h3 {text-align:center}
.page-product-part-head{display:flex;width:80%;padding:0 10%;flex-direction:column}
.page-product-part-head-img{display:flex;justify-content:center;margin-right:15px}
.page-product-part-head-txt{display:flex;justify-content:center;flex-direction:column;padding: 0 3%;}
.page-product-review{display:flex;width:90%;padding:0 5%;margin:10px 0;flex-direction:column}
.page-product-review-spec{width:98%;padding:1%;display:flex;justify-content:center;flex-direction:column;border: 2px solid #66A182;}
.page-product-avantage{width:94%;display:flex;justify-content:center;flex-direction:column;padding: 0 3%;margin-top:15px}
.page-product-avantage table{width:100%;border-collapse:collapse;margin:15px}
.page-product-avantage table th{color:#423E37;font-family:Rubik bold;font-size:16px;height:40px;text-align:left}
.page-product-avantage table td{color:#423E37;font-family:Rubik regular;font-size:16px;margin-bottom:10px;padding-left:30px}
.page-product-avantage table td.avantage{background:url(/images/icon/avantages.png) no-repeat;}
.page-product-avantage table td.inconvennient{background:url(/images/icon/inconvennient.png) no-repeat;}
.page-product-review-avis{display:flex;width:90%;padding:10px 5%;flex-direction:column;margin-top:20px;background:#66A182}
.page-product-review-avis h3{color:#fff} 



/*Modele page produit*/
.product-page{width:100%;display:flex;justify-content:center;align-items:center}
.row{width:980px;display:flex}
.row h1{font-size:24px;font-family:Rubik bold}
.row h2{font-size:20px;font-family:Rubik bold}
.col-md-8{width:700px;margin-right:30px}
.col-md-4{width:240px;}
.product-colect{width:240px;background:#423E37;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.product-colect p{font-family:Rubik bold;color:#fff;font-size:18px;text-align:center}
.product-colect a{margin:10px 0;background:#fc5130;color:#fff;font-family:Rubik bold;font-size:15px;border-bottom-right-radius:15px;border-top-left-radius:15px;padding:10px 15px;text-decoration:none;text-align:center;width:180px;}
.product-colect a:hover{background:#66A182}
.fixed-product-colect{position:fixed;top:20px}
.smartone{display:none}
/*Comparatif table*/
.page-comparatif-tab{width:1024px;overflow-x:scroll;background:#fff}
.comparatif-tab{width:2000px;display:flex}
.comparatif-cell{width:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px 0;border:1px solid #ddd;}
.comparatif-cell:first-child{border-right:none}
p.comparatif-title{font-family:Rubik bold;font-size:16px;color:#423E37;text-align:center}
.comparatif-av{width:90%;padding:0 5%;text-align:left}
.comparatif-av p{font-family:Rubik bold;font-size:14px;color:#423E37;}
.comparatif-av li{list-style-image:url(/images/icon/avantages.png)}


/*template avis*/
.page-avis{width:600px;display:flex;margin-bottom:15px}
.page-avis-img{display:flex;justify-content:center;margin-right:15px;padding:0 3%}
.page-avis-img img{max-width:200px; height:auto}
.page-avis-txt{display:flex;justify-content:center;align-items:center;flex-direction:column;padding: 0 3%;background:#EFEFEF;border-radius:10px}
.page-avis-txt p{text-align:left}

.footer{width:100%;display:flex;padding:20px 0;background:#423E37;justify-content:center;align-items:center}
.footer a{color:#fff;font-size:12px;margin-right:15px;cursor:pointer}
.footer p{color:#fff;font-size:12px;margin-right:15px;}
.footer a:hover{text-decoration:underline}
.footer a:last-child{margin-right:0}

/*CSS Affiliate*/
.affiliate{width:100%;padding:15px 0;display:flex;align-items:center;justify-content:center}
.affiliate a{background:#fc5130;color:#fff;font-family:Rubik bold;font-size:25px;border-bottom-right-radius:15px;border-top-left-radius:15px;padding:10px 15px;text-decoration:none}
.affiliate a:hover{background:#423E37;color:#fff}

.affitablecontent-row .affiliate a{background:#fc5130;color:#fff;font-family:Rubik bold;font-size:15px;border-bottom-right-radius:15px;border-top-left-radius:15px;padding:10px 15px;text-decoration:none;height:20px}

/*Affiliate table*/
.affitablecontent{display:flex;justify-content:space-between}
.affitablecontent-row{display:flex;width:200px;flex-direction:column;justify-content:center;align-items:center}
.affitablecontent-row p{color:#66A182;font-size:14px}
.affitablecontent-row img{height:auto;width:50px}

/*Banner link*/
.banner_link{width:100%;display:flex}
.banner_link_smart{display:none}

/*Somaire*/
.page-summary{display:flex;width:100%;justify-content:center;align-items:center;flex-direction:column}
.sumary-row{display:flex;width:700px;padding:10px 20px;border-radius:10px;border:1px solid #66A182;margin-bottom:10px}
.sumary-row img{margin-right:10px}
.sumary-row-text{width:610px}
.sumary-row-text p{font-family: Rubik regular;color:#423E37}
.sumary-row-link{display:flex;justify-content:space-between}
.sumary-row-link a{color:#66A182;font-family: Rubik regular;}

.mpsm_content,#mpsm-results{display:flex;justify-content:center;align-items:center;padding:0}
.hero-card-body .mpsm_content{flex-direction:column;width:100%}
.hero-card-body #mpsm-results{flex-direction:column;width:100%}
#mpsm-form{padding:0;background:none;max-width:100%;margin:0;width:100%}
#mpsm-form p{width:100%;margin:0 0 12px 0;font-family:"Rubik bold";color:rgba(255,255,255,0.5);font-size:13px}
.homediv #mpsm-form p{color:rgba(255,255,255,0.5)}
.hero-card-body #mpsm-form p{display:none}
.mpsm-selector{width:100%;display:flex;flex-direction:column}
.mpsm-selector label{font-family:"Rubik regular";font-size:13px;margin:10px 0 5px;color:rgba(255,255,255,0.75)}
.hero-card-body .mpsm-selector select{
    width:100%;
    box-sizing:border-box;
    background:rgba(255,255,255,0.10);
    border:1px solid rgba(255,255,255,0.20);
    border-radius:8px;
    color:#fff;
    font-family:"Rubik regular";
    font-size:14px;
    padding:10px 14px;
    appearance:none;
    -webkit-appearance:none;
    outline:none;
}
.hero-card-body .mpsm-selector select:focus{
    border-color:#66A182;
    background:rgba(255,255,255,0.15);
}
.hero-card-body .mpsm-selector select option{background:#2d4a3e;color:#fff;}
.custom-select {
	display: inline-block;
	height: 40px;
	width: 200px;
	padding: 10px;
	border: none;
	border-radius: 4px;
	background-color: #f3f3f3;
	font-size: 14px;
	color: #333;
	-webkit-appearance: none; /* Supprimer l'apparence par défaut sur Chrome et Safari */
	-moz-appearance: none; /* Supprimer l'apparence par défaut sur Firefox */
	appearance: none; /* Supprimer l'apparence par défaut sur les autres navigateurs */
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6"><path fill="rgba(0,0,0,0.4)" d="M5.008 5.196L9.8 1.1a.65.65 0 0 0-.896-.942L5 3.338.996.2a.65.65 0 0 0-.896.94l4.908 4.056a.65.65 0 0 0 .9 0z"/></svg>');
	background-repeat: no-repeat;
	background-position: right 10px center; /* Positionner le triangle à droite */
	background-size: 14px; /* Taille du triangle */
}

.custom-select:focus {
	outline: none;
	box-shadow: 0 0 5px rgba(81, 203, 238, 1);
}

.custom-select:hover {
	background-color: #e8e8e8;
}

.mpsm-btn{display:flex;justify-content:center;align-items:center;padding:16px 0 4px}

#mpsm-submit{
    border:none;
    border-radius:8px;
    color:#fff;
    font-family:"Rubik bold";
    font-size:15px;
    padding:13px 30px;
    text-decoration:none;
    background:#66A182;
    cursor:pointer;
    width:100%;
    box-shadow:0 4px 16px rgba(102,161,130,0.35);
    transition:background 0.2s, transform 0.2s;
}
#mpsm-submit:hover{background:#4d8a6a;transform:translateY(-1px);}

/* ── Résultats simulateur ── */
.mpsm-model{
    display:flex;
    align-items:center;
    flex-direction:row;
    gap:16px;
    padding:14px 16px;
    margin:8px 0;
    border:1px solid rgba(255,255,255,0.15);
    border-radius:12px;
    background:rgba(255,255,255,0.08);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    width:100%;
    box-sizing:border-box;
    max-width:100%;
    transition:background 0.2s, border-color 0.2s;
}
.mpsm-model:hover{
    background:rgba(255,255,255,0.13);
    border-color:rgba(102,161,130,0.4);
}
.mpsm-model img{
    height:70px;
    width:50px;
    object-fit:contain;
    flex-shrink:0;
    filter:brightness(1.05);
}
.mpsm-model-info{
    display:flex;
    flex-direction:column;
    gap:6px;
    min-width:0;
}
.mpsm-model p{
    font-family:"Rubik bold";
    font-size:13px;
    color:#fff;
    margin:0;
    line-height:1.3;
}
.mpsm-model a{
    display:inline-flex;
    align-items:center;
    gap:5px;
    color:#66A182;
    font-family:"Rubik bold";
    font-size:12px;
    text-decoration:none;
    padding:5px 10px;
    border:1px solid rgba(102,161,130,0.4);
    border-radius:6px;
    transition:all 0.2s;
    white-space:nowrap;
}
.mpsm-model a:hover{
    background:rgba(102,161,130,0.2);
    border-color:#66A182;
    color:#fff;
}
/* Conteneur résultats */
#mpsm-results{
    margin-top:16px;
    padding-top:16px;
    border-top:1px solid rgba(255,255,255,0.10);
    width:100%;
    box-sizing:border-box;
}
#mpsm-results > p{
    font-family:"Rubik bold";
    font-size:12px;
    color:rgba(255,255,255,0.5);
    text-transform:uppercase;
    letter-spacing:0.08em;
    margin:0 0 10px;
}

/*Sommaire*/
.sommaire-content{display:flex;padding:8px 0;justify-content:center;align-items:center}
.sommaire{width:300px;padding:10px;background:#66A182}
.sommaire p{margin-left:10px;color:#fff}
.sommaire li a{font-family: Rubik regular;;color:#423E37}
.sommaire li{margin-bottom:8px}

/*Articles home*/
.mon-plugin-articles-container {display:flex;flex-wrap:wrap;gap:20px;}
.mon-plugin-article {flex-basis: calc(25% - 20px);box-shadow:0 2px 10px rgba(0,0,0,0.1);padding:15px;border-radius: 5px;}
.mon-plugin-article-image img {width: 100%;height:auto;border-radius:5px;}
.mon-plugin-article-title {margin-top: 15px;font-size: 18px;}
.mon-plugin-article-excerpt {margin-top: 10px;font-size:14px;}

.entry-content{width:70%}
.videotest{display:flex;justify-content:center;align-items:center}

/*Table de comparaison*/
.fullspace{width:100%;display:flex;justify-content:center}
.testarea{width:60%;}
table.cg-table-one{border-spacing:0;border-collapse:collapse;background-color:transparent;width:100%;max-width:100%;margin-bottom:20px;    line-height: normal;border: none;margin-top:15px}
table.cg-table-one th{padding:8px;position:relative;background-color:#66A182;color:#fff;text-align:center;font-weight:700;    vertical-align: middle;font-size:14px;border: none;font-family:Rubik bold}
table.cg-table-one tr{border: 1px solid #ddd;}
table.cg-table-one td{border-top: none;padding:10px 0}
table.cg-table-one td:first-child{width:10%}
table.cg-table-one td:nth-child(2){width:30%}
table.cg-table-one ul{padding:0}
table.cg-table-one ul li{font-family:Rubik regular}
.align_el{display:flex;width:100%;align-items:center;justify-content:center}
.align_el_cta{display:flex;width:100%;align-items:center;justify-content:center;flex-direction:column;gap:15px}
a.cta_title{font-size:18px;text-align:center;color:var(--theme-color);font-family:Rubik bold}
a.btn_title{font-size: 15px;background:#66A182;color:#fff;width:180px;text-align:center;padding:8px 10px;border-radius:8px;  text-decoration: none;font-family:Rubik bold}
a.read_title{text-decoration:underline;color:#423E37;font-family:Rubik regular}
.caracteristic{display:flex;width:100%;align-items:center;justify-content:center}

@media (max-width: 930px) {
	.headsite{justify-content:center;align-items:center;}
	.logo{width:100%;justify-content: center;margin: 0}
	.logo img{width:180px}
	.menu{margin: 0;flex-direction:column;justify-content:center}
	.menu a{margin-bottom:5px}
	/* Hero mobile */
	.hero{min-height:auto;}
	.hero-inner{flex-direction:column;padding:60px 24px 80px;gap:36px;}
	.hero-right{width:100%;}
	.hero-title{font-size:30px;}
	.hero-sub{max-width:100%;}
	.hero-ctas{gap:12px;}
	.hero-btn{width:100%;justify-content:center;}

	.page-head h1{font-size:20px;text-align:center}
	.page-summary{width:90%}
	.page-part{width:95%}
	.page-product-part{width:95%}
	.page-product-part-head{width:96%;padding: 0 2%;flex-direction:column}
	.page-product-review{flex-direction:column}
	.page-product-review-spec{width:100%}
	.page-product-avantage{width:97%}
	.page-product-avantage table{margin:15px 0}
	.page-product-avantage h3 {text-align:left}
	.page-product-part-head-img{margin:0}
	img.smartsize{max-width:320px;width:100%}
	iframe{width:100%;max-width:560px}
	.category-post{width:90%;padding:2%}
	.article-content{width:90%}
	.article-content img{width:100%;height:auto}
	.head-article{text-align:center}
	.homemenu-content{flex-direction:column;text-align: center;}
	.homemenu-div{display: flex;width: 150px;justify-content: center; align-items: center;padding:10px 0}
	.footer{flex-direction:column;padding:20px 0}
	.footer a{margin:0}
	.footer p{margin:0}
	.last-article-content{width:90%;max-width:600px}
	.page-avis{width:100%;flex-direction:column-reverse;align-items:center}
	.page-avis{width:100%}
	.page-avis-txt{width:90%}
	
	.affitablecontent{justify-content:center;flex-direction:column;align-items:center}
	.page-comparatif-tab{width:96%;padding:0 2%;overflow-x:scroll;background:#fff}
	
	.sumary-row{width: 95%;padding: 1% 2%;justify-content:center;align-items:center;flex-direction:row}
	.sumary-row img{width:80px}
	.sumary-row-text{width:100%}
	
	
	.banner_link_smart{display:block}
	.banner_link{display:none}
	
	#mpsm-form{max-width:100%;margin:0}
	#mpsm-results{flex-direction:column;width:100%}
	.mpsm_content{flex-direction:column}
	.mpsm-model{margin:6px 0;flex-direction:row;}
	
	.product-page{}
	.row{width:95%;flex-direction:column-reverse}
	.col-md-8{width:100%;margin-right:inherit}
	.col-md-4{width:100%;display:flex;align-items:center;justify-content:center;margin:15px 0}
	
	/* Header v2 mobile */
	.main-nav{display:none;}
	.burger{display:flex;}
	.headsite{justify-content:space-between;align-items:center;}
	.logo{width:auto;justify-content:flex-start;margin:0;}
	.category-post{width:320px;flex-direction:column}
	.category-post-img{width:100%}
	.category-post-txt{display:flex;justify-content:center;flex-direction:column}
	
	.article-col{width: 95%}
	.article{width:100%;display:flex;gap:0px;flex-direction:column}
	.article-content{width:100%;}

	.col-9{width:100%;height:60px;position:fixed;bottom:0}
	.article-float{width:100%;height:60px;border-radius:inherit;flex-direction:row;margin-top:0;padding:0}
	.article-float img{display:none}
	.article-float p{font-size:13px;text-align:left;width:50%}
	.article-float a.call_art_btn{width:100px;font-size:13px;height:35px}
	
	.page-cat-collect{width:95%;gap:inherit;flex-direction:column;align-items:center}
	.page-part-cat{width:100%}
	
	.desktoponly{display:none}
	
	.testarea{width:80%}
	table.cg-table-one {
		width: 100%;
	}
	table.cg-table-one tr{display:flex;margin-bottom:15px;flex-direction:column}
	table.cg-table-one th{display:none}
	table.cg-table-one td {
		display: block;
		width: 100%;
	}
	table.cg-table-one.cg-table-one td:first-child,table.cg-table-one td:nth-child(2){width:100%}
}