*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,sans-serif;color:#152033;background:#fff}
header{height:72px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5eaf0;background:#fff;position:sticky;top:0;z-index:5}
.brand{font-size:24px;font-weight:900;color:#1455a0;text-decoration:none}.brand b{color:#e3ad00}
nav{display:flex;gap:28px}nav a{color:#152033;text-decoration:none;font-weight:700;font-size:15px}
.hero{padding:105px 7% 90px;min-height:590px;display:flex;align-items:center;background:linear-gradient(135deg,#eef5ff 0%,#fff 72%);border-bottom:1px solid #edf1f6}
.hero-inner{max-width:950px}.eyebrow{color:#1455a0;font-weight:900;letter-spacing:1.4px;font-size:14px}
h1{font-size:clamp(44px,6vw,76px);line-height:1.02;margin:18px 0 22px;max-width:900px}h2{font-size:clamp(30px,4vw,42px);margin:10px 0 16px}
.hero p,section p{color:#64748b;font-size:18px;line-height:1.65;max-width:850px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-block;background:#1455a0;color:#fff;padding:15px 21px;border-radius:9px;text-decoration:none;font-weight:800;border:0;cursor:pointer;margin-top:10px;font-size:15px}.btn.alt{background:#fff;color:#1455a0;border:1px solid #ccd8e8}
.hero-points{display:flex;gap:24px;flex-wrap:wrap;margin-top:30px;color:#52647a;font-size:14px;font-weight:700}
section{padding:82px 7%}.section-head p{margin-bottom:0}
.search-panel{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:12px;margin-top:30px;padding:22px;background:#fff;border:1px solid #dfe7f0;border-radius:14px;box-shadow:0 12px 35px #14325a12}
label{display:flex;flex-direction:column;gap:7px;color:#42546a;font-weight:800;font-size:13px}select{padding:14px;border:1px solid #d6deea;border-radius:8px;background:#fff;color:#152033;font-size:15px}.search-btn{margin-top:21px}
.empty{margin-top:30px;padding:58px 24px;text-align:center;border:1px dashed #cbd5e1;border-radius:14px;background:#fbfdff}.empty-icon{font-size:44px}.empty h3{font-size:24px;margin:14px 0 8px}.empty p{margin:0 auto;max-width:700px}
.light{background:#f5f8fc}.cols{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.feature-card{background:#fff;padding:28px;border-radius:16px;box-shadow:0 12px 35px #14325a12}
.feature{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid #edf1f6;font-size:22px}.feature:last-child{border-bottom:0}.feature div{display:flex;flex-direction:column;gap:5px}.feature b{font-size:16px}.feature span{font-size:14px;color:#64748b;line-height:1.5}
.cta-section{background:#fff}.cta{text-align:center;max-width:780px;margin:auto}.cta p{margin:0 auto}
footer{padding:35px 7%;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;background:#152033;color:#fff}
@media(max-width:800px){header{padding:0 5%}nav{display:none}.hero,section{padding-left:5%;padding-right:5%}.search-panel,.cols{grid-template-columns:1fr}.search-btn{margin-top:0}.hero-points{gap:12px;flex-direction:column}}

.results-bar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:26px 0 12px;color:#64748b}.results-bar b{color:#152033;font-size:18px}.listing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.listing-card{background:#fff;border:1px solid #e1e8f0;border-radius:14px;overflow:hidden;box-shadow:0 8px 25px #14325a10;transition:transform .2s,box-shadow .2s}.listing-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px #14325a18}.listing-image{height:190px;background-size:cover;background-position:center;position:relative}.listing-badge{position:absolute;top:14px;left:14px;background:#fff;color:#1455a0;padding:7px 10px;border-radius:7px;font-size:12px;font-weight:900}.listing-body{padding:20px}.listing-body h3{margin:5px 0 8px;font-size:21px}.listing-location{color:#64748b;font-size:14px}.listing-meta{display:flex;gap:14px;flex-wrap:wrap;margin:15px 0;color:#52647a;font-size:13px}.listing-price{font-size:23px;font-weight:900;color:#152033}.listing-agency{font-size:13px;color:#64748b;margin:8px 0}.listing-card .btn{width:100%;text-align:center}.modal{position:fixed;inset:0;background:#152033aa;display:none;align-items:center;justify-content:center;padding:20px;z-index:20}.modal.open{display:flex}.modal-card{background:#fff;border-radius:18px;max-width:850px;width:100%;max-height:90vh;overflow:auto;position:relative;padding:30px}.modal-close{position:absolute;right:18px;top:14px;border:0;background:#fff;font-size:34px;line-height:1;cursor:pointer;color:#152033}.detail-image{height:280px;border-radius:12px;background-size:cover;background-position:center;margin-bottom:22px}.detail-price{font-size:30px;font-weight:900;margin:10px 0}.detail-meta{display:flex;gap:18px;flex-wrap:wrap;color:#52647a;margin:15px 0}.detail-description{color:#64748b;line-height:1.7}.detail-agency{background:#f5f8fc;padding:18px;border-radius:10px;margin-top:22px}@media(max-width:1000px){.listing-grid{grid-template-columns:1fr 1fr}}@media(max-width:800px){.listing-grid{grid-template-columns:1fr}.results-bar{align-items:flex-start;flex-direction:column}.listing-image{height:210px}.detail-image{height:210px}}
.agency-section{background:#fff}.form-wrap{max-width:1050px;margin:auto}.agency-form{margin-top:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.agency-form label{color:#42546a}.agency-form input,.agency-form select{width:100%;margin-top:7px;padding:14px;border:1px solid #d6deea;border-radius:8px;background:#fff;color:#152033;font-size:15px}.pro-box{margin:22px 0;padding:24px;background:#f5f8fc;border:1px solid #e0e7ef;border-radius:14px}.pro-box h3{margin:0 0 8px;color:#152033}.help{font-size:13px!important;color:#64748b!important;line-height:1.5!important}.radio-row{display:flex;gap:24px;flex-wrap:wrap;margin:18px 0}.radio-row label,.check{display:flex;flex-direction:row;align-items:flex-start;gap:9px;font-weight:600}.radio-row input,.check input{width:auto;margin-top:3px}.file-label{margin-top:18px}.consent-box{display:grid;gap:12px;margin:22px 0}.form-message{margin-top:14px;font-weight:700;color:#1455a0}.rgpd-section{background:#f5f8fc}.rgpd-wrap{max-width:1050px;margin:auto}.rgpd-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:25px}.rgpd-grid article{background:#fff;padding:22px;border-radius:12px;border:1px solid #e1e8f0}.rgpd-grid h3{margin-top:0}.rgpd-grid p{font-size:15px}.rgpd-note{margin-top:20px;padding:18px;border-left:4px solid #e3ad00;background:#fff;color:#52647a;line-height:1.6}footer a{color:#fff;text-decoration:none}@media(max-width:800px){.form-grid,.rgpd-grid{grid-template-columns:1fr}.pro-box{padding:18px}}

.reunion-flag{width:180px;height:120px;margin:0 0 22px;position:relative;display:block;overflow:hidden;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.24);border:3px solid rgba(255,255,255,.9)}
.reunion-flag svg{display:block;width:100%;height:100%}
@media(max-width:700px){.reunion-flag{width:150px;height:100px;margin-bottom:18px}}
.reunion-flag span:nth-child(1){background:#d81e05}.reunion-flag span:nth-child(2){background:#f6c900}.reunion-flag span:nth-child(3){background:#f6c900}.reunion-flag span:nth-child(4){background:#1976d2}

/* Recherche avancée, carte et fiches immobilières */
.advanced-search{grid-template-columns:repeat(3,1fr)}
.search-actions{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}
.search-actions .btn{flex:1;min-width:130px}
.price-note{font-size:12px;font-weight:800;color:#18733d;white-space:nowrap}
.feature-pills{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}
.feature-pills span{background:#eef5ff;color:#1455a0;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800}
.listing-agency a{color:#1455a0;font-weight:800;text-decoration:none}
.map-block{margin-top:45px;padding:26px;background:#f5f8fc;border:1px solid #e1e8f0;border-radius:16px}
.map-head h3{margin:8px 0 6px;font-size:25px}
.map-head p{margin:0 0 18px;font-size:15px}
.reunion-map{height:420px;border-radius:12px;overflow:hidden;border:1px solid #dce5ef;background:#dfeaf4}
.detail-gallery{margin-bottom:22px}
.detail-main-image{display:block;width:100%;height:330px;object-fit:cover;border-radius:12px}
.detail-thumbs{display:flex;gap:10px;margin-top:10px;overflow:auto}
.detail-thumb{border:2px solid transparent;background:#fff;padding:0;border-radius:8px;cursor:pointer;flex:0 0 110px}
.detail-thumb.active{border-color:#1455a0}
.detail-thumb img{display:block;width:106px;height:76px;object-fit:cover;border-radius:6px}
.fee-breakdown{display:flex;flex-wrap:wrap;gap:12px;padding:12px 14px;background:#f5f8fc;border-radius:10px;color:#52647a;font-size:13px}
.fee-breakdown span{padding-right:12px;border-right:1px solid #dbe3ed}
.fee-breakdown span:last-child{border-right:0}
.detail-meta{margin-top:18px}
.detail-meta span{padding:10px 12px;background:#f8fafc;border:1px solid #e6edf5;border-radius:9px;font-size:13px}
.detail-features{margin-top:8px}
.agency-reference{font-size:13px;color:#52647a}
.detail-contact-actions{display:flex;gap:10px;flex-wrap:wrap}
.detail-contact-actions .btn{margin-top:0}
.detail-share{display:flex;align-items:center;gap:12px;margin-top:18px}
.detail-share .btn{margin-top:0}
.feature-checks{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}
.feature-check{display:flex;flex-direction:row!important;align-items:center;gap:9px;background:#f5f8fc;border:1px solid #e0e7ef;border-radius:10px;padding:12px 14px;font-weight:800!important}
.feature-check input{width:auto!important;margin:0!important}
textarea{width:100%;margin-top:7px;padding:14px;border:1px solid #d6deea;border-radius:8px;background:#fff;color:#152033;font-size:15px;resize:vertical}
@media(max-width:900px){.advanced-search{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.advanced-search{grid-template-columns:1fr}.search-actions{align-items:stretch}.reunion-map{height:330px}.detail-main-image{height:230px}.detail-contact-actions .btn{width:100%}.fee-breakdown{display:grid}.fee-breakdown span{border-right:0;border-bottom:1px solid #dbe3ed;padding:0 0 8px}.fee-breakdown span:last-child{border-bottom:0;padding-bottom:0}}

.attribute-filter{border:0;padding:0;margin:0;min-width:0}
.attribute-filter legend{color:#42546a;font-weight:800;font-size:13px;margin-bottom:7px}
.attribute-filter label{display:inline-flex;flex-direction:row;align-items:center;gap:7px;margin:0 10px 8px 0;padding:9px 11px;background:#f5f8fc;border:1px solid #dfe7f0;border-radius:999px;font-size:13px;font-weight:800;color:#42546a;cursor:pointer}
.attribute-filter input{width:auto;margin:0}
#landFilterWrap[hidden],#filterLandSurfaceMax{display:none}
#filterLandSurfaceMax{width:100%}

label[hidden],fieldset[hidden]{display:none!important}

/* Publicités */
.public-ad-slot{max-width:1200px;margin:24px auto;padding:0 7%}
.public-ad-card{display:flex;align-items:center;justify-content:center;gap:12px;min-height:90px;background:#fff;border:1px solid #dfe7f0;border-radius:12px;overflow:hidden;text-decoration:none;color:#152033;box-shadow:0 8px 24px #14325a10;font-weight:800}
.public-ad-card img{display:block;width:100%;height:110px;object-fit:cover}.public-ad-card span{padding:12px 18px}.public-ad-pdf{min-height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 24px;background:#f5f8fc;color:#152033}.public-ad-pdf span{font-size:30px;padding:0}.public-ad-pdf small{font-size:12px;color:#64748b}.public-ad-pdf-card{cursor:pointer}
.public-ad-placeholder{height:90px;display:flex;align-items:center;justify-content:center;background:#f5f8fc;color:#64748b;font-weight:900;letter-spacing:1px;width:100%}
.partners-ad-slot{margin-top:0;margin-bottom:0}
.listing-inline-ad{grid-column:1/-1}
.listing-inline-ad-card{min-height:85px}
.listing-inline-ad-card img{height:85px}
.detail-ad-card{margin:18px 0;min-height:80px}
.detail-ad-card img{height:80px}
@media(max-width:600px){.public-ad-slot{padding:0 5%}.public-ad-card{min-height:75px}.public-ad-card img{height:80px}.listing-inline-ad-card img{height:75px}}


/* Design ludique — esprit Réunion, sans modifier les fonctionnalités */
:root{
  --rp-blue:#1455a0;
  --rp-red:#e3262e;
  --rp-yellow:#f4d03f;
  --ink:#152033;
  --muted:#64748b;
  --soft:#f5f8fc;
}

body{
  background:
    radial-gradient(circle at 10% 8%,#f4d03f18 0,transparent 18%),
    radial-gradient(circle at 92% 12%,#e3262e12 0,transparent 20%),
    #fff;
}

header{
  height:76px;
  border-bottom:0;
  background:rgba(255,255,255,.94);
  box-shadow:0 5px 22px rgba(20,55,100,.08);
  backdrop-filter:blur(10px);
}
.brand{
  font-size:25px;
  letter-spacing:-.4px;
  transition:transform .2s ease;
}
.brand:hover{transform:translateY(-1px) rotate(-1deg)}
nav{gap:10px;align-items:center}
nav a{
  padding:10px 12px;
  border-radius:999px;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
nav a:hover{
  background:#eef5ff;
  color:var(--rp-blue);
  transform:translateY(-1px);
}

.hero{
  position:relative;
  overflow:hidden;
  min-height:560px;
  padding-top:88px;
  padding-bottom:80px;
  background:
    radial-gradient(circle at 86% 26%,#f4d03f45 0,transparent 18%),
    radial-gradient(circle at 92% 78%,#e3262e28 0,transparent 22%),
    linear-gradient(135deg,#eaf3ff 0%,#fff 62%,#fffaf0 100%);
}
.hero::before,
.hero::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
.hero::before{
  width:220px;
  height:220px;
  right:-70px;
  top:70px;
  background:#1455a014;
}
.hero::after{
  width:95px;
  height:95px;
  right:185px;
  bottom:70px;
  background:#e3262e18;
}
.hero-inner{position:relative;z-index:1}
.eyebrow{
  display:inline-block;
  padding:7px 11px;
  border-radius:999px;
  background:#eef5ff;
  color:var(--rp-blue);
  font-size:12px;
  letter-spacing:1.2px;
}
h1{
  max-width:820px;
  letter-spacing:-2.2px;
}
.hero p{max-width:760px}
.hero-actions{margin-top:8px}
.hero-actions .btn{
  border-radius:999px;
  padding:14px 20px;
  box-shadow:0 8px 20px rgba(20,85,160,.12);
}
.btn{
  border-radius:999px;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.btn:hover{
  transform:translateY(-2px);
  box-shadow:0 9px 22px rgba(20,85,160,.16);
}
.btn.alt:hover{background:#eef5ff}

.hero-points span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:#ffffffd9;
  border:1px solid #e1eaf4;
  padding:9px 12px;
  border-radius:999px;
  box-shadow:0 5px 15px rgba(20,55,100,.06);
}

.property-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:24px 0 10px;
}
.property-tab{
  border:1px solid #d9e3ef;
  background:#fff;
  color:#42546a;
  padding:11px 16px;
  border-radius:999px;
  font:800 13px Arial,sans-serif;
  cursor:pointer;
  transition:all .18s ease;
}
.property-tab:hover{
  border-color:#a9c1df;
  color:var(--rp-blue);
  transform:translateY(-1px);
}
.property-tab.active{
  background:var(--rp-blue);
  color:#fff;
  border-color:var(--rp-blue);
  box-shadow:0 8px 18px rgba(20,85,160,.18);
}

.search-panel{
  border:0;
  background:linear-gradient(135deg,#fff 0%,#f9fcff 100%);
  border-radius:20px;
  box-shadow:0 16px 45px rgba(20,50,90,.11);
  padding:24px;
}
.search-panel select,
.search-panel input,
.agency-form input,
.agency-form select,
textarea{
  border-color:#d8e3ef;
  border-radius:12px;
  transition:border-color .18s ease,box-shadow .18s ease;
}
.search-panel select:focus,
.search-panel input:focus,
.agency-form input:focus,
.agency-form select:focus,
textarea:focus{
  outline:0;
  border-color:#8bb1dc;
  box-shadow:0 0 0 4px #1455a014;
}

.search-actions .btn{border-radius:12px}
.results-bar{
  margin-top:30px;
  padding:0 4px;
}
.results-bar b{color:var(--rp-blue)}

.listing-grid{gap:24px}
.listing-card{
  border:1px solid #e2eaf3;
  border-radius:20px;
  box-shadow:0 10px 28px rgba(20,50,90,.08);
  transition:transform .22s ease,box-shadow .22s ease;
}
.listing-card:hover{
  transform:translateY(-6px) rotate(-.2deg);
  box-shadow:0 18px 38px rgba(20,50,90,.13);
}
.listing-image{
  height:205px;
}
.listing-badge{
  top:14px;
  left:14px;
  border-radius:999px;
  padding:8px 12px;
  box-shadow:0 6px 14px rgba(20,50,90,.12);
}
.listing-body{padding:21px}
.listing-body h3{font-size:22px;letter-spacing:-.3px}
.listing-meta span,
.feature-pills span{
  border-radius:999px;
}
.listing-price{color:var(--ink)}
.price-note{
  background:#eef8f1;
  padding:5px 8px;
  border-radius:999px;
}

.map-block{
  margin-top:52px;
  border:0;
  border-radius:20px;
  box-shadow:0 12px 32px rgba(20,50,90,.07);
}
.reunion-map{border-radius:16px}

.light{
  background:linear-gradient(180deg,#f7fbff 0%,#f5f8fc 100%);
}
.feature-card{
  border-radius:22px;
  box-shadow:0 14px 35px rgba(20,50,90,.09);
  border:1px solid #e6edf5;
}
.feature{
  padding:18px 4px;
}
.feature:first-child{padding-top:4px}
.feature:last-child{padding-bottom:4px}

.pro-box{
  border-radius:18px;
  background:linear-gradient(135deg,#f4f9ff 0%,#fff 100%);
  box-shadow:0 8px 24px rgba(20,50,90,.05);
}
.file-label{
  padding:16px;
  background:#fff;
  border:1px dashed #bed0e4;
  border-radius:14px;
}

.cta-section{
  background:
    radial-gradient(circle at 15% 20%,#f4d03f28 0,transparent 25%),
    radial-gradient(circle at 86% 75%,#e3262e20 0,transparent 24%),
    #fff;
}
.cta{
  padding:10px 0;
}
.photo-limit{
  margin:18px auto 8px;
  max-width:650px;
  padding:16px 18px;
  border-radius:16px;
  background:#fff8db;
  border:1px solid #f0df8f;
  color:#5d5118;
}

.rgpd-section{
  background:linear-gradient(180deg,#f5f8fc 0%,#edf4fb 100%);
}
.rgpd-grid article{
  border-radius:16px;
  box-shadow:0 8px 24px rgba(20,50,90,.05);
}

.public-ad-card{
  border-radius:16px;
  box-shadow:0 10px 25px rgba(20,50,90,.08);
}
.public-ad-card:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(20,50,90,.11);
}
.public-ad-card,
.public-ad-card *{transition:all .18s ease}

footer{
  background:linear-gradient(135deg,#102e56 0%,#152033 100%);
  border-top:4px solid var(--rp-yellow);
}

@media(max-width:800px){
  header{height:68px}
  .hero{padding-top:70px;padding-bottom:62px}
  h1{letter-spacing:-1.2px}
  .property-tabs{gap:7px}
  .property-tab{padding:10px 13px}
  .search-panel{padding:18px;border-radius:16px}
}
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}


/* Touche plus chaleureuse — palette douce et accueil convivial */
:root{
  --warm-cream:#fffaf1;
  --warm-sand:#fff4df;
  --warm-coral:#ef6a5b;
  --warm-brown:#6a4636;
}

body{
  background:
    radial-gradient(circle at 7% 10%,#f4d03f25 0,transparent 22%),
    radial-gradient(circle at 94% 16%,#ef6a5b18 0,transparent 24%),
    linear-gradient(180deg,#fffdf9 0%,#fff 34%,#fffaf6 100%);
}

header{
  background:rgba(255,253,249,.96);
  box-shadow:0 7px 24px rgba(90,62,45,.09);
}

nav a:hover{
  background:#fff2e6;
  color:#b84f43;
}

.hero{
  min-height:575px;
  background:
    radial-gradient(circle at 82% 22%,#f4d03f55 0,transparent 20%),
    radial-gradient(circle at 90% 78%,#ef6a5b28 0,transparent 24%),
    linear-gradient(135deg,#eef6ff 0%,#fffdf9 52%,#fff1df 100%);
}

.hero::before{
  width:250px;
  height:250px;
  right:-85px;
  top:55px;
  background:#f4d03f25;
}

.hero::after{
  width:115px;
  height:115px;
  right:175px;
  bottom:58px;
  background:#ef6a5b20;
}

.hero h1{
  max-width:880px;
  text-shadow:0 2px 0 #ffffffaa;
}

.hero-points span{
  background:#fffaf3e8;
  border-color:#f1dfca;
}

.eyebrow{
  background:#fff1dd;
  color:#b24d2f;
}

.btn{
  background:var(--rp-blue);
}
.btn.alt{
  background:#fffaf3;
  color:#b24d2f;
  border-color:#ead7c6;
}
.btn.alt:hover{
  background:#fff1df;
}

.property-tabs{
  margin-top:28px;
}
.property-tab{
  background:#fffdf9;
  border-color:#eadfD2;
}
.property-tab:hover{
  border-color:#e8b8a8;
  color:#b24d2f;
}
.property-tab.active{
  background:#ef6a5b;
  border-color:#ef6a5b;
  box-shadow:0 8px 18px rgba(239,106,91,.2);
}

.search-panel{
  background:linear-gradient(135deg,#fffdf9 0%,#fff8ef 100%);
  box-shadow:0 18px 46px rgba(95,68,45,.11);
}
.search-panel select,
.search-panel input,
.agency-form input,
.agency-form select,
textarea{
  background:#fff;
}

.listing-card{
  background:#fffdfa;
  border-color:#eee0d2;
  box-shadow:0 11px 28px rgba(95,68,45,.08);
}
.listing-card:hover{
  box-shadow:0 18px 38px rgba(95,68,45,.14);
}
.listing-badge{
  color:#b24d2f;
  background:#fff8ee;
  border:1px solid #f0ddca;
}
.listing-location{
  color:#876b5d;
}
.listing-meta{
  color:#725f55;
}
.listing-price{
  color:#4b3328;
}

.feature-pills span{
  background:#fff1e4;
  color:#b24d2f;
  border:1px solid #f1d8c7;
}

.map-block{
  background:#fff8ef;
  box-shadow:0 12px 32px rgba(95,68,45,.07);
}
.reunion-map{
  border-color:#eadbcb;
}

.light{
  background:
    radial-gradient(circle at 90% 12%,#f4d03f20 0,transparent 20%),
    linear-gradient(180deg,#fff8ef 0%,#f7fbff 100%);
}
.feature-card{
  background:#fffdfa;
  border-color:#eee0d2;
  box-shadow:0 14px 35px rgba(95,68,45,.09);
}

.pro-box{
  background:linear-gradient(135deg,#fff5e9 0%,#fff 100%);
  border-color:#ecdccf;
}
.file-label{
  background:#fffdf9;
  border-color:#e7bfab;
}

.photo-limit{
  background:#fff4d2;
  border-color:#efd98b;
  color:#68531d;
}

.cta-section{
  background:
    radial-gradient(circle at 12% 25%,#f4d03f35 0,transparent 25%),
    radial-gradient(circle at 88% 72%,#ef6a5b25 0,transparent 27%),
    linear-gradient(180deg,#fffdf9 0%,#fff5e9 100%);
}

.rgpd-section{
  background:linear-gradient(180deg,#fff8ef 0%,#f0f6fb 100%);
}
.rgpd-grid article{
  background:#fffdfa;
  border-color:#eee0d2;
}

.public-ad-card{
  background:#fffdf9;
  border-color:#eadfD2;
}

footer{
  background:linear-gradient(135deg,#7d3f32 0%,#17365e 100%);
  border-top-color:#f4d03f;
}

@media(max-width:800px){
  .hero{
    min-height:520px;
    background:
      radial-gradient(circle at 90% 15%,#f4d03f42 0,transparent 24%),
      linear-gradient(180deg,#eef6ff 0%,#fffdf9 72%,#fff5e9 100%);
  }
}


/* Nouvelle identité visuelle — coucher de soleil, lagon et forêt tropicale de La Réunion */
:root{
  --lagoon:#12a6a1;
  --forest:#1d674f;
  --sun:#ffc85a;
  --sand:#f8e5bd;
}

.hero{
  min-height:650px;
  align-items:flex-end;
  padding-top:100px;
  padding-bottom:90px;
  color:#fff;
  background:
    linear-gradient(90deg,rgba(8,37,64,.78) 0%,rgba(8,37,64,.38) 42%,rgba(8,37,64,.08) 72%,rgba(8,37,64,.02) 100%),
    url("data:image/webp;base64,UklGRsxsAABXRUJQVlA4IMBsAABwqgGdASq8Al0BPt1iqE+opSiqKFfc0UAbiU3R3IBeNorxjElCOuO/AlRP6WSFcr5Hbo8aTQ+EPzPl3fBd8D1AeT10rPNB5xfqC/zm/Yeg95z3rMf4Xf/+jP7aee3yv/U/47x5/KfrX9j/h/RRzj9k+pZ9D/Mn9r/MelX/T/1njj8l/9b/N+wj+a/1jz3oWPP39T0C/a37d+znkDf+HpD9n//L7gf9E88f954hP5f/ffuF8A39L/xH/l/1Huxf6P7i+jn7F9g38++zI0bKOW0sqpsjKzg/DXwTWKHscM1N+ALsZ63ZISaCM7EfgAD8kHma3VNu59kReFuiU3HyfbGEauWKp3J5pFjIivegw0DXNKFsMlT9vvKnsv/MImLl7nYtNmz1vic3e6QPyyI2yTZUkKY7LaqbJaCDW0baf656jAjRb82xRH7reGaZ58ef4d5wm8QW1NzbJhKB4nrsQksK76SVTNkrnHbkHzZrYEDdSq3y5tnlO3pvlZTfUz370MavcrP/jlzJfw6GI7+qdkBr5d1BLhfyvj8pOeZ0WS/2WLrZgGai/ZZcuo4x6OBhZG1ui/6wFFIBY3GvM6G/OyyBROJZrpiPPi/auz53NYdyBnRE3PeQf7Uth4eY6acOWvHrrNbJh242fJ2GWgnoSYnvsJIdhRhEJcv3Ik9oXX3eREBdFhkrwj+BLEFxoiaBva35CTY6+lYV+9n78jDrQVRMATimtQW3WaPREiR8vD1kt0UFHSFM8nTzKBT5tBMLVGXUispLaT79m5tBOvRooPBTnFwS23vwiGB0RMC31v9o0o8T0dEAq/jqvAqtHqW135iN+PWrK1XG/ZM3rO/ICfLuLQevhpHbotHsDRu0ffJPjJo6Tp+63jSxGTxqBmvYQRVcUvobvYxkP0Um8Q8/Dg5ih/zk64r9v2GZZvjmqTC7QhRhdwTVMnSFOBMum3gU7cDgTFA8D+fmz+z9mzWcdNdpADc0JgcE5kHbGPrL5nBblXBxWQ+2O/KGkaw0HwlvtbmZLEXl8OqMGMxS4CJ5SMRRHF3MKbBGb3SvpAjt4uQqsMse2nuwrvq2DnGjRdZrBFLu6IWupraZKjO8AFwnrYfMaigvCCYqAt4dFIoryjAVQzeGtJZ4saO/Q/cKNE7VGodIRIBVkZfyI/N6lrwqVa5FEtDkOgrwMDB3xNn3ovlAVU9nEvfo3aHFv/5FLSjHKmpG57PSi8PZyhcdPtM1AcB2Su1RIRwWT/8v4BvZOhJk01w38IVyFekFpMk1xMPUotGinOsMHeKmCRrtiMi4Vxj+qQZpxZtF1Jhj4BayhjsywlFzcsUgz6F+fPYpsoFJsc9ppqOVJXhqb0pxyHRL6VMUs6I3Egrij+DigIdMNS6MMECQAM2VGPVTM6+8BHjdAkMdRo2G76AVdGPP/PA8+b4E3/9qR+BuLkMlWA6jm9fcAEyG/hmStln4PVtWczfvOhvdJotjJgV6mydpmZ90Ixx+eM/B4KiSGjDFHHHYC/TaL9iD7yA92tJ7VhI+tORk9gk+1OLgwb9ZzOfSbg2ZTK25bysVe8YkMPtsq9u5tUYO20RLAE+Ymq6U2Ofvmp2g1pQF75Yu6640jRVs3vPuDdV4ulpkKs2rQ3PZ+Ild+DffgzlR3U//oNtwMP6Ss33OgxDVBlCEtJfTWyEcek+0vmYMEY5rfbHdJhULfGsvvDZ8Ye48E4Gp9VN2qKUwMAr2aRKO+48i7LzbotV6wILYasZF27ty4SluT3M7beRZHqbd34JQd+ZXGSFyUoA154MCQ00QI15gr7Id4kmAfeISiUcX3VViypMzEQ1cwFaqUvNILAU8T39qe7yp50tHobmBEvN9POSdw5cvYM4GRcHTLI7beli9ZYhfAWkPlql9xBl/v9Gnm5/PxJ9HXIF7peIpx616Ml7ZBeJap/uJhZXzJVHOnPA3t1SJl4RmDipf2VpEZi8uKuC43+n6yAC+35innXaTF4E1yf//HtMj6MK+IngjhtGO0+//LKn0hv4YBEefZSWno8B3IHkvocolwUxxP+Boo1n0h9Se33D9srzNolg7v1WqCv3P7h4wqEpg52bia6mFVHaY+nimFtFssSuZFs1SaVJaIjJdtWHZrJ/c++lEOxClH9+euGqgM56ZXz9icwBYR6OUU8kDI1EJ31WhWX60kDyO20SJxXhNATkhv8GITDEB3zL1F1TIPYneOd7ypm2QDwlxvhcg/7QvE9xxLdrePM+Q+NAt8BO9ixgb6MY1/o9TkVDk5DscFGP3LeObWSd91StAMw898yjhxLwZfT/GRUA3GJW/ABMJS+G8o5Uq/ZuZAH7FBp7ppsSjfgKRDRLkDurrrq4uMMQ8wxyTQlaR1vhow+okW7eQr90k7Ifs6dIuRXQJ45FQuPluuPUW+coppEx3DoFmjGDdOW+WcaeKE9xvL8m+53NRpDeIEiOAv2V7wNaIPW0795yy8+BYY6xTQdi8Kn0MFwhBeyHvT3wMioZThja/7IbXggxgsR0zmchs4JzSEfnZAX0k40BblvrzCxCkjzWJMSn0gNfgYlTE1VKx7CsFdDXCo2Ip3dkn4soavShbCsZYJoGuncJSkJcQ4kNdgQCGElSSFytn3AM734NxORbut4NO53xVGXRVC8UWA52sIhwwlUwZLq4h5aLHcWrIeSaQHR14cjk0/H8GW1cm/EOCuU7wY1OP/GU9gtQlPd3NM/dh2cCsbPGPQjQexkrFlQLb+WX4yzIzMUHCpcw3ZBXG0HfWlYarmr1KG9WlX1/GvEEplmKMSzW0awIl2Nq5Ssz0Vjpu5d61/1pWMheIUVM2cXPUYY3Dcc0COxg50ivHvyRhFDaSkIqkhL5fM9mdgwLCcoNu/sQrW5m/SIiWjDk11t7z+4ywy9oWds1e4mgEAFmRwmkDmCszDFxgw+mfoUSLVspFXJooHLVgUjaG4KW1mlIy/YAYQTiTPRsHKRgY/AuKbYDVk2v/fmMKdO0XmxHMwvdV+9x1VQK8DM5fGgbJlHSQjzVI/KX6rfS9uqF9iquvwMuuUrQ93EhQvc+aKDU3/pm0H7xe7cTQKQ+M9VQugf13HqXuAafDLKR6PdOYi8eh9dheBgAvOVeoM1C8+LB9nxVkrwA+fiQ7MzaossRzbu7+YI4sV4nedDFb4YI/fro8icDqDjN4ObYhIlSpzNHKS0QKN6WskWxs7BPsiASTiipcAPv7iq6ujPKGKMcQMzJGjLzjhlY8cwucW8TwJFq0ea29HY/4VjMMdFzSRfEHW0afbbHJ1j6q1Khe+qgjEhBN+cJl8oKFw3AraGqRYVnzf/KUxAQNvBmubm1vYBB54FPaMB1OQN27G14emnIZyiO4sipswjIXTk0r+dTQhNxAHAYvMgJtuOe/uwNRO6eRvQP9JqQKFvBbO0ucFPwR0qY+HDbpeGvrbt5TCPP+275nbDSFo2sHGG8iaXUYQi9n/2S+XLQyZDc3Gs8fU7PTsbZYBC2UXqgkXZ0pOnyVQYiYOjTaaqPe3KgsXSjFW0iPIB1Ns/jqS2TERT6JE1aI0hQFUlDceNMZbIwXeNlV8t7hIPo/gjNM8eGvJNQMjHqNegn3pO4ZtieiSYR+sq63KulfZFMslLvGtCxkRIJh5mQWt3f0WUL6DxkrLPp5lxhyuu57d6RrYJ6XhPe9Wv4uH4q/eOSFh0wuz8ebKHRjv9B3e3BQDA+uVCOZPlirtoZCAr+X1iVQ4XdvOd/Eyf3zDs8y9M3GHt08UrN3XVx0p2T3rZZbE/aOIZhLQz3f8npOl7fSoh3jMjx7jN2SEca9hvLRBk4pV0g4p2o2rcBJ9cWRB2gW1l/GbDXZc7b4BDKRXdwweNxGK+SjJYRD2rOQALdhigJjdvkBrHXjY+eQejimg29x7q2Jx7wNGYM2EX02gXHtBHGqvT2JzJnQKi4PeZCWl3pI5MD8S4HPd+3s0Km7zQH6Hg+Y5Y85B6meL+S1SkM3lu1U0451Rj8/ttArTv7a0761836/IGoa7gEwOPAS/dEy97rVgCkhqO0l1lk8A+0x2SVovSVrPlh0bL0RU1a2i3eXDKcuuk5Gwqr9YfakvjG19ExPtrWJpcTJubcT30eA/kGH8CVhaODIqb6njynj/X8OrOMv+M5ShWbDN/yqo3LJfkrkinXxlikPA/S2I2Bs/fr/8bD2BcaLviLZ/SOxGELiNtEUaeCT/DlUvpeDoATc/+jISL6yrn9Ou83Lu5WgO/kD/XixziebIb8Sc2Ou56rtU9cDaeNt3UnXJv9aRj++dmzxGVli4lGF/z7giRZyBja8EDi4IqNWVOYBsLTPSWv98WNuovOiW1m+uBvwYFhtMTcgS0tIRToFT02QBPiPnWEI/+HBeKMpFfgEeX9Kr5QgNg7WXpmPi2L1vxL7EQuxfwI0oynaECoQfAB/o2JTXgFneTUK2JN8wZ1nk9EP//UPQXPGnTRHpZG38ZWJJkthSdYZ5Xcpb9yHf1abiCvI4gblTNbrBM9wcZWHcwdTPycGZp/9R2Z05fohWLIf6sS9rQeAwe32mRs2/2vxjEdPgAA/vnugGQeOlrsjn5/VTanD12uLUuqaxfYwVV55PqS2eXXiWRj144xYvoOMD4BV84p42ZE1Cm3wyt4qAXvvFvJKrGbYndbfm5nK1NFzirnIFO5bA8/ojxPps6wEXEPP7v8bbjWdSFdzspIrgVV6BGgwsycK7G87n/77TnQxXnx9cZK7VneHqdxh2u4Pfz0RPJRSPKIKr2pKPkHcjJj/Lqj+v7zaDYvkdmQ7WqsvosLE1VE6y0125iDCkFsL6aPJhjtW/LXCpHcoJc21aEdR9By0UJzt7CS/i/ugS93UHQM6MljXMzGWx/H32lWO4frMYaaI8dyMPBXf2dgfHKNldSXb8qqaIo2ytoWATe4AAHLk7GfXQz2Txs5I7gQUBXSygJPU+Ph1LAEFhVVF/ZWEJkOiNz2vQBBaE2BFNG/uVpAIWTqAzVZs3H6ltal1VMhdPURlnEc4lVlweJOkcu7aWY9vc4uH20iesg5woQaXdhq6M35pX6AjfyiKfZq8jmY7Slrwl9qsORzDCYZ36pIuHE//Q+vWclqhejQ9d8URJiDpJ6iVIe+KrAG9+olvHQWNq4P+VXe4k0K3ICbjIJfMsQvPmZwhDwVe6OWHlU41zaAZZ6/wfgLavEEC4AiPKcZDPE41Cwgo7fs2MglxnahXeC/0CoqtwucqAT3gW+sKZEmDXbUOMAM/0/qRyPr3uFs+Pzl6wDYtQfYny1iIajLIEJ/8fZLcdzZaiDGe4Nzi6crkkP6KL3fFW0H2REPA+Tp3E/8ZI2RnZ1hIDrFVJElsdRvEt6BMsFrXgJc+jcU+5O2UzGQJUqXmuONx9BZeBzMkpQL/vSc0Aw/UJivbM30W/OuOw+5kBXXcSH/qxcbyXG9hPgbC9veCtyUISjUvUcBxFLzxanDWvtnjIk0WL7r+/4BvRngUGk4TFEeoFegOvNpxlFTWRqhFbvp+0TCFsI62yUejb6cT060gKlsooxx5DQZTbegzx5NrJiLaW7aRCwakbb13oZRA/UAENXfZCXpdXpF9Qasf+DFVuKVuhQtd4k288wzdBuq95YlmVxF6MLlMZp4iyf/l7f3raDcmJjwch8T7UkJXRNaUvyoY7R1fSeGAlDpq/h6cFFf0O06SjHp11aEY7mzeLHBrAAyWsPH1oz5tsPGAqJC2/wecSgX7nrtWPR1ESUtaIR9oyBKzcslsY7jYrycEzyAcPa/e+UXT4mn9NrVqq0RIlsoKW+muQJqFMpNVW3j/MrkhQvF1jVhZilIgPOPlpLHdC919waajz9Tcwj7JUkXLB7Zcuol6sug+oCEZmg1Av1tePmmEERLCuYGd6XIv2Xge44Tx6Pc/PopWWHQ1U0UzO9OTl3DjntaCAh97fDFLYsHUfhASjwY1RNB32dxAMJI0pn8zY/qM1r7t2cT7u9tEcO9F5W4801HtD1+DNPNG1+YNQ63h/PSmTjhMYn4/Uxdt3QCk2qbQDw/tbpKwl8dHo37bsxsK2mSZbB+ho3EC7w9SFPda/MTD/asZztsTN953eSC348EuePRtLNxbgef9Gbu5mQdJY0wguTgvjJRFZvivid4CFPgfAaWkB1Le4fUMp6iB/4+zuwtmt5EiuWdXOGUp5766kJIUEpxW8yy6fMhfEU/ZGpyzaU+n/8xDAokN9W06gIg+7VzHGHuw2gpB5Bku7b4moNG+jwnQ3I6K57apSZE+LQfcFS3UeTxhyzvNVww8WTQ+TTwFf3L48E+iVNC7wzQl5x1gi7maWDgfnlW9eQcNXNDVwgXBvPgTvJCNTHI5LDMFn5xTLPM7G73gmORVLda6MqxZqDXoY3BtX6V9cAOoFTXu4KBPilxs/w5ac1TPIyQtKUYXIR/0Cpe9oj7IizPDXDPcjIg4q5uhVYTxv0+yP3m/04aMEpb+bpZTIk+ChHBrlCX1H/954UA36J4/cHGKfk1zDSF+41c3bg4K2W/dKkGeXE6gFLlAnNNBgqrMEPGsNiSy3eoY6nH46bJxwATjd1Qk0rCtQPCTgIK3lIgtFa9wyr3eL1fT9G6qtIWoWz152dCF6ycFdeWNJDr/qXwdpOlnT+Ha71NQJXVdiq9qWBziKVzLOisFXcK+2HiE8aXALdPwAujnpMLxDN0FB724FxIKkTwfIjO1tv1AD/njBYaMmR3Eyh/IzQT26f6Y8FDI8lIbFVG0WU6+YLNl5x16SXcpGNLKdkqSXSrrqzlnq/w2iD38Eg4mb/5BXuhtdTdkYC4LsG2TXvQAVYAuoHAuZrjq9J0TXTlTRAHUQt9VfVt4NSRJsdeWa60YhFP8MhbryeA0QJrxYs3JsxsHyW/atk6x1NKXebEys4kV4omAS9aS7nrp1ghhCV7qCmdBlHjCPLkP9FYbD3gbibKNqIWdFnghtGgC1+B9aMj2q4p4RQLugZ4bSLIdiKeKy8u2E/zjxz3DoMb+FSX9AFOATpxvkwo68XXn3iQ9eERjA5z/wKokUovaEoO0SmYAL/hKwBT+6NZWtAsbmKjipCSlRa5jS7i/vcIeHhBxni2xkExE0DBSVR++Li3gOkVmEr+TKtwCx7ESsqmhrJysFZ+tjlwgceWy1YTLj3UF9BVIZH1awe61MOJkfGVBbkkNcnVOO4DcE3kWBLZ4hc97IawCE7n+Xf6qt4JDdgzZOTzIlbq8eANhGp+8ZGS52SsvvSgPRdMuAkkYFRToDjlOREwk5m5sCJwiJOp9K6Z0j0OnNI0sH0FXigu5xncnETBFXfAPEAZo0J/dDxlLT5DHdZs6xRsadir9b+B/3uYLhxxr6ZECuRIglriIvG7zHU/5en3x2mKyu3+DjKRYekDkVEON7VonbrBkF1eStaC9CoGfMuQstJ+4yXzdAvQN7+o/3Ra0L05wy8vjvhrW0ULLmvptYuK/daASk+q9j1kGX6OqPXGYSaXYD+oUGx9RYyrBJ5Pv2Kec/EO16J1LuZNeejklpUHOmgOgf2yjxUboA/o+JxZiaLx8HCG+d27f1w8OPWdrbcup7vkBcVwrJlFiV4Z3TOwg8zbaGJ1gKkjC9AQ9LIE7gqp6FkYr7vLaus8Np9yQqxSdtXsDiO04nGTHUNsc2hEyfPRhINU1cUgvzxsut1NBe+Vt48hlAvZbKynneveQBigS60YHSDEoM6MUhYoveqS5Wl6zx8c1FPKlWRsRWG7Hkoosebj0Ml+p/JvzmqAbbEIKJw+5Zn/D6hhQ2CLA7FllrsGa+SXpFV/WUTUdKslTB9rT1S1KcIO+k1JTQmI05ZSATOzIJXq5pYC4l9SkAHYoHZ8bQYaUzC+9cmjH4itJ/cuJhbsd+EPE9I2J/cV3KNaqEHO6yLsdpX9SZVpz+WypCAeSPHECcxMtxyrVTVKbvBTF2Ubn/jA68O1vvA7NzpHsNwrTrxzHe8E8V35guxG1Q4Sx36O+NoiB7sI2c36ZzkggG+yicMAMwgK39THysinbfSOuK5wO9o9EaGwbeC8cQRSFWL+56YcO0IIJZ5UFVgbqIBY4m0IbcDkbfjfHCLiU1c24nfb9tsJ6k0z97QUqmUuNKHF/3RThp+brt9j+Wk3WeMavVPazQEPKTNJnz4kQR8B6E+JVyPh6agqEfSfg5ztd5ht0i/hRfAGfXwRg1MZpQZnKe9c7dWIV0r3/0qVWL4FZYjtyrl2MeTLG53oDPXrXnwTECHtgKUxIYRXGa7Q9gc8maL2esDeQVDLXscVzHDjI5AS3RzBsRiOArn/k18zNHhsxyXTH0jmt+ew+nm3NGjdmHOEOxLMLl+LEn8SGgFsCQHD7xXTg2mH7pVgu6qcZ6/Z1I/zw8GVqAT7eFkIOL5G9D+p2sacxeJGYbyA34n6N1/TE/6ecOKIIhqywSG3IgBeTLrh2yRk5lEE2MH/ruip3s2SpqCp3NnW4GqKBJUHhTQCDFPTe965D+m/ejIhw4oUQYoDNcV/Wq7xjK1jBc1IHyeYUlo4lvC09QQf06J3GnmrralsnKte5luen2+B4zkbdL9i4Psff4VHMHEMkfPUNfmC6kyOHd3jErSuEc3zChp2sSaaw+uysaTjnFtkNrLpnIYgxShAR6BFvsNjr+mxEMWFh56gXitqEfi7Z/54nxAvacofC4g0hnTGlMQGSHctC4smtOIRvjyGyppuVI4GKVWSCa28RpIioyDm65U7xv9p9x5pm4ou70RDzAvzQ89hCWC+GDbDwF6Yovw89mnYRR5dNXtqIYy44n8qaStDLo9vWW0fPUtO+3Wsqcl/o6q+Qajmkp7T3azPOMYrF3ndTH6IzCLZzEXT9x1ixTnBkn9L7jqqRyQDYGu2CYLz5jFFBdXev/GUOvFiQKqkU3I/nXmOfBnDSQSoD6FnCzH0T73E8kGOnD7iVnxj3pA4uFBBrTeDsZu+frokPJaRdG7Cl1gsVhZKZybGJabRjmOlY9asi4LLO6s6aF8JwBXMYkNx1qyQamH4svYWqQRnyk/a3X9cpYteXRYMefWk33qI6meVhjtSldo3jDc5G3d04tzngRVYTlUrAlZ8uMl//G1lXA8f5t6doZMFbmEA+ifg1jq2B9CObGWJKW8IH6wBVHfI70LuCoPm5ecHGf8sRF6Hwdfk3qX82V2OpM+v4ZNJgRrMJQb4r97+6XfV4EIyaYe8mkANhLBohw+tpHKZ2EWivvde6xr59yCJQLLXKCl2T1dQFkCtefVMUjDVpuScXaKn5q0frLgWrjrEesKbicO9h8wUJJETzI5bfCy0XS20rQRl7tQuise1h2GQ0VcEWGzvd2VUNx72hUkcURnPWCyENxZHxLh9rg/EI4B2eVQi3hO0TTsJ93B/EDLhtnc0+aDkbWmTGfvRn31XBy8DitFHBozQ0X/VJPx9D3En5yy2DL4JmHdne9ZA1OpmjyVGFGEu/ZwcwXm5iNZU1BS2A/h6TkpICcMofOUe391n6pHa5sHa8CQz7ZG9ow+C2vE8UvBHPLfYLddVYrdA+mUQkbhCOgLSWrZpomzz/4O9JXK8PXvgjpkGKsBk78otXTz6dH7QwsvXHRdjFBplpqZgy2mENQsNmFIcC9pZsWrMEKfgCsgnj7JZ38t21ZJxEfbUk4VynxrS4cINgFGpQH++PmqRpT77sg8xZuSByyu5qBFHZjMvmns8OOkosqhS9rFl1UQOfwFXlgvP1NmV03214UZRDz4MuNuEOTb5tlrW3LTj46nWmlbOE0E3XNGS0UFpeQ8SIsjrbdS5dVkoMWwcZeRtb1Gg4pJpeOBCGdru0iQNTPtVfv1Oip1kBWMGp0HiillLYHh3YQfXHFUSQoO5ZkfM0M4moky0o5MTePs2CnK35FMpYnG6aUTD19a4Xq+zvprXLH4amiIPIzoa4wSNdqkalRxMHqERlBSK6Tic/xO9uMYDGr4tuxe56W+4CDPqZHIA/zAVnJf9zfYn") center 42%/cover no-repeat;
  border-bottom:0;
}
.hero::before{
  width:210px;
  height:210px;
  right:12%;
  top:16%;
  background:radial-gradient(circle,#ffd36b 0%,#ffad5b55 42%,transparent 70%);
  filter:blur(2px);
  opacity:.95;
}
.hero::after{
  width:100%;
  height:33%;
  right:0;
  bottom:0;
  background:
    linear-gradient(135deg,transparent 0 13%,#123f38 13% 18%,transparent 18% 24%,#174b3c 24% 31%,transparent 31% 100%),
    linear-gradient(180deg,transparent 0%,#12382f 72%);
  clip-path:polygon(0 55%,8% 42%,15% 56%,23% 35%,31% 52%,39% 30%,47% 49%,56% 34%,64% 54%,73% 38%,81% 56%,89% 32%,100% 49%,100% 100%,0 100%);
  opacity:.92;
  pointer-events:none;
}
.hero-inner{
  max-width:980px;
  padding:30px 34px 28px;
  border-radius:26px;
  background:linear-gradient(135deg,rgba(8,37,64,.60),rgba(8,80,74,.28));
  border:1px solid rgba(255,255,255,.20);
  box-shadow:0 22px 55px rgba(5,28,39,.24);
  backdrop-filter:blur(8px);
}
.hero .eyebrow{
  background:rgba(255,244,220,.90);
  color:#a64d36;
}
.hero h1{
  color:#fff;
  text-shadow:0 3px 18px rgba(0,0,0,.28);
}
.hero p{
  color:rgba(255,255,255,.93);
  text-shadow:0 2px 10px rgba(0,0,0,.20);
}
.hero-actions .btn{
  box-shadow:0 10px 24px rgba(0,0,0,.16);
}
.hero-actions .btn:first-child{
  background:#0f8f8a;
}
.hero-actions .btn.alt{
  background:rgba(255,250,243,.94);
  color:#9d4d37;
}
.hero-points span{
  background:rgba(255,250,243,.90);
  border-color:rgba(255,255,255,.65);
  color:#4b403a;
}

.property-tabs{
  margin-top:30px;
}
.property-tab.active{
  background:linear-gradient(135deg,#129e99,#1b7d6b);
  border-color:#129e99;
  box-shadow:0 9px 20px rgba(18,158,153,.20);
}

.listing-card{
  position:relative;
}
.listing-card::before{
  content:"";
  display:block;
  position:absolute;
  left:18px;
  top:0;
  width:48px;
  height:4px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,var(--lagoon),var(--sun),var(--warm-coral));
  z-index:2;
}
.listing-price{color:#315043}
.feature-pills span{
  background:#e8f7f2;
  color:#176c59;
  border-color:#ccebe0;
}
.price-note{
  background:#e7f7f0;
  color:#176c59;
}

.map-block{
  background:linear-gradient(135deg,#eefbf8 0%,#fff6e8 100%);
}

.light{
  background:
    radial-gradient(circle at 4% 12%,#12a6a11c 0,transparent 22%),
    radial-gradient(circle at 94% 78%,#f4d03f22 0,transparent 22%),
    linear-gradient(180deg,#effaf7 0%,#f8fbff 100%);
}
.feature-card{
  border-top:4px solid var(--lagoon);
}

.cta-section{
  background:
    radial-gradient(circle at 13% 20%,#ffc85a3b 0,transparent 25%),
    radial-gradient(circle at 87% 78%,#12a6a12b 0,transparent 27%),
    linear-gradient(180deg,#fffaf0 0%,#eefbf8 100%);
}

.rgpd-section{
  background:linear-gradient(180deg,#eff8f6 0%,#f2f6fb 100%);
}

@media(max-width:800px){
  .hero{
    min-height:620px;
    padding-top:72px;
    padding-bottom:58px;
    background-position:center center;
  }
  .hero-inner{
    padding:24px 20px 22px;
    border-radius:20px;
  }
  .hero::before{
    width:150px;
    height:150px;
    right:7%;
    top:20%;
  }
}


/* Habillage immobilier premium — architecture, sobriété et identité réunionnaise */
.hero{
  min-height:610px;
  align-items:center;
  padding-top:92px;
  padding-bottom:92px;
  background:
    linear-gradient(90deg,rgba(9,31,54,.90) 0%,rgba(9,31,54,.70) 42%,rgba(9,31,54,.30) 72%,rgba(9,31,54,.18) 100%),
    linear-gradient(180deg,rgba(11,35,55,.12),rgba(11,35,55,.42)),
    url("https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=2000&q=88") center/cover no-repeat;
  border-bottom:0;
}

.hero::before{
  width:1px;
  height:170px;
  right:15%;
  top:0;
  border-radius:0;
  background:linear-gradient(180deg,transparent,#f4d03f99,transparent);
  opacity:.55;
}

.hero::after{
  width:34%;
  height:4px;
  right:8%;
  bottom:48px;
  border-radius:999px;
  background:linear-gradient(90deg,#12a6a1, #f4d03f, #ef6a5b);
  clip-path:none;
  opacity:.85;
}

.hero-inner{
  max-width:900px;
  padding:0;
  border-radius:0;
  background:none;
  border:0;
  box-shadow:none;
  backdrop-filter:none;
}

.hero .eyebrow{
  background:rgba(255,255,255,.92);
  color:#1455a0;
  border-left:4px solid #ef6a5b;
  border-radius:6px;
  padding:8px 12px;
}

.hero h1{
  max-width:780px;
  margin-top:20px;
  font-size:clamp(42px,5.5vw,72px);
  letter-spacing:-2px;
  text-shadow:0 5px 25px rgba(0,0,0,.28);
}

.hero p{
  max-width:700px;
  font-size:19px;
  color:rgba(255,255,255,.92);
  text-shadow:0 2px 12px rgba(0,0,0,.25);
}

.hero-actions .btn:first-child{
  background:#1455a0;
}
.hero-actions .btn.alt{
  background:rgba(255,255,255,.94);
  color:#1455a0;
  border-color:rgba(255,255,255,.94);
}

.hero-points{
  margin-top:26px;
  gap:10px;
}
.hero-points span{
  background:rgba(10,35,56,.56);
  border-color:rgba(255,255,255,.18);
  color:#fff;
  box-shadow:none;
  backdrop-filter:blur(5px);
}

.reunion-flag{
  box-shadow:0 10px 24px rgba(0,0,0,.28);
}

.listings{
  background:
    linear-gradient(180deg,#fff 0%,#f8fbfd 100%);
}

.listing-card{
  border-radius:16px;
  box-shadow:0 8px 24px rgba(20,50,90,.08);
}
.listing-card:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 30px rgba(20,50,90,.12);
}
.listing-card::before{
  height:3px;
  left:16px;
  width:42px;
}

.section-head h2,
.form-wrap h2,
.cta h2,
.rgpd-wrap h2{
  color:#1b3046;
}

.map-block{
  background:#f2f7f8;
  border:1px solid #e1eaec;
  box-shadow:0 10px 28px rgba(20,50,90,.06);
}

.light{
  background:
    linear-gradient(180deg,#f5f9fb 0%,#eef5f4 100%);
}

.feature-card{
  border-radius:18px;
  border-top:4px solid #12a6a1;
}

.cta-section{
  background:
    linear-gradient(135deg,#f7fbfb 0%,#fff8eb 100%);
}

footer{
  background:linear-gradient(135deg,#112f4f 0%,#183a42 100%);
}

@media(max-width:800px){
  .hero{
    min-height:620px;
    padding-top:72px;
    padding-bottom:70px;
    background:
      linear-gradient(180deg,rgba(9,31,54,.56),rgba(9,31,54,.82)),
      url("https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1400&q=85") center/cover no-repeat;
  }
  .hero h1{letter-spacing:-1.2px}
  .hero::after{
    width:50%;
    right:7%;
    bottom:36px;
  }
}


/* Direction finale — case créole contemporaine + immobilier premium */
:root{
  --reunion-yellow:#f5b91b;
  --reunion-gold:#e6a611;
  --warm-coral:#d9654f;
  --warm-sand:#f7efe2;
  --deep-blue:#153b5b;
}

.hero{
  min-height:640px;
  align-items:center;
  padding-top:90px;
  padding-bottom:90px;
  background:
    linear-gradient(90deg,rgba(12,34,53,.92) 0%,rgba(12,34,53,.78) 38%,rgba(12,34,53,.38) 72%,rgba(12,34,53,.20) 100%),
    linear-gradient(180deg,rgba(244,170,37,.08),rgba(12,34,53,.20)),
    url("https://images.unsplash.com/photo-1760067538022-8ef8739b1b18?auto=format&fit=crop&w=2000&q=88") center/cover no-repeat;
}

.hero::before{
  width:150px;
  height:150px;
  right:12%;
  top:16%;
  border:2px solid rgba(245,185,27,.58);
  background:radial-gradient(circle,rgba(245,185,27,.28) 0%,rgba(245,185,27,.08) 40%,transparent 72%);
  box-shadow:0 0 0 18px rgba(245,185,27,.05),0 0 50px rgba(245,185,27,.18);
}

.hero::after{
  width:30%;
  height:4px;
  right:8%;
  bottom:44px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--lagoon),var(--reunion-yellow),var(--warm-coral));
  clip-path:none;
  opacity:.9;
}

.hero-inner{
  max-width:910px;
  padding:0;
  background:none;
  border:0;
  box-shadow:none;
  backdrop-filter:none;
}

.hero .eyebrow{
  background:rgba(255,248,232,.96);
  color:var(--deep-blue);
  border-left:4px solid var(--reunion-yellow);
  border-radius:5px;
}

.hero h1{
  max-width:820px;
  font-size:clamp(44px,5.8vw,74px);
  letter-spacing:-2.3px;
}

.hero p{
  max-width:720px;
  font-size:19px;
}

.hero-actions .btn:first-child{
  background:var(--reunion-yellow);
  color:#23303a;
}
.hero-actions .btn:first-child:hover{
  background:#ffd04f;
}

.hero-actions .btn.alt{
  color:var(--deep-blue);
}

.hero-points span{
  background:rgba(8,30,48,.62);
  border-color:rgba(255,255,255,.20);
}

.property-tab.active{
  background:var(--deep-blue);
  border-color:var(--deep-blue);
  box-shadow:0 9px 20px rgba(21,59,91,.20);
}

.search-panel{
  background:linear-gradient(135deg,#fffdfa 0%,#fff8ee 100%);
  border:1px solid #eee2d2;
  box-shadow:0 18px 45px rgba(87,64,42,.10);
}

.search-actions .btn:first-child{
  background:var(--deep-blue);
}
.search-actions .btn.alt{
  color:var(--deep-blue);
  border-color:#d9cdbd;
}

.listing-card::before{
  background:linear-gradient(90deg,var(--deep-blue),var(--reunion-yellow),var(--warm-coral));
}

.listing-badge{
  color:var(--deep-blue);
}

.listing-location{
  color:#786b61;
}

.listing-price{
  color:#293b48;
}

.price-note{
  background:#fff3c8;
  color:#76590a;
}

.feature-pills span{
  background:#f2f7f5;
  color:#196c58;
  border-color:#d5e9e1;
}

.map-block{
  background:linear-gradient(135deg,#f7faf9 0%,#fff7ea 100%);
  border-color:#e8e0d6;
}

.light{
  background:linear-gradient(180deg,#faf7f1 0%,#eef5f6 100%);
}

.feature-card{
  border-top-color:var(--reunion-yellow);
}

.pro-box{
  background:linear-gradient(135deg,#fff8ea 0%,#fffdf9 100%);
  border-color:#eadcca;
}

.photo-limit{
  background:#fff1c2;
  border-color:#e2c45c;
  color:#64501b;
}

.cta-section{
  background:
    radial-gradient(circle at 12% 20%,#f5b91b2b 0,transparent 24%),
    radial-gradient(circle at 88% 80%,#d9654f20 0,transparent 25%),
    linear-gradient(135deg,#fffdf9 0%,#f3f8f7 100%);
}

.rgpd-section{
  background:linear-gradient(180deg,#f7f3ed 0%,#eef4f8 100%);
}

footer{
  background:linear-gradient(135deg,#173d5e 0%,#244b4b 100%);
  border-top:4px solid var(--reunion-yellow);
}

@media(max-width:800px){
  .hero{
    min-height:610px;
    padding-top:70px;
    padding-bottom:66px;
    background:
      linear-gradient(180deg,rgba(12,34,53,.58) 0%,rgba(12,34,53,.84) 100%),
      url("https://images.unsplash.com/photo-1760067538022-8ef8739b1b18?auto=format&fit=crop&w=1400&q=85") center/cover no-repeat;
  }
  .hero h1{letter-spacing:-1.2px}
}


/* Jaune plus chaud et plus soutenu — hors photo de couverture */
:root{
  --reunion-yellow:#f2a900;
  --reunion-gold:#d98b00;
}

.hero-actions .btn:first-child{
  background:var(--reunion-yellow);
  color:#2a2520;
}
.hero-actions .btn:first-child:hover{
  background:#ffb91f;
}

.hero::before{
  border-color:rgba(242,169,0,.68);
  background:radial-gradient(circle,rgba(242,169,0,.32) 0%,rgba(242,169,0,.10) 42%,transparent 72%);
  box-shadow:0 0 0 18px rgba(242,169,0,.07),0 0 50px rgba(242,169,0,.22);
}

.photo-limit{
  background:#fff0bd;
  border-color:#e1b038;
  color:#664b08;
}

.cta-section{
  background:
    radial-gradient(circle at 12% 20%,#f2a90032 0,transparent 24%),
    radial-gradient(circle at 88% 80%,#d9654f20 0,transparent 25%),
    linear-gradient(135deg,#fffdf9 0%,#f3f8f7 100%);
}

footer{
  border-top-color:var(--reunion-yellow);
}

.listing-card::before{
  background:linear-gradient(90deg,var(--deep-blue),var(--reunion-yellow),var(--warm-coral));
}


/* Accent corail — remplace le jaune sur l’interface */
:root{
  --reunion-yellow:#e56b52;
  --reunion-gold:#c95743;
}

.hero-actions .btn:first-child{
  background:#e56b52;
  color:#fff;
}
.hero-actions .btn:first-child:hover{
  background:#ef7b63;
}

.hero::before{
  border-color:rgba(229,107,82,.68);
  background:radial-gradient(circle,rgba(229,107,82,.34) 0%,rgba(229,107,82,.11) 42%,transparent 72%);
  box-shadow:0 0 0 18px rgba(229,107,82,.07),0 0 50px rgba(229,107,82,.20);
}

.property-tab.active{
  background:#153b5b;
  border-color:#153b5b;
}

.photo-limit{
  background:#fff0e9;
  border-color:#e5b0a3;
  color:#70453b;
}

.cta-section{
  background:
    radial-gradient(circle at 12% 20%,#e56b5230 0,transparent 24%),
    radial-gradient(circle at 88% 80%,#12a6a11b 0,transparent 25%),
    linear-gradient(135deg,#fffdf9 0%,#f3f8f7 100%);
}

.listing-card::before{
  background:linear-gradient(90deg,#153b5b,#e56b52,#12a6a1);
}

footer{
  border-top-color:#e56b52;
}


/* Refonte visuelle — jeune, premium, solaire et dynamique */
:root{
  --ink:#10263d;
  --deep-blue:#0e3554;
  --lagoon:#13b8b0;
  --lagoon-dark:#0a938e;
  --coral:#ff5f52;
  --coral-dark:#df4b40;
  --sun:#ffbe3b;
  --surface:#ffffff;
  --bg:#f7fafc;
  --line:#dfe9ef;
  --muted:#667789;
}

html{scroll-behavior:smooth}
body{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  color:var(--ink);
  background:
    radial-gradient(circle at 0% 8%,rgba(19,184,176,.12) 0,transparent 18%),
    radial-gradient(circle at 100% 17%,rgba(255,95,82,.10) 0,transparent 20%),
    linear-gradient(180deg,#fbfdff 0%,#f7fafc 48%,#fff 100%);
}

header{
  height:74px;
  padding:0 6%;
  background:rgba(255,255,255,.90);
  border-bottom:1px solid rgba(223,233,239,.72);
  box-shadow:0 8px 26px rgba(13,53,84,.08);
  backdrop-filter:blur(14px);
}
.brand{
  font-size:25px;
  color:var(--deep-blue);
  letter-spacing:-.6px;
}
.brand b{color:var(--coral)}
nav{gap:4px}
nav a{
  padding:9px 12px;
  border-radius:12px;
  color:#29465d;
}
nav a:hover{
  background:#edf9f8;
  color:var(--lagoon-dark);
  transform:none;
}

.hero{
  min-height:650px;
  padding:84px 6% 86px;
  background:
    linear-gradient(90deg,rgba(8,30,48,.88) 0%,rgba(8,30,48,.58) 43%,rgba(8,30,48,.18) 78%,rgba(8,30,48,.05) 100%),
    url("https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=2000&q=88") center/cover no-repeat;
}
.hero::before{
  width:190px;
  height:190px;
  right:10%;
  top:13%;
  background:radial-gradient(circle,#ffbe3b55 0,#ffbe3b18 38%,transparent 72%);
  border:1px solid #ffffff22;
  box-shadow:0 0 0 16px #ffffff08;
}
.hero::after{
  width:180px;
  height:4px;
  right:8%;
  bottom:48px;
  background:linear-gradient(90deg,var(--lagoon),var(--coral),var(--sun));
  clip-path:none;
}

.hero-inner{max-width:820px;padding-top:0}
.hero .eyebrow{
  background:rgba(255,255,255,.94);
  color:var(--deep-blue);
  border-left:4px solid var(--coral);
  border-radius:7px;
}
.hero h1{
  max-width:860px;
  font-size:clamp(42px,5.1vw,68px);
  font-weight:900;
  letter-spacing:-2.8px;
  color:#fff;
}
.hero p{
  max-width:720px;
  font-size:20px;
  color:rgba(255,255,255,.95);
}
.hero-actions .btn:first-child{
  background:linear-gradient(135deg,var(--coral),#ff765f);
  color:#fff;
  box-shadow:0 12px 30px rgba(255,95,82,.28);
}
.hero-actions .btn:first-child:hover{
  background:linear-gradient(135deg,#ff6a5a,#ff806b);
}
.hero-actions .btn.alt{
  background:rgba(255,255,255,.95);
  color:var(--deep-blue);
}
.hero-points span{
  background:rgba(7,28,46,.56);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  backdrop-filter:blur(7px);
}

section{padding:78px 6%}
.section-head p,.hero p{line-height:1.65}

.property-tabs{gap:8px;margin:25px 0 12px}
.property-tab{
  padding:11px 15px;
  border:1px solid var(--coral);
  border-radius:12px;
  background:linear-gradient(135deg,var(--coral),#ff765f);
  color:#fff;
  box-shadow:0 8px 18px rgba(255,95,82,.18);
}
.property-tab:hover{
  background:linear-gradient(135deg,#ff6a5a,#ff806b);
  border-color:#ff6a5a;
  color:#fff;
  transform:translateY(-1px);
}
.property-tab.active{
  background:linear-gradient(135deg,var(--coral),#ff765f);
  border-color:var(--coral);
  color:#fff;
  box-shadow:0 10px 22px rgba(255,95,82,.24);
}

.search-panel{
  padding:22px;
  border:1px solid #e1eaf0;
  border-radius:18px;
  background:rgba(255,255,255,.90);
  box-shadow:0 18px 45px rgba(16,38,61,.09);
}
.search-panel select,
.search-panel input,
.agency-form input,
.agency-form select,
textarea{
  border:1px solid #d5e2e9;
  border-radius:11px;
  background:#fff;
}
.search-panel select:focus,
.search-panel input:focus,
.agency-form input:focus,
.agency-form select:focus,
textarea:focus{
  border-color:#84d7d2;
  box-shadow:0 0 0 4px rgba(19,184,176,.12);
}

.search-actions .btn:first-child,
.btn{
  background:var(--deep-blue);
}
.search-actions .btn.alt{
  background:#fff;
  color:var(--deep-blue);
  border-color:#cbdbe5;
}

.results-bar{
  margin-top:28px;
}
.results-bar b{color:var(--deep-blue)}

.listing-grid{gap:22px}
.listing-card{
  background:#fff;
  border:1px solid #e2ebf0;
  border-radius:18px;
  box-shadow:0 10px 26px rgba(16,38,61,.07);
}
.listing-card:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 34px rgba(16,38,61,.12);
}
.listing-card::before{
  height:3px;
  left:16px;
  width:48px;
  background:linear-gradient(90deg,var(--coral),var(--sun),var(--lagoon));
}
.listing-image{height:208px}
.listing-badge{
  color:var(--deep-blue);
  background:rgba(255,255,255,.94);
  border:1px solid rgba(255,255,255,.8);
  border-radius:10px;
}
.listing-body h3{
  color:#17344e;
  letter-spacing:-.35px;
}
.listing-location{color:#6a7d8d}
.listing-meta{color:#557083}
.listing-price{color:#102f49}
.price-note{
  background:#e9fbf7;
  color:#16746d;
}

.feature-pills span{
  background:#ecfbf8;
  color:#15756d;
  border-color:#cbece7;
}

.map-block{
  background:linear-gradient(135deg,#f0fbfa 0%,#f8fbff 100%);
  border:1px solid #deebee;
  border-radius:20px;
  box-shadow:0 12px 30px rgba(16,38,61,.07);
}

.light{
  background:
    radial-gradient(circle at 94% 8%,rgba(255,190,59,.12) 0,transparent 18%),
    linear-gradient(180deg,#f6fbfb 0%,#f8fbff 100%);
}
.feature-card{
  background:#fff;
  border:1px solid #e0eaf0;
  border-top:4px solid var(--coral);
  border-radius:18px;
  box-shadow:0 14px 34px rgba(16,38,61,.08);
}

.pro-box{
  background:linear-gradient(135deg,#f0fbfa 0%,#fff 100%);
  border:1px solid #dcebe8;
  border-radius:18px;
}
.file-label{
  background:#fbfeff;
  border:1px dashed #9fd7d2;
  border-radius:13px;
}

.photo-limit{
  background:linear-gradient(135deg,#fff7dc,#fff0e7);
  border:1px solid #f1cb86;
  color:#6b4f18;
}

.cta-section{
  background:
    radial-gradient(circle at 8% 24%,rgba(19,184,176,.16) 0,transparent 24%),
    radial-gradient(circle at 92% 76%,rgba(255,95,82,.14) 0,transparent 26%),
    linear-gradient(135deg,#fff 0%,#f7fbfa 100%);
}

.rgpd-section{
  background:linear-gradient(180deg,#f6fafc 0%,#eef5f8 100%);
}
.rgpd-grid article{
  background:#fff;
  border:1px solid #e0eaf0;
}

.public-ad-card{
  background:#fff;
  border:1px solid #dfe8ee;
  border-radius:16px;
  box-shadow:0 9px 22px rgba(16,38,61,.07);
}
.public-ad-card:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 28px rgba(16,38,61,.11);
}

footer{
  background:linear-gradient(135deg,#0d3554 0%,#0d4d50 100%);
  border-top:4px solid var(--coral);
}

@media(max-width:800px){
  header{height:66px;padding:0 5%}
  .hero{
    min-height:590px;
    padding:68px 5% 64px;
    background:
      linear-gradient(180deg,rgba(8,30,48,.52),rgba(8,30,48,.84)),
      url("https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1400&q=85") center/cover no-repeat;
  }
  .hero h1{letter-spacing:-1.5px}
  section{padding-left:5%;padding-right:5%}
}


/* Photo Réunion — nouvelle identité visuelle */
.hero{
  min-height:570px;
  padding:72px 7% 58px;
  background:
    linear-gradient(90deg,rgba(7,31,52,.88) 0%,rgba(7,31,52,.66) 32%,rgba(7,31,52,.28) 62%,rgba(7,31,52,.08) 100%),
    url("data:image/webp;base64,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") center top/cover no-repeat;
  background-color:#071f34;
}
.hero::before{
  width:170px;height:170px;right:9%;top:12%;
  background:radial-gradient(circle,rgba(255,190,59,.42) 0,rgba(255,190,59,.12) 38%,transparent 72%);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 0 0 16px rgba(255,255,255,.05),0 0 45px rgba(255,190,59,.22);
}
.hero::after{
  width:180px;height:4px;right:8%;bottom:46px;
  background:linear-gradient(90deg,var(--lagoon),var(--coral),var(--sun));
  clip-path:none;border-radius:999px;opacity:.9;
}
.hero-inner{max-width:900px}
@media(max-width:800px){
  .hero{
    min-height:620px;
    background:
      linear-gradient(180deg,rgba(7,31,52,.22),rgba(7,31,52,.72)),
      url("data:image/webp;base64,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") center top/cover no-repeat;
    background-color:#071f34;
  }
}

/* Espace particulier & demandes acquéreurs */
.agency-form select[multiple]{min-height:120px}
.agency-leads{margin-top:28px;padding:24px;border-radius:18px;background:#fff7f3;border:1px solid #ffd2c8}
.agency-leads h3{margin:4px 0 18px}
.lead-card{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid #f1ddd7;border-radius:14px;padding:18px;margin-top:12px;box-shadow:0 6px 18px rgba(20,40,60,.05)}
.lead-card b{font-size:18px;color:var(--deep-blue)}
.lead-card span{color:#476176}
.lead-card p{margin:8px 0;color:#344d61;line-height:1.55}

.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}.account-panel{margin-top:28px;padding:28px;border-radius:18px;background:rgba(255,255,255,.7)}.account-panel h3{margin-bottom:8px}.forgot-link{display:inline-block;margin:10px 0;font-weight:700;text-decoration:underline}@media(max-width:760px){.account-grid{grid-template-columns:1fr}}


.particular-dashboard{margin-top:28px;padding:24px;border:1px solid rgba(20,40,60,.12);border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(20,40,60,.07)}
.dashboard-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.particular-dashboard .lead-list{display:grid;gap:14px}
.particular-dashboard .lead-card{display:grid;gap:7px;padding:18px;border-radius:14px;background:#f8fafb;border:1px solid rgba(20,40,60,.08)}
.particular-dashboard .lead-card b{font-size:17px}


/* IMMOPRO 974 — hero tropical Reunion final */
.hero{
  position:relative;
  overflow:hidden;
  min-height:575px;
  padding:88px 7% 80px;
  color:#fff;
  background:
    linear-gradient(90deg,rgba(7,31,52,.97) 0%,rgba(7,31,52,.90) 30%,rgba(7,31,52,.62) 48%,rgba(7,31,52,.20) 68%,rgba(7,31,52,.05) 100%),
    url("/images/hero-original-banner.jpg") center center/cover no-repeat;
}
.hero-inner{
  position:relative;
  z-index:2;
  max-width:900px;
}
.hero-inner::before{
  content:"";
  position:absolute;
  left:0;
  top:-34px;
  width:185px;
  height:112px;
  border-radius:0 55px 55px 0;
  background:conic-gradient(from 90deg at 50% 50%,#1455a0 0 25%,#f4d03f 25% 50%,#e3262e 50% 75%,#fff 75% 100%);
  clip-path:polygon(0 0,100% 50%,0 100%);
  opacity:.96;
  filter:drop-shadow(0 8px 16px rgba(0,0,0,.22));
}
.hero .eyebrow{
  margin-left:18px;
  position:relative;
  z-index:3;
  background:#fff;
  color:#1455a0;
}
.hero h1{
  position:relative;
  z-index:3;
  color:#fff;
  text-shadow:0 3px 18px rgba(0,0,0,.25);
}
.hero p{
  position:relative;
  z-index:3;
  color:rgba(255,255,255,.92);
}
.hero-actions,.hero-points{position:relative;z-index:3}
.hero-actions .btn{
  background:#ef6a5b;
  color:#fff;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.hero-actions .btn.alt{
  background:#fff;
  color:#1455a0;
  border:0;
}
.hero-points span{
  background:rgba(7,31,52,.62);
  color:#fff;
  border-color:rgba(255,255,255,.22);
  backdrop-filter:blur(7px);
}
.hero::before{
  width:260px;
  height:260px;
  right:-90px;
  top:45px;
  background:rgba(244,208,63,.16);
  border-radius:50%;
  pointer-events:none;
}
.hero::after{
  width:180px;
  height:5px;
  right:8%;
  bottom:42px;
  background:linear-gradient(90deg,#1455a0,#f4d03f,#e3262e);
  border-radius:999px;
  pointer-events:none;
}
@media(max-width:800px){
  .hero{
    min-height:650px;
    padding:105px 5% 65px;
    background:
      linear-gradient(180deg,rgba(7,31,52,.62) 0%,rgba(7,31,52,.72) 48%,rgba(7,31,52,.86) 100%),
      url("/images/hero-original-banner.jpg") center/cover no-repeat;
  }
  .hero-inner::before{
    left:0;
    top:-62px;
    width:140px;
    height:82px;
  }
}





/* IMMOPRO 974 — BANDEAU FINAL : FORMAT ORIGINAL PRÉSERVÉ */
.hero{
 position:relative!important;
 overflow:hidden!important;
 width:100%!important;
 aspect-ratio:1967 / 799!important;
 min-height:0!important;
 height:auto!important;
 padding:0!important;
 display:block!important;
 color:#fff!important;
 background:#071f34 url("/images/hero-original-banner.jpg") center center/100% 100% no-repeat!important;
}
.hero::before,.hero::after{display:none!important}
.hero-inner{
 position:relative!important;
 z-index:2!important;
 width:100%!important;
 max-width:none!important;
 height:100%!important;
 min-height:0!important;
 margin:0!important;
}
.hero .eyebrow,.hero h1,.hero p,.hero-points{display:none!important}
.hero-actions{
 position:absolute!important;
 left:6.7%!important;
 bottom:8.8%!important;
 z-index:5!important;
 display:flex!important;
 gap:14px!important;
 flex-wrap:nowrap!important;
 width:auto!important;
}
.hero-actions .btn{
 opacity:0!important;
 background:transparent!important;
 color:transparent!important;
 border:0!important;
 box-shadow:none!important;
 display:block!important;
 flex:0 0 auto!important;
 height:9.2%!important;
 min-height:0!important;
 border-radius:999px!important;
 cursor:pointer!important;
}
.hero-actions .btn:first-child{width:255px!important}
.hero-actions .btn.alt{width:440px!important}
@media(max-width:800px){
 .hero{
   aspect-ratio:1967 / 799!important;
   min-height:0!important;
   height:auto!important;
   background-size:cover!important;
   background-position:center center!important;
 }
 .hero-actions{
   left:5.5%!important;
   bottom:8%!important;
   gap:8px!important;
   width:89%!important;
 }
 .hero-actions .btn{height:9%!important}
 .hero-actions .btn:first-child{width:34%!important}
 .hero-actions .btn.alt{width:55%!important}
}


/* CORRECTION — aucun élément graphique supplémentaire dans le coin supérieur gauche */
.hero-inner::before,
.hero-inner::after{display:none!important;content:none!important;background:none!important;box-shadow:none!important;}

.map-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;font-size:.9rem;font-weight:700}.map-legend span{background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:6px 10px}.map-professional-marker{background:transparent!important;border:0!important}.map-professional-marker span{display:flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:50%;background:#fff;border:2px solid #ff6b5f;box-shadow:0 3px 10px rgba(0,0,0,.2);font-size:17px}.map-professional-marker span.agency{border-color:#1769aa}.map-professional-marker span.advertiser{border-color:#ff6b5f}

/* IMMOPRO 974 — Raffinement esthétique 2026 */
:root{--coral:#ff6b5f;--coral-dark:#e9564b;--navy:#102a43;--blue:#1769aa;--sky:#edf7ff;--sand:#fff8f3;--line:#e7edf3;--text:#17324d;--muted2:#6b7f91}
body{color:var(--text);background:radial-gradient(circle at 4% 30%,rgba(255,107,95,.055),transparent 22%),radial-gradient(circle at 96% 55%,rgba(23,105,170,.05),transparent 24%),#fff}
header{height:78px;padding:0 clamp(20px,5vw,7%);border-bottom:1px solid rgba(16,42,67,.07);box-shadow:0 8px 28px rgba(16,42,67,.07);backdrop-filter:blur(10px)}
.brand{color:var(--navy);font-size:26px;letter-spacing:-.8px}.brand b{color:var(--coral)}
nav{gap:4px}nav a{color:#36536b;font-size:13px;padding:9px 10px}nav a:hover{background:#fff1ee;color:var(--coral-dark)}
nav a[href="#deposer"]{background:var(--coral);color:#fff;box-shadow:0 6px 16px rgba(255,107,95,.2)}nav a[href="#deposer"]:hover{background:var(--coral-dark);color:#fff}
section{padding-top:76px;padding-bottom:76px}.section-head h2,h2{color:var(--navy);letter-spacing:-1px}.section-head p,section p{color:var(--muted2)}
.property-tabs{margin:28px 0 14px}.property-tab{border-color:#dce6ee;color:#496277;background:#fff;box-shadow:0 2px 0 rgba(16,42,67,.02)}.property-tab:hover{border-color:#ffc0b8;color:var(--coral-dark);background:#fff9f8}.property-tab.active{background:var(--coral);border-color:var(--coral);box-shadow:0 8px 20px rgba(255,107,95,.2)}
.search-panel{margin-top:20px;padding:26px;border:1px solid #e3ebf2;background:linear-gradient(145deg,#fff 0%,#fbfdff 70%,#fff8f5 100%);box-shadow:0 18px 48px rgba(16,42,67,.09)}.search-panel select,.search-panel input{min-height:48px}.search-panel select:focus,.search-panel input:focus{border-color:#ffaaa2;box-shadow:0 0 0 4px rgba(255,107,95,.10)}
.search-actions .btn:first-child{background:var(--coral)}.search-actions .btn:first-child:hover{background:var(--coral-dark)}.search-actions .btn.alt{color:var(--navy);background:#fff;border:1px solid #d9e4ec}
.results-bar{margin-top:32px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.results-bar b{color:var(--navy)}
.listing-grid{gap:24px}.listing-card{border:1px solid #e3ebf1;border-radius:18px;box-shadow:0 10px 30px rgba(16,42,67,.075)}.listing-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(16,42,67,.12)}.listing-image{height:205px}.listing-badge{top:12px;left:12px;color:var(--coral-dark);border-radius:999px;box-shadow:0 4px 14px rgba(16,42,67,.1)}.listing-body{padding:21px}.listing-body h3{color:var(--navy)}.listing-price{color:var(--navy)}.listing-card .btn{background:var(--coral);border-radius:12px}.listing-card .btn:hover{background:var(--coral-dark)}
.map-block{margin-top:48px;padding:28px;border:1px solid #e2eaf1;border-radius:22px;background:linear-gradient(145deg,#f7fbfe,#fff);box-shadow:0 14px 36px rgba(16,42,67,.06)}.map-head h3{color:var(--navy)}.map-legend span{border-color:#e2e9ef;box-shadow:0 3px 10px rgba(16,42,67,.04)}
.light{background:linear-gradient(135deg,#f8fbfd 0%,#fff 58%,#fff8f5 100%)}.feature-card{border:1px solid #e5ebf0;border-radius:22px;box-shadow:0 16px 38px rgba(16,42,67,.07)}.feature{padding:18px 4px}.feature:first-child{padding-top:4px}.feature b{color:var(--navy)}.feature span{color:var(--muted2)}
.agency-section .form-wrap,.rgpd-wrap{max-width:1100px}.pro-box{border:1px solid #e3ebf1;background:linear-gradient(145deg,#f8fbfd,#fff);border-radius:18px}.agency-form input,.agency-form select,textarea{min-height:48px;border-color:#dbe5ed}.agency-form input:focus,.agency-form select:focus,textarea:focus{border-color:#ffaaa2;box-shadow:0 0 0 4px rgba(255,107,95,.10)}.agency-form .btn{background:var(--coral)}.agency-form .btn:hover{background:var(--coral-dark)}
.public-ad-card{border-radius:16px;border-color:#e3ebf1;box-shadow:0 10px 28px rgba(16,42,67,.07)}
footer{background:linear-gradient(135deg,#102a43,#173d5d);border-top:4px solid var(--coral)}
@media(max-width:1100px){nav{max-width:72vw;overflow:auto;scrollbar-width:none}nav::-webkit-scrollbar{display:none}}
@media(max-width:800px){header{height:68px}.brand{font-size:22px}nav a{font-size:12px;padding:8px}nav a[href="#deposer"]{background:transparent;color:#36536b;box-shadow:none}section{padding-top:60px;padding-bottom:60px}.search-panel{padding:20px}}


/* Univers tropical — section annonces, dans la continuité du bandeau */
#annonces{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 18% 18%,rgba(244,208,63,.10),transparent 24%),
    radial-gradient(circle at 82% 55%,rgba(239,106,91,.08),transparent 26%),
    linear-gradient(180deg,#fffdf9 0%,#fff 48%,#f8fcfa 100%);
  padding-top:72px;
}
#annonces::before,#annonces::after{
  content:"";
  position:absolute;
  top:45px;
  bottom:20px;
  width:min(230px,16vw);
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20520%20900%22%3E%3Cg%20fill%3D%22%234fae62%22%3E%3Cellipse%20cx%3D%2280%22%20cy%3D%22100%22%20rx%3D%2228%22%20ry%3D%2285%22%20transform%3D%22rotate(-45%2080%20100)%22%2F%3E%3Cellipse%20cx%3D%22160%22%20cy%3D%22250%22%20rx%3D%2228%22%20ry%3D%2285%22%20transform%3D%22rotate(40%20160%20250)%22%2F%3E%3Cellipse%20cx%3D%2280%22%20cy%3D%22440%22%20rx%3D%2228%22%20ry%3D%2285%22%20transform%3D%22rotate(-40%2080%20440)%22%2F%3E%3Cellipse%20cx%3D%22160%22%20cy%3D%22640%22%20rx%3D%2228%22%20ry%3D%2285%22%20transform%3D%22rotate(40%20160%20640)%22%2F%3E%3Cellipse%20cx%3D%2270%22%20cy%3D%22790%22%20rx%3D%2224%22%20ry%3D%2275%22%20transform%3D%22rotate(-40%2070%20790)%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23fff%22%20stroke%3D%22%23e8e8e8%22%20stroke-width%3D%222%22%3E%3Cg%20transform%3D%22translate(105%20190)%22%3E%3Cellipse%20cy%3D%22-42%22%20rx%3D%2230%22%20ry%3D%2252%22%2F%3E%3Cellipse%20cx%3D%2240%22%20cy%3D%22-12%22%20rx%3D%2252%22%20ry%3D%2228%22%20transform%3D%22rotate(72%2040%20-12)%22%2F%3E%3Cellipse%20cx%3D%2224%22%20cy%3D%2238%22%20rx%3D%2230%22%20ry%3D%2252%22%20transform%3D%22rotate(144%2024%2038)%22%2F%3E%3Cellipse%20cx%3D%22-28%22%20cy%3D%2238%22%20rx%3D%2230%22%20ry%3D%2252%22%20transform%3D%22rotate(216%20-28%2038)%22%2F%3E%3Cellipse%20cx%3D%22-40%22%20cy%3D%22-12%22%20rx%3D%2252%22%20ry%3D%2228%22%20transform%3D%22rotate(288%20-40%20-12)%22%2F%3E%3Ccircle%20r%3D%2215%22%20fill%3D%22%23f4c43e%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(130%20455)%22%3E%3Cellipse%20cy%3D%22-38%22%20rx%3D%2226%22%20ry%3D%2248%22%2F%3E%3Cellipse%20cx%3D%2236%22%20cy%3D%22-11%22%20rx%3D%2248%22%20ry%3D%2226%22%20transform%3D%22rotate(72%2036%20-11)%22%2F%3E%3Cellipse%20cx%3D%2222%22%20cy%3D%2234%22%20rx%3D%2226%22%20ry%3D%2248%22%20transform%3D%22rotate(144%2022%2034)%22%2F%3E%3Cellipse%20cx%3D%22-24%22%20cy%3D%2234%22%20rx%3D%2226%22%20ry%3D%2248%22%20transform%3D%22rotate(216%20-24%2034)%22%2F%3E%3Cellipse%20cx%3D%22-36%22%20cy%3D%22-11%22%20rx%3D%2248%22%20ry%3D%2226%22%20transform%3D%22rotate(288%20-36%20-11)%22%2F%3E%3Ccircle%20r%3D%2214%22%20fill%3D%22%23f4c43e%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(90%20720)%22%3E%3Cellipse%20cy%3D%22-34%22%20rx%3D%2223%22%20ry%3D%2244%22%2F%3E%3Cellipse%20cx%3D%2233%22%20cy%3D%22-10%22%20rx%3D%2244%22%20ry%3D%2223%22%20transform%3D%22rotate(72%2033%20-10)%22%2F%3E%3Cellipse%20cx%3D%2220%22%20cy%3D%2230%22%20rx%3D%2223%22%20ry%3D%2244%22%20transform%3D%22rotate(144%2020%2030)%22%2F%3E%3Cellipse%20cx%3D%22-21%22%20cy%3D%2230%22%20rx%3D%2223%22%20ry%3D%2244%22%20transform%3D%22rotate(216%20-21%2030)%22%2F%3E%3Cellipse%20cx%3D%22-33%22%20cy%3D%22-10%22%20rx%3D%2244%22%20ry%3D%2223%22%20transform%3D%22rotate(288%20-33%20-10)%22%2F%3E%3Ccircle%20r%3D%2213%22%20fill%3D%22%23f4c43e%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat:no-repeat;
  background-size:100% auto;
  opacity:.42;
  pointer-events:none;
  z-index:-1;
}
#annonces::before{left:-18px;background-position:left top;}
#annonces::after{right:-18px;transform:scaleX(-1);background-position:left top;}
#annonces .section-head{position:relative;z-index:1;max-width:1100px;margin:0 auto;}
#annonces .section-head::after{
  content:"";display:block;width:74px;height:6px;margin:18px 0 4px;border-radius:999px;
  background:linear-gradient(90deg,#1682c4 0 38%,#f4c43e 38% 68%,#ef6a5b 68%);
}
#annonces h2{font-size:clamp(34px,4vw,50px);letter-spacing:-1.5px;color:#132f4d;margin-bottom:12px;}
#annonces .section-head p{color:#5f7a96;max-width:900px;}
#annonces .property-tabs{position:relative;z-index:2;max-width:1100px;margin:26px auto 30px;}
#annonces .property-tab{background:rgba(255,255,255,.94);box-shadow:0 6px 18px rgba(20,50,90,.05);}
#annonces .property-tab.active{background:#ef6a5b;border-color:#ef6a5b;box-shadow:0 10px 24px rgba(239,106,91,.22);}
#annonces .search-panel{position:relative;z-index:2;max-width:1100px;margin:0 auto;border:1px solid #e5e9e7;background:rgba(255,255,255,.96);box-shadow:0 18px 48px rgba(20,50,90,.10);border-radius:24px;}
#annonces .search-actions .btn:first-child{background:#ef6a5b;box-shadow:0 10px 24px rgba(239,106,91,.22);}
#annonces .map-block{max-width:1100px;margin-left:auto;margin-right:auto;}
@media(max-width:800px){#annonces::before,#annonces::after{width:120px;opacity:.24;top:35px}#annonces{padding-top:58px}#annonces .search-panel,#annonces .property-tabs,#annonces .section-head{max-width:none}}


/* Finition tropicale — tiaré luxuriant, dans l'esprit de la maquette validée */
#annonces{
  background:
    radial-gradient(ellipse at 14% 32%,rgba(247,221,117,.22),transparent 22%),
    radial-gradient(ellipse at 86% 36%,rgba(239,106,91,.10),transparent 24%),
    linear-gradient(180deg,#fffdf9 0%,#fff 55%,#f5fbf7 100%);
}
#annonces::before,#annonces::after{
  top:15px;bottom:0;width:min(310px,21vw);opacity:.72;
  background-size:100% 100%;
  filter:saturate(1.08);
}
#annonces::before{left:-35px;transform:rotate(-1deg)}
#annonces::after{right:-35px;transform:scaleX(-1) rotate(-1deg)}
#annonces .section-head,#annonces .property-tabs,#annonces .search-panel,#annonces .map-block{max-width:1180px}
#annonces .section-head{padding-left:20px}
#annonces h2{font-size:clamp(38px,4.4vw,58px);font-weight:900;color:#112f4d;text-shadow:0 2px 0 rgba(255,255,255,.9)}
#annonces .section-head p{font-size:19px;color:#557491}
#annonces .property-tabs{margin-top:28px;margin-bottom:34px;padding-left:20px}
#annonces .property-tab{padding:13px 20px;border-radius:13px;font-size:15px;box-shadow:0 5px 16px rgba(25,65,95,.05)}
#annonces .property-tab.active{background:linear-gradient(135deg,#ff675e,#ef6a5b);color:#fff;border-color:#ff675e}
#annonces .search-panel{border-radius:25px;padding:30px 34px;background:rgba(255,255,255,.94);box-shadow:0 20px 55px rgba(20,50,90,.12);backdrop-filter:blur(5px)}
#annonces .search-panel label{color:#31506e;font-size:14px}
#annonces .search-panel select,#annonces .search-panel input{min-height:58px;border-radius:14px;background:#fff;font-size:16px}
#annonces .attribute-filter label{min-height:auto;padding:11px 15px;border-radius:999px;background:#f7fafc}
#annonces .search-actions .btn:first-child{background:linear-gradient(135deg,#ff675e,#ef6a5b);padding:15px 24px}
@media(max-width:800px){#annonces::before,#annonces::after{width:145px;opacity:.38}#annonces .section-head,#annonces .property-tabs{padding-left:0}#annonces .search-panel{padding:20px}}


/* Bordure botanique premium : visuel tropical riche, sans toucher au contenu */
#annonces::before,#annonces::after{width:min(390px,27vw);top:0;bottom:0;opacity:.88;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201600%20900%22%3E%0A%3Cdefs%3E%0A%20%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%231f7a45%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%235aa95c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23174f36%22%2F%3E%3C%2FlinearGradient%3E%0A%20%3ClinearGradient%20id%3D%22g2%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%220%22%3E%3Cstop%20stop-color%3D%22%230e5a39%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2374b957%22%2F%3E%3C%2FlinearGradient%3E%0A%20%3CradialGradient%20id%3D%22w%22%3E%3Cstop%20stop-color%3D%22%23fffdf4%22%2F%3E%3Cstop%20offset%3D%22.75%22%20stop-color%3D%22%23fff%22%20%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f3efe0%22%2F%3E%3C%2FradialGradient%3E%0A%20%3CradialGradient%20id%3D%22y%22%3E%3Cstop%20stop-color%3D%22%23ffe57a%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e8a92e%22%2F%3E%3C%2FradialGradient%3E%0A%20%3Cfilter%20id%3D%22shadow%22%3E%3CfeDropShadow%20dx%3D%220%22%20dy%3D%225%22%20stdDeviation%3D%225%22%20flood-opacity%3D%22.16%22%2F%3E%3C%2Ffilter%3E%0A%20%3Cg%20id%3D%22leaf%22%3E%3Cpath%20d%3D%22M0%200%20C28-55%2076-70%20110-54%20C86-5%2045%2018%200%200Z%22%20fill%3D%22url(%23g)%22%2F%3E%3Cpath%20d%3D%22M5-2%20C35-25%2072-42%20103-52%22%20stroke%3D%22%23b6d77b%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20opacity%3D%22.55%22%2F%3E%3C%2Fg%3E%0A%20%3Cg%20id%3D%22plum%22%3E%3Cg%20fill%3D%22url(%23w)%22%20stroke%3D%22%23eee7d7%22%20stroke-width%3D%222%22%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-42%22%20rx%3D%2228%22%20ry%3D%2250%22%2F%3E%3Cellipse%20cx%3D%2240%22%20cy%3D%22-13%22%20rx%3D%2249%22%20ry%3D%2227%22%20transform%3D%22rotate(72%2040-13)%22%2F%3E%3Cellipse%20cx%3D%2225%22%20cy%3D%2237%22%20rx%3D%2228%22%20ry%3D%2250%22%20transform%3D%22rotate(144%2025%2037)%22%2F%3E%3Cellipse%20cx%3D%22-27%22%20cy%3D%2237%22%20rx%3D%2228%22%20ry%3D%2250%22%20transform%3D%22rotate(216%20-27%2037)%22%2F%3E%3Cellipse%20cx%3D%22-40%22%20cy%3D%22-13%22%20rx%3D%2249%22%20ry%3D%2227%22%20transform%3D%22rotate(288%20-40-13)%22%2F%3E%3C%2Fg%3E%3Ccircle%20r%3D%2217%22%20fill%3D%22url(%23y)%22%2F%3E%3C%2Fg%3E%0A%20%3Cg%20id%3D%22hib%22%3E%3Cpath%20d%3D%22M0%200%20C-55-45-70-5-42%2030%20C-20%2056%200%2037%200%2010%20C0%2037%2025%2055%2045%2028%20C72-7%2054-45%200%200Z%22%20fill%3D%22%23ed554b%22%2F%3E%3Cpath%20d%3D%22M0%200%20C35-60%2058-48%2053-18%20C48%2010%2022%2017%200%2012%22%20fill%3D%22%23f26758%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%22-2%22%20r%3D%227%22%20fill%3D%22%23f5c33b%22%2F%3E%3Cpath%20d%3D%22M16-5%20C55-30%2070-22%2079-3%22%20stroke%3D%22%23f3c33d%22%20stroke-width%3D%225%22%20fill%3D%22none%22%2F%3E%3C%2Fg%3E%0A%3C%2Fdefs%3E%0A%3Cg%20filter%3D%22url(%23shadow)%22%3E%0A%20%3Cg%20transform%3D%22translate(20%2040)%22%3E%3Cuse%20href%3D%22%23leaf%22%20transform%3D%22rotate(-18)%20scale(1.6)%22%2F%3E%3Cuse%20href%3D%22%23leaf%22%20transform%3D%22translate(35%2070)%20rotate(28)%20scale(1.35)%22%2F%3E%3Cuse%20href%3D%22%23leaf%22%20transform%3D%22translate(0%20170)%20rotate(-10)%20scale(1.55)%22%2F%3E%3Cuse%20href%3D%22%23leaf%22%20transform%3D%22translate(55%20245)%20rotate(35)%20scale(1.4)%22%2F%3E%3Cuse%20href%3D%22%23leaf%22%20transform%3D%22translate(10%20390)%20rotate(-12)%20scale(1.6)%22%2F%3E%3Cuse%20href%3D%22%23leaf%22%20transform%3D%22translate(75%20500)%20rotate(32)%20scale(1.3)%22%2F%3E%3Cuse%20href%3D%22%23leaf%22%20transform%3D%22translate(5%20650)%20rotate(-18)%20scale(1.55)%22%2F%3E%3C%2Fg%3E%0A%20%3Cg%20transform%3D%22translate(130%20150)%22%3E%3Cuse%20href%3D%22%23plum%22%20transform%3D%22scale(1.35)%22%2F%3E%3Cuse%20href%3D%22%23plum%22%20transform%3D%22translate(40%20320)%20scale(.9)%22%2F%3E%3Cuse%20href%3D%22%23hib%22%20transform%3D%22translate(35%20520)%20scale(1.15)%22%2F%3E%3Cuse%20href%3D%22%23plum%22%20transform%3D%22translate(10%20710)%20scale(.82)%22%2F%3E%3C%2Fg%3E%0A%20%3Cg%20transform%3D%22translate(1570%2040)%20scale(-1%201)%22%3E%3Cuse%20href%3D%22%23leaf%22%20transform%3D%22rotate(-18)%20scale(1.6)%22%2F%3E%3Cuse%20href%3D%22%23leaf%22%20transform%3D%22translate(35%2070)%20rotate(28)%20scale(1.35)%22%2F%3E%3Cuse%20href%3D%22%23leaf%22%20transform%3D%22translate(0%20170)%20rotate(-10)%20scale(1.55)%22%2F%3E%3Cuse%20href%3D%22%23leaf%22%20transform%3D%22translate(55%20245)%20rotate(35)%20scale(1.4)%22%2F%3E%3Cuse%20href%3D%22%23leaf%22%20transform%3D%22translate(10%20390)%20rotate(-12)%20scale(1.6)%22%2F%3E%3Cuse%20href%3D%22%23leaf%22%20transform%3D%22translate(75%20500)%20rotate(32)%20scale(1.3)%22%2F%3E%3Cuse%20href%3D%22%23leaf%22%20transform%3D%22translate(5%20650)%20rotate(-18)%20scale(1.55)%22%2F%3E%3C%2Fg%3E%0A%20%3Cg%20transform%3D%22translate(1470%20150)%20scale(-1%201)%22%3E%3Cuse%20href%3D%22%23plum%22%20transform%3D%22scale(1.35)%22%2F%3E%3Cuse%20href%3D%22%23plum%22%20transform%3D%22translate(40%20320)%20scale(.9)%22%2F%3E%3Cuse%20href%3D%22%23hib%22%20transform%3D%22translate(35%20520)%20scale(1.15)%22%2F%3E%3Cuse%20href%3D%22%23plum%22%20transform%3D%22translate(10%20710)%20scale(.82)%22%2F%3E%3C%2Fg%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E");background-size:1600px 900px;background-position:left center;background-repeat:no-repeat;filter:none;}
#annonces::before{left:0;transform:none;}
#annonces::after{right:0;transform:scaleX(-1);}
#annonces{min-height:760px;background:linear-gradient(180deg,#fffdf8 0%,#fff 54%,#f7fcf8 100%);}
#annonces .section-head,#annonces .property-tabs,#annonces .search-panel{position:relative;z-index:3;}
#annonces .section-head{max-width:1180px;margin-left:auto;margin-right:auto;padding-left:55px;padding-right:55px;}
#annonces .property-tabs{max-width:1180px;margin-left:auto;margin-right:auto;padding-left:55px;padding-right:55px;}
#annonces .search-panel{max-width:1180px;margin-left:auto;margin-right:auto;}
@media(max-width:900px){#annonces::before,#annonces::after{width:170px;opacity:.5;background-size:900px auto;}#annonces .section-head,#annonces .property-tabs{padding-left:10px;padding-right:10px}}
@media(max-width:600px){#annonces::before,#annonces::after{width:105px;opacity:.28}#annonces .section-head,#annonces .property-tabs{padding-left:0;padding-right:0}}


/* CORRECTION — conserver le bandeau réel et l'univers floral des annonces */
.hero{
  background-color:#071f34!important;
  background-image:url("/images/hero-original-banner.jpg")!important;
  background-position:center center!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
}
@media(max-width:800px){
  .hero{
    background-position:center center!important;
    background-size:100% 100%!important;
  }
}

/* Le paysage tropical reste le fond général des pages, sans remplacer le bandeau */
html{background:#dff2fb}
body{
  background-color:#eaf7fb!important;
  background-image:
    linear-gradient(rgba(255,255,255,.78),rgba(255,255,255,.78)),
    url("/images/reunion-site-bg.webp")!important;
  background-position:center center!important;
  background-size:cover!important;
  background-attachment:fixed!important;
  background-repeat:no-repeat!important;
}
header{background:rgba(255,255,255,.94)!important;backdrop-filter:blur(10px)}
section,.light,.agency-section,.rgpd-section,.cta-section{background:rgba(255,255,255,.76)!important}
#annonces{background:rgba(255,255,255,.70)!important}
.search-panel,.feature-card,.listing-card,.map-block,.pro-box,.rgpd-grid article,.public-ad-card{background:rgba(255,255,255,.93)!important}
footer{background:rgba(16,42,67,.97)!important}
@media(max-width:800px){body{background-attachment:scroll!important}}


/* RETRAIT DU DECOR FLORAL DES ANNONCES — conservation du fond général */
#annonces::before,
#annonces::after{
  display:none!important;
  content:none!important;
  background-image:none!important;
}
#annonces{
  background:rgba(255,255,255,.70)!important;
}

/* VISUEL TROPICAL DE PAGE — image au premier plan, sans fond global */
body{background:#fff!important;background-image:none!important;background-attachment:initial!important;}
.page-visual{
  width:100%;
  height:220px;
  overflow:hidden;
  position:relative;
  z-index:1;
  background:#eaf7fb;
  border-bottom:1px solid #e3ebf1;
}
.page-visual img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 58%;
}
@media(max-width:800px){
  .page-visual{height:150px}
}


/* VISUEL TROPICAL — AFFICHAGE FORCE */
.page-visual{display:block!important;height:280px!important;min-height:280px!important;width:100%!important;overflow:hidden!important;position:relative!important;z-index:4!important;background:#eaf7fb url("/images/reunion-site-bg.webp?v=20261007") center center/cover no-repeat!important;}
.page-visual img{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;height:100%!important;min-height:280px!important;object-fit:cover!important;object-position:center center!important;}
@media(max-width:800px){.page-visual{height:190px!important;min-height:190px!important}.page-visual img{min-height:190px!important}}


/* CORRECTION VISUEL — pas de doublon au-dessus du bandeau d'accueil */
.page-visual{height:175px!important;min-height:175px!important;z-index:1!important;}
.page-visual img{min-height:175px!important;object-position:center 55%!important;}
@media(max-width:800px){.page-visual{height:125px!important;min-height:125px!important}.page-visual img{min-height:125px!important}}


/* VISUEL TROPICAL — intégration propre dans la section annonces */
#annonces .annonces-visual{position:relative;z-index:2;width:100%;max-width:1180px;height:150px;margin:24px auto 30px;overflow:hidden;border-radius:22px;box-shadow:0 14px 35px rgba(16,42,67,.12);border:1px solid rgba(16,42,67,.08);background:#eaf7fb}
#annonces .annonces-visual img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 58%!important}
@media(max-width:800px){#annonces .annonces-visual{height:105px;margin:18px 0 24px;border-radius:16px}#annonces .annonces-visual img{object-position:center center!important}}


/* HABILLAGE DES PAGES — image tropicale au premier plan, jamais en fond */
.page-visual{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important;position:relative!important;z-index:2!important;background:#eaf7fb!important;border:0!important;border-radius:0!important;box-shadow:none!important;line-height:0!important}
.page-visual img{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;object-fit:contain!important;object-position:center center!important;opacity:1!important;visibility:visible!important}
@media(max-width:800px){.page-visual img{width:100%!important;height:auto!important}}
/* La page d'accueil garde exclusivement son vrai bandeau */
body:has(>.hero)>.page-visual{display:none!important}


/* NOUVEL HABILLAGE TROPICAL — cadre végétal en premier plan sur les pages internes */
.page-visual{position:fixed!important;inset:0!important;height:auto!important;min-height:0!important;width:100%!important;display:block!important;pointer-events:none!important;z-index:1!important;overflow:hidden!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;line-height:0!important}
.page-visual img{position:absolute!important;top:0!important;bottom:0!important;width:24vw!important;max-width:330px!important;min-width:190px!important;height:100%!important;min-height:100vh!important;object-fit:cover!important;opacity:1!important;visibility:visible!important;display:block!important}
.page-visual img:first-child{left:0!important;object-position:left center!important}
.page-visual img:last-child{right:0!important;left:auto!important;object-position:right center!important;transform:scaleX(-1)!important}
body>.page-visual~main,body>.page-visual~section,body>.page-visual~footer{position:relative!important;z-index:2!important}
body:has(>.page-visual){background:#fff!important;background-image:none!important}
@media(max-width:900px){.page-visual{display:none!important}}


/* INTEGRATION FINALE DU VISUEL TROPICAL — accueil, en premier plan autour des annonces */
body{background:#fff!important;background-image:none!important;background-attachment:initial!important}
#annonces{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#fff!important;
}
#annonces .annonces-frame{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  pointer-events:none!important;
  z-index:1!important;
  display:block!important;
}
#annonces .annonces-frame img{
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  width:min(28vw,360px)!important;
  min-width:210px!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:left center!important;
  opacity:1!important;
  visibility:visible!important;
}
#annonces .annonces-frame img:first-child{left:0!important}
#annonces .annonces-frame img:last-child{
  right:0!important;
  left:auto!important;
  object-position:right center!important;
}
#annonces .section-head,
#annonces .property-tabs,
#annonces .search-panel,
#annonces .results-bar,
#annonces .listing-grid,
#annonces .map-block{
  position:relative!important;
  z-index:3!important;
}
#annonces .section-head{padding-left:clamp(210px,12vw,260px)!important;padding-right:clamp(210px,12vw,260px)!important}
#annonces .property-tabs{padding-left:clamp(210px,12vw,260px)!important;padding-right:clamp(210px,12vw,260px)!important}
#annonces .search-panel,#annonces .results-bar,#annonces .listing-grid,#annonces .map-block{margin-left:clamp(170px,10vw,220px)!important;margin-right:clamp(170px,10vw,220px)!important}
@media(max-width:900px){
  #annonces .annonces-frame img{width:145px!important;min-width:0!important}
  #annonces .section-head,#annonces .property-tabs{padding-left:155px!important;padding-right:155px!important}
  #annonces .search-panel,#annonces .results-bar,#annonces .listing-grid,#annonces .map-block{margin-left:125px!important;margin-right:125px!important}
}
@media(max-width:600px){
  #annonces .annonces-frame img{width:90px!important}
  #annonces .section-head,#annonces .property-tabs{padding-left:18px!important;padding-right:18px!important}
  #annonces .search-panel,#annonces .results-bar,#annonces .listing-grid,#annonces .map-block{margin-left:0!important;margin-right:0!important}
}


/* IMMOPRO 974 — VISUEL TROPICAL EN PREMIER PLAN SUR LES PAGES INTERNES
   Ne modifie pas le bandeau/hero de la page d'accueil. */
.page-visual{
  position:fixed!important; inset:0!important; width:100%!important; height:100vh!important;
  min-height:100vh!important; display:block!important; overflow:hidden!important;
  pointer-events:none!important; z-index:50!important; background:transparent!important;
  border:0!important; box-shadow:none!important; line-height:0!important;
}
.page-visual img{
  position:absolute!important; top:0!important; bottom:0!important;
  width:clamp(150px,19vw,300px)!important; height:100vh!important; min-height:100vh!important;
  display:block!important; object-fit:cover!important; object-position:left center!important;
  opacity:1!important; visibility:visible!important;
}
.page-visual img:first-child{left:0!important;right:auto!important}
.page-visual img:last-child{right:0!important;left:auto!important;object-position:right center!important}
body:has(>.page-visual){background:#fff!important;background-image:none!important}
body:has(>.page-visual)>header,
body:has(>.page-visual)>main,
body:has(>.page-visual)>footer{position:relative!important;z-index:2!important}
@media(max-width:900px){
  .page-visual img{width:clamp(105px,24vw,190px)!important}
}
@media(max-width:600px){
  .page-visual{display:block!important}
  .page-visual img{width:96px!important;height:100vh!important;min-height:100vh!important}
}


/* CORRECTION VISUEL TROPICAL — rendu net et proportionné
   L'image reste au premier plan sur les côtés sans être étirée. */
#annonces .annonces-frame{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  pointer-events:none!important;
  z-index:1!important;
  display:block!important;
}
#annonces .annonces-frame img{
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  width:clamp(190px,20vw,330px)!important;
  min-width:0!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:left center!important;
  image-rendering:auto!important;
  opacity:1!important;
  visibility:visible!important;
}
#annonces .annonces-frame img:first-child{left:0!important;right:auto!important}
#annonces .annonces-frame img:last-child{
  right:0!important;left:auto!important;
  object-position:right center!important;
}
#annonces .section-head,
#annonces .property-tabs,
#annonces .search-panel,
#annonces .results-bar,
#annonces .listing-grid,
#annonces .map-block{
  position:relative!important;
  z-index:3!important;
}
#annonces .section-head{
  padding-left:clamp(205px,12vw,250px)!important;
  padding-right:clamp(205px,12vw,250px)!important;
}
#annonces .property-tabs{
  padding-left:clamp(205px,12vw,250px)!important;
  padding-right:clamp(205px,12vw,250px)!important;
}
#annonces .search-panel,
#annonces .results-bar,
#annonces .listing-grid,
#annonces .map-block{
  margin-left:clamp(165px,10vw,215px)!important;
  margin-right:clamp(165px,10vw,215px)!important;
}
@media(max-width:900px){
  #annonces .annonces-frame img{width:135px!important}
  #annonces .section-head,#annonces .property-tabs{
    padding-left:145px!important;padding-right:145px!important;
  }
  #annonces .search-panel,#annonces .results-bar,#annonces .listing-grid,#annonces .map-block{
    margin-left:115px!important;margin-right:115px!important;
  }
}
@media(max-width:600px){
  #annonces .annonces-frame img{width:82px!important}
  #annonces .section-head,#annonces .property-tabs{
    padding-left:10px!important;padding-right:10px!important;
  }
  #annonces .search-panel,#annonces .results-bar,#annonces .listing-grid,#annonces .map-block{
    margin-left:0!important;margin-right:0!important;
  }
}

/* Pages internes : même principe, image nette et jamais déformée. */
.page-visual img{
  width:clamp(150px,19vw,300px)!important;
  height:100vh!important;
  min-height:100vh!important;
  object-fit:cover!important;
  object-position:left center!important;
  image-rendering:auto!important;
}
.page-visual img:last-child{object-position:right center!important}


/* =========================================================
   CADRE TROPICAL FINAL — version propre
   Objectif : visuel net en premier plan sur les pages
   sans modifier le bandeau HERO.
   ========================================================= */

/* 1. On désactive définitivement les anciens décors CSS
      qui entraient en conflit avec le vrai visuel. */
#annonces::before,
#annonces::after{
  content:none!important;
  display:none!important;
}

/* 2. Le visuel des annonces devient un vrai cadre latéral.
      On utilise la photo existante hero2.jpg, beaucoup plus
      nette, en prenant sa partie droite sans le texte du hero. */
#annonces{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}

#annonces .annonces-frame{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
  z-index:1!important;
  display:block!important;
}

#annonces .annonces-frame img{
  content:url("/images/reunion-site-bg.webp?v=20261007")!important;
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  width:240px!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  display:block!important;
  object-fit:cover!important;
  object-position:right center!important;
  filter:none!important;
  image-rendering:auto!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}

#annonces .annonces-frame img:first-child{
  left:0!important;
  right:auto!important;
  object-position:right center!important;
}

#annonces .annonces-frame img:last-child{
  right:0!important;
  left:auto!important;
  object-position:right center!important;
  transform:scaleX(-1)!important;
}

/* 3. Zone centrale propre : même largeur partout,
      sans les anciens décalages de 200+ px. */
#annonces .section-head,
#annonces .property-tabs,
#annonces .search-panel,
#annonces .results-bar,
#annonces .listing-grid,
#annonces .map-block{
  position:relative!important;
  z-index:3!important;
  max-width:1140px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

#annonces .section-head,
#annonces .property-tabs{
  padding-left:0!important;
  padding-right:0!important;
}

#annonces .search-panel,
#annonces .results-bar,
#annonces .listing-grid,
#annonces .map-block{
  margin-left:auto!important;
  margin-right:auto!important;
}

#annonces .section-head{
  padding-top:0!important;
}

#annonces .search-panel{
  width:100%!important;
}

#annonces .listing-grid{
  width:100%!important;
}

/* 4. Pages internes : même logique, visuel net sur les côtés.
      Le HERO de l'accueil n'est pas touché. */
.page-visual{
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  height:100vh!important;
  min-height:100vh!important;
  display:block!important;
  overflow:hidden!important;
  pointer-events:none!important;
  z-index:50!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  line-height:0!important;
}

.page-visual img{
  /* La source de l’image est définie dans le HTML : ne pas la remplacer ici. */
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  width:240px!important;
  height:100vh!important;
  min-height:100vh!important;
  min-width:0!important;
  max-width:none!important;
  display:block!important;
  object-fit:cover!important;
  object-position:right center!important;
  filter:none!important;
  image-rendering:auto!important;
  opacity:1!important;
  visibility:visible!important;
}

.page-visual img:first-child{
  left:0!important;
  right:auto!important;
  object-position:right center!important;
  transform:none!important;
}

.page-visual img:last-child{
  right:0!important;
  left:auto!important;
  object-position:right center!important;
  transform:scaleX(-1)!important;
}

/* Mise en page simple : bandeaux latéraux derrière le contenu,
   contenu central centré et dimensionné pour rester lisible. */
.page-visual{z-index:0!important}
.page-visual img{width:clamp(120px,18vw,250px)!important}
body:has(>.page-visual)>header{
  position:relative!important;
  z-index:2!important;
}
body:has(>.page-visual)>main,
body:has(>.page-visual)>section,
body:has(>.page-visual)>footer{
  position:relative!important;
  z-index:1!important;
}
body:has(>.page-visual)>.agency-section{
  box-sizing:border-box!important;
  width:min(100%,1090px)!important;
  margin:0 auto!important;
  padding:48px 36px 64px!important;
  background:#fff!important;
  min-height:calc(100vh - 106px)!important;
}
@media(max-width:900px){
  body:has(>.page-visual)>.agency-section{
    width:100%!important;
    padding:32px 22px 48px!important;
  }
}

/* Sur l'accueil, aucun page-visual parasite. */
body:has(>.hero)>.page-visual{
  display:none!important;
}

@media(max-width:900px){
  #annonces .annonces-frame img,
  .page-visual img{
    width:150px!important;
  }

  #annonces .section-head,
  #annonces .property-tabs,
  #annonces .search-panel,
  #annonces .results-bar,
  #annonces .listing-grid,
  #annonces .map-block{
    max-width:calc(100% - 180px)!important;
  }
}

@media(max-width:600px){
  #annonces .annonces-frame img,
  .page-visual img{
    width:95px!important;
  }

  #annonces .section-head,
  #annonces .property-tabs,
  #annonces .search-panel,
  #annonces .results-bar,
  #annonces .listing-grid,
  #annonces .map-block{
    max-width:calc(100% - 20px)!important;
  }

  .page-visual img{
    height:100vh!important;
  }
}


/* =========================================================
   IMMOPRO 974 — CORRECTION DEFINITIVE DE LA SECTION ANNONCES
   IMPORTANT : le HERO / bandeau n'est pas modifié.
   ========================================================= */

/* La section annonces doit utiliser le vrai visuel tropical
   du site, pas hero2.jpg (qui n'existe pas dans /public/images). */
#annonces{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-height:820px!important;
  padding-top:70px!important;
  padding-bottom:70px!important;
  background:
    linear-gradient(rgba(255,255,255,.08),rgba(255,255,255,.08)),
    url("/images/reunion-site-bg.webp?v=20261007") center top / cover no-repeat!important;
}

/* On supprime complètement les deux anciennes images latérales.
   C'est la source du rendu flou et maintenant des images cassées. */
#annonces .annonces-frame{
  display:none!important;
}

/* Suppression des anciens décors CSS. */
#annonces::before,
#annonces::after{
  content:none!important;
  display:none!important;
}

/* Contenu posé directement sur le décor tropical. */
#annonces .section-head,
#annonces .property-tabs,
#annonces .search-panel,
#annonces .results-bar,
#annonces .listing-grid,
#annonces .map-block{
  position:relative!important;
  z-index:3!important;
  max-width:1500px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Titre : zone transparente, comme sur la maquette. */
#annonces .section-head{
  padding:0 40px!important;
  margin-bottom:28px!important;
}
#annonces .section-head h2{
  text-shadow:0 2px 8px rgba(255,255,255,.7)!important;
}

/* Onglets sur le paysage. */
#annonces .property-tabs{
  padding:0 40px!important;
  margin-top:20px!important;
  margin-bottom:22px!important;
}
#annonces .property-tab{
  background:rgba(255,255,255,.94)!important;
  border-color:rgba(210,225,235,.95)!important;
  box-shadow:0 8px 22px rgba(20,50,90,.10)!important;
}
#annonces .property-tab.active{
  background:linear-gradient(135deg,#ff675e,#ef6a5b)!important;
  color:#fff!important;
}

/* Grand panneau de recherche blanc, bien lisible et légèrement
   transparent pour conserver l'ambiance tropicale. */
#annonces .search-panel{
  width:calc(100% - 80px)!important;
  max-width:1500px!important;
  margin-top:0!important;
  padding:28px 34px!important;
  background:rgba(255,255,255,.95)!important;
  border:1px solid rgba(255,255,255,.90)!important;
  border-radius:26px!important;
  box-shadow:0 20px 55px rgba(20,50,90,.16)!important;
  backdrop-filter:blur(3px)!important;
}

/* Les champs restent propres et opaques. */
#annonces .search-panel select,
#annonces .search-panel input{
  background:#fff!important;
}

/* Le reste des résultats conserve la même largeur. */
#annonces .results-bar,
#annonces .listing-grid,
#annonces .map-block{
  width:calc(100% - 80px)!important;
}

/* Responsive : on garde le décor, sans créer de colonnes vides. */
@media(max-width:900px){
  #annonces{
    min-height:760px!important;
    padding-top:55px!important;
    background-position:center top!important;
  }
  #annonces .section-head,
  #annonces .property-tabs{
    padding-left:20px!important;
    padding-right:20px!important;
  }
  #annonces .search-panel,
  #annonces .results-bar,
  #annonces .listing-grid,
  #annonces .map-block{
    width:calc(100% - 40px)!important;
  }
}

@media(max-width:600px){
  #annonces{
    min-height:700px!important;
    padding-top:40px!important;
    background-position:center top!important;
  }
  #annonces .section-head,
  #annonces .property-tabs{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  #annonces .search-panel,
  #annonces .results-bar,
  #annonces .listing-grid,
  #annonces .map-block{
    width:calc(100% - 24px)!important;
  }
  #annonces .search-panel{
    padding:20px 16px!important;
    border-radius:20px!important;
  }
}


/* Priorité 3 — workflow des annonces agence */
.listing-workflow-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:10px}
.listing-workflow-actions .btn{margin:0}
.status-pill.draft{background:#eef2f7;color:#536273}

.buyer-advanced{margin:18px 0;border:1px solid #e0e7ef;border-radius:12px;background:#f8fafc;padding:0 16px}
.buyer-advanced summary{cursor:pointer;list-style:none;padding:15px 2px;font-weight:800;color:#152033;display:flex;justify-content:space-between;gap:12px;align-items:center}
.buyer-advanced summary::-webkit-details-marker{display:none}
.buyer-advanced summary:after{content:"+";font-size:22px;line-height:1}
.buyer-advanced[open] summary:after{content:"−"}
.buyer-advanced summary span{font-size:12px;font-weight:600;color:#64748b}
.buyer-advanced .form-grid{padding:4px 0 16px}


/* Priorité 10 — galerie de prévisualisation des photos d'annonce. */
.listing-photo-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 4px}.photo-preview-card{position:relative;overflow:hidden;border:1px solid #dbe4ec;border-radius:14px;background:#f7fafc;aspect-ratio:4/3}.photo-preview-card img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:auto}.photo-preview-meta{position:absolute;left:8px;right:8px;bottom:8px;padding:5px 8px;border-radius:8px;background:rgba(15,23,42,.78);color:#fff;font-size:11px;font-weight:700}.photo-preview-empty,.photo-preview-error{padding:10px 12px;border-radius:10px;background:#f8fafc;color:#64748b;font-size:13px}.photo-preview-error{background:#fff1f2;color:#be123c}@media(max-width:600px){.listing-photo-preview{grid-template-columns:1fr 1fr}.photo-preview-card:last-child{grid-column:1/-1}}


/* =========================================================
   PRIORITÉ 11 — VERSION MOBILE
   Objectif : navigation, formulaires, annonces et fiches confortables
   sur smartphone sans modifier le visuel du HERO.
   ========================================================= */
.mobile-menu-btn{display:none;border:0;background:#fff8ef;color:#e56b52;border-radius:12px;width:44px;height:44px;font-size:24px;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(20,50,90,.10)}
@media(max-width:800px){
  header{padding:0 16px!important;position:relative;z-index:100}
  .brand{font-size:20px!important;white-space:nowrap}
  .mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center;margin-left:auto}
  nav#mobileNav{display:none!important;position:absolute;top:calc(100% + 8px);left:12px;right:12px;padding:10px;background:rgba(255,253,249,.98);border:1px solid #eadfD2;border-radius:16px;box-shadow:0 16px 35px rgba(20,50,90,.16);flex-direction:column;gap:4px;z-index:101}
  nav#mobileNav.mobile-open{display:flex!important}
  nav#mobileNav a{display:block;width:100%;padding:13px 14px;border-radius:10px;font-size:14px}
  main>section{padding-left:16px!important;padding-right:16px!important}
  #annonces{padding-left:0!important;padding-right:0!important}
  #annonces .section-head,#annonces .property-tabs{padding-left:16px!important;padding-right:16px!important}
  #annonces .search-panel,#annonces .results-bar,#annonces .listing-grid,#annonces .map-block{width:calc(100% - 32px)!important;max-width:none!important;margin-left:16px!important;margin-right:16px!important}
  .search-panel{padding:16px!important;border-radius:16px!important}
  .search-panel .form-grid,.advanced-search,.cols,.form-grid,.rgpd-grid{grid-template-columns:1fr!important}
  .search-panel input,.search-panel select,.agency-form input,.agency-form select,textarea{min-height:50px;font-size:16px!important}
  .search-actions{display:grid!important;grid-template-columns:1fr!important;width:100%}
  .search-actions .btn,.listing-workflow-actions .btn{width:100%!important;min-height:48px}
  .property-tabs{overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:6px;scrollbar-width:none}
  .property-tab{flex:0 0 auto;min-height:44px}
  .results-bar{gap:8px!important;margin-top:18px!important}
  .listing-grid{grid-template-columns:1fr!important;gap:16px!important}
  .listing-image{height:220px!important}
  .listing-body{padding:16px!important}
  .listing-body h3{font-size:19px!important}
  .listing-meta{gap:8px 12px!important;margin:12px 0!important}
  .modal{padding:8px!important;align-items:flex-end!important}
  .modal-card{max-height:94vh!important;border-radius:18px 18px 0 0!important;padding:20px 16px 24px!important}
  .detail-main-image{height:220px!important}
  .detail-thumb{flex-basis:82px!important}
  .detail-thumb img{width:78px!important;height:58px!important}
  .detail-price{font-size:26px!important}
  .detail-meta{gap:7px!important}
  .detail-meta span{padding:8px 9px!important}
  .detail-contact-actions{display:grid!important;grid-template-columns:1fr!important}
  .detail-contact-actions .btn{width:100%!important;min-height:48px}
  .reunion-map{height:300px!important}
  .listing-photo-preview{grid-template-columns:1fr 1fr!important}
  .feature-checks{display:grid!important;grid-template-columns:1fr 1fr!important}
  .feature-check{min-height:46px}
  .page-visual{display:none!important}
  .rubrique-visual{height:105px!important;min-height:105px!important}
  footer{padding-left:16px!important;padding-right:16px!important}
}
@media(max-width:430px){
  .brand{font-size:18px!important}
  .hero{min-height:610px!important}
  .hero h1{font-size:clamp(34px,10vw,46px)!important}
  .hero p{font-size:16px!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px}
  .hero-actions .btn{width:100%!important;text-align:center;min-height:48px}
  .hero-points{display:grid!important;grid-template-columns:1fr!important}
  .hero-points span{justify-content:center;text-align:center}
  #annonces .search-panel{width:calc(100% - 24px)!important;margin-left:12px!important;margin-right:12px!important}
  #annonces .results-bar,#annonces .listing-grid,#annonces .map-block{width:calc(100% - 24px)!important;margin-left:12px!important;margin-right:12px!important}
  .feature-checks{grid-template-columns:1fr!important}
  .listing-photo-preview{grid-template-columns:1fr!important}
  .photo-preview-card:last-child{grid-column:auto!important}
}

/* Simulateur de prêt immobilier */
.loan-simulator-section{padding:0 20px 70px;background:#f7fafc}
.loan-simulator-wrap{max-width:1050px;margin:0 auto;padding:38px 0 0}
.loan-simulator-wrap>p{max-width:800px;color:#5b6677}
.loan-simulator-form{margin-top:24px;padding:26px;background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 14px 35px rgba(20,50,90,.08)}
.loan-simulator-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.loan-simulator-actions .btn{min-height:48px}
.loan-results{margin-top:22px;padding:24px;background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 14px 35px rgba(20,50,90,.08)}
.loan-result-main{padding:20px;border-radius:16px;background:#fff8ef;text-align:center}
.loan-result-main span,.loan-result-grid span{display:block;color:#64748b;font-size:13px}
.loan-result-main strong{display:block;margin:6px 0;font-size:34px;color:#e56b52}
.loan-result-main small{color:#64748b}
.loan-result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.loan-result-grid>div{padding:15px;border:1px solid #e2e8f0;border-radius:14px;background:#fafcff}
.loan-result-grid b{display:block;margin-top:7px;font-size:18px;color:#152033}
.loan-disclaimer{margin:16px 0 0!important;font-size:12px!important;color:#64748b!important}
@media(max-width:800px){
  .loan-simulator-section{padding-left:16px!important;padding-right:16px!important}
  .loan-simulator-wrap{padding-top:28px}
  .loan-simulator-form,.loan-results{padding:18px!important;border-radius:18px}
  .loan-result-grid{grid-template-columns:1fr 1fr}
  .loan-simulator-actions{display:grid;grid-template-columns:1fr}
  .loan-simulator-actions .btn{width:100%}
}
@media(max-width:430px){
  .loan-result-grid{grid-template-columns:1fr}
  .loan-result-main strong{font-size:29px}
}


/* NOUVEAU BANDEAU — version indépendante de l'ancien hero */
.hero-new{position:relative;min-height:590px;padding:0!important;display:flex!important;align-items:stretch!important;overflow:hidden;background:#0d2740;border:0!important;isolation:isolate}
.hero-new-bg{position:absolute;inset:0;background-image:url("/images/hero-original-banner.jpg?v=20261008-user-photo-final");background-size:100% 100%;background-position:center center;background-repeat:no-repeat;z-index:0}
.hero-new::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b2944 0%,#0b2944 55%,rgba(11,41,68,.76) 68%,rgba(11,41,68,.08) 100%);z-index:-1;pointer-events:none}
.hero-new-panel{width:min(760px,62vw);padding:90px 7%;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;color:#fff}
.hero-new-panel .eyebrow{color:#ffd447}
.hero-new-panel h1{color:#fff;margin:18px 0 22px}
.hero-new-panel p{color:#eef6fb;max-width:700px}
.hero-new-panel .btn{background:#ff6f61;color:#fff;border-color:#ff6f61}
.hero-new-panel .btn.alt{background:#fff;color:#1455a0;border-color:#fff}
.hero-new-panel .hero-points{color:#fff}
@media(max-width:800px){.hero-new{min-height:650px}.hero-new-bg{background-position:65% center}.hero-new::after{background:linear-gradient(90deg,rgba(11,41,68,.97) 0%,rgba(11,41,68,.9) 65%,rgba(11,41,68,.45) 100%)}.hero-new-panel{width:100%;padding:70px 5%}.hero-new-panel h1{font-size:clamp(38px,10vw,58px)}}


/* Sélection multiple des secteurs agence */
.sector-picker{grid-column:1/-1;margin-top:4px}
.sector-title{font-weight:700;margin-bottom:8px}.help-inline{font-weight:400;font-size:.9em;opacity:.75;margin-left:8px}
.sector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:#fff}
.sector-option{display:flex!important;align-items:center;gap:8px;padding:9px 10px;border:1px solid rgba(0,0,0,.08);border-radius:9px;background:#fafafa;cursor:pointer;font-weight:500}
.sector-option input{width:18px!important;height:18px!important;flex:0 0 auto;accent-color:#ef6c63;cursor:pointer}
.sector-option:has(input:checked){border-color:#ef6c63;background:rgba(239,108,99,.08)}
.sector-picker>.help{display:block;margin-top:7px}
@media(max-width:800px){.sector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.sector-grid{grid-template-columns:1fr}}


/* Validation inscription agence : erreurs visibles en rouge */
.field-invalid{
  border:2px solid #d32f2f !important;
  background:#fff5f5 !important;
  box-shadow:0 0 0 2px rgba(211,47,47,.08);
}
.field-error{
  display:block;
  margin-top:6px;
  color:#d32f2f;
  font-weight:700;
  font-size:.9rem;
}
.form-message.error{
  color:#d32f2f;
  font-weight:700;
  margin-top:10px;
}
.form-message.success{
  color:#18794e;
  font-weight:700;
  margin-top:10px;
  padding:12px 14px;
  border-radius:10px;
  background:#edf9f2;
  border:1px solid #b7e4ca;
}


/* Sélecteur multi-secteurs dans l'espace acquéreur */
.buyer-sector-field{display:flex;flex-direction:column;gap:7px;min-width:0;position:relative}
.buyer-sector-label{font-weight:700;color:inherit}
.buyer-sector-select{position:relative;min-width:0}
.buyer-sector-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;padding:12px 14px;border:1px solid #cbd5df;border-radius:10px;background:#fff;color:#26394a;font:inherit;cursor:pointer;min-height:46px}
.buyer-sector-toggle:focus-visible{outline:3px solid rgba(239,108,99,.35);border-color:#ef6c63}
.buyer-sector-count{font-size:.82em;color:#a34a43;background:#fff0ee;padding:3px 8px;border-radius:99px;white-space:nowrap}
.buyer-sector-menu{position:absolute;z-index:1001;left:0;right:0;top:calc(100% + 5px);max-height:270px;overflow:auto;padding:9px;background:#fff;border:1px solid #d6dfe7;border-radius:12px;box-shadow:0 12px 30px rgba(25,42,58,.18)}
.buyer-sector-menu[hidden]{display:none}
.buyer-sector-option{display:flex!important;align-items:center;gap:9px;padding:10px 9px;border-radius:8px;cursor:pointer;font-weight:500!important;margin:0!important}
.buyer-sector-option:hover{background:#fff4f2}
.buyer-sector-option input{width:18px!important;height:18px!important;flex:0 0 auto;accent-color:#ef6c63;cursor:pointer}
.buyer-sector-summary{font-size:.88em;color:#465b6d;line-height:1.45;overflow-wrap:anywhere}
.buyer-sector-field .help{display:block;margin-top:0}
@media(max-width:520px){.buyer-sector-menu{max-height:220px}}


/* Parcours acquéreur : consultation libre, puis contact agences sur choix */
.buyer-flow-step{padding:22px;margin:0 0 22px;border:1px solid #e1e9ef;border-radius:16px;background:rgba(255,255,255,.9)}
.buyer-flow-step h3{margin:0 0 8px;color:#24445e;font-size:1.18rem}
.buyer-flow-step>p{margin:0 0 18px;color:#52687b;line-height:1.5}
.buyer-contact-step{background:#fffaf8;border-color:#f3d9d3}
.buyer-search-action{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px}
.buyer-search-action .btn{min-height:50px}
#buyerSearchListingsMessage{margin:0;flex:1;min-width:180px}
#buyerSearchListingsMessage:empty{display:none}
.buyer-advanced{margin:18px 0;padding:14px 16px;border:1px solid #dfe7ef;border-radius:12px;background:#fff}
.buyer-advanced summary{cursor:pointer;font-weight:700;color:#2e4c65}
.buyer-advanced summary span{display:block;font-weight:400;font-size:.88rem;color:#697d8e;margin-top:4px}
.buyer-advanced[open] .form-grid{margin-top:18px}
.buyer-advanced[open] label{color:#42546a}
#buyerRequestForm>.btn{min-height:50px}
#buyerRequestMessage{scroll-margin:30px}
@media(max-width:600px){.buyer-flow-step{padding:16px}.buyer-search-action{align-items:stretch}.buyer-search-action .btn{width:100%}#buyerSearchListingsMessage{min-width:100%}}

/* Sauvegarde locale de la recherche acquéreur */
.buyer-search-action{align-items:center}
#buyerSaveSearchBtn,#buyerRestoreSearchBtn{min-height:50px}
#buyerSavedSearchMessage:empty{display:none}
#buyerSavedSearchMessage{margin:10px 0 0}
@media(max-width:600px){
  .buyer-search-action #buyerSearchListingsBtn,
  .buyer-search-action #buyerSaveSearchBtn,
  .buyer-search-action #buyerRestoreSearchBtn{width:100%}
}


/* Fond panoramique de La Réunion — ajout global, sans toucher aux bandeaux existants */
body{
  background-color:#eef4f7 !important;
  background-image:linear-gradient(rgba(255,255,255,.24),rgba(255,255,255,.24)),url('/images/wide_ultra_detailed_tropical_landscape_scene_brig.png') !important;
  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
}
/* Les grandes zones de contenu laissent apparaître le fond, tout en préservant la lisibilité. */
.hero{
  background:linear-gradient(110deg,rgba(255,255,255,.91),rgba(255,250,241,.72)) !important;
}
section.light,
.rgpd-section,
.cta-section{
  background-color:rgba(255,255,255,.76) !important;
  background-image:none !important;
}
.search-panel,
.empty,
.feature-card,
.listing-card,
.modal-card,
.agency-section,
.account-panel,
.buyer-flow-step{
  backdrop-filter:blur(3px);
}
@media(max-width:800px){
  body{background-attachment:scroll !important;background-position:center top !important;background-size:100% auto !important;background-repeat:repeat-y !important;}
}


/* Fond panoramique : nettoyage des anciens visuels de côté et bandeaux de rubrique.
   Le bandeau principal d'accueil (.hero-new / .hero-new-bg) reste intact. */
body{
  background-color:#eaf1f3 !important;
  background-image:linear-gradient(rgba(255,255,255,.20),rgba(255,255,255,.20)),url('/images/wide_ultra_detailed_tropical_landscape_scene_brig.png') !important;
  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
}
/* Les anciennes décorations latérales ne doivent pas se superposer au nouveau fond. */
body > .page-visual{display:none !important;}
/* Exception de sécurité : ne jamais modifier le bandeau d'accueil. */
body:has(>.hero)>.page-visual{display:none !important;}
/* Les sections de contenu laissent apparaître le fond panoramique sans toucher aux cartes/formulaires. */
body:not(:has(>.hero)) > main,
body:not(:has(>.hero)) > .agency-section,
body:not(:has(>.hero)) > section,
body:not(:has(>.hero)) > footer{
  background:transparent !important;
}
body:not(:has(>.hero)) > .agency-section{
  background:rgba(255,255,255,.18) !important;
}
.agency-page,
.agency-dashboard-page{
  background:rgba(255,255,255,.20) !important;
}
.agency-hero{
  background:linear-gradient(135deg,rgba(238,245,255,.90),rgba(255,255,255,.76)) !important;
}
/* Retirer les anciennes bandes répétées dans les rubriques : le fond devient continu. */
.rubrique-visual{display:none !important;}
main > section:has(> .rubrique-visual){
  background:rgba(255,255,255,.18) !important;
}
main > section:has(> .rubrique-visual) > *:not(.rubrique-visual){
  position:relative;
  z-index:2;
}
@media(max-width:800px){
  body{background-attachment:scroll !important;background-position:center top !important}
}


/* Correctifs visuels demandés : visuels de rubrique nets, sans flou artificiel. */
.search-panel,.empty,.feature-card,.listing-card,.modal-card,.agency-section,.account-panel,.buyer-flow-step{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
/* Les visuels de rubrique sont conservés comme bandeaux nets avec la nouvelle image. */
.rubrique-visual{
  display:block !important;
  filter:none !important;
  opacity:1 !important;
  backdrop-filter:none !important;
}
main > section:has(> .rubrique-visual) > .rubrique-visual{
  display:block !important;
}
body > .page-visual{
  display:none !important;
}


/* Visuels de rubrique : préserver les bandeaux dédiés hors accueil, y compris sur mobile. */
body:not(:has(>.hero)) > .page-visual,
main > section > .rubrique-visual { display:block !important; }
#annonces::before,
#annonces::after { display:none !important; content:none !important; }
main > section:not(.hero),
footer { background-image:none !important; }
@media(max-width:800px){
  body:not(:has(>.hero)) > .page-visual{height:160px!important;min-height:160px!important;overflow:hidden!important;}
  body:not(:has(>.hero)) > .page-visual img{width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;object-position:center!important;}
  main > section > .rubrique-visual{height:150px!important;min-height:150px!important;overflow:hidden!important;}
  main > section > .rubrique-visual img{width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;object-position:center!important;}
}

/* Inscription agence demandée par lien direct : affichage garanti même si le JS tardif échoue. */
html.agency-register-open #creer-agence,
html.agency-register-open #creer-agence[hidden]{display:block!important;visibility:visible!important;}


/* Refonte ciblée de l'inscription professionnelle — octobre 2026 */
#creer-agence.agency-section,
html.agency-register-open #creer-agence{
  display:block!important;
  visibility:visible!important;
  width:100%;
  max-width:none;
  margin:0;
  padding:clamp(24px,4vw,58px) clamp(16px,5vw,76px) 72px;
  background:linear-gradient(rgba(240,248,251,.86),rgba(240,248,251,.92))!important;
  scroll-margin-top:82px;
}
#creer-agence .form-wrap{
  width:min(100%,1180px);
  max-width:1180px;
  margin:0 auto;
  padding:clamp(20px,3.5vw,48px);
  background:rgba(255,255,255,.97);
  border:1px solid #e1e8ef;
  border-radius:24px;
  box-shadow:0 18px 55px rgba(23,51,77,.12);
}
#creer-agence .eyebrow{
  display:inline-flex;
  align-items:center;
  padding:9px 15px;
  border-radius:999px;
  background:#fff0df;
  color:#a94831;
  font-size:12px;
  letter-spacing:1.2px;
}
#creer-agence h2{
  margin:14px 0 10px;
  color:#17334d;
  font-size:clamp(30px,4vw,48px);
  line-height:1.12;
}
#creer-agence .form-wrap>p{
  max-width:850px;
  margin:0 0 26px;
  font-size:16px;
  line-height:1.65;
}
#creer-agence .agency-form{margin-top:24px}
#creer-agence .pro-box{
  margin:0 0 26px;
  padding:clamp(18px,2.5vw,30px);
  border:1px solid #e4eaf0;
  border-top:4px solid #f36b5d;
  border-radius:16px;
  background:#f8fafc;
}
#creer-agence .pro-box h3,
#creer-agence .agency-form>.form-grid>h3{
  color:#17334d;
  font-size:21px;
  line-height:1.3;
}
#creer-agence .pro-box .help{margin:8px 0 18px}
#creer-agence .form-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px 22px;
  align-items:start;
}
#creer-agence .agency-form> .form-grid>h3{
  margin:6px 0 0!important;
  padding-bottom:12px;
  border-bottom:1px solid #e6edf3;
}
#creer-agence .agency-form label{
  min-width:0;
  color:#344b60;
  font-size:14px;
  line-height:1.45;
}
#creer-agence .agency-form input:not([type=checkbox]):not([type=radio]),
#creer-agence .agency-form select{
  width:100%;
  min-width:0;
  min-height:50px;
  margin-top:2px;
  padding:13px 15px;
  border:1px solid #d6e0e9;
  border-radius:10px;
  background:#fff;
  color:#17334d;
  font:inherit;
  font-size:16px;
  box-shadow:none;
}
#creer-agence .agency-form input:focus,
#creer-agence .agency-form select:focus{
  outline:3px solid rgba(243,107,93,.18);
  border-color:#f36b5d;
}
#creer-agence .business-number-row{
  display:flex;
  align-items:stretch;
  gap:10px;
}
#creer-agence .business-number-row input{flex:1}
#creer-agence .business-number-row .btn{
  flex:0 0 auto;
  margin-top:2px;
  white-space:nowrap;
  border-radius:10px;
}
#creer-agence .sector-picker{
  grid-column:1/-1;
  min-width:0;
  padding:20px;
  border:1px solid #e0e8ef;
  border-radius:14px;
  background:#f8fafc;
}
#creer-agence .sector-title{
  margin-bottom:14px;
  color:#17334d;
  font-size:15px;
  font-weight:800;
}
#creer-agence .sector-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
  margin-bottom:14px;
}
#creer-agence .sector-option{
  display:flex;
  flex-direction:row;
  align-items:flex-start;
  gap:9px;
  padding:10px 11px;
  border:1px solid #e1e8ef;
  border-radius:9px;
  background:#fff;
  font-size:13px!important;
  font-weight:600!important;
}
#creer-agence .sector-option input,
#creer-agence .consent-box input{
  width:17px!important;
  height:17px;
  min-height:17px!important;
  margin:2px 0 0!important;
  padding:0!important;
  flex:0 0 auto;
  accent-color:#f36b5d;
}
#creer-agence .consent-box{
  display:grid;
  gap:14px;
  margin:26px 0;
  padding:20px;
  border:1px solid #e1e8ef;
  border-radius:14px;
  background:#fbfcfd;
}
#creer-agence .consent-box .check{
  display:flex;
  flex-direction:row;
  align-items:flex-start;
  gap:11px;
  font-size:14px;
  font-weight:500;
}
#creer-agence .agency-form .btn[type=submit]{
  min-height:52px;
  padding:15px 24px;
  border-radius:11px;
  background:#f36b5d;
  color:#fff;
  font-size:15px;
  box-shadow:0 7px 18px rgba(243,107,93,.2);
}
#creer-agence .agency-form .btn[type=submit]:hover{background:#df5b4e}
#creer-agence .field-invalid,
#creer-agence .agency-form input.field-invalid,
#creer-agence .agency-form select.field-invalid{
  border-color:#dc2626!important;
  background:#fff7f7!important;
  outline:2px solid rgba(220,38,38,.12);
}
#creer-agence .field-error{display:block;margin-top:6px;color:#b91c1c;font-size:13px;font-weight:700}
#creer-agence .form-message:empty{display:none}
#creer-agence .form-message.error{padding:12px 14px;border-radius:10px;background:#fff1f0;color:#b42318}
#creer-agence .form-message.success{padding:14px 16px;border-radius:10px;background:#eaf8ef;color:#17683a}
#creer-agence .help{font-size:13px!important;line-height:1.5!important}
#creer-agence .help-inline{display:block;margin-top:5px;color:#64748b;font-weight:500}
#creer-agence .agency-form button:disabled{opacity:.65;cursor:wait}
@media(max-width:900px){
  #creer-agence .sector-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:640px){
  #creer-agence.agency-section,
  html.agency-register-open #creer-agence{padding:18px 12px 42px}
  #creer-agence .form-wrap{padding:20px 15px;border-radius:16px}
  #creer-agence .form-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  #creer-agence .sector-picker{grid-column:auto;padding:14px}
  #creer-agence .sector-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  #creer-agence .business-number-row{flex-direction:column}
  #creer-agence .business-number-row .btn{width:100%;margin-top:0}
  #creer-agence .agency-form .btn[type=submit]{width:100%}
}