:root{--blue:#062b67;--blue2:#0d56b6;--green:#55a521;--orange:#f39a19;--ink:#10264a;--light:#f5f8fc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#17243a;background:white;line-height:1.5}
a{text-decoration:none;color:inherit}.top{background:var(--blue);color:#fff;padding:8px 4vw;display:flex;gap:28px;justify-content:center;flex-wrap:wrap;font-size:14px}
header{position:sticky;top:0;z-index:10;background:#fff;box-shadow:0 2px 12px #0001}.nav{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;gap:20px}
.logo{width:245px;height:125px;object-fit:contain;display:block}.menu{display:flex;gap:22px;align-items:center;font-weight:700;color:var(--ink)}.menu a:hover{color:var(--blue2)}
.btn{display:inline-block;padding:13px 20px;border-radius:9px;background:var(--blue2);color:white;font-weight:800;border:0}.btn.green{background:var(--green)}.btn.orange{background:var(--orange)}
.hero{min-height:480px;display:flex;align-items:center;background:linear-gradient(90deg,#fff 0%,#ffffffee 43%,#ffffff22 72%),url('assets/1000011431.jpg') center/cover no-repeat}
.hero .inner,.section{max-width:1180px;margin:auto;padding:54px 24px;width:100%}.hero h1{font-size:54px;line-height:1.02;margin:0;color:var(--blue)}.hero h2{font-size:28px;margin:10px 0}.green-t{color:var(--green)}.blue-t{color:var(--blue2)}.orange-t{color:var(--orange)}
.hero p{max-width:650px;font-size:18px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
h2.title{text-align:center;color:var(--blue);font-size:34px;margin:0 0 28px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border-radius:16px;box-shadow:0 6px 24px #1232 0 0;box-shadow:0 6px 24px rgba(13,43,83,.10);overflow:hidden;border:1px solid #e8edf5}.card img{width:100%;height:210px;object-fit:cover}.card .pad{padding:20px}.card h3{color:var(--blue);margin:0 0 8px}.card ul{padding-left:18px}.band{background:var(--blue);color:white}.band .section{display:flex;justify-content:space-between;gap:20px;align-items:center}.features{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;text-align:center}.feature{padding:18px}.feature b{display:block;color:var(--blue);margin:8px 0}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery figure{margin:0;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 4px 16px #0002}.gallery img{width:100%;height:260px;object-fit:cover;display:block}.gallery figcaption{padding:11px 13px;font-weight:700;color:var(--blue)}
.service-hero{background:var(--light)}.split{display:grid;grid-template-columns:1fr 1.2fr;gap:35px;align-items:center}.split img{width:100%;max-height:430px;object-fit:cover;border-radius:18px}.split h1{font-size:46px;color:var(--blue);margin:0}.pill{display:inline-block;background:#eaf4ff;color:var(--blue);padding:7px 12px;border-radius:999px;font-weight:700}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-box{padding:28px;background:var(--light);border-radius:16px}.contact-box input,.contact-box textarea{width:100%;padding:12px;margin:7px 0;border:1px solid #ccd6e5;border-radius:8px;font:inherit}.contact-box textarea{min-height:120px}
footer{background:#052658;color:white;padding:36px 24px 18px}.foot{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px}.foot img{width:150px;background:white;border-radius:10px}.legal{max-width:1180px;margin:24px auto 0;border-top:1px solid #ffffff44;padding-top:14px;font-size:13px}
.mobile{display:none}
@media(max-width:850px){.menu{display:none}.mobile{display:block}.hero{min-height:560px;background:linear-gradient(#ffffffee,#ffffffcc),url('assets/1000011431.jpg') center/cover}.hero h1{font-size:40px}.cards,.gallery{grid-template-columns:1fr 1fr}.features{grid-template-columns:1fr 1fr}.split,.contact-grid,.foot{grid-template-columns:1fr}.band .section{display:block}.logo{width:190px;height:105px}}
@media(max-width:520px){.cards,.gallery,.features{grid-template-columns:1fr}.hero h1,.split h1{font-size:34px}.top{font-size:12px;gap:10px}.section,.hero .inner{padding:38px 16px}}
.plumbing-mockup{width:100%;background:#fff;overflow:hidden}.plumbing-mockup img{display:block;width:100%;height:auto;margin:0 auto}
/* V7 — repères de confiance discrets */
.trust-strip{max-width:1180px;margin:0 auto;padding:7px 20px;display:flex;align-items:center;justify-content:flex-end;gap:10px;background:#fff;font-size:12px;color:#4a5870;border-top:1px solid #eef2f7}
.fr-mark{display:flex;width:30px;height:4px;border-radius:4px;overflow:hidden;box-shadow:0 0 0 1px #0000000a}
.fr-mark span{flex:1}.fr-mark span:nth-child(1){background:#0055a4}.fr-mark span:nth-child(2){background:#fff}.fr-mark span:nth-child(3){background:#ef4135}
.trust-copy{display:flex;align-items:center;gap:6px;white-space:nowrap}.trust-copy strong{color:#173a70}
.bv-logo{width:34px;height:34px;object-fit:contain;filter:saturate(.9);opacity:.82}
@media(max-width:850px){.trust-strip{justify-content:center;padding:6px 12px;gap:7px}.trust-copy{font-size:10px;white-space:normal;line-height:1.2}.bv-logo{width:29px;height:29px}.fr-mark{width:25px}}


/* V8 — contact téléphonique AS Clim Solutions */
.call-highlight{max-width:1180px;margin:26px auto 0;padding:0 24px}.call-panel{background:linear-gradient(135deg,#062b67,#0d56b6);color:#fff;border-radius:18px;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:22px;box-shadow:0 10px 28px rgba(6,43,103,.18)}.call-panel .call-kicker{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.82}.call-panel h2{margin:2px 0 4px;font-size:25px}.call-panel p{margin:0;opacity:.9}.call-number{display:inline-flex;align-items:center;gap:9px;background:#fff;color:#062b67;border-radius:12px;padding:13px 18px;font-size:23px;font-weight:900;white-space:nowrap;box-shadow:0 4px 14px #0002}.call-number:hover{transform:translateY(-1px)}
.mobile-contact-bar{display:none}
@media(max-width:850px){body{padding-bottom:72px}.call-highlight{padding:0 16px}.call-panel{display:block;text-align:center;padding:20px 16px}.call-panel h2{font-size:21px}.call-number{margin-top:15px;font-size:22px}.mobile-contact-bar{position:fixed;left:10px;right:10px;bottom:10px;z-index:999;display:grid;grid-template-columns:1.12fr .88fr;gap:7px;padding:7px;background:rgba(255,255,255,.96);border:1px solid #e1e8f2;border-radius:16px;box-shadow:0 8px 28px rgba(4,28,70,.25);backdrop-filter:blur(10px)}.mobile-contact-bar a{min-height:50px;border-radius:11px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:900;font-size:14px}.mobile-contact-bar .mobile-call{background:#0d56b6;color:#fff}.mobile-contact-bar .mobile-quote{background:#55a521;color:#fff}.mobile-contact-bar .mobile-call span{display:block;font-size:11px;font-weight:700;opacity:.9;margin-left:5px}}

/* V10 — marques installées régulièrement */
.brands-section{background:#f7f9fc;border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6}.brands-head{text-align:center;max-width:820px;margin:0 auto 24px}.brands-head .title{margin:10px 0 8px;font-size:28px}.brands-head p{margin:0;color:#56657a}.brand-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 12px}.brand-list span{background:#fff;border:1px solid #dfe7f1;color:#173a70;border-radius:999px;padding:11px 16px;font-size:13px;font-weight:900;letter-spacing:.025em;box-shadow:0 3px 12px rgba(13,43,83,.06)}
@media(max-width:520px){.brands-head .title{font-size:23px}.brand-list{gap:8px}.brand-list span{padding:9px 12px;font-size:11px}}

/* V11 — présentation visuelle des marques */
.brand-visual{margin:22px auto 0;max-width:1100px;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(13,55,112,.10);border:1px solid #e3ebf5}
.brand-visual img{display:block;width:100%;height:auto}
@media(max-width:700px){.brand-visual{border-radius:16px;margin-top:16px}.brand-visual img{width:100%;height:auto}}

/* V13 - preuve mise en service */
.commissioning-proof{margin-top:16px;padding-top:14px;border-top:1px solid #e3eaf2}.commissioning-proof p{margin:7px 0;font-size:.94rem;line-height:1.45;color:#173e73}.commissioning-bv{display:block;width:72px;height:auto;margin-top:12px;opacity:.82;border-radius:4px}@media(max-width:700px){.commissioning-bv{width:64px}}

/* V14 — logo Bureau Veritas compact dans Mise en service */
.commissioning-proof{position:relative;padding-right:92px;min-height:82px}
.commissioning-bv{position:absolute;right:0;bottom:0;width:76px!important;height:76px!important;max-width:76px!important;object-fit:contain!important;object-position:center!important;margin:0!important;border-radius:8px!important;background:#fff;padding:3px;opacity:.92}
@media(max-width:700px){.commissioning-proof{padding-right:84px;min-height:78px}.commissioning-bv{width:70px!important;height:70px!important;max-width:70px!important}}

/* V15 — introduction Climatisation plus attractive */
.clim-intro{max-width:980px}.clim-intro h1{font-size:46px;color:var(--blue);margin:8px 0 24px}.clim-intro h2{margin:0 0 22px;color:#10264a;font-size:38px;line-height:1.12}.clim-intro h2 span{display:block;color:#0d7de3;font-style:italic;font-weight:800;margin-top:4px}.clim-intro>p{max-width:760px;font-size:20px;line-height:1.55;margin:0 0 26px}.clim-intro-features{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.clim-intro-features>div{background:#fff;border:1px solid #e0e9f3;border-radius:14px;padding:16px 12px;text-align:center;box-shadow:0 4px 14px rgba(13,43,83,.06);color:#123b72}.clim-intro-signature{margin-top:24px;color:#0d56b6;font-size:24px;font-weight:800;font-style:italic}.clim-intro-signature:after{content:"";display:block;width:180px;height:3px;background:#0d7de3;border-radius:99px;margin-top:6px}
@media(max-width:700px){.clim-intro h1{font-size:34px;margin-bottom:22px}.clim-intro h2{font-size:29px}.clim-intro>p{font-size:18px}.clim-intro-features{grid-template-columns:1fr 1fr}.clim-intro-features>div{padding:14px 8px;font-size:14px}.clim-intro-signature{font-size:21px}}

/* V16 — Hero Climatisation : salon moderne + unité murale */
.service-hero.clim-hero-photo{
  position:relative;
  min-height:620px;
  display:flex;
  align-items:center;
  background-image:
    linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.91) 38%,rgba(255,255,255,.28) 68%,rgba(255,255,255,.06) 100%),
    url('https://images.pexels.com/photos/7614543/pexels-photo-7614543.jpeg?auto=compress&cs=tinysrgb&w=1800');
  background-size:cover;
  background-position:center 47%;
  background-repeat:no-repeat;
}
.service-hero.clim-hero-photo .section{position:relative;z-index:1}
.service-hero.clim-hero-photo .clim-intro{max-width:650px}
@media(max-width:850px){
  .service-hero.clim-hero-photo{
    min-height:650px;
    background-image:
      linear-gradient(180deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.91) 54%,rgba(255,255,255,.58) 100%),
      url('https://images.pexels.com/photos/7614543/pexels-photo-7614543.jpeg?auto=compress&cs=tinysrgb&w=1200');
    background-position:center center;
  }
}
/* V17 — services climatisation intégrés au visuel, sans cartes blanches */
.clim-intro-features{gap:0;margin-top:18px;align-items:stretch}
.clim-intro-features>div{background:transparent;border:0;border-radius:0;box-shadow:none;padding:16px 18px;text-align:center;color:#123b72;display:flex;align-items:flex-start;justify-content:center;min-height:92px}
.clim-intro-features>div+div{border-left:1px solid rgba(18,59,114,.28)}
.clim-intro-features b{font-size:18px;line-height:1.35}
@media(max-width:700px){.clim-intro-features{grid-template-columns:1fr 1fr;gap:0}.clim-intro-features>div{background:transparent;border:0;box-shadow:none;border-radius:0;padding:13px 8px;min-height:78px}.clim-intro-features>div:nth-child(even){border-left:1px solid rgba(18,59,114,.28)}.clim-intro-features>div:nth-child(n+3){border-top:1px solid rgba(18,59,114,.20)}.clim-intro-features b{font-size:15px}}