/* Expert Electro — CSS extrait de la maquette Claude Design (styles inline conservés dans les
   gabarits ; ce fichier ne porte que ce qui ne peut pas être inline : @font-face, keyframes,
   :hover, media queries responsive du header et petits utilitaires). Design non modifié. */

/* @font-face : voir assets/css/fonts.css (généré par build.py) */

html{scroll-behavior:smooth;overflow-x:clip}
body{margin:0;overflow-x:clip;font-family:'Plus Jakarta Sans',sans-serif;color:#111418;background:#f5f5f3;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:#c94f00;text-decoration:none}
a:hover{color:#f15f00}
p{margin:0}
h1,h2,h3{text-wrap:balance}
input,select,textarea{font-family:inherit}
img{max-width:100%}

@keyframes eePulse{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.9);opacity:0}}
@keyframes eeMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- apparitions au défilement (03/11/2026) — pilotées par assets/js/ee-shared.js ----------
   États cachés UNIQUEMENT sous html.ee-anim (posée dans le <head> si JS et pas de mouvement réduit) et
   sous prefers-reduced-motion:no-preference : sans JS, ou en mouvement réduit, tout est visible et rien
   ne bouge. On n'anime que opacity, translate, scale et clip-path (aucun décalage de mise en page) ; les
   propriétés individuelles translate/scale n'écrasent jamais les transform de survol (.card-lift…).
   Animations (et non transitions) : elles ne touchent pas aux transitions de survol existantes.
   Ancien `will-change` permanent retiré : il cassait le flou (backdrop-filter) des cartes du bandeau. */
