:root{--ink:#101820;--navy:#0c1d38;--paper:#f7f5f1;--white:#fff;--muted:#64707d;--line:#dfe3e7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.55}a{color:inherit}.wrap{width:min(1120px,calc(100% - 36px));margin:auto}.hero{min-height:92vh;display:grid;grid-template-columns:1.02fr .98fr;background:var(--navy);color:white}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:64px max(36px,8vw)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;opacity:.72}h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(3.2rem,7vw,6.8rem);line-height:.92;margin:.18em 0}.lead{font-size:clamp(1.05rem,2vw,1.35rem);max-width:720px;color:#e8edf4}.hero-photo{min-height:540px;background:url("images/portrait-main.jpg") center 25%/cover no-repeat}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 17px;border:1px solid rgba(255,255,255,.35);border-radius:999px;text-decoration:none;font-weight:650}.btn.primary{background:white;color:var(--navy);border-color:white}.btn.dark{background:var(--navy);color:white;border-color:var(--navy)}section{padding:84px 0}.section-title{font-family:Georgia,serif;font-size:clamp(2.2rem,5vw,4rem);font-weight:500;line-height:1.05;margin:0 0 24px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.portrait{width:100%;border-radius:28px;display:block}.chips{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.chip{padding:9px 12px;border:1px solid #cfd5da;border-radius:999px;background:#fff}.quote{font-family:Georgia,serif;font-size:clamp(1.5rem,3vw,2.35rem);line-height:1.25;color:var(--navy)}
.outside{background:#fff}.outside-copy{font-family:Georgia,serif;font-size:clamp(1.35rem,2.6vw,2rem);line-height:1.4;max-width:850px;color:var(--navy);margin:0 0 32px}.carousel{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 0 14px;-webkit-overflow-scrolling:touch}.carousel img{flex:0 0 min(72vw,420px);height:520px;object-fit:cover;scroll-snap-align:start;border-radius:24px}
.stellyx{background:#e9edf2}.stellyx-logo{width:min(420px,100%);margin-bottom:28px}.property{background:var(--navy);color:white}.property-card{border:1px solid rgba(255,255,255,.18);border-radius:28px;padding:30px;background:rgba(255,255,255,.05)}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.fact{padding:16px;border-radius:18px;background:rgba(255,255,255,.08)}.fact strong{display:block;font-size:1.35rem}.sale-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gallery img{width:100%;height:260px;object-fit:cover;border-radius:18px}.gallery img:first-child{grid-column:1/-1;height:370px}.sale-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px}.price{font-family:Georgia,serif;font-size:3rem;color:var(--navy);margin:.15em 0}.small{color:var(--muted);font-size:.94rem}footer{padding:34px 0;background:#091426;color:#cbd4df}.footer-grid{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-grid a{color:white}@media(max-width:800px){.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:58px 24px 42px}.hero-photo{min-height:55vh;order:-1}.grid2,.sale-grid{grid-template-columns:1fr}.facts{grid-template-columns:1fr 1fr}section{padding:62px 0}.gallery img,.gallery img:first-child{height:240px}.carousel{margin-right:-13px}.carousel img{flex-basis:82vw;height:470px}}@media(max-width:480px){.wrap{width:min(100% - 26px,1120px)}.facts{grid-template-columns:1fr}.actions .btn{width:100%}.hero-photo{min-height:48vh}.carousel img{flex-basis:84vw;height:430px}}
button.btn{font:inherit;cursor:pointer;background:transparent;color:inherit}
.secondary-links{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:15px;font-size:.92rem;color:#dbe4ef}
.secondary-links a{text-underline-offset:3px}
.share-btn{appearance:none;-webkit-appearance:none}
@media(max-width:480px){.top-actions .btn{width:100%}.secondary-links{justify-content:center}}

/* V4 — barre d'actions principale : une seule ligne, blanc, gras */
.top-actions{
  display:flex;
  flex-wrap:nowrap;
  gap:8px;
  width:100%;
  align-items:center;
}
.top-actions .btn{
  flex:1 1 auto;
  width:auto !important;
  min-width:0;
  white-space:nowrap;
  color:#fff !important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-weight:800;
  font-size:clamp(.72rem,1.05vw,.95rem);
  padding:12px 10px;
  border-color:rgba(255,255,255,.55);
  background:transparent;
}
.top-actions .btn.primary{
  background:transparent;
  color:#fff !important;
}
@media(max-width:800px){
  .top-actions{gap:5px}
  .top-actions .btn{
    flex:1 1 0;
    font-size:clamp(.54rem,2.15vw,.76rem);
    padding:10px 4px;
    letter-spacing:-.02em;
  }
}
@media(max-width:480px){
  .top-actions{gap:4px}
  .top-actions .btn{
    width:auto !important;
    font-size:clamp(.49rem,2.05vw,.68rem);
    padding:9px 3px;
    border-radius:14px;
  }
}

/* V5 — priorité smartphone : 2 lignes de 2 actions, zones tactiles confortables */
@media(max-width:800px){
  .top-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    width:100%;
  }
  .top-actions .btn{
    width:100% !important;
    min-height:56px;
    padding:12px 10px;
    font-size:.88rem;
    line-height:1.18;
    white-space:normal;
    text-align:center;
    border-radius:16px;
    font-weight:800;
    color:#fff !important;
  }
}
@media(max-width:380px){
  .top-actions{gap:10px}
  .top-actions .btn{
    min-height:58px;
    font-size:.82rem;
    padding:11px 8px;
  }
}