/* Electro Home — design « clean tech home » (réécrit de zéro, classes eh-*).
   Blanc + vert nuit #052E1F + émeraude #059669 + lime #A3E635. Typo Manrope, pas d'uppercase.
   Anatomie volontairement différente des autres boutiques : hero bandeau + vedette en chevauchement,
   cartes horizontales, tableau comparatif, FAQ accordéon, fiche à onglets (galerie à droite). */

:root{
	--night:#052E1F; --night2:#07402C; --green:#059669; --green-d:#047857;
	--lime:#A3E635; --ink:#0F1B16; --ink2:#51625A; --muted:#7C8B84;
	--line:#E4EAE7; --soft:#F3F7F5; --amber:#F59E0B;
	--r:14px; --shadow:0 16px 40px rgba(5,46,31,.10); --shadow-s:0 6px 18px rgba(5,46,31,.07);
	--max:1180px; --font:'Manrope',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}
*{box-sizing:border-box}
body.ehome{margin:0;font-family:var(--font);color:var(--ink);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}
.ehome img{max-width:100%;display:block}
.ehome a{color:inherit;text-decoration:none}
.ehome h1,.ehome h2,.ehome h3{margin:0;line-height:1.18;letter-spacing:-.02em;font-weight:800}
.eh-container{max-width:var(--max);margin:0 auto;padding:0 20px}

/* Boutons — spécificité forte pour battre .ehome a{color:inherit} */
.eh-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--green);color:#fff;
	font-weight:800;font-size:1rem;padding:15px 28px;border-radius:99px;border:none;cursor:pointer;
	transition:background .18s,transform .18s,box-shadow .18s;box-shadow:0 10px 24px rgba(5,150,105,.3)}
