:root{--navy:#06182d;--navy2:#092844;--blue:#0a84ff;--blue2:#0871dc;--text:#0b1426;--muted:#5f6b7a;--white:#fff;--soft:#f5f8fc;--shadow:0 18px 45px rgba(5,24,45,.12)}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.55}.site-header{height:116px;background:linear-gradient(90deg,#06182d,#051224);display:flex;align-items:center;justify-content:space-between;gap:28px;padding:18px 7vw;position:sticky;top:0;z-index:10;box-shadow:0 6px 20px rgba(0,0,0,.2)}.brand img{height:78px;max-width:100%;object-fit:contain}.main-nav{display:flex;align-items:center;justify-content:center;gap:26px;flex:1}.main-nav a{color:white;text-decoration:none;font-weight:800;font-size:16px;letter-spacing:.2px;opacity:.9;transition:opacity .2s,color .2s}.main-nav a:hover{color:var(--blue);opacity:1}.phone-top{color:white;text-decoration:none;display:grid;grid-template-columns:56px auto;column-gap:14px;align-items:center}.phone-top span{grid-row:1/3;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--blue),#006ee6);font-size:26px}.phone-top strong{font-size:28px;letter-spacing:.5px}.phone-top small{font-size:16px;opacity:.9}.hero{min-height:535px;display:grid;grid-template-columns:42% 58%;background:linear-gradient(90deg,#06182d 0%,#071f35 38%,transparent 63%);position:relative;overflow:hidden}.hero-content{padding:82px 6vw;color:#fff;z-index:1}.eyebrow{color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:2px;margin:0 0 12px}.center{text-align:center}.hero h1{font-size:clamp(42px,5vw,64px);line-height:1.08;margin:0 0 24px}.lead{font-size:20px;max-width:620px}.hero-image{background:linear-gradient(90deg,rgba(6,24,45,.55),rgba(6,24,45,0)),url('assets/hero-salle-de-bain.jpg') center/cover no-repeat;position:absolute;inset:0 0 0 36%}.actions{display:flex;gap:20px;flex-wrap:wrap;margin-top:36px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;border-radius:8px;text-decoration:none;font-weight:800}.primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:white}.secondary{border:1px solid rgba(255,255,255,.85);color:white;background:rgba(255,255,255,.06)}.section{padding:64px 7vw}.section h2{text-align:center;font-size:34px;line-height:1.15;margin:0 0 36px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1080px;margin:0 auto}.card{padding:34px 28px;text-align:center;border-radius:10px;background:white;box-shadow:var(--shadow);border:1px solid #edf1f7}.icon{font-size:48px;margin-bottom:14px}.card h3{font-size:20px}.card p{color:#263246}.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;background:var(--soft)}.split h2{text-align:left;margin-bottom:18px}.split p{font-size:18px;color:#344056}.split img,.gallery img{width:100%;border-radius:16px;box-shadow:var(--shadow);display:block}.checks{padding-left:0;list-style:none}.checks li{margin:10px 0}.checks li:before{content:'✓';color:var(--blue);font-weight:900;margin-right:10px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.gallery img{height:240px;object-fit:cover}.contact{background:linear-gradient(135deg,#06182d,#092844);color:white}.contact-box{max-width:980px;margin:0 auto;text-align:center}.contact h2{color:white}.contact p{color:#eaf2ff}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.contact-grid a,.contact-grid div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:20px;text-decoration:none;color:white}.contact-grid strong,.contact-grid span{display:block}footer{text-align:center;padding:24px;background:#03101f;color:#dce8f7}@media(max-width:900px){.site-header{height:auto;padding:16px 20px;gap:15px;flex-direction:column}.brand img{height:62px}.main-nav{width:100%;flex-wrap:wrap;gap:10px 18px}.main-nav a{font-size:15px}.phone-top strong{font-size:22px}.hero{grid-template-columns:1fr;background:#06182d}.hero-image{position:relative;inset:auto;height:300px;grid-row:1;background:url('assets/hero-salle-de-bain.jpg') center/cover no-repeat}.hero-content{padding:42px 24px}.cards,.split,.contact-grid{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}.gallery img{height:210px}}@media(max-width:520px){.main-nav{display:grid;grid-template-columns:1fr 1fr;text-align:center}.actions{flex-direction:column}.btn{width:100%}.gallery{grid-template-columns:1fr}.hero h1{font-size:38px}.section{padding:48px 22px}}


.info-banner{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
padding:42px 7vw;
background:linear-gradient(135deg,#06182d,#092844);
color:white;
text-align:center
}
.info-item{
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.12);
border-radius:14px;
padding:28px 20px;
box-shadow:0 10px 30px rgba(0,0,0,.18)
}
.info-icon{
font-size:34px;
margin-bottom:12px
}
.info-item strong{
font-size:20px;
display:block
}

@media(max-width:900px){
.info-banner{
grid-template-columns:1fr;
}
}


/* Correction couleur : fond du header aligné avec le fond du logo */
:root{
  --logo-bg:#000f22;
}

.site-header{
  background:#000f22 !important;
  box-shadow:0 6px 20px rgba(0,0,0,.20);
}

.brand{
  display:flex;
  align-items:center;
  background:#000f22;
}

.brand img{
  display:block;
  background:#000f22;
}

@media(max-width:900px){
  .site-header{
    background:#000f22 !important;
  }
}


/* Alignement du logo avec le contenu principal en dessous */
.site-header{
  padding-left:7vw !important;
  padding-right:7vw !important;
}

.brand{
  margin:0 !important;
  padding:0 !important;
}

.brand img{
  margin:0 !important;
}

.hero-content{
  padding-left:7vw !important;
}

@media(max-width:900px){
  .site-header{
    align-items:flex-start !important;
    padding-left:24px !important;
    padding-right:24px !important;
  }

  .hero-content{
    padding-left:24px !important;
    padding-right:24px !important;
  }
}


/* Correction affichage logo */
.brand{
  flex-shrink:0;
  max-width:430px;
  overflow:hidden;
}

.brand img{
  width:auto !important;
  height:78px !important;
  max-width:430px !important;
  object-fit:contain !important;
  display:block;
}

@media(max-width:900px){
  .brand{
    max-width:100%;
  }
  .brand img{
    height:62px !important;
    max-width:100% !important;
  }
}


/* Agrandissement du logo */
.site-header{
  min-height:130px;
}

.brand{
  max-width:none !important;
}

.brand img{
  height:110px !important;
  max-width:none !important;
  width:auto !important;
}

@media(max-width:900px){
  .site-header{
    min-height:auto;
  }

  .brand img{
    height:82px !important;
    max-width:100% !important;
  }
}


/* Logo encore plus grand */
.site-header{
  min-height:150px !important;
}

.brand img{
  height:128px !important;
  width:auto !important;
  max-width:none !important;
}

@media(max-width:900px){
  .brand img{
    height:96px !important;
    max-width:100% !important;
  }
}


/* Correction définitive : le header prend exactement la couleur du fond du logo */
:root{
  --logo-bg-exact:#010b17;
}

.site-header,
header.site-header{
  background:#010b17 !important;
  background-image:none !important;
  box-shadow:0 6px 20px rgba(0,0,0,.20);
}

.brand,
.brand img{
  background:#010b17 !important;
}

@media(max-width:900px){
  .site-header,
  header.site-header{
    background:#010b17 !important;
    background-image:none !important;
  }
}