:root{--ee-ease:cubic-bezier(.22,.8,.24,1)}
@media (prefers-reduced-motion:no-preference){
  html.ee-anim [data-reveal]:not(.is-in),
  html.ee-anim [data-intro]:not(.is-in)>*,
  html.ee-anim [data-stagger]:not(.is-in)>*{opacity:0}
  html.ee-anim [data-reveal].is-in{animation:ee-up .85s var(--ee-ease) var(--ee-d,0ms) backwards}
  html.ee-anim [data-reveal="left"].is-in{animation-name:ee-left}
  html.ee-anim [data-reveal="right"].is-in{animation-name:ee-right}
  html.ee-anim [data-reveal="zoom"].is-in{animation-name:ee-zoom;animation-duration:.8s}
  html.ee-anim [data-reveal="soft"].is-in{animation-name:ee-soft;animation-duration:.6s}
  /* bandeaux de page : cascade au chargement */
  html.ee-anim [data-intro].is-in>*{animation:ee-up .85s var(--ee-ease) backwards;animation-delay:calc(var(--ee-b,0ms) + var(--ee-i,0) * 110ms + 100ms)}
  /* listes / grilles : cascade de 90 ms */
  html.ee-anim [data-stagger].is-in>*{animation:ee-rise .7s var(--ee-ease) backwards;animation-delay:calc(var(--ee-d,0ms) + var(--ee-i,0) * 90ms + 120ms)}
  /* images : léger zoom arrière ; "wipe" = rideau depuis le côté du glissé (posé sur l'<img>, jamais sur l'élément observé) */
  html.ee-anim [data-media].is-in img{animation:ee-img .9s var(--ee-ease) var(--ee-d,0ms) backwards}
  html.ee-anim [data-media="wipe"].is-in img{animation:ee-img .9s var(--ee-ease) var(--ee-d,0ms) backwards,ee-wipe-b .8s var(--ee-ease) var(--ee-d,0ms) backwards}
  html.ee-anim [data-media="wipe"][data-reveal="left"].is-in img{animation-name:ee-img,ee-wipe-l}
  html.ee-anim [data-media="wipe"][data-reveal="right"].is-in img{animation-name:ee-img,ee-wipe-r}
  /* mots orange des titres : balayage gauche -> droite ; traits orange qui se dessinent ; pastilles */
  html.ee-anim .is-in h2>span[style*="#f15f00"]{animation:ee-accent .8s var(--ee-ease) calc(var(--ee-d,0ms) + 320ms) backwards}
  html.ee-anim [data-line]{transform-origin:left center}
  html.ee-anim .is-in [data-line]{animation:ee-line .8s var(--ee-ease) calc(var(--ee-d,0ms) + 380ms) backwards}
  html.ee-anim [data-intro].is-in [data-line]{animation-delay:calc(var(--ee-b,0ms) + 520ms)}
  html.ee-anim .is-in [data-pop]{animation:ee-pop .7s cubic-bezier(.3,1.35,.5,1) calc(var(--ee-d,0ms) + 480ms) backwards}
}
@keyframes ee-up{from{opacity:0;translate:0 40px}to{opacity:1;translate:0 0}}
@keyframes ee-rise{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}
@keyframes ee-left{from{opacity:0;translate:-56px 0}to{opacity:1;translate:0 0}}
@keyframes ee-right{from{opacity:0;translate:56px 0}to{opacity:1;translate:0 0}}
@keyframes ee-zoom{from{opacity:0;scale:.94}to{opacity:1;scale:1}}
@keyframes ee-soft{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
@keyframes ee-img{from{scale:1.14}to{scale:1}}
@keyframes ee-wipe-b{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes ee-wipe-l{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes ee-wipe-r{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}
@keyframes ee-accent{from{clip-path:inset(-12% 100% -12% 0)}to{clip-path:inset(-12% -4% -12% 0)}}
@keyframes ee-line{from{scale:0 1}to{scale:1 1}}
@keyframes ee-pop{from{opacity:0;scale:.82;translate:0 14px}to{opacity:1;scale:1;translate:0 0}}
@media (prefers-reduced-motion:reduce){
  [data-reveal],[data-intro]>*,[data-stagger]>*,[data-media] img,[data-line],[data-pop],h2>span{animation:none!important}
  [style*="eeMarquee"],[style*="eePulse"]{animation:none!important}
}

/* ---------- en-tête orange (03/11/2026) ----------
   Fond #c94f00 : blanc dessus = 4,56:1 (WCAG AA texte normal). Les états survol/ouvert assombrissent
   le fond (rgba noir) pour que le contraste du blanc ne baisse jamais. L'état actif = soulignement
   blanc (aucune variation de graisse, donc aucun saut de largeur). Hauteur fixe 76 px. */
:root{--ee-bar:#c94f00;--ee-bar-deep:#a94200}
.ee-header{position:fixed;top:0;left:0;right:0;z-index:60;background:var(--ee-bar);box-shadow:0 1px 0 rgba(0,0,0,.14);transition:box-shadow .3s}
.ee-header.is-scrolled{box-shadow:0 8px 30px rgba(17,20,24,.28)}
.ee-header :focus-visible{outline:2px solid #fff;outline-offset:2px}
.ee-bar{max-width:1280px;height:84px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.ee-logo{display:block;flex:none}
/* .ee-logo img.ee-logo-img : doit battre img[width][height]{height:auto} (spécificité 0,2,1) */
.ee-header .ee-logo img.ee-logo-img{height:72px;width:auto;display:block}
@media (max-width:640px){.ee-header .ee-logo img.ee-logo-img{height:62px}}
.ee-actions{display:flex;align-items:center;gap:10px}

.ee-nav-wide{display:flex}
.ee-nav-narrow{display:none}
.ee-phone-text{display:flex}
.ee-phone-icon{display:none}
.ee-header nav.ee-nav-wide{align-items:center;gap:2px;font-size:15px;font-weight:600}
.ee-header .ee-nl{position:relative;display:flex;align-items:center;gap:7px;padding:10px 14px;border-radius:10px;color:#fff;transition:background .2s}
.ee-header .ee-nl:hover{background:rgba(0,0,0,.16);color:#fff}
.ee-header .ee-nl::after{content:"";position:absolute;left:14px;right:14px;bottom:3px;height:3px;border-radius:3px;background:#fff;transform:scaleX(0);transition:transform .25s}
.ee-header .ee-nl.is-active::after{transform:scaleX(1)}
.ee-caret{font-size:9px;transition:transform .25s}
.ee-header .ee-phone-text{align-items:center;gap:8px;color:#fff;font-weight:700;font-size:14px;padding:10px 12px;border-radius:12px;white-space:nowrap;transition:background .2s}
.ee-header .ee-phone-text:hover{background:rgba(0,0,0,.16);color:#fff}
.ee-header .ee-ico{width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.2);color:#fff;display:flex;align-items:center;justify-content:center}
.ee-header .ee-cta{background:#fff;color:#a63f00;border-radius:12px;padding:14px 22px;font-size:14px;font-weight:700;white-space:nowrap;transition:background .25s,color .25s}
.ee-header .ee-cta:hover{background:#111418;color:#fff}
.ee-header .ee-phone-icon{width:46px;height:46px;border-radius:12px;background:#fff;color:#a63f00;align-items:center;justify-content:center}
.ee-header .ee-menu-toggle{width:46px;height:46px;padding:0;line-height:1;align-items:center;justify-content:center;border-radius:12px;border:none;background:rgba(0,0,0,.22);color:#fff;font-size:19px;cursor:pointer;transition:background .2s}
.ee-header .ee-menu-toggle:hover,.ee-header .ee-menu-toggle[aria-expanded="true"]{background:rgba(0,0,0,.34)}
/* 7 entrées (Appareils ajouté le 03/11/2026) : jamais de retour à la ligne ; resserré entre 1080 et 1159 px */
.ee-header .ee-nl{white-space:nowrap}
@media (max-width:1159px){
  .ee-bar{gap:12px}
  .ee-header nav.ee-nav-wide{font-size:14px;gap:0}
  .ee-header .ee-nl{padding:10px 9px;gap:5px}
  .ee-header .ee-nl::after{left:9px;right:9px}
  .ee-header .ee-cta{padding:14px 16px}
}
@media (max-width:1259px){
  .ee-phone-text{display:none}
  .ee-phone-icon{display:flex}
}
@media (max-width:1079px){
  .ee-nav-wide{display:none}
  .ee-nav-narrow{display:flex}
}

/* sous-menu Services : survol desktop uniquement (remplace onMouseEnter/Leave React). Le padding-top
   transparent fait le pont entre le lien et la carte (qui démarre 8 px sous la barre). */
.ee-svc-drop{position:relative}
.ee-svc-panel{position:absolute;top:100%;left:0;padding-top:24px;min-width:320px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility .2s}
.ee-svc-drop:hover .ee-svc-panel,.ee-svc-drop:focus-within .ee-svc-panel{opacity:1;visibility:visible;transform:none}
.ee-svc-drop:hover .ee-caret,.ee-svc-drop:focus-within .ee-caret{transform:rotate(180deg)}
.ee-svc-card{background:var(--ee-bar);border-radius:16px;box-shadow:0 24px 60px rgba(17,20,24,.32);padding:8px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.22)}
.ee-header .ee-sl{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-radius:10px;color:#fff;font-weight:600;font-size:14px;transition:background .2s}
.ee-header .ee-sl:hover{background:rgba(0,0,0,.18);color:#fff}
.ee-header .ee-sl.is-current{background:rgba(0,0,0,.22)}
.ee-header .ee-sl--page{margin-top:6px;position:relative}
.ee-header .ee-sl--page::before{content:"";position:absolute;left:14px;right:14px;top:-4px;height:1px;background:rgba(255,255,255,.3)}
@media (max-width:1079px){.ee-svc-panel{display:none}}

/* menu mobile */
.ee-mobile-nav{display:none;flex-direction:column;padding:6px 24px 22px;font-weight:600;background:var(--ee-bar);max-height:calc(100vh - 84px);max-height:calc(100dvh - 84px);overflow-y:auto;border-top:1px solid rgba(255,255,255,.24)}
.ee-mobile-nav.is-open{display:flex}
.ee-header .ee-mnl{color:#fff;font-size:17px;padding:13px 0 13px 14px;border-bottom:1px solid rgba(255,255,255,.22);border-left:3px solid transparent}
.ee-header .ee-mnl.is-active,.ee-header .ee-mnl.is-current{border-left-color:#fff}
.ee-header .ee-mnl:hover{color:#fff;background:rgba(0,0,0,.14)}
.ee-header .ee-mnl--sub{font-size:15px;font-weight:500;padding-left:32px}
.ee-header .ee-mcta{margin-top:16px;background:#fff;color:#a63f00;border-radius:12px;padding:16px;text-align:center;font-weight:700}
.ee-header .ee-mcta:hover{background:#111418;color:#fff}

/* ---------- boutons ---------- */
.btn-primary{transition:background .25s,transform .25s}
.btn-primary:hover{background:#fff;color:#111418;transform:translateY(-2px)}
.btn-outline-white{transition:background .25s,border-color .25s}
.btn-outline-white:hover{background:rgba(255,255,255,.12);border-color:#fff;color:#fff}
.btn-dark{transition:background .25s,transform .25s}
.btn-dark:hover{background:#f15f00;color:#fff;transform:translateY(-2px)}
.btn-orange-to-dark{transition:background .25s}
.btn-orange-to-dark:hover{background:#111418}
.btn-white-lift{transition:transform .25s}
.btn-white-lift:hover{transform:translateY(-2px);color:#111418}
.btn-dark-lift{transition:transform .25s}
.btn-dark-lift:hover{transform:translateY(-2px);color:#fff}
.btn-white-to-orange{transition:background .25s,color .25s}
.btn-white-to-orange:hover{background:#f15f00;color:#fff}
.card-cta-hero{transition:background .25s}
.card-cta-hero:hover{background:#f15f00;color:#fff}

/* ---------- cartes services / appareils / blog ---------- */
.card-lift{transition:transform .35s,box-shadow .35s}
.card-lift:hover{transform:translateY(-6px);box-shadow:0 26px 50px rgba(17,20,24,.1);color:#111418}
.card-lift:hover img{transform:scale(1.08)}
.card-lift img{transition:transform .8s ease}
.card-dark-lift{transition:transform .35s,border-color .35s}
.card-dark-lift:hover{transform:translateY(-6px);border-color:#f15f00;color:#fff}
.card-dark-lift:hover img{transform:scale(1.08)}
.card-dark-lift img{transition:transform .8s ease}
.card-cta-orange{transition:transform .35s}
.card-cta-orange:hover{transform:translateY(-6px);color:#fff}
.plan-lift{transition:transform .35s}
.plan-lift:hover{transform:translateY(-6px)}
.btn-lift{transition:transform .25s}
.btn-lift:hover{transform:translateY(-2px)}
.btn-orange-invert{transition:background .25s,color .25s}
.btn-orange-invert:hover{background:#fff;color:#111418}

/* ---------- 5 cartes de services (03/11/2026) ----------
   Accueil (.svc-grid) : 1 colonne < 640 px ; 2 colonnes dès 640 px, la 5e carte pleine largeur et
   horizontale (texte à gauche, photo à droite) ; dès 1100 px, 3 cartes verticales puis 2 cartes larges
   horizontales : jamais de carte orpheline. Prévu pour 5 cartes. */
.svc-grid{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
.svc-card{flex:1;background:#fff;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;color:#111418;border:1px solid #ecece8}
.svc-card-body{padding:26px;display:flex;flex-direction:column;gap:14px;flex:1}
.svc-card-img{position:relative;aspect-ratio:4/3;overflow:hidden}
.svc-grid .svc-card-img img[width]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
@media (min-width:640px){
  .svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .svc-grid>:nth-child(5){grid-column:1/-1}
  .svc-grid>:nth-child(5) .svc-card{flex-direction:row}
  .svc-grid>:nth-child(5) .svc-card-body{flex:1 1 55%;justify-content:center;padding:34px}
  .svc-grid>:nth-child(5) .svc-card-img{flex:1 1 45%;aspect-ratio:auto;min-height:260px}
}
@media (min-width:1100px){
  .svc-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .svc-grid>*{grid-column:span 2}
  .svc-grid>:nth-child(n+4){grid-column:span 3}
  .svc-grid>:nth-child(4) .svc-card{flex-direction:row}
  .svc-grid>:nth-child(4) .svc-card-body{flex:1 1 55%;justify-content:center;padding:34px}
  .svc-grid>:nth-child(4) .svc-card-img{flex:1 1 45%;aspect-ratio:auto;min-height:260px}
}
/* Récapitulatif compact (/services, pages SEO, articles) : 1 colonne < 560 px, 3 + 2 cartes dès 560 px,
   5 colonnes dès 1100 px. */
.svc-mini{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
@media (min-width:560px){
  .svc-mini{grid-template-columns:repeat(6,minmax(0,1fr))}
  .svc-mini>*{grid-column:span 2}
  .svc-mini>:nth-child(n+4){grid-column:span 3}
}
@media (min-width:1100px){
  .svc-mini{grid-template-columns:repeat(5,minmax(0,1fr))}
  .svc-mini>*,.svc-mini>:nth-child(n+4){grid-column:auto}
}

/* Cartes de la page de service dédiée : 3 cartes (1 colonne < 860 px, 3 colonnes ensuite) et 4 cartes
   (1 colonne < 560 px, 2 colonnes, puis 4 dès 1000 px) : jamais de carte orpheline. */
.cards-3{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
@media (min-width:860px){.cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cards-4{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
@media (min-width:560px){.cards-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.cards-4{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ---------- avis carrousel boutons ---------- */
.avis-prev{transition:background .2s,color .2s,border-color .2s}
.avis-prev:hover{background:#111418;color:#fff;border-color:#111418}
.avis-next{transition:background .2s}
.avis-next:hover{background:#111418}

/* ---------- onglets services ---------- */
.tab-pill{transition:background .25s,color .25s}
.tab-pill:hover{border-color:#f15f00}
.tab-panel{display:none}
.tab-panel.is-active{display:block}

/* ---------- faq ---------- */
.faq-item{transition:border-color .3s,box-shadow .3s}
.faq-item.is-open{border-color:#f15f00;box-shadow:0 16px 40px rgba(241,95,0,.12)}
.faq-toggle{width:100%;display:flex;align-items:center;gap:16px;padding:22px 24px;background:none;border:none;cursor:pointer;text-align:left;font-family:inherit;color:#111418}
.faq-icon{flex:none;width:34px;height:34px;border-radius:50%;background:#f5f5f3;color:#111418;display:flex;align-items:center;justify-content:center;font-size:20px;transition:transform .35s,background .3s}
.faq-item.is-open .faq-icon{background:#f15f00;color:#fff;transform:rotate(45deg)}
.faq-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease}
.faq-item.is-open .faq-body{grid-template-rows:1fr}
.faq-body-inner{overflow:hidden}

/* ---------- FAB call ---------- */
.fab-call{transition:transform .25s}
.fab-call:hover{transform:scale(1.08);color:#fff}

/* ---------- footer liens ---------- */
.footer-lk{transition:color .2s}
.footer-lk:hover{color:#fff}

/* ---------- carrousels (hero / solutions / avis) : slides gérées par site.js ---------- */
.slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease,transform 6s ease-out}
.slide.is-active{opacity:1}
.dot{border:none;padding:0;cursor:pointer;transition:width .4s,background .4s}

/* ---------- images : jamais d'étirement si width/height HTML posés ---------- */
img[width][height]{height:auto}
img.slide[width][height]{height:100%}

/* ---------- accessibilité focus ---------- */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #f15f00;outline-offset:2px}

/* ---------- contenu « prose » (pages légales, plan du site) ---------- */
.ee-prose{font-size:16px;line-height:1.75;color:#4b5563}
.ee-prose h2{font-family:'Bricolage Grotesque',sans-serif;font-size:28px;font-weight:700;color:#111418;margin:44px 0 14px}
.ee-prose h2:first-child{margin-top:0}
.ee-prose h3{font-family:'Bricolage Grotesque',sans-serif;font-size:19px;font-weight:700;color:#111418;margin:26px 0 10px}
.ee-prose p{margin:0 0 14px}
.ee-prose ul{margin:0 0 14px;padding-left:20px}
.ee-prose li{margin:0 0 6px}
.ee-prose a{color:#c94f00}
.ee-prose a:hover{color:#f15f00}
.ee-prose strong{color:#111418}
.ee-prose hr{border:none;border-top:1px solid #ecece8;margin:36px 0}
.ee-prose ul.plan-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px 20px}
.ee-prose ul.plan-list li{padding:10px 0;border-bottom:1px solid #ecece8}

/* ---------- 404 ---------- */
.page-404{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;padding:140px 24px 100px}

/* ---------- pied de page : 5 colonnes (marque + Navigation, Services, Appareils, Contact) — 03/11/2026 ----------
   1 colonne < 600 px, 2 colonnes (marque pleine largeur) < 1100 px, puis 5 colonnes. */
.ee-foot-grid{display:grid;gap:44px 36px;grid-template-columns:minmax(0,1fr)}
.ee-foot-brand{grid-column:1/-1}
@media (min-width:600px){.ee-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){
  .ee-foot-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr) minmax(0,1.1fr) minmax(0,.9fr) minmax(0,1.3fr)}
  .ee-foot-brand{grid-column:auto}
}

/* ---------- carrousel d'avis Google (03/11/2026) — macro avis_carousel, JS : initAvisCarousel (site.js) ----------
   Cartes de hauteur égale (flex), 3 visibles >= 1024 px, 2 >= 640 px, 1 en dessous ; scroll-snap natif (glisser
   au doigt, molette, flèches clavier sur la piste focalisable). Texte coupé à 6 lignes SEULEMENT quand le JS a posé
   .is-js (sans JS tout le texte reste visible). Aucune propriété qui change la mise en page à l'apparition. */
.ee-av-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.ee-av-arrows{display:flex;gap:10px}
.ee-av-btn{width:46px;height:46px;border-radius:50%;border:1px solid #d9d9d4;background:#fff;color:#111418;font-size:18px;line-height:1;cursor:pointer;font-family:inherit;transition:background .2s,color .2s,border-color .2s}
.ee-av-btn:hover{background:#111418;color:#fff;border-color:#111418}
.ee-av-next{background:#c94f00;border-color:#c94f00;color:#fff}
.ee-av-next:hover{background:#111418;border-color:#111418}
.ee-av-track{--gap:20px;display:flex;gap:var(--gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:0 2px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 2px 18px;margin:0 -2px}
.ee-av-track::-webkit-scrollbar{display:none}
.ee-av-track:focus-visible{outline:2px solid #f15f00;outline-offset:2px;border-radius:12px}
.ee-av-card{flex:0 0 calc((100% - 2 * var(--gap)) / 3);min-width:0;scroll-snap-align:start;background:#f5f5f3;border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:14px}
@media (max-width:1023px){.ee-av-card{flex-basis:calc((100% - var(--gap)) / 2)}}
@media (max-width:639px){.ee-av-card{flex-basis:100%}.ee-av-card{padding:24px}}
.ee-av-stars{color:#f15f00;font-size:17px;letter-spacing:3px;line-height:1}
.ee-av-body{display:flex;flex-direction:column;align-items:flex-start;flex:1}
.ee-av-text{font-size:15px;line-height:1.6;font-weight:500;white-space:pre-line;margin:0;overflow-wrap:anywhere}
.ee-av.is-js .ee-av-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;overflow:hidden}
.ee-av.is-js .ee-av-card.is-open .ee-av-text{display:block;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible}
.ee-av-more{margin-top:8px;padding:0;background:none;border:0;font:inherit;font-size:14px;font-weight:700;color:#c94f00;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.ee-av-more:hover{color:#111418}
.ee-av-who{display:flex;align-items:center;gap:10px;margin-top:auto}
.ee-av-ini{flex:none;width:38px;height:38px;border-radius:50%;background:#111418;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}
.ee-av-name{font-weight:700;font-size:14px;line-height:1.3;overflow-wrap:anywhere}
.ee-av-src{font-size:12px;color:#4b5563}

/* Messages du service de formulaires (bascule 09/11/2026) */
.beweb-message { grid-column: 1 / -1; margin: 0; }
.beweb-message:empty { display: none; }
.beweb-message p { margin: 0; font-size: 15px; line-height: 1.65; }
.beweb-message p + p { margin-top: 6px; }
.beweb-message a { color: inherit; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.beweb-erreur { padding: 16px 18px; border-radius: 12px; background: #fff1ea; border: 1px solid #f15f00; color: #7a2a00; overflow-wrap: anywhere; }
.beweb-ok { padding: 44px 28px; border-radius: 20px; background: #111418; color: #fff; text-align: center; }
.beweb-ok p { font-family: 'Bricolage Grotesque', sans-serif; font-size: 26px; font-weight: 700; line-height: 1.25; }
.beweb-turnstile { grid-column: 1 / -1; margin: 0; }

/* Page en cours dans les modules « Nos services complets » et « Tous les électroménagers » (09/11/2026) */
.svc-card.is-current{border-color:#f15f00;box-shadow:0 0 0 1px #f15f00}
.svc-card.is-current .svc-card-img::after{content:"Vous êtes ici";position:absolute;left:16px;bottom:16px;background:#f15f00;color:#fff;border-radius:10px;padding:6px 11px;font-size:12px;font-weight:800;pointer-events:none}
.card-dark-lift.is-current{border-color:#f15f00!important}
.card-dark-lift.is-current>div:first-child::after{content:"Vous êtes ici";position:absolute;top:16px;right:16px;background:#fff;color:#111418;border-radius:10px;padding:6px 11px;font-size:12px;font-weight:800;pointer-events:none}