*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;color:#122d4f;font:16px/1.6 system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#fff}a{color:inherit}.wrap{width:min(1180px,calc(100% - 44px));margin:auto}.site-head{background:linear-gradient(110deg,#f3fbff,#c5e7fb 55%,#e9f8ff);border-bottom:2px solid #e8c829}.head-inner{max-width:1300px;margin:auto;min-height:145px;padding:18px 26px;display:grid;grid-template-columns:145px 1fr 245px;align-items:center;gap:18px}.logo img{width:120px;height:115px;object-fit:contain}.head-title{text-align:center;border-left:3px solid #f7d733;border-right:3px solid #f7d733;padding:4px 10px}.brand{font-size:clamp(25px,3vw,42px);font-weight:900;font-style:italic;letter-spacing:-1.5px;line-height:1.15}.strap{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:650;font-size:clamp(11px,1.3vw,16px)}.strap span{width:34px;height:3px;background:#ffda2e}.owner{font-weight:750;letter-spacing:1.2px}.head-contact{display:flex;flex-direction:column;align-items:center;gap:8px}.phone-pill,.town-pill{display:inline-block;background:#ffe02f;color:#101b29;padding:4px 17px;border-radius:30px;text-decoration:none;font-weight:850}.email{font-size:12px;overflow-wrap:anywhere;text-align:center;text-decoration:none}.town-pill{font-size:14px}.nav{background:#0c2b4f;position:relative;z-index:5}.nav-inner{max-width:1240px;margin:auto}.nav-links{display:flex;align-items:stretch;justify-content:space-between;gap:5px}.nav-links>a,.drop>summary{color:white;text-decoration:none;padding:14px 17px;display:block;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}.nav-links>a:hover,.drop>summary:hover{color:#ffe02f}.nav-links>a.active{background:#ffe02f;color:#0c2b4f;border-radius:30px;margin:7px 0;padding:7px 20px}.drop{position:relative}.drop>summary{list-style:none}.drop>summary::-webkit-details-marker{display:none}.drop>summary:after{content:' ▾';color:#ffdd2f}.submenu{position:absolute;top:100%;left:0;min-width:235px;background:#fff;border:1px solid #b9d5e9;box-shadow:0 12px 24px #071f3840;border-radius:0 0 12px 12px;padding:8px;z-index:10}.submenu a{display:block;padding:9px 12px;text-decoration:none;border-radius:6px;font-size:14px}.submenu a:hover{background:#e5f3ff}.menu-toggle{display:none}.hero{background:linear-gradient(120deg,#f9fdff,#d6effe 55%,#f8fcff);position:relative;overflow:hidden;padding:50px 0 75px}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:54px;align-items:center}.portrait-name{display:flex;align-items:center;gap:24px}.portrait{width:48%;max-height:355px;aspect-ratio:4/5;object-fit:cover;object-position:center;border:9px solid #fff;border-radius:25px;box-shadow:0 9px 30px #0d325333}.hero h1{font-size:clamp(27px,3vw,43px);font-style:italic;line-height:1.12;margin:0 0 20px}.experience{background:#ffdf27;border-radius:17px;padding:12px 17px;color:#101c29;font-weight:850;font-size:clamp(14px,1.5vw,20px);line-height:1.3;text-align:center}.hero-buttons{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:30px;text-decoration:none;font-weight:850;border:2px solid #0c2b4f;text-align:center;transition:transform .2s}.btn:hover{transform:translateY(-2px)}.yellow{background:#ffdf27;color:#101c29;border-color:#ffdf27}.white{background:#fff;color:#0c2b4f}.hero-right h2{background:#ffdf27;border-radius:22px;padding:17px 22px;font-size:clamp(20px,2.1vw,28px);font-style:italic;color:#101c29;line-height:1.25;margin:0 0 20px;text-align:center}.hero-list{list-style:none;padding:0;margin:0 0 20px}.hero-list li{font-size:clamp(15px,1.5vw,19px);font-weight:700;padding:6px 0 6px 35px;position:relative}.hero-list li:before{content:'⚡';position:absolute;left:0;color:#d6ac00}.mini-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-gallery img{width:100%;height:130px;object-fit:cover;border-radius:12px;border:3px solid white}.gallery-label{display:block;width:max-content;max-width:100%;margin:11px 0 0 auto;background:#0c2b4f;color:white;padding:8px 20px;border-radius:30px;text-decoration:none;font-weight:700}.wave{position:absolute;bottom:0;left:0;right:0;height:23px;background:#0c2b4f;border-top:5px solid #ffdf27;border-radius:50% 50% 0 0/90% 90% 0 0}.section{padding:76px 0}.section.pale{background:#eef8ff}.kicker{color:#a17b00;text-transform:uppercase;font-weight:900;letter-spacing:2px;font-size:13px}.section h2{font-size:clamp(27px,3vw,39px);line-height:1.2;margin:8px 0 25px}.section h3{margin-bottom:8px}.lead{max-width:740px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{border:1px solid #cce0ed;border-top:5px solid #ffdf27;border-radius:17px;padding:22px;background:white;box-shadow:0 6px 22px #0d325310;scroll-margin-top:30px}.service-card h3{font-size:20px;margin:8px 0}.service-card p{margin:0}.service-mark{font-size:24px}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.photo-grid figure{margin:0;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 5px 17px #173b591c}.photo-grid img{width:100%;height:185px;object-fit:cover;display:block}.photo-grid figcaption{padding:10px 13px;font-size:14px;font-weight:650}.zone-grid,.about-grid,.contact-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:center}.zone-visual{min-height:290px;background:radial-gradient(circle at 50% 40%,#e5f8ff,#9ed5f4);border:2px solid #b6dbee;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.zone-visual .pin{font-size:60px;color:#d6aa00}.zone-visual strong{font-size:29px}.zone-visual span{font-size:20px}.muted{color:#516c80}.about-grid{grid-template-columns:300px 1fr;align-items:start}.about-grid>img{width:100%;border:9px solid white;border-radius:22px;box-shadow:0 8px 24px #0d325320}.about-grid h3{scroll-margin-top:25px}.contact{background:#d8edfc}.contact-actions{display:flex;flex-direction:column;align-items:stretch;gap:16px}.contact-actions small{text-align:center;overflow-wrap:anywhere}.footer{background:#0c2b4f;color:#f1f7ff;padding:40px 0 0}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.footer h3{color:#ffdf27;margin:0 0 10px;font-size:17px}.footer p{margin:0}.footer a{color:#fff}.copyright{text-align:center;border-top:1px solid #44617e;margin-top:32px;padding:14px;font-size:12px}.legal{max-width:850px;margin:auto;padding:65px 22px}.legal h1{font-size:36px}.legal h2{margin-top:35px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ffca05;outline-offset:3px}@media(max-width:900px){.head-inner{grid-template-columns:100px 1fr;min-height:0}.logo img{width:95px;height:95px}.head-contact{grid-column:1/-1;flex-direction:row;justify-content:center;flex-wrap:wrap}.head-title{border-right:0}.hero-grid{gap:25px}.portrait-name{gap:12px}.portrait{width:45%}.service-grid{grid-template-columns:repeat(2,1fr)}.photo-grid{grid-template-columns:repeat(2,1fr)}.nav-links>a,.drop>summary{padding:14px 10px;font-size:12px}}@media(max-width:650px){.wrap{width:min(100% - 30px,520px)}.head-inner{padding:10px 14px;grid-template-columns:75px 1fr;gap:8px}.logo img{width:72px;height:75px}.brand{font-size:22px;letter-spacing:-.7px}.strap{font-size:10px;gap:5px}.strap span{width:10px;height:2px}.owner{font-size:12px}.head-contact{gap:7px}.phone-pill,.town-pill{font-size:12px;padding:3px 10px}.email{font-size:11px}.menu-toggle{display:block;background:#0c2b4f;color:#fff;border:0;font-size:18px;font-weight:700;padding:12px 18px;width:100%;text-align:left}.nav-links{display:none;flex-direction:column;padding:8px 12px 16px;gap:0}.nav-links.open{display:flex}.nav-links>a,.drop>summary{font-size:15px;padding:10px 12px}.nav-links>a.active{margin:0;border-radius:8px;padding:10px 12px}.submenu{position:static;box-shadow:none;border-radius:8px;margin:0 8px 8px}.hero{padding:25px 0 55px}.hero-grid{grid-template-columns:1fr;gap:26px}.portrait{width:43%;max-height:235px;border-width:5px}.hero h1{font-size:clamp(24px,7vw,34px);margin-bottom:12px}.experience{font-size:14px;padding:10px}.hero-buttons{margin-top:18px;justify-content:center}.hero-buttons .btn{flex:1;padding:10px 9px;font-size:13px}.hero-right h2{font-size:20px;padding:13px}.hero-list li{font-size:15px}.mini-gallery img{height:92px}.gallery-label{font-size:13px}.section{padding:50px 0}.service-grid{grid-template-columns:1fr;gap:13px}.service-card{padding:18px}.photo-grid{grid-template-columns:repeat(2,1fr);gap:10px}.photo-grid img{height:130px}.photo-grid figcaption{font-size:12px;padding:8px}.zone-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:25px}.about-grid>img{max-width:250px;margin:auto}.footer-grid{grid-template-columns:1fr;gap:23px}.zone-visual{min-height:220px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}
.zone-map{overflow:hidden;border:2px solid #b6dbee;border-radius:18px;background:#eef8ff}.zone-map iframe{display:block;width:100%;height:330px;border:0}.zone-map a{display:block;padding:10px 15px;color:#0c2b4f;font-weight:750}.zone-map small{display:block;padding:0 15px 12px;color:#516c80}

/* Agrandissement des photos, ordinateur et mobile */
.mini-gallery img,.photo-grid img{cursor:zoom-in}.mini-gallery img:focus-visible,.photo-grid img:focus-visible{outline:3px solid #ffdb21;outline-offset:3px}.photo-lightbox[hidden]{display:none!important}.photo-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(3,16,35,.94);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:55px 14px 24px;box-sizing:border-box;cursor:zoom-out}.lightbox-image{display:block;max-width:96vw;max-height:calc(100dvh - 125px);width:auto;height:auto;object-fit:contain;border-radius:7px;cursor:zoom-out}.lightbox-close{position:absolute;right:16px;top:10px;width:46px;height:46px;border:0;border-radius:50%;font-size:32px;background:#ffdf26;color:#09284a;cursor:pointer}.lightbox-hint{color:white;text-align:center;font-size:14px;margin:13px 0 0}.lightbox-open{overflow:hidden}

/* Carte originale : lisible sur grand écran et agrandissable sur mobile */
.zone-grid{grid-template-columns:1fr;gap:25px;align-items:start}.zone-map-original{max-width:1100px;width:100%;margin:0 auto;background:#fff}.zone-map-original .zone-map-image{display:block;width:100%;height:auto;cursor:zoom-in}.zone-map-instruction{display:block;text-align:center;padding:10px 12px 0;color:#0c2b4f;font-weight:750}.zone-map-original small{text-align:center;padding:6px 14px 14px}.zone-map-image:focus-visible{outline:4px solid #ffdf27;outline-offset:-4px}@media(max-width:650px){.zone-map-original{border-radius:12px}.zone-map-instruction{font-size:13px}}

/* Nouvelle version : en-tête desktop uniquement */
@media(min-width:901px){.head-inner{grid-template-columns:145px minmax(0,1fr);column-gap:20px;row-gap:0;padding-top:12px;padding-bottom:12px}.head-inner>.logo{grid-column:1;grid-row:1/3;align-self:center}.head-title{grid-column:2;grid-row:1;border-right:0}.head-contact{grid-column:2;grid-row:2;flex-direction:row;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:6px}.head-contact .email{font-size:13px}}
/* Prestations détaillées et photos de chantier */
.service-card-detailed{display:flex;flex-direction:column;gap:10px}.service-card-detailed h3{margin:0}.service-card-detailed .service-photo{width:100%;height:165px;object-fit:cover;border-radius:10px;cursor:zoom-in}.service-items{padding-left:18px;margin:0}.service-items li{margin-bottom:7px}.towns-under-map{max-width:1100px;margin:15px auto 0;padding:12px 16px;background:#eef8ff;border-radius:12px;font-size:14px}.service-card-detailed{scroll-margin-top:85px}

.service-photo:focus-visible{outline:3px solid #ffdb21;outline-offset:3px}

/* Présentation claire des quatre spécialités de l’électricité générale */
#electricite{grid-column:span 2}
#electricite .service-detail{display:grid;grid-template-columns:145px 1fr;gap:16px;align-items:center;padding:12px 0;border-top:1px solid #dce9f2}
#electricite .service-detail:first-of-type{margin-top:4px}
#electricite .service-detail .service-photo{width:145px;height:105px;object-fit:cover;border-radius:10px;cursor:zoom-in}
#electricite .service-detail h4{margin:0 0 4px;font-size:17px;color:#0c2b4f}
#electricite .service-detail p{margin:0;font-size:14px;line-height:1.5}
#electricite .service-photo-hint{font-size:12px;color:#526b7c;margin:0}
@media(max-width:900px){#electricite{grid-column:span 2}}
@media(max-width:650px){#electricite{grid-column:auto}#electricite .service-detail{grid-template-columns:105px 1fr;gap:12px}#electricite .service-detail .service-photo{width:105px;height:90px}#electricite .service-detail h4{font-size:15px}#electricite .service-detail p{font-size:13px}}

/* Version de vérification novembre 2026 : galerie par spécialité */
.service-photo-collection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;width:100%;margin:8px 0 4px}
.service-photo-collection .service-photo{width:100%!important;height:115px!important;object-fit:cover;border-radius:9px;cursor:zoom-in;display:block}
#electricite .service-detail{display:flex;flex-direction:column;align-items:stretch;gap:7px}
#electricite .service-detail .service-detail-copy{order:-1}
#electricite .service-detail .service-photo-collection{grid-template-columns:repeat(3,minmax(0,1fr))}
#electricite .service-detail-text-only{padding:16px 0}
.service-photo-note{display:block;color:#526b7c;font-size:12px;line-height:1.5}
@media(min-width:901px){.head-contact .phone-pill{font-size:19px;padding:5px 20px}.head-contact .email{font-size:clamp(14px,1.25vw,17px);font-weight:700}.head-contact .town-pill{background:transparent;color:#0c2b4f;font-weight:700;font-size:15px;padding:4px 7px}.head-contact{gap:18px}}
@media(max-width:650px){.service-photo-collection,#electricite .service-detail .service-photo-collection{grid-template-columns:repeat(2,minmax(0,1fr))}.service-photo-collection .service-photo{height:110px!important}}

/* Correction galeries : photographies complètes sans recadrage */
#electricite .service-detail .service-photo-collection .service-photo,.service-photo-collection .service-photo{height:170px!important;width:100%!important;object-fit:contain!important;object-position:center!important;background:#edf3f7;padding:4px;border:1px solid #d7e5ee;border-radius:9px}
.photo-grid img{object-fit:contain!important;background:#edf3f7;height:210px!important;padding:5px}
.gallery-disclaimer{font-size:12px;color:#516879;line-height:1.5;margin:16px 0 0}
@media(max-width:650px){#electricite .service-detail .service-photo-collection .service-photo,.service-photo-collection .service-photo{height:135px!important}.photo-grid img{height:150px!important}}

/* Révision du 9 novembre — une prestation par ligne */
.service-grid{grid-template-columns:minmax(0,1fr)!important;gap:25px}
.service-card-detailed{width:100%;max-width:100%;padding:clamp(18px,3vw,30px)}
.service-card-detailed .service-photo-collection{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px;align-items:start}
.service-card-detailed .service-photo,.service-card-detailed .service-photo-collection img{width:100%;height:auto!important;max-height:360px;object-fit:contain!important;background:#f2f7fa;border-radius:10px}
.service-card-detailed .service-photo-collection img[src*="avant-apres"],.service-card-detailed .service-photo-collection img[src*="remplacement-caisson"]{grid-column:span 2;max-height:550px}
.thermostat-section{margin-top:24px;padding-top:22px;border-top:1px solid #cce0ed}
.thermostat-section h4{font-size:clamp(21px,2.5vw,29px);line-height:1.25;margin:0 0 16px}
.thermostat-photos{display:grid;grid-template-columns:1.3fr .7fr;gap:15px;align-items:center;margin-bottom:18px}
.thermostat-photos img{width:100%;max-height:460px;height:auto;object-fit:contain;border-radius:12px;background:#f5f8fa;cursor:zoom-in}
.thermostat-section p{font-size:clamp(17px,1.6vw,20px);line-height:1.65}
.thermostat-section h5{font-size:21px;margin:18px 0 8px}
.thermostat-functions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 26px;padding-left:25px;font-size:17px}
.service-photo-note{display:block;color:#526879;font-size:13px}
.photo-grid img{object-fit:contain!important;background:#f0f5f8}
@media(max-width:650px){.thermostat-photos{grid-template-columns:1fr}.thermostat-functions{grid-template-columns:1fr}.service-card-detailed .service-photo-collection img[src*="avant-apres"],.service-card-detailed .service-photo-collection img[src*="remplacement-caisson"]{grid-column:auto}}

/* Présentation de la nouvelle illustration thermostat */
.thermostat-infographie { display:block; width:100%; max-width:1100px; height:auto; object-fit:contain; margin:12px auto; }

/* Correction validée : une rubrique par rangée, deux photos par rangée. */
#prestations .service-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:26px!important}
#prestations .service-grid>.service-card{grid-column:1/-1!important;min-width:0;width:100%}
#prestations .service-card-detailed .service-photo-collection,
#prestations #electricite .service-detail .service-photo-collection{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;align-items:stretch}
#prestations .service-card-detailed .service-photo-collection img,
#prestations #electricite .service-detail .service-photo-collection img{display:block;width:100%!important;height:260px!important;max-height:none!important;object-fit:contain!important;object-position:center;background:#f1f6fa;padding:7px;border:1px solid #d7e5ee;border-radius:10px;grid-column:auto!important}
#prestations .service-card-detailed .service-photo-collection img[src*="avant-apres"],
#prestations .service-card-detailed .service-photo-collection img[src*="remplacement-caisson"]{grid-column:auto!important;max-height:none!important}
@media(max-width:650px){#prestations .service-card-detailed .service-photo-collection,#prestations #electricite .service-detail .service-photo-collection{gap:9px!important}#prestations .service-card-detailed .service-photo-collection img,#prestations #electricite .service-detail .service-photo-collection img{height:155px!important;padding:3px}}

/* 9 novembre : galerie PC plus compacte, photos non recadrees, sans grands fonds bleu-gris */
@media(min-width:651px){
 #prestations .service-card-detailed .service-photo-collection,
 #prestations #electricite .service-detail .service-photo-collection{
   grid-template-columns:repeat(2,minmax(0,1fr))!important;
   column-gap:18px!important;row-gap:12px!important;
   justify-items:center!important;align-items:center!important;
 }
 #prestations .service-card-detailed .service-photo-collection img,
 #prestations #electricite .service-detail .service-photo-collection img{
   width:auto!important;max-width:100%!important;height:auto!important;
   max-height:235px!important;object-fit:contain!important;
   background:transparent!important;border:0!important;padding:0!important;
   border-radius:6px!important;justify-self:center!important;grid-column:auto!important;
 }
 #prestations .service-card-detailed{padding:20px 24px!important}
 #prestations .service-detail{gap:5px!important}
 #prestations .service-photo-collection{margin:7px 0 8px!important}
 #prestations #domotique .domotique-photo{display:block!important;width:auto!important;max-width:min(100%,440px)!important;height:auto!important;max-height:280px!important;margin:10px auto!important;background:transparent!important;border:0!important;padding:0!important}
}
@media(max-width:650px){
 #prestations .service-card-detailed .service-photo-collection img,
 #prestations #electricite .service-detail .service-photo-collection img{background:transparent!important;border:0!important;padding:0!important}
}

/* 9 novembre — ajustements précis des galeries demandés après contrôle sur PC. */
#prestations .service-card{border-radius:17px!important;border:1px solid #cce0ed!important;border-top:5px solid #ffdf27!important;box-shadow:0 6px 22px #0d325310!important}
@media(min-width:651px){
 /* Deux photos rapprochées, alignées à gauche, sans grands espaces blancs. */
 #prestations .service-card-detailed .service-photo-collection,
 #prestations #electricite .service-detail .service-photo-collection{
  width:min(100%,730px)!important;max-width:730px!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px 14px!important;justify-items:start!important;align-items:center!important;
  margin-left:0!important;margin-right:auto!important;
 }
 #prestations .service-card-detailed .service-photo-collection img,
 #prestations #electricite .service-detail .service-photo-collection img{
  max-width:100%!important;max-height:250px!important;justify-self:start!important;
 }
 #prestations .service-card-detailed .service-photo-collection img[src*="avant-apres"]{max-height:270px!important}
}
/* Une illustration domotique agrandie, à gauche, sans immense encadrement. */
#prestations #domotique .domotique-illustration{width:min(100%,370px);margin:8px 0 4px}
#prestations #domotique .domotique-photo{display:block!important;width:100%!important;max-width:370px!important;max-height:none!important;height:auto!important;object-fit:contain!important;margin:0!important;background:transparent!important}
/* Motorisation et VMC : deux visuels sur deux lignes distinctes. */
#prestations #motorisation .motorisation-photos{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-top:8px}
#prestations #motorisation .motorisation-item{width:min(100%,570px);margin:0}
#prestations #motorisation .motorisation-item img{display:block;width:100%!important;height:auto!important;max-height:340px!important;object-fit:contain!important;object-position:left center!important;cursor:zoom-in;border-radius:9px}
#prestations #motorisation .motorisation-item figcaption{font-size:15px;margin-top:6px;line-height:1.5}
#prestations #vmc .vmc-photos{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:18px!important;width:100%!important;max-width:none!important}
#prestations #vmc .vmc-photos img{display:block!important;width:min(100%,700px)!important;height:auto!important;max-height:none!important;object-fit:contain!important;justify-self:start!important}
/* Thermostat légèrement à gauche, aligné avec les autres photos. */
#prestations #chauffage .thermostat-section{text-align:left!important}
#prestations #chauffage .thermostat-infographie{display:block!important;margin:10px 0 8px 0!important;max-width:min(100%,700px)!important;width:100%!important;height:auto!important;object-fit:contain!important}
@media(max-width:650px){
 #prestations #motorisation .motorisation-item img{max-height:none!important}
 #prestations #vmc .vmc-photos img{max-width:100%!important}
}

/* Retouches du 9 novembre : photos rapprochées sur ordinateur. */
@media (min-width:651px){
 #prestations #electricite .service-detail .service-photo-collection,
 #prestations #alarme .service-photo-collection{
   width:min(100%,620px)!important;max-width:620px!important;
   grid-template-columns:repeat(2,minmax(0,1fr))!important;
   column-gap:8px!important;row-gap:10px!important;
   justify-items:start!important;
 }
 #prestations #electricite .service-detail .service-photo-collection img,
 #prestations #alarme .service-photo-collection img{
   max-height:235px!important;max-width:100%!important;
 }
}

/* Tableaux electriques : lignes distinctes, photos rapprochees. */
#prestations #electricite .service-detail .tableau-photo-rows{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important;width:100%!important;max-width:none!important}
#prestations #electricite .tableau-photo-rows .tableau-photo-row{display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;gap:12px!important;width:100%!important;flex-wrap:nowrap!important}
#prestations #electricite .tableau-photo-rows .tableau-photo-row img{width:auto!important;max-width:calc(50% - 6px)!important;height:auto!important;max-height:235px!important;object-fit:contain!important;flex:0 1 auto!important}
#prestations #electricite .tableau-photo-rows .tableau-photo-row:first-child img{max-width:min(100%,450px)!important;max-height:270px!important}
@media(max-width:650px){#prestations #electricite .tableau-photo-rows .tableau-photo-row{gap:7px!important}#prestations #electricite .tableau-photo-rows .tableau-photo-row img{max-width:calc(50% - 4px)!important}}

/* Éclairage intérieur : deux visuels par rangée, rapprochement réel des photos,
   y compris les rangées 2 et 4. Ne touche pas aux tableaux électriques. */
#prestations #electricite .service-detail .eclairage-interieur-rows{
 display:flex!important;flex-direction:column!important;align-items:flex-start!important;
 width:100%!important;max-width:none!important;gap:12px!important;
}
#prestations #electricite .eclairage-interieur-rows .eclairage-interieur-row{
 display:flex!important;flex-direction:row!important;justify-content:flex-start!important;
 align-items:center!important;flex-wrap:nowrap!important;gap:12px!important;
 width:100%!important;
}
#prestations #electricite .eclairage-interieur-rows .eclairage-interieur-row img{
 display:block!important;flex:0 1 auto!important;width:auto!important;
 max-width:calc(50% - 6px)!important;height:auto!important;max-height:235px!important;
 object-fit:contain!important;justify-self:auto!important;margin:0!important;
}
@media(max-width:650px){
 #prestations #electricite .eclairage-interieur-rows .eclairage-interieur-row{gap:7px!important}
 #prestations #electricite .eclairage-interieur-rows .eclairage-interieur-row img{max-width:calc(50% - 4px)!important}
}

/* Éclairage extérieur : ordre et rangées validés, sans toucher aux autres rubriques. */
#prestations #electricite .service-detail .eclairage-exterieur-rows{display:flex!important;flex-direction:column!important;align-items:flex-start!important;width:100%!important;max-width:none!important;gap:12px!important;}
#prestations #electricite .eclairage-exterieur-rows .eclairage-exterieur-row{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;gap:12px!important;width:100%!important;}
#prestations #electricite .eclairage-exterieur-rows .eclairage-exterieur-row img{display:block!important;flex:0 1 auto!important;width:auto!important;max-width:calc(50% - 6px)!important;height:auto!important;max-height:235px!important;object-fit:contain!important;justify-self:auto!important;margin:0!important;}
@media(max-width:650px){#prestations #electricite .eclairage-exterieur-rows .eclairage-exterieur-row{gap:7px!important}#prestations #electricite .eclairage-exterieur-rows .eclairage-exterieur-row img{max-width:calc(50% - 4px)!important}}

/* Éclairage extérieur : deux photos par ligne, ordre validé le 9 novembre. */
#prestations #electricite .eclairage-exterieur-rows{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important;width:100%!important;max-width:none!important}
#prestations #electricite .eclairage-exterieur-row{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;width:100%!important;flex-wrap:nowrap!important}
#prestations #electricite .eclairage-exterieur-row .service-photo{display:block!important;width:auto!important;height:auto!important;max-width:calc(50% - 6px)!important;max-height:235px!important;object-fit:contain!important;flex:0 1 auto!important}
@media(max-width:650px){#prestations #electricite .eclairage-exterieur-row .service-photo{max-height:180px!important}}

/* Recharge Green’up : deux photos équilibrées, fiche lisible sous les images */
#recharge .greenup-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:820px;margin:14px 0 16px}
#recharge .greenup-photos .service-photo{width:100%!important;height:245px!important;object-fit:contain!important;background:#f2f7fa;border-radius:10px}
#recharge .greenup-caracteristiques{max-width:850px;color:#15334f;font-size:16px;line-height:1.65}
#recharge .greenup-caracteristiques h4{font-size:21px;line-height:1.35;margin:6px 0 12px;color:#0b2c4d}
#recharge .greenup-caracteristiques ul{padding-left:23px;margin:0 0 14px}
#recharge .greenup-caracteristiques li{margin:0 0 10px}
#recharge .greenup-caracteristiques p{font-size:16px;line-height:1.65;margin:12px 0 0}
@media(max-width:600px){#recharge .greenup-photos{grid-template-columns:1fr;max-width:430px}#recharge .greenup-photos .service-photo{height:230px!important}#recharge .greenup-caracteristiques{font-size:16px}}

/* Recharge Green’up : deux photos côte à côte, produit puis fiche à pictogrammes */
#recharge .greenup-photos{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;max-width:850px!important;margin:14px 0 12px!important}
#recharge .greenup-photos img{width:100%!important;height:260px!important;max-width:100%!important;object-fit:contain!important;background:#f2f7fa;border-radius:10px}
#recharge .greenup-produit-visuel{max-width:430px;margin:10px 0 20px}
#recharge .greenup-produit-visuel img{display:block;width:100%;height:auto;max-height:330px;object-fit:contain;border-radius:10px;background:#f2f7fa}
#recharge .greenup-fiche-lignes{border:1px solid #d3e4f0;border-radius:12px;overflow:hidden;background:#f8fbfe}
#recharge .greenup-fiche-ligne{display:grid;grid-template-columns:45px minmax(0,1fr);gap:12px;padding:13px 16px;border-bottom:1px solid #d3e4f0;align-items:start}
#recharge .greenup-fiche-ligne:last-child{border-bottom:0}
#recharge .greenup-picto{color:#1266a1;display:flex;align-items:flex-start;justify-content:center;padding-top:3px}
#recharge .greenup-picto svg{width:30px;height:30px;display:block}
#recharge .greenup-fiche-ligne strong{display:block;font-size:17px;line-height:1.35;color:#0b2c4d}
#recharge .greenup-fiche-ligne p{font-size:16px;line-height:1.5;margin:3px 0 0!important}
@media(max-width:600px){#recharge .greenup-photos{gap:7px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}#recharge .greenup-photos img{height:170px!important}#recharge .greenup-fiche-ligne{grid-template-columns:32px minmax(0,1fr);gap:9px;padding:12px 10px}#recharge .greenup-picto svg{width:25px;height:25px}}

/* Recharge : photo d’installation seule, fiche produit et pictogrammes côte à côte */
#recharge .greenup-installation-photo{margin:14px 0 20px;max-width:460px}
#recharge .greenup-installation-photo .service-photo{display:block;width:auto!important;max-width:100%;height:315px!important;object-fit:contain!important;object-position:left center;border-radius:10px}
#recharge .greenup-fiche-presentation{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.25fr);align-items:start;gap:24px;margin:12px 0 18px}
#recharge .greenup-fiche-presentation .greenup-produit-visuel{min-width:0;margin:0}
#recharge .greenup-fiche-presentation .greenup-produit-visuel img{width:100%!important;max-width:100%;height:auto!important;object-fit:contain!important;display:block}
#recharge .greenup-fiche-presentation .greenup-caracteristiques{min-width:0;max-width:none;font-size:15px}
#recharge .greenup-fiche-presentation .greenup-caracteristiques h4{font-size:20px;margin-top:0}
#recharge .greenup-fiche-presentation .greenup-fiche-ligne{gap:10px;padding:9px 0}
#recharge .greenup-fiche-presentation .greenup-fiche-ligne p{font-size:15px;line-height:1.5}
@media(max-width:700px){#recharge .greenup-fiche-presentation{grid-template-columns:1fr;gap:16px}#recharge .greenup-installation-photo .service-photo{height:auto!important;max-height:330px}}

/* Validation Green’up : deux photos modestes, comparables aux éclairages extérieurs */
#recharge .greenup-photos-validation{display:flex;align-items:center;justify-content:flex-start;gap:12px;max-width:700px;margin:14px 0 20px;flex-wrap:nowrap}
#recharge .greenup-photos-validation .service-photo{display:block!important;width:auto!important;height:auto!important;max-width:calc(50% - 6px)!important;max-height:245px!important;object-fit:contain!important;flex:0 1 auto!important;border-radius:9px}
@media(max-width:650px){#recharge .greenup-photos-validation{gap:8px;max-width:100%}#recharge .greenup-photos-validation .service-photo{max-width:calc(50% - 4px)!important;max-height:175px!important}}

/* Ajustements validables de la rubrique Green’up uniquement */
#recharge .greenup-photos-validation{max-width:700px;gap:12px;align-items:center}
#recharge .greenup-photos-validation .service-photo{max-height:235px!important;max-width:calc(50% - 6px)!important;object-fit:contain!important}
#recharge .greenup-fiche-presentation{grid-template-columns:minmax(0,0.9fr) minmax(0,1.25fr);gap:20px;align-items:start;margin-bottom:12px}
#recharge .greenup-fiche-presentation .greenup-caracteristiques h4{font-size:18px;line-height:1.3;margin:0 0 8px}
#recharge .greenup-fiche-presentation .greenup-fiche-ligne{grid-template-columns:28px minmax(0,1fr);gap:8px;padding:7px 10px}
#recharge .greenup-fiche-presentation .greenup-fiche-ligne strong{font-size:14px;line-height:1.3}
#recharge .greenup-fiche-presentation .greenup-fiche-ligne p{font-size:13px;line-height:1.4;margin:2px 0 0!important}
#recharge .greenup-fiche-presentation .greenup-picto svg{width:21px;height:21px}
#recharge .greenup-mon-intervention{max-width:700px;text-align:left;margin:16px 0 0!important;font-size:15px;line-height:1.6;color:#15334f}
@media(max-width:700px){#recharge .greenup-fiche-presentation{grid-template-columns:1fr;gap:14px}}
@media(max-width:650px){#recharge .greenup-photos-validation .service-photo{max-height:175px!important;max-width:calc(50% - 4px)!important}}

/* Validation : deux visuels superposés à gauche, caractéristiques alignées à droite. */
#recharge .greenup-disposition-finale{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.25fr);gap:20px;align-items:stretch;margin:14px 0 12px}
#recharge .greenup-images-colonne{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:18px;min-width:0}
#recharge .greenup-images-colonne>.service-photo{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:250px!important;object-fit:contain!important;object-position:left center;border-radius:9px}
#recharge .greenup-images-colonne .greenup-produit-visuel{margin:0!important;max-width:100%!important;width:100%}
#recharge .greenup-images-colonne .greenup-produit-visuel img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:315px!important;object-fit:contain!important;object-position:left bottom;border-radius:9px}
#recharge .greenup-disposition-finale>.greenup-caracteristiques{min-width:0;max-width:none!important;font-size:14px;line-height:1.4}
#recharge .greenup-disposition-finale>.greenup-caracteristiques h4{font-size:18px;line-height:1.3;margin:0 0 8px}
#recharge .greenup-disposition-finale .greenup-fiche-ligne{grid-template-columns:28px minmax(0,1fr);gap:8px;padding:7px 10px}
#recharge .greenup-disposition-finale .greenup-fiche-ligne strong{font-size:14px;line-height:1.3}
#recharge .greenup-disposition-finale .greenup-fiche-ligne p{font-size:13px;line-height:1.4;margin:2px 0 0!important}
#recharge .greenup-disposition-finale .greenup-picto svg{width:21px;height:21px}
#recharge .greenup-mon-intervention{max-width:700px;text-align:left;margin:16px 0 0!important;font-size:15px;line-height:1.6}
@media(max-width:700px){#recharge .greenup-disposition-finale{grid-template-columns:1fr;gap:16px}#recharge .greenup-images-colonne{gap:12px}#recharge .greenup-images-colonne>.service-photo{max-height:230px!important}#recharge .greenup-images-colonne .greenup-produit-visuel img{max-height:270px!important}}

/* Ajustement Green’up validé : suppression des bandes bleutées et centrage des visuels. */
#recharge .greenup-images-colonne{align-items:center!important}
#recharge .greenup-images-colonne>.service-photo{
  width:auto!important;max-width:100%!important;height:auto!important;
  max-height:250px!important;object-fit:contain!important;
  object-position:center center!important;background:transparent!important;
  padding:0!important;border:0!important;margin-inline:auto!important;
}
#recharge .greenup-images-colonne .greenup-produit-visuel{
  display:flex!important;justify-content:center!important;align-items:center!important;
  width:100%!important;max-width:100%!important;background:transparent!important;
  padding:0!important;border:0!important;
}
#recharge .greenup-images-colonne .greenup-produit-visuel img{
  width:auto!important;max-width:100%!important;height:auto!important;
  max-height:315px!important;object-fit:contain!important;
  object-position:center center!important;background:transparent!important;
  padding:0!important;border:0!important;margin-inline:auto!important;
}
@media(max-width:700px){
 #recharge .greenup-images-colonne>.service-photo{max-height:230px!important}
 #recharge .greenup-images-colonne .greenup-produit-visuel img{max-height:270px!important}
}

/* Alarme et visiophone : espacement rapproché, photos personnelles dans l’ordre validé. */
#prestations #alarme .visiophone-photos-rapprochees{display:grid!important;grid-template-columns:repeat(2,minmax(0,220px))!important;gap:10px 8px!important;width:min(100%,448px)!important;max-width:448px!important;justify-content:start!important;justify-items:center!important;margin-left:0!important}
#prestations #alarme .visiophone-photos-rapprochees img{max-height:225px!important;width:100%!important;object-fit:contain!important}
#prestations #alarme .alarme-galerie-titre{font-size:18px;color:#0c2b4f;margin:20px 0 10px}
#prestations #alarme .alarme-photos-personnelles{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;width:min(100%,750px)!important;max-width:750px!important;margin:0!important;justify-items:center!important}
#prestations #alarme .alarme-photos-personnelles img{width:100%!important;height:220px!important;max-height:220px!important;object-fit:contain!important;background:#f2f7fa;border-radius:9px;padding:4px}
@media(max-width:650px){#prestations #alarme .visiophone-photos-rapprochees{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}#prestations #alarme .alarme-photos-personnelles{grid-template-columns:repeat(2,minmax(0,1fr))!important}#prestations #alarme .alarme-photos-personnelles img{height:165px!important;max-height:165px!important}}

/* Domotique : illustration légèrement agrandie sous le texte, rubrique compacte. */
#prestations #domotique{gap:7px!important}
#prestations #domotique .domotique-illustration{width:min(100%,460px)!important;max-width:460px!important;margin:3px 0 0!important}
#prestations #domotique .domotique-photo{width:100%!important;max-width:460px!important;height:auto!important;max-height:none!important;margin:0!important;object-fit:contain!important}
#prestations #domotique p{margin:0!important}

/* Correctif Domotique : carte réellement compacte, photo plus visible sous le texte. */
#prestations .service-grid > #domotique {
  width: min(100%, 740px) !important;
  max-width: 740px !important;
  justify-self: start !important;
  align-items: flex-start !important;
  gap: 8px !important;
}
#prestations #domotique > p { margin: 0 !important; max-width: 620px; }
#prestations #domotique .domotique-illustration {
  width: min(100%, 530px) !important;
  max-width: 530px !important;
  margin: 8px 0 0 !important;
  align-self: flex-start !important;
}
#prestations #domotique .domotique-photo {
  display: block !important;
  width: 100% !important;
  max-width: 530px !important;
  max-height: none !important;
  height: auto !important;
  margin: 0 !important;
  object-fit: contain !important;
}
@media(max-width:650px) {
  #prestations .service-grid > #domotique {width:100% !important;}
  #prestations #domotique .domotique-illustration {width:100% !important;}
}

/* Ajustement ciblé : rapprocher la photo du texte Domotique. */
#prestations .service-grid > #domotique {gap:0 !important;}
#prestations #domotique > p {margin:0 !important;padding:0 !important;}
#prestations #domotique .domotique-illustration {margin:0 !important;padding:0 !important;}
#prestations #domotique .domotique-photo {margin:0 !important;padding:0 !important;vertical-align:top !important;}

/* Domotique - validation du montage : phrase lisible, image proche, réserve sous la photo. */
#prestations .service-grid > #domotique {
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:0!important;
  min-height:0!important;
  height:auto!important;
  padding-bottom:70px!important;
}
#prestations #domotique > h3 {margin-bottom:8px!important;}
#prestations #domotique > p {
  font-size:18px!important;
  line-height:1.45!important;
  margin:0!important;
  padding:0!important;
  max-width:100%!important;
}
#prestations #domotique .domotique-illustration {
  display:block!important;
  width:min(100%,470px)!important;
  max-width:470px!important;
  margin:16px 0 0!important;
  padding:0!important;
  align-self:flex-start!important;
}
#prestations #domotique .domotique-photo {
  display:block!important;
  width:100%!important;
  max-width:470px!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
}
@media(max-width:650px){
 #prestations .service-grid > #domotique {padding-bottom:60px!important;}
 #prestations #domotique > p {font-size:17px!important;}
}

/* DOMOTIQUE — correction unique suivant le montage fourni : aucune hauteur artificielle. */
#prestations .service-grid > article#domotique {
 box-sizing:border-box!important; display:flex!important; flex-direction:column!important;
 align-items:flex-start!important; justify-content:flex-start!important;
 width:100%!important; max-width:100%!important; min-height:0!important; height:auto!important;
 gap:0!important; padding:20px 24px 70px!important; align-self:start!important;
}
#prestations article#domotique > h3 {margin:0 0 8px!important;}
#prestations article#domotique > p {font-size:18px!important;line-height:1.45!important;margin:0!important;padding:0!important;}
#prestations article#domotique > .domotique-illustration {
 display:block!important;flex:0 0 auto!important; width:min(100%,470px)!important;
 max-width:470px!important; height:auto!important; min-height:0!important;
 margin:16px 0 0!important; padding:0!important; align-self:flex-start!important;
}
#prestations article#domotique > .domotique-illustration > img {
 display:block!important; width:100%!important; max-width:470px!important;
 height:auto!important; max-height:none!important; object-fit:contain!important;
 margin:0!important;padding:0!important; border:0!important;background:transparent!important;
}
@media(max-width:650px){#prestations .service-grid > article#domotique {padding:18px 18px 60px!important;}}

/* Domotique : photo agrandie exactement de 20 % (470 -> 564 px), sans modifier les autres rubriques. */
#prestations .service-grid > article#domotique {align-self:start!important; min-height:0!important; height:auto!important; padding-bottom:70px!important;}
#prestations article#domotique > p {font-size:18px!important;line-height:1.45!important;}
#prestations article#domotique > .domotique-illustration {width:min(100%,564px)!important;max-width:564px!important;height:auto!important;min-height:0!important;margin:16px 0 0!important;}
#prestations article#domotique > .domotique-illustration > img {width:100%!important;max-width:564px!important;height:auto!important;max-height:none!important;object-fit:contain!important;}
@media(max-width:650px){#prestations .service-grid > article#domotique{padding-bottom:60px!important;}}

/* Domotique : le blanc était intégré dans le fichier image ; photo recadrée sans toucher aux écrans. */
#prestations .service-grid > article#domotique {display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:0!important;height:auto!important;min-height:0!important;padding-bottom:70px!important;}
#prestations article#domotique > p {font-size:18px!important;line-height:1.45!important;margin:0!important;}
#prestations article#domotique > .domotique-illustration {width:min(100%,564px)!important;max-width:564px!important;height:auto!important;min-height:0!important;margin:16px 0 0!important;padding:0!important;}
#prestations article#domotique > .domotique-illustration > img {display:block!important;width:100%!important;max-width:564px!important;height:auto!important;max-height:none!important;object-fit:contain!important;margin:0!important;padding:0!important;}

/* Tydom Home : ajout après la photo domotique validée ; aucune modification à celle-ci */
#prestations #domotique .tydom-home-presentation{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:center;margin:30px 0 12px;padding:0;max-width:900px;}
#prestations #domotique .tydom-home-scene{display:block;width:100%;height:auto;max-height:340px;object-fit:cover;border-radius:12px;}
#prestations #domotique .tydom-home-copy{min-width:0;text-align:left;}
#prestations #domotique .tydom-home-logo{display:block;width:155px;max-width:65%;height:auto;object-fit:contain;margin:0 0 14px;}
#prestations #domotique .tydom-home-copy h4{margin:0 0 12px;color:#0c2b4f;font-size:19px;}
#prestations #domotique .tydom-home-copy p{font-size:16px;line-height:1.55;margin:0 0 12px;}
@media(max-width:640px){#prestations #domotique .tydom-home-presentation{grid-template-columns:1fr;gap:16px;margin-top:22px;}#prestations #domotique .tydom-home-scene{max-height:none;}#prestations #domotique .tydom-home-logo{width:135px;}}

/* Domotique — deux présentations avec logo, texte aligné directement sous le logo. */
#prestations #domotique .domotique-application-presentation{display:grid;grid-template-columns:minmax(0,564px) minmax(220px,1fr);gap:24px;align-items:start;width:100%;margin-top:16px;}
#prestations #domotique .domotique-application-presentation>.domotique-illustration{width:100%!important;max-width:564px!important;margin:0!important;padding:0!important;}
#prestations #domotique .domotique-application-copy{min-width:0;text-align:left;align-self:start;}
#prestations #domotique .domotique-application-logo{display:block;width:155px;max-width:65%;height:auto;margin:0 0 8px;object-fit:contain;}
#prestations #domotique .domotique-application-copy h4{margin:0 0 8px;color:#0c2b4f;font-size:19px;line-height:1.35;}
#prestations #domotique .domotique-application-copy p{font-size:16px;line-height:1.55;margin:0;}
#prestations #domotique .tydom-home-presentation{align-items:start;}
#prestations #domotique .tydom-home-logo{margin-bottom:6px;}
#prestations #domotique .tydom-home-copy h4{margin:0 0 6px;}
#prestations #domotique .tydom-home-copy p{margin:0 0 8px;}
@media(max-width:740px){#prestations #domotique .domotique-application-presentation{grid-template-columns:1fr;gap:14px;}#prestations #domotique .domotique-application-logo{width:135px;}}

/* Validation Domotique : photo Tydom Home plus grande et bloc texte centré verticalement.
   La première présentation et les autres rubriques gardent leurs réglages. */
@media (min-width: 741px) {
  #prestations .service-grid > #domotique {
    width: min(100%, 1050px) !important;
    max-width: 1050px !important;
  }
  #prestations #domotique .tydom-home-presentation {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
    gap: 30px;
    align-items: center !important;
    max-width: 100%;
  }
  #prestations #domotique .tydom-home-scene {
    width: 100%;
    max-height: none;
    height: auto;
    object-fit: contain;
  }
  #prestations #domotique .tydom-home-copy {
    align-self: center !important;
  }
}
@media (max-width: 740px) {
  #prestations #domotique .tydom-home-presentation {
    grid-template-columns: 1fr;
    align-items: start !important;
  }
  #prestations #domotique .tydom-home-scene { max-height: none; height: auto; }
}

/* Rubrique chauffage - ajout du 14 novembre */
#chauffage .chauffage-groupe{margin:24px 0 30px;padding-top:20px;border-top:1px solid #dbe3ea}#chauffage .chauffage-groupe h4{font-size:1.18rem;margin:0 0 8px;color:#12365c}#chauffage .chauffage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}#chauffage .chauffage-figure{margin:0}#chauffage .chauffage-figure img{width:100%;height:245px;object-fit:cover;display:block;border-radius:12px}#chauffage .chauffage-figure figcaption{text-align:center;font-weight:600;font-size:.92rem;margin-top:9px;color:#1d3853}#chauffage .chauffage-technique{margin-top:22px;text-align:center}#chauffage .chauffage-technique h5{font-size:1rem;margin:0 0 12px}#chauffage .chauffage-technique img{display:block;width:100%;max-width:700px;max-height:480px;object-fit:contain;margin:0 auto;border-radius:12px}#chauffage .chauffage-technique .service-photo-note{font-size:.85rem;color:#526477;margin-top:8px}#chauffage .chauffage-existant .service-photo-collection{margin-top:14px}@media(max-width:650px){#chauffage .chauffage-grid{grid-template-columns:1fr}#chauffage .chauffage-figure img{height:auto;max-height:360px;object-fit:contain}}

/* Chauffage : disposition compacte dans l’esprit Domotique et Green’up */
#chauffage .chauffage-presentation{display:grid;grid-template-columns:minmax(0,0.95fr) minmax(0,1.05fr);gap:24px;align-items:start;margin:18px 0 10px;}
#chauffage .chauffage-photos{display:grid;grid-template-columns:1fr;gap:15px;max-width:420px;}
#chauffage .chauffage-photos figure,#chauffage .chauffage-seche-presentation figure{margin:0;}
#chauffage .chauffage-photos img{display:block;width:100%;height:185px;object-fit:cover;border-radius:10px;}
#chauffage .chauffage-photos figcaption{font-size:14px;text-align:center;color:#1d3853;font-weight:600;margin-top:6px;}
#chauffage .chauffage-fiche{min-width:0;text-align:left;background:#f5f9fc;border:1px solid #d9e5ee;border-radius:12px;padding:15px;}
#chauffage .chauffage-fiche h5{font-size:17px;color:#12365c;margin:0 0 12px;}
#chauffage .chauffage-fiche img{display:block;width:100%;max-height:310px;object-fit:contain;border-radius:8px;background:white;}
#chauffage .chauffage-fiche p{font-size:15px;line-height:1.55;margin:12px 0 0;}
#chauffage .chauffage-seche-presentation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:18px;}
#chauffage .chauffage-seche-presentation img{display:block;width:100%;height:220px;object-fit:cover;border-radius:10px;}
#chauffage .chauffage-seche-presentation figcaption{display:flex;flex-direction:column;gap:5px;font-size:14px;line-height:1.4;margin-top:9px;color:#1d3853;}
#chauffage .chauffage-photos-existantes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px;}
#chauffage .chauffage-photos-existantes img{display:block;width:100%;height:200px;object-fit:cover;border-radius:10px;}
@media(max-width:650px){#chauffage .chauffage-presentation{grid-template-columns:1fr;gap:16px;}#chauffage .chauffage-photos{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;}#chauffage .chauffage-photos img{height:145px;}#chauffage .chauffage-seche-presentation{gap:12px;}#chauffage .chauffage-seche-presentation img{height:160px;}#chauffage .chauffage-photos-existantes img{height:145px;}}

/* Sèche-serviettes : photographies intégrales et descriptifs côte à côte */
#chauffage .chauffage-seche-liste{display:flex;flex-direction:column;gap:20px;margin-top:18px}
#chauffage .chauffage-seche-ligne{display:grid;grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr);gap:22px;align-items:center;padding:14px;border:1px solid #d9e5ee;border-radius:12px;background:#f8fbfd}
#chauffage .chauffage-seche-ligne img{display:block;width:100%;height:225px;object-fit:contain;background:#fff;border-radius:9px}
#chauffage .chauffage-seche-texte h5{font-size:17px;color:#12365c;margin:0 0 12px}
#chauffage .chauffage-seche-texte p{font-size:15px;line-height:1.6;margin:0}
@media(max-width:650px){#chauffage .chauffage-seche-ligne{grid-template-columns:1fr;gap:12px}#chauffage .chauffage-seche-ligne img{height:auto;max-height:310px;object-fit:contain}}

/* Fiche commune Riviera 2 : deux photos entières et un seul descriptif */
#chauffage .chauffage-riviera-photos{display:flex;flex-direction:column;gap:12px;min-width:0}
#chauffage .chauffage-riviera-photos img{width:100%;height:205px;object-fit:contain;background:#fff;border-radius:9px}
#chauffage .chauffage-riviera-commun .chauffage-seche-texte p+p{margin-top:12px}
@media(max-width:650px){#chauffage .chauffage-riviera-photos img{height:auto;max-height:260px}}

/* Amadeus 3 uniquement : trois fiches aérées, dans le style des sèche-serviettes */
#chauffage .chauffage-amadeus-liste{display:flex;flex-direction:column;gap:20px;margin-top:18px}
#chauffage .chauffage-amadeus-ligne{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:22px;align-items:center;padding:14px;border:1px solid #d9e5ee;border-radius:12px;background:#f8fbfd}
#chauffage .chauffage-amadeus-image{min-width:0}
#chauffage .chauffage-amadeus-image img{display:block;width:100%;height:auto;object-fit:contain;background:#fff;border-radius:9px}
#chauffage .chauffage-amadeus-texte{min-width:0}
#chauffage .chauffage-amadeus-texte h5{font-size:17px;color:#12365c;margin:0 0 12px}
#chauffage .chauffage-amadeus-texte p{font-size:15px;line-height:1.55;margin:0 0 8px;overflow-wrap:break-word}
#chauffage .chauffage-amadeus-texte p:last-child{margin-bottom:0}
@media(max-width:700px){#chauffage .chauffage-amadeus-ligne{grid-template-columns:1fr;gap:12px}#chauffage .chauffage-amadeus-image img{max-height:310px}}

/* Nouvelle rubrique plancher chauffant : alignement et taille identiques à Éclairage extérieur. */
#chauffage #plancher-chauffant .plancher-materiel{display:block;width:639px;max-width:100%;height:auto;margin:12px 0 18px;object-fit:contain}
#chauffage #plancher-chauffant .plancher-photo-rows{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%}
#chauffage #plancher-chauffant .plancher-photo-row{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:12px;width:100%}
#chauffage #plancher-chauffant .plancher-photo-row img.service-photo{display:block;flex:0 1 auto;width:auto;height:auto;max-width:calc(50% - 6px);max-height:235px;object-fit:contain;margin:0}
@media(max-width:650px){#chauffage #plancher-chauffant .plancher-photo-row{gap:7px}#chauffage #plancher-chauffant .plancher-photo-row img.service-photo{max-width:calc(50% - 4px);max-height:180px}}

/* SITIGO : cinq fiches thermostats, verticales, sans déformation et agrandissables. */
#prestations #chauffage .thermostat-fiches{display:flex;flex-direction:column;align-items:flex-start;gap:18px;width:100%;}
#prestations #chauffage .thermostat-fiches .thermostat-fiche{display:block!important;width:100%!important;max-width:700px!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important;border-radius:10px;cursor:zoom-in;margin:0!important;}

/* Zoom au clic dans les quatre rubriques chauffage sélectionnées ; aucune modification des dimensions. */
#chauffage .chauffage-zoom-cible img{cursor:zoom-in}
#chauffage .chauffage-zoom-cible img:focus-visible{outline:3px solid #ffdb21;outline-offset:3px}

/* Agrandissement des fiches techniques, sans modifier leur mise en page normale. */
.fiche-texte-zoom{cursor:zoom-in}
.fiche-texte-zoom:focus-visible{outline:3px solid #74bde7;outline-offset:3px}
.fiche-texte-lightbox[hidden]{display:none!important}
.fiche-texte-lightbox{position:fixed;inset:0;z-index:99999;background:rgba(8,25,45,.87);display:flex;justify-content:center;align-items:center;padding:58px 18px 24px;box-sizing:border-box}
.fiche-texte-lightbox-contenu{box-sizing:border-box;width:min(980px,100%);max-height:100%;overflow:auto;background:#fff;border-radius:14px;padding:clamp(20px,4vw,46px);color:#0c2b4f;box-shadow:0 12px 45px #0006}
.fiche-texte-lightbox-contenu .chauffage-amadeus-texte,.fiche-texte-lightbox-contenu .tydom-home-copy,.fiche-texte-lightbox-contenu .greenup-caracteristiques{width:100%;max-width:none;min-width:0;display:block;box-sizing:border-box;cursor:default}
.fiche-texte-lightbox-contenu h4,.fiche-texte-lightbox-contenu h5{font-size:clamp(23px,3vw,32px);line-height:1.25;margin-top:0}
.fiche-texte-lightbox-contenu p,.fiche-texte-lightbox-contenu .greenup-fiche-ligne{font-size:clamp(17px,2vw,21px);line-height:1.6}
.fiche-texte-lightbox-contenu .tydom-home-logo{max-width:180px;height:auto}
.fiche-texte-fermer{position:absolute;top:9px;right:22px;background:#fff;color:#0c2b4f;border:0;border-radius:50%;width:43px;height:43px;font-size:32px;line-height:1;cursor:pointer}
body.fiche-texte-zoom-ouvert{overflow:hidden}
@media(max-width:600px){.fiche-texte-lightbox{padding:60px 10px 12px}.fiche-texte-lightbox-contenu{padding:18px}.fiche-texte-lightbox-contenu .greenup-fiche-ligne{display:flex}}

/* Zoom des descriptions des sèche-serviettes, sans modifier leur présentation sur la page. */
.fiche-texte-lightbox-contenu .chauffage-seche-texte{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;cursor:default}
.fiche-texte-lightbox-contenu .chauffage-seche-texte h5{font-size:clamp(20px,2.6vw,28px);line-height:1.3}
.fiche-texte-lightbox-contenu .chauffage-seche-texte p{font-size:clamp(15px,1.5vw,18px);line-height:1.55;overflow-wrap:anywhere}
/* Green'up : neutraliser les styles de la grille de la page dans la fenêtre agrandie. */
.fiche-texte-lightbox-contenu .greenup-caracteristiques{width:100%!important;max-width:100%!important;min-width:0!important;font-size:16px!important;line-height:1.5!important}
.fiche-texte-lightbox-contenu .greenup-caracteristiques h4{font-size:clamp(19px,2.2vw,25px)!important;line-height:1.3!important;margin:0 0 14px!important}
.fiche-texte-lightbox-contenu .greenup-fiche-lignes{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}
.fiche-texte-lightbox-contenu .greenup-fiche-ligne{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;gap:10px!important;align-items:start!important;min-width:0!important;max-width:100%!important;padding:9px 10px!important;box-sizing:border-box;font-size:16px!important;line-height:1.5!important}
.fiche-texte-lightbox-contenu .greenup-fiche-ligne>div{min-width:0!important;max-width:100%!important}
.fiche-texte-lightbox-contenu .greenup-fiche-ligne strong{font-size:16px!important;line-height:1.4!important}
.fiche-texte-lightbox-contenu .greenup-fiche-ligne p{font-size:15px!important;line-height:1.5!important;margin:3px 0 0!important;overflow-wrap:anywhere}
.fiche-texte-lightbox-contenu .greenup-picto{width:26px!important;height:26px!important;min-width:0!important}
.fiche-texte-lightbox-contenu .greenup-picto svg{width:20px!important;height:20px!important}
.fiche-texte-lightbox-contenu{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
@media(max-width:600px){.fiche-texte-lightbox-contenu .greenup-fiche-ligne{grid-template-columns:24px minmax(0,1fr)!important;gap:7px!important;padding:8px 5px!important}.fiche-texte-lightbox-contenu .greenup-fiche-ligne strong{font-size:15px!important}.fiche-texte-lightbox-contenu .greenup-fiche-ligne p{font-size:14px!important}}

/* Zoom thermostat uniquement sur telephone : fiche recomposee en portrait,
   les deux moities originales empilees pour une lecture sans defilement lateral.
   Les autres zooms et l'affichage ordinateur restent inchanges. */
@media (max-width:700px) {
  .photo-lightbox.thermostat-zoom-mobile {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    padding:60px 8px 20px;
  }
  .photo-lightbox.thermostat-zoom-mobile .lightbox-image {
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    max-height:none;
    object-fit:contain;
    margin:0 auto;
    border-radius:6px;
  }
  .photo-lightbox.thermostat-zoom-mobile .lightbox-close {position:fixed;z-index:2}
  .photo-lightbox.thermostat-zoom-mobile .lightbox-hint {max-width:100%;margin:12px auto}
}

/* Fiches thermostats en portrait sur telephone, comme les radiateurs.
   Les images d'origine et la presentation ordinateur sont conservees. */
@media (max-width:700px) {
 #prestations #chauffage .thermostat-fiches .thermostat-fiche-picture {display:block;width:100%;max-width:700px;margin:0;}
 #prestations #chauffage .thermostat-fiches .thermostat-fiche-picture .thermostat-fiche {display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;}
}

/* SITIGO : boutons lisibles du menu Prestations, sans toucher aux autres menus */
.nav-links > details.drop:first-of-type > .submenu {
  width: 355px;
  max-width: calc(100vw - 24px);
  box-sizing: border-box;
  max-height: min(75vh, 680px);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 11px;
}
.nav-links > details.drop:first-of-type > .submenu > a {
  display: block;
  box-sizing: border-box;
  margin: 0 0 7px;
  padding: 11px 14px;
  border: 1.5px solid #3982b6;
  border-radius: 10px;
  background: #eaecef;
  color: #124e7c;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
  white-space: normal;
  overflow-wrap: break-word;
  text-decoration: none;
  transition: background-color .15s ease, border-color .15s ease;
}
.nav-links > details.drop:first-of-type > .submenu > a:last-child { margin-bottom: 0; }
.nav-links > details.drop:first-of-type > .submenu > a:hover,
.nav-links > details.drop:first-of-type > .submenu > a:focus-visible {
  background: #dce3eb;
  border-color: #145789;
  color: #0c3b61;
}
.nav-links > details.drop:first-of-type > .submenu > a:focus-visible {
  outline: 2px solid #145789;
  outline-offset: 2px;
}
@media (max-width: 650px) {
  .nav-links > details.drop:first-of-type > .submenu {
    width: auto;
    max-width: 100%;
    max-height: 65vh;
    margin: 0 8px 8px;
    padding: 9px;
  }
  .nav-links > details.drop:first-of-type > .submenu > a {
    font-size: 16px;
    line-height: 1.4;
    padding: 12px 13px;
    min-height: 46px;
  }
}