.eh-btn:hover{background:var(--green-d);transform:translateY(-2px)}
.ehome a.eh-btn,.ehome button.eh-btn{color:#fff}
.eh-btn-light{background:#fff;color:var(--night);box-shadow:none;border:1.5px solid var(--line)}
.ehome a.eh-btn-light{color:var(--night)}
.eh-btn-light:hover{background:var(--soft);border-color:var(--green)}
.eh-btn-lime{background:var(--lime);color:var(--night);box-shadow:0 10px 24px rgba(163,230,53,.35)}
.ehome a.eh-btn-lime{color:var(--night)}
.eh-btn-lime:hover{background:#B9F14D;transform:translateY(-2px)}

/* Étoiles (helper fr_stars) */
.fr-stars{display:inline-flex;gap:1px;color:var(--amber);vertical-align:middle}

/* ===== TOPBAR + HEADER ===== */
.eh-topbar{background:var(--night);color:#CDE8DA;text-align:center;font-size:.82rem;font-weight:600;padding:8px 16px}
.eh-topbar b{color:var(--lime)}
.eh-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--line)}
.eh-head{display:flex;align-items:center;justify-content:space-between;gap:18px;height:72px}
.eh-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.3rem;color:var(--night);letter-spacing:-.03em}
.eh-logo .eh-mark{width:36px;height:36px;border-radius:50%;background:var(--night);display:grid;place-items:center;flex:0 0 auto}
.eh-logo .eh-mark svg{width:19px;height:19px}
.eh-logo em{font-style:normal;color:var(--green)}
.eh-nav{display:none;gap:26px}
.eh-nav a{color:var(--ink2);font-weight:700;font-size:.93rem;transition:color .2s}
.eh-nav a:hover{color:var(--green)}
.eh-head-right{display:flex;align-items:center;gap:12px}
.eh-cart{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem;color:var(--night);
	border:1.5px solid var(--line);border-radius:99px;padding:9px 16px;transition:border-color .2s,background .2s}
.eh-cart:hover{border-color:var(--green);background:var(--soft)}
.eh-cart svg{width:19px;height:19px}
.eh-burger{display:inline-flex;background:none;border:none;color:var(--night);cursor:pointer;padding:6px}
.eh-burger svg{width:26px;height:26px}
@media(min-width:980px){ .eh-nav{display:flex} .eh-burger{display:none} }
.eh-mobnav{display:none;background:#fff;border-bottom:1px solid var(--line)}
.eh-mobnav.open{display:block}
.eh-mobnav a{display:block;padding:14px 20px;font-weight:700;color:var(--ink);border-top:1px solid var(--line)}
.eh-mobnav a:hover{color:var(--green);background:var(--soft)}

/* ===== HERO bandeau ===== */
.eh-hero{background:var(--night);color:#fff;text-align:center;padding:66px 20px 170px;position:relative;overflow:hidden}
.eh-hero::after{content:"";position:absolute;left:50%;top:-40%;transform:translateX(-50%);width:900px;height:600px;
	background:radial-gradient(closest-side,rgba(163,230,53,.14),transparent 70%);pointer-events:none}
.eh-hero-inner{position:relative;max-width:720px;margin:0 auto;z-index:1}
.eh-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(163,230,53,.14);border:1px solid rgba(163,230,53,.5);
	color:var(--lime);font-weight:800;font-size:.8rem;padding:7px 16px;border-radius:99px;margin-bottom:20px}
.eh-hero h1{font-size:clamp(2.1rem,5.4vw,3.4rem);color:#fff}
.eh-hero h1 em{font-style:normal;color:var(--lime)}
.eh-hero p{color:#B9D6C6;font-size:1.1rem;max-width:34em;margin:16px auto 26px}
.eh-hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.eh-hero-stats{display:flex;gap:28px;justify-content:center;flex-wrap:wrap;margin-top:34px}
.eh-stat{text-align:center}
.eh-stat b{display:block;font-size:1.3rem;color:#fff}
.eh-stat span{font-size:.8rem;color:#8FB8A3;font-weight:600}

/* ===== VEDETTE (chevauche le hero) ===== */
.eh-featured-wrap{margin-top:-120px;position:relative;z-index:2}
.eh-featured{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);
	display:grid;grid-template-columns:1fr;overflow:hidden}
@media(min-width:860px){ .eh-featured{grid-template-columns:.9fr 1.1fr} }
.eh-featured-media{background:var(--soft);display:flex;align-items:center;justify-content:center;padding:34px;position:relative}
.eh-featured-media img{max-height:330px;object-fit:contain}
.eh-flag{position:absolute;top:18px;left:18px;background:var(--night);color:var(--lime);font-weight:800;font-size:.76rem;
	padding:6px 14px;border-radius:99px}
.eh-featured-body{padding:30px 32px;display:flex;flex-direction:column;gap:12px;justify-content:center}
.eh-cat{color:var(--green);font-weight:800;font-size:.8rem;letter-spacing:.04em}
.eh-featured-body h2{font-size:1.5rem}
.eh-rating-line{display:flex;align-items:center;gap:8px;color:var(--ink2);font-size:.88rem;font-weight:600}
.eh-featured-pts{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px}
.eh-featured-pts li{display:flex;gap:9px;align-items:flex-start;color:var(--ink2);font-size:.93rem}
.eh-featured-pts svg{width:17px;height:17px;color:var(--green);flex:0 0 auto;margin-top:3px}
.eh-buyline{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:4px}
.eh-price{font-size:2rem;font-weight:800;color:var(--night)}
.eh-old{color:var(--muted);text-decoration:line-through;font-weight:600}
.eh-off{background:#EBFBDD;color:#3F7E0A;font-weight:800;font-size:.78rem;padding:5px 11px;border-radius:99px}

/* ===== GRILLE compacte (cartes horizontales) ===== */
.eh-section{padding:64px 0}
.eh-section.soft{background:var(--soft)}
.eh-sec-head{max-width:640px;margin:0 auto 36px;text-align:center}
.eh-sec-head h2{font-size:clamp(1.6rem,3.6vw,2.2rem);color:var(--night)}
.eh-sec-head h2 em{font-style:normal;color:var(--green)}
.eh-sec-head p{color:var(--ink2);margin:10px 0 0}
.eh-grid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:820px){ .eh-grid{grid-template-columns:1fr 1fr} }
.eh-row{display:grid;grid-template-columns:132px 1fr;gap:16px;background:#fff;border:1px solid var(--line);
	border-radius:var(--r);padding:16px;transition:box-shadow .18s,transform .18s,border-color .18s;align-items:center}
.eh-row:hover{box-shadow:var(--shadow-s);transform:translateY(-3px);border-color:#CBDDD3}
.eh-row-img{background:var(--soft);border-radius:10px;padding:10px;display:flex;align-items:center;justify-content:center}
.eh-row-img img{height:104px;object-fit:contain}
.eh-row-body{min-width:0;display:flex;flex-direction:column;gap:5px}
.eh-row-spec{color:var(--green);font-weight:800;font-size:.74rem;letter-spacing:.04em}
.eh-row-title{font-size:.98rem;font-weight:800;line-height:1.3}
.eh-row-title a:hover{color:var(--green)}
.eh-row-meta{color:var(--muted);font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:8px}
.eh-row-buy{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:3px}
.eh-row-price{font-size:1.25rem;font-weight:800;color:var(--night)}
.eh-row-old{color:var(--muted);text-decoration:line-through;font-size:.84rem;font-weight:600}
.eh-row-link{margin-left:auto;color:var(--green);font-weight:800;font-size:.88rem;white-space:nowrap}
.eh-row-link:hover{text-decoration:underline}

/* ===== TABLEAU COMPARATIF ===== */
.eh-tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.eh-table{width:100%;border-collapse:collapse;min-width:680px;font-size:.92rem}
.eh-table th{background:var(--night);color:#fff;text-align:left;padding:13px 16px;font-weight:800;white-space:nowrap}
.eh-table td{padding:13px 16px;border-top:1px solid var(--line);white-space:nowrap}
.eh-table tr:hover td{background:var(--soft)}
.eh-table .p{font-weight:800;color:var(--night)}
.eh-table .o{color:var(--muted);text-decoration:line-through;font-size:.82rem;margin-left:6px}
.eh-table a.go{color:var(--green);font-weight:800}
.eh-table a.go:hover{text-decoration:underline}

/* ===== ENGAGEMENTS ===== */
.eh-promises{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:820px){ .eh-promises{grid-template-columns:repeat(4,1fr)} }
.eh-promise{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px}
.eh-promise svg{width:24px;height:24px;color:var(--green);flex:0 0 auto}
.eh-promise b{display:block;font-size:.9rem}
.eh-promise span{font-size:.78rem;color:var(--muted);font-weight:600}

/* ===== AVIS ===== */
.eh-reviews{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:820px){ .eh-reviews{grid-template-columns:repeat(3,1fr)} }
.eh-review{background:#fff;border:1px solid var(--line);border-left:4px solid var(--green);border-radius:var(--r);padding:22px}
.eh-review p{margin:10px 0 12px;color:var(--ink2);font-size:.94rem}
.eh-review .who{font-weight:800;font-size:.84rem;color:var(--ink)}
.eh-review .who span{color:var(--muted);font-weight:600}

/* ===== FAQ accordéon ===== */
.eh-faq{max-width:760px;margin:0 auto}
.eh-qa{background:#fff;border:1px solid var(--line);border-radius:var(--r);margin-bottom:12px;overflow:hidden}
.eh-qa summary{list-style:none;cursor:pointer;padding:17px 20px;font-weight:800;display:flex;justify-content:space-between;gap:12px;align-items:center}
.eh-qa summary::-webkit-details-marker{display:none}
.eh-qa summary svg{width:18px;height:18px;color:var(--green);transition:transform .2s;flex:0 0 auto}
.eh-qa[open] summary svg{transform:rotate(45deg)}
.eh-qa .a{padding:0 20px 17px;color:var(--ink2);font-size:.94rem}

/* ===== CTA band ===== */
.eh-band{background:linear-gradient(120deg,var(--night),var(--night2));border-radius:22px;color:#fff;text-align:center;padding:44px 26px}
.eh-band h2{color:#fff;font-size:clamp(1.4rem,3.2vw,1.9rem)}
.eh-band p{color:#B9D6C6;margin:10px auto 22px;max-width:36em}

/* ===== FOOTER ===== */
.eh-footer{background:var(--night);color:#9DBFAD;margin-top:24px}
.eh-foot-in{display:grid;grid-template-columns:1fr;gap:28px;padding:48px 0 30px}
@media(min-width:820px){ .eh-foot-in{grid-template-columns:1.4fr 1fr 1fr} }
.eh-foot-in .eh-logo{color:#fff}
.eh-footer p{font-size:.9rem;max-width:30em}
.eh-footer h4{color:#fff;font-size:.92rem;margin:0 0 12px;font-weight:800}
.eh-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.eh-footer ul a{font-size:.88rem;transition:color .2s}
.eh-footer ul a:hover{color:var(--lime)}
.eh-foot-bottom{border-top:1px solid rgba(255,255,255,.12);padding:18px 0;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;font-size:.8rem}
.eh-pay{display:flex;gap:8px;align-items:center}
.eh-pay svg{height:24px;width:auto}

/* ============================================================
   FICHE PRODUIT — infos à gauche, galerie à droite, onglets
   ============================================================ */
.eh-pdp{padding:26px 0 60px}
.eh-crumb{color:var(--muted);font-size:.84rem;font-weight:600;padding:4px 0 20px}
.eh-crumb a:hover{color:var(--green)}
.eh-pdp-main{display:grid;grid-template-columns:1fr;gap:36px;margin-bottom:48px}
@media(min-width:1000px){
	.eh-pdp-main{grid-template-columns:1.05fr 1fr;align-items:start}
	.eh-pdp-gal{position:sticky;top:96px} /* galerie à gauche, sticky desktop uniquement */
}
.eh-pdp-gal{position:static}
.eh-gal-main{background:var(--soft);border:1px solid var(--line);border-radius:18px;padding:26px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.eh-gal-main img{max-height:380px;object-fit:contain}
.eh-thumbs{display:flex;gap:10px;flex-wrap:wrap}
.eh-thumb{width:70px;height:70px;background:var(--soft);border:2px solid var(--line);border-radius:12px;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s}
.eh-thumb img{max-width:100%;max-height:100%;object-fit:contain}
.eh-thumb.on{border-color:var(--green)}
.eh-pdp-info h1{font-size:clamp(1.4rem,3vw,1.9rem);color:var(--night);margin-bottom:12px}
.eh-tags{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.eh-tag{font-weight:800;font-size:.76rem;padding:6px 13px;border-radius:99px}
.eh-tag.g{background:#EBFBDD;color:#3F7E0A}
.eh-tag.n{background:var(--soft);color:var(--ink2)}
.eh-stockline{display:flex;align-items:center;gap:8px;color:var(--green-d);font-weight:700;font-size:.9rem;margin:6px 0 16px}
.eh-stockline .dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(5,150,105,.2)}
.eh-priceblock{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;padding:16px 18px;background:var(--soft);border-radius:var(--r);margin-bottom:18px}
.eh-priceblock .now{font-size:2.2rem;font-weight:800;color:var(--night)}
.eh-priceblock .was{color:var(--muted);text-decoration:line-through;font-weight:600}
.eh-priceblock .save{background:var(--lime);color:var(--night);font-weight:800;font-size:.78rem;padding:5px 12px;border-radius:99px}
.eh-pts{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:9px}
.eh-pts li{display:flex;gap:10px;align-items:flex-start;font-size:.95rem;color:var(--ink)}
.eh-pts svg{width:18px;height:18px;color:var(--green);flex:0 0 auto;margin-top:3px}
.eh-buyrow{display:flex;gap:12px;align-items:stretch;margin-bottom:14px}
.eh-qty{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:99px;overflow:hidden;background:#fff}
.eh-qty button{width:42px;height:100%;min-height:52px;background:none;border:none;cursor:pointer;color:var(--night);font-size:1.1rem;font-weight:800}
.eh-qty button:disabled{opacity:.35;cursor:not-allowed}
.eh-qty b{width:36px;text-align:center;font-size:1.05rem}
.eh-buyrow .eh-btn{flex:1;font-size:1.05rem}
.eh-paystrip{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.eh-paystrip svg{height:26px;width:auto}
.eh-assure{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid var(--line);padding-top:16px}
.eh-assure div{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:.76rem;font-weight:700;color:var(--ink2);background:var(--soft);border-radius:12px;padding:12px 6px}
.eh-assure svg{width:20px;height:20px;color:var(--green)}

/* Onglets */
.eh-tabs{border-bottom:2px solid var(--line);display:flex;gap:4px;flex-wrap:wrap;margin-bottom:22px}
.eh-tab{background:none;border:none;cursor:pointer;font-family:inherit;font-weight:800;font-size:.95rem;color:var(--muted);
	padding:12px 18px;border-bottom:3px solid transparent;margin-bottom:-2px;transition:color .2s}
.eh-tab.on{color:var(--night);border-bottom-color:var(--green)}
.eh-panel{display:none}
.eh-panel.on{display:block}
.eh-desc{color:var(--ink2);max-width:820px}
.eh-desc h3{color:var(--night);margin-bottom:10px;font-size:1.1rem}
.eh-desc p{margin:0 0 14px}
.eh-chars{width:100%;border-collapse:collapse;max-width:820px}
.eh-chars td{padding:12px 14px;border-bottom:1px solid var(--line);font-size:.93rem}
.eh-chars td:first-child{color:var(--ink2);font-weight:700;width:44%}
.eh-rev{border:1px solid var(--line);border-radius:var(--r);padding:18px;margin-bottom:12px;max-width:820px}
.eh-rev .top{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px}
.eh-rev .top b{font-size:.95rem}
.eh-rev .top span{color:var(--muted);font-size:.82rem;font-weight:600}
.eh-rev p{margin:6px 0 0;color:var(--ink2);font-size:.93rem}
.eh-revsum{display:flex;align-items:center;gap:20px;background:var(--soft);border-radius:var(--r);padding:20px;margin-bottom:18px;max-width:820px}
.eh-revsum .note{font-size:2.4rem;font-weight:800;color:var(--night)}
.eh-revsum .lbl{color:var(--ink2);font-size:.9rem;font-weight:600}