:root{
  --ig-pourpre:#5b214f;
  --ig-violet:#73507f;
  --ig-or:#c89252;
  --ig-or-fonce:#b87c3c;
  --ig-ivoire:#fffaf6;
  --ig-ligne:rgba(200,146,82,.42);
}

/* ===== HEADER VALIDÉ ===== */
.ig-site-header{
  position:relative;
  z-index:1000;
  width:100%;
  background:linear-gradient(180deg,#fffdfb 0%,#fffaf6 100%);
  border-bottom:1px solid var(--ig-ligne);
  font-family:"Montserrat",Arial,sans-serif;
  line-height:normal;
}
.ig-header-inner{
  width:min(96%,1600px);
  min-height:102px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(260px,295px) minmax(630px,1fr) 225px;
  align-items:center;
  gap:24px;
  padding:9px 0;
}
.ig-brand{
  display:block;
  text-decoration:none;
  line-height:0;
  min-width:0;
}
.ig-brand img{
  display:block;
  width:100%;
  max-width:285px;
  max-height:108px;
  object-fit:contain;
  object-position:left center;
}
.ig-main-nav{
  position:relative;
  align-self:stretch;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(14px,1.12vw,24px);
}
.ig-main-nav a{
  position:relative;
  display:flex;
  align-items:center;
  height:auto;
  padding:9px 0 10px;
  color:var(--ig-pourpre);
  text-decoration:none;
  white-space:nowrap;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:18px;
  font-weight:500;
  transition:color .16s ease;
}
.ig-main-nav a:hover{color:var(--ig-violet)}
.ig-main-nav a.active{
  color:#6f3f78;
  font-weight:600;
}
.ig-nav-indicator{
  position:absolute;
  left:0;
  top:0;
  width:0;
  height:2px;
  border-radius:2px;
  background:var(--ig-or);
  transition:left .28s ease,width .28s ease,top .28s ease;
  pointer-events:none;
}
.ig-phone{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  min-height:58px;
  padding:0 19px;
  border-radius:12px;
  background:linear-gradient(135deg,#d19a58 0%,#b97838 76%,#6f3f78 100%);
  box-shadow:0 8px 20px rgba(142,92,42,.13);
  color:#fff;
  text-decoration:none;
  white-space:nowrap;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:22px;
  font-weight:500;
}
.ig-phone svg{
  width:22px;
  height:22px;
  fill:currentColor;
  flex:0 0 auto;
}

/* Accueil : l'ancien menu était intégré au visuel. Il est remplacé par le vrai header. */
body.ig-page-accueil .interactive-menu,
body.ig-page-accueil .hs-home,
body.ig-page-accueil .hs-vendre,
body.ig-page-accueil .hs-acheter,
body.ig-page-accueil .hs-estimation,
body.ig-page-accueil .hs-biens,
body.ig-page-accueil .hs-communes,
body.ig-page-accueil .hs-conseils,
body.ig-page-accueil .hs-apropos,
body.ig-page-accueil .hs-contact,
body.ig-page-accueil .hs-phone{
  display:none !important;
}
body.ig-page-accueil .reference-top .hs-cta{top:39.3%}
body.ig-page-accueil .reference-top .hs-panel{top:7.9%;height:55.3%}

/* Acheter : conserve sa carte simple sous le header. */
body.ig-page-acheter{
  display:block !important;
  min-height:100vh;
  padding:0 !important;
}
body.ig-page-acheter > main{
  margin:42px auto !important;
}

@media(max-width:1320px){
  .ig-header-inner{
    grid-template-columns:minmax(245px,275px) minmax(560px,1fr) 195px;
    gap:18px;
  }
  .ig-brand img{max-width:270px;max-height:104px}
  .ig-main-nav{gap:13px}
  .ig-main-nav a{font-size:16px}
  .ig-phone{font-size:19px;padding:0 14px}
}
@media(max-width:1080px){
  .ig-header-inner{
    grid-template-columns:1fr auto;
    min-height:auto;
    padding:9px 0;
  }
  .ig-brand img{max-width:260px}
  .ig-main-nav{
    grid-column:1/-1;
    order:3;
    height:48px;
    overflow-x:auto;
    justify-content:flex-start;
    gap:18px;
  }
  .ig-main-nav a{font-size:16px}
}
@media(max-width:680px){
  .ig-header-inner{width:94%}
  .ig-brand img{max-width:235px;max-height:96px}
  .ig-phone{min-height:46px;font-size:16px;padding:0 12px}
  .ig-phone svg{width:18px;height:18px}
}


/* =========================================================
   HEADER V10 — logo réduit sur toutes les pages
   ========================================================= */
.ig-brand img{max-width:270px!important;max-height:104px!important}
@media (max-width:1320px){
  .ig-brand img{max-width:255px!important;max-height:98px!important}
}
@media (max-width:1080px){
  .ig-brand img{max-width:245px!important;max-height:94px!important}
}
@media (max-width:680px){
  .ig-brand img{max-width:225px!important;max-height:88px!important}
}

/* =========================================================
   HEADER V16 — suppression du trait de séparation sous le header
   Même réglage sur les 8 pages.
   ========================================================= */
.ig-site-header{
  border-bottom:0!important;
}

/* IG_HEADER_FIXE_20261013 */
html{scroll-padding-top:calc(var(--ig-fixed-header-height,122px) + 18px)}
body .ig-site-header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:1000!important;box-shadow:0 3px 18px rgba(91,33,79,.06)}
.ig-header-spacer{display:block;flex:none;width:100%;height:var(--ig-fixed-header-height,122px);pointer-events:none}
.ig-site-header.menu-open{max-height:95vh;max-height:95dvh;overflow-y:auto;overscroll-behavior:contain}
@media(max-width:760px){.ig-header-spacer{height:var(--ig-fixed-header-height,112px)}}