/* Electro Discount — Design System DARK & électrique (généré via Gemini) */
:root{
	--bg:#0B0E12; --surface:#141A21; --surface-hover:#182028; --text:#FFFFFF; --text-secondary:#9BA6B2;
	--border:#242C36; --accent:#FFE500; --accent2:#12E6D6; --promo:#FF3B3B; --success:#22C55E; --price-old:#5B6672;
	--energy:linear-gradient(90deg,#FFE500,#12E6D6); --max:1200px;
}
*{box-sizing:border-box}
body.electro{margin:0;background:var(--bg);color:var(--text);font-family:'Inter',sans-serif;line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}
.electro h1,.electro h2,.electro h3,.el-brandfont{font-family:'Space Grotesk',sans-serif;text-transform:uppercase;letter-spacing:-.02em;margin:0}
.electro a{text-decoration:none;color:inherit}
.electro img{max-width:100%}
.el-container{max-width:var(--max);margin:0 auto;padding:0 20px}

/* TOP BANNER + marquee mobile */
.el-topbanner{background:var(--energy);color:#000;text-align:center;padding:9px 0;font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;overflow:hidden}
.el-topbanner .el-static{padding:0 16px}
.el-topbanner .el-marq{display:none}
.el-marq-track{display:flex;width:max-content;animation:el-marquee 22s linear infinite}
.el-marq-grp{display:flex;flex:0 0 auto}
.el-marq-item{padding:0 26px;white-space:nowrap}
@keyframes el-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:768px){ .el-topbanner .el-static{display:none} .el-topbanner .el-marq{display:block} }

/* HEADER */
.el-topwrap{position:sticky;top:0;z-index:1000}
.el-header{background:rgba(11,14,18,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);height:70px;display:flex;align-items:center}
.el-header .el-container{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%}
.el-head-left{display:flex;align-items:center;justify-self:start;gap:10px}
.el-head-right{display:flex;align-items:center;justify-self:end}
.el-logo{justify-self:center;display:flex;align-items:center;gap:8px;font-size:1.3rem;font-weight:800;color:var(--text);font-family:'Space Grotesk',sans-serif;text-transform:uppercase;letter-spacing:-.01em}
.el-logo svg{width:24px;height:24px;fill:var(--accent)}
.el-nav{display:none}
@media(min-width:1024px){ .el-nav{display:flex;gap:30px} .el-nav a{color:var(--text-secondary);font-weight:500;font-size:.95rem;transition:color .2s} .el-nav a:hover{color:var(--accent)} }
.el-burger{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:none;background:transparent;color:var(--text);cursor:pointer;border-radius:8px;padding:0}
.el-burger svg{width:24px;height:24px}
@media(min-width:1024px){ .el-burger{display:none} }
.el-cart{position:relative;color:var(--text);display:flex}
.el-cart svg{width:24px;height:24px}
.el-mobmenu{display:none;position:absolute;left:0;right:0;top:100%;z-index:1200;background:#0f141a;border-bottom:1px solid var(--border);box-shadow:0 14px 30px rgba(0,0,0,.5)}
.el-mobmenu.open{display:block}
.el-mobmenu a{display:block;padding:15px 20px;font-weight:600;color:var(--text);border-top:1px solid var(--border)}
.el-mobmenu a:first-child{border-top:0}
.el-mobmenu a:hover{color:var(--accent);background:var(--surface)}
@media(min-width:1024px){ .el-mobmenu{display:none !important} }

/* BUTTONS */
.el-btn{background:var(--accent);color:#000;padding:15px 30px;border-radius:10px;font-weight:800;display:inline-block;border:none;cursor:pointer;font-family:'Space Grotesk',sans-serif;text-transform:uppercase;transition:transform .2s,box-shadow .2s;font-size:.95rem}
.el-btn:hover{transform:translateY(-2px);box-shadow:0 0 22px rgba(255,229,0,.4)}
.el-btn-ghost{background:transparent;color:var(--accent);border:2px solid var(--accent)}
/* Texte noir garanti sur les boutons jaunes (bat la règle .electro a{color:inherit}) */
.electro .el-btn,.electro .el-add,.electro .fr-btn-cart{color:#000}
.electro .fr-btn-cart svg{stroke:#000}

/* HERO */
.el-hero{position:relative;padding:70px 0;overflow:hidden}
.el-halo1{position:absolute;top:-10%;left:-10%;width:45%;height:60%;background:radial-gradient(circle,rgba(255,229,0,.14) 0%,transparent 70%);filter:blur(80px);pointer-events:none}
.el-halo2{position:absolute;bottom:-10%;right:-10%;width:45%;height:60%;background:radial-gradient(circle,rgba(18,230,214,.12) 0%,transparent 70%);filter:blur(80px);pointer-events:none}
.el-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;position:relative;z-index:1}
.el-hero h1{font-size:clamp(2.4rem,6vw,4.4rem);line-height:.95;margin-bottom:22px}
.el-hero-sub{color:var(--text-secondary);font-size:1.15rem;margin-bottom:30px;max-width:500px}
.el-eyebrow{display:inline-flex;align-items:center;gap:6px;background:rgba(255,229,0,.1);border:1px solid var(--accent);color:var(--accent);padding:6px 14px;border-radius:20px;font-weight:700;margin-bottom:20px;font-size:.85rem}
.el-trust{margin-top:20px;display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.9rem;flex-wrap:wrap}
.el-stars{color:var(--accent);letter-spacing:1px}
.el-deal{display:block;color:inherit;background:var(--surface);border:2px solid var(--accent2);border-radius:20px;padding:24px;position:relative;box-shadow:0 0 30px rgba(18,230,214,.15);transition:transform .2s,box-shadow .2s}
.el-deal:hover{transform:translateY(-3px);box-shadow:0 0 40px rgba(18,230,214,.3)}
.el-deal-tag{position:absolute;top:-14px;left:24px;background:var(--accent2);color:#000;padding:4px 12px;font-weight:800;border-radius:4px;font-size:.78rem;font-family:'Space Grotesk',sans-serif}
.el-deal-img{width:100%;aspect-ratio:1;background:radial-gradient(circle,#1c2630 0%,#0b0e12 100%);border-radius:12px;margin-bottom:18px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.el-deal-img img{max-height:82%;max-width:82%;object-fit:contain}
.el-deal .el-price-now{font-size:2.4rem}
.el-priceline{display:flex;align-items:baseline;gap:12px}

/* REASSURANCE */
.el-reass{background:#000;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:28px 0}
.el-reass-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.el-reass-item{display:flex;align-items:center;gap:12px;color:var(--text-secondary);font-weight:500;font-size:.95rem}
.el-reass-item svg{width:24px;height:24px;color:var(--accent2);flex:0 0 auto}

/* COUNTDOWN */
.el-countdown{background:var(--surface);padding:22px 0;text-align:center;border-bottom:1px solid var(--border)}
.el-countdown-title{font-size:1rem;margin-bottom:10px;text-transform:uppercase;color:var(--text-secondary);font-family:'Space Grotesk',sans-serif}
.el-timer{font-family:'Space Grotesk',sans-serif;font-size:2rem;color:var(--accent);font-weight:800;letter-spacing:4px}

/* SECTIONS + PRODUCTS */
.el-section{padding:70px 0}
.el-section-title{font-size:2.2rem;margin-bottom:36px}
.el-section-title span{color:var(--accent2)}
.el-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px}
.el-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative}
.el-card:hover{border-color:var(--accent);box-shadow:0 0 22px rgba(255,229,0,.12);transform:translateY(-5px)}
.el-card-badges{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:6px;z-index:10}
.el-badge-promo{background:var(--promo);color:#fff;padding:2px 8px;font-weight:800;border-radius:4px;font-size:.72rem}
.el-badge-class{background:var(--accent2);color:#000;padding:2px 8px;font-weight:800;border-radius:4px;font-size:.72rem}
.el-card-img{width:100%;aspect-ratio:1;background:radial-gradient(circle,#161d25 0%,#0B0E12 75%);border-radius:8px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.el-card-img img{max-height:82%;max-width:82%;object-fit:contain}
.el-card-spec{font-size:.78rem;color:var(--accent2);font-weight:700;margin-bottom:8px;text-transform:uppercase}
.el-card-title{font-size:.95rem;font-weight:600;margin-bottom:8px;min-height:2.4em;overflow:hidden;color:var(--text);line-height:1.25;font-family:'Inter',sans-serif;text-transform:none;letter-spacing:0}
.el-card-title a:hover{color:var(--accent)}
.el-card-rating{font-size:.8rem;margin-bottom:10px}
.el-price-row{margin-top:auto;margin-bottom:10px}
.el-price-now{color:var(--accent);font-size:1.4rem;font-weight:800;font-family:'Space Grotesk',sans-serif}
.el-price-was{color:var(--price-old);text-decoration:line-through;font-size:.85rem;margin-left:8px}
.el-save{display:block;font-size:.74rem;color:var(--success);font-weight:600;margin-top:2px}
.el-stock{font-size:.75rem;color:var(--promo);font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:6px}
.el-dot{width:7px;height:7px;border-radius:50%;background:var(--promo);box-shadow:0 0 0 3px rgba(255,59,59,.25);animation:el-pulse 1.4s infinite;flex:0 0 auto}
@keyframes el-pulse{0%,100%{opacity:1}50%{opacity:.35}}
.el-stockbar{height:4px;background:#242c36;border-radius:2px;margin-bottom:14px;overflow:hidden}
.el-stocklvl{height:100%;background:var(--promo);border-radius:2px}
.el-add{background:var(--accent);color:#000;border:none;width:100%;padding:12px;border-radius:8px;font-weight:800;cursor:pointer;font-family:'Space Grotesk',sans-serif;text-transform:uppercase;transition:box-shadow .2s;display:block;text-align:center}
.el-add:hover{box-shadow:0 0 18px rgba(255,229,0,.4)}

/* GUIDE */
.el-guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.el-guide-card{background:var(--surface);border:1px solid var(--border);padding:24px;border-radius:14px;text-align:center}
.el-guide-card h3{color:var(--accent);font-size:1.5rem;margin-bottom:8px}
.el-guide-card p{color:var(--text-secondary);font-size:.9rem}

/* WHY */
.el-why{background:var(--surface);padding:70px 0}
.el-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.el-why-item{text-align:center}
.el-why-ico{width:60px;height:60px;background:rgba(18,230,214,.1);border:1px solid var(--accent2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--accent2)}
.el-why-ico svg{width:26px;height:26px}
.el-why-item h3{margin-bottom:12px;font-size:1.1rem}
.el-why-item p{color:var(--text-secondary)}

/* REVIEWS */
.el-reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.el-review{background:var(--bg);border:1px solid var(--border);padding:24px;border-radius:14px}
.el-review-stars{color:var(--accent);margin-bottom:12px;letter-spacing:1px}
.el-review-text{font-style:italic;color:var(--text-secondary);font-size:.95rem}
.el-review-author{margin-top:12px;font-weight:700;font-size:.82rem}

/* FOOTER */
.el-footer{background:#05070a;border-top:1px solid var(--border);padding:56px 0 20px;color:var(--text-secondary)}
.el-footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:40px;margin-bottom:36px}
.el-footer-logo{color:var(--text);font-weight:800;font-size:1.4rem;margin-bottom:16px;display:block;font-family:'Space Grotesk',sans-serif;text-transform:uppercase}
.el-footer h4{color:var(--text);font-size:1rem;margin-bottom:18px}
.el-footer ul{list-style:none;margin:0;padding:0}
.el-footer li{margin-bottom:10px}
.el-footer a{color:var(--text-secondary);font-size:.9rem}
.el-footer a:hover{color:var(--accent)}
.el-footer-bottom{padding-top:20px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:.8rem;gap:16px;flex-wrap:wrap}
.el-pay{display:flex;gap:10px;flex-wrap:wrap}
.el-pay-pill{height:26px}

/* RESPONSIVE */
@media(max-width:900px){
	.el-hero-grid{grid-template-columns:1fr}
	.el-reass-grid,.el-guide-grid{grid-template-columns:repeat(2,1fr)}
	.el-why-grid,.el-reviews,.el-footer-grid{grid-template-columns:1fr}
	.el-deal{max-width:420px;margin:0 auto}
	.el-hero{padding:36px 0 50px;text-align:center}
	.el-hero-sub{margin-left:auto;margin-right:auto}
	.el-trust{justify-content:center}
	.el-eyebrow{text-align:center}
}

/* ============ FICHE PRODUIT (dark) — classes fr-* réutilisées du template ============ */
.fr-container{max-width:1200px;margin:0 auto;padding:0 20px}
.fr-pdp{padding-bottom:60px;color:var(--text)}
.fr-pdp .fr-breadcrumbs{padding:22px 0;font-size:13px;color:var(--text-secondary)}
.fr-breadcrumbs{padding:22px 0;font-size:13px;color:var(--text-secondary)}
.fr-breadcrumbs a{color:var(--text-secondary)}
.fr-breadcrumbs a:hover{color:var(--accent)}
.fr-breadcrumbs span{margin:0 8px}
.fr-pdp-main{display:grid;grid-template-columns:1fr;gap:44px;margin-bottom:56px}
@media(min-width:1024px){.fr-pdp-main{grid-template-columns:1.15fr 1fr;align-items:start}}
.fr-gallery{position:static}
@media(min-width:1024px){.fr-gallery{position:sticky;top:96px}}
.fr-main-image{width:100%;aspect-ratio:1/1;background:radial-gradient(circle,#161d25 0%,#0B0E12 75%);border-radius:14px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin-bottom:14px;overflow:hidden}
.fr-main-image img{max-width:82%;max-height:82%;object-fit:contain}
.fr-thumbnails{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.fr-thumb{aspect-ratio:1/1;background:var(--surface);border:2px solid transparent;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:6px}
.fr-thumb img{max-width:100%;max-height:100%;object-fit:contain}
.fr-thumb.active{border-color:var(--accent)}
.fr-purchase-zone h1{font-size:30px;font-weight:800;line-height:1.15;margin-bottom:12px;font-family:'Space Grotesk',sans-serif}
.fr-rating-row{display:flex;align-items:center;gap:8px;margin-bottom:18px}
.fr-stars{display:inline-flex;gap:1px;color:var(--accent);vertical-align:middle}
.fr-rating-text{font-size:14px;color:var(--text-secondary)}
.fr-badges{display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap}
.fr-badge{padding:4px 12px;border-radius:6px;font-size:12px;font-weight:800;text-transform:uppercase}
.fr-badge-promo2{background:var(--promo);color:#fff}
.fr-badge-eco2{background:var(--accent2);color:#000}
.fr-spec-highlight{background:var(--surface);padding:16px;border-radius:12px;border:1px solid var(--border);margin-bottom:22px;display:flex;align-items:center;gap:12px}
.fr-icon{width:24px;height:24px;flex:0 0 auto}
.fr-spec-highlight svg{width:24px;height:24px;flex:0 0 auto;fill:var(--accent);stroke:none}
.fr-spec-highlight span{font-weight:700}
.fr-pricing-block{margin-bottom:22px}
.fr-price-current{font-size:40px;font-weight:800;color:var(--accent);font-family:'Space Grotesk',sans-serif}
.fr-price-old{font-size:18px;text-decoration:line-through;color:var(--price-old);margin-left:12px}
.fr-savings{display:block;color:var(--success);font-weight:700;font-size:14px;margin-top:4px}
.fr-points-forts{list-style:none;margin:0 0 24px;padding:0}
.fr-points-forts li{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px;font-size:15px;color:var(--text-secondary)}
.fr-points-forts svg{color:var(--accent2);flex-shrink:0;margin-top:3px}
.fr-stock-urgency{display:flex;align-items:center;gap:8px;background:rgba(255,59,59,.1);border:1px solid rgba(255,59,59,.35);border-left:4px solid var(--promo);color:#ff9a9a;border-radius:10px;padding:10px 12px;font-size:13.5px;font-weight:600;margin-bottom:22px}
.fr-stock-urgency svg{width:18px;height:18px;color:var(--promo);flex:0 0 auto}
.fr-stock-urgency strong{color:#fff;font-weight:800}
.fr-actions{display:flex;gap:14px;margin-bottom:28px}
.fr-qty-selector{display:flex;align-items:center;border:1px solid var(--border);border-radius:10px;padding:4px;background:var(--surface)}
.fr-qty-btn{width:40px;height:40px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--text)}
.fr-qty-btn:hover:not(:disabled){background:var(--surface-hover)}
.fr-qty-btn:disabled{opacity:.35;cursor:not-allowed}
.fr-qval{width:34px;text-align:center;font-weight:800}
.fr-btn-cart{flex:1;background:var(--accent);color:#000;border:none;border-radius:10px;font-weight:800;font-size:16px;cursor:pointer;transition:box-shadow .2s;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-family:'Space Grotesk',sans-serif;text-transform:uppercase}
.fr-btn-cart svg{stroke:#000}
.fr-btn-cart:hover{box-shadow:0 0 20px rgba(255,229,0,.4)}
.fr-pdp-trust{border-top:1px solid var(--border);padding-top:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.fr-pdp-trust-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;font-size:12.5px;line-height:1.35;color:var(--text-secondary);padding:14px 8px;background:var(--surface);border:1px solid var(--border);border-radius:12px}
.fr-pdp-trust-item svg{color:var(--accent2);flex:0 0 auto}
.fr-pdp .fr-section{padding:56px 0;border-top:1px solid var(--border)}
.fr-section-title{font-size:24px;font-weight:800;margin-bottom:28px;font-family:'Space Grotesk',sans-serif;text-transform:uppercase}
.fr-specs-table{width:100%;border-collapse:collapse}
.fr-specs-table tr{border-bottom:1px solid var(--border)}
.fr-specs-table td{padding:14px 0;font-size:15px;color:var(--text)}
.fr-specs-label{font-weight:600;color:var(--text-secondary);width:45%}
.fr-description h3{margin-bottom:12px;font-weight:700}
.fr-description p{max-width:820px;color:var(--text-secondary);margin-bottom:18px}
.fr-reviews-summary{background:var(--surface);padding:30px;border-radius:14px;margin-bottom:36px;display:flex;align-items:center;gap:36px;flex-wrap:wrap}
.fr-big-note{font-size:46px;font-weight:800;color:var(--accent);font-family:'Space Grotesk',sans-serif}
.fr-review-card{padding:22px 0;border-bottom:1px solid var(--border)}
.fr-review-header{display:flex;justify-content:space-between;margin-bottom:8px;gap:12px;color:var(--accent)}
.fr-review-author{font-weight:700;font-size:15px;color:var(--text)}
.fr-review-date{color:var(--text-secondary);font-size:13px}
.fr-review-text{color:var(--text-secondary);font-size:15px}

/* Garantie satisfait ou remboursé (fiche) */
.fr-guarantee{display:flex;align-items:center;gap:12px;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.35);border-radius:12px;padding:14px 16px;margin:0 0 22px}
.fr-guarantee svg{width:26px;height:26px;color:var(--success);flex:0 0 auto}
.fr-guarantee strong{display:block;color:#fff;font-size:14px}
.fr-guarantee span{font-size:12.5px;color:var(--text-secondary);line-height:1.4}

/* Badges paiement (fiche, sous le CTA) */
.fr-pay-fiche{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 0 20px}
.fr-pay-fiche svg{height:28px;width:auto}