/* ======================================================================
   PAGE VENDRE — MAQUETTE VALIDÉE 29/09/2026
   Direction : ivoire / beige rosé / lavande / prune / camel / doré
   Cette feuille est chargée EN DERNIER afin de préserver les éléments
   déjà validés tout en rapprochant la page de la maquette approuvée.
   ====================================================================== */

body.ig-page-vendre{
  --vm-prune:#5b214f;
  --vm-prune-2:#6e2d62;
  --vm-violet:#7b527f;
  --vm-or:#d39a4b;
  --vm-or-doux:#dcb979;
  --vm-camel:#b98550;
  --vm-ivoire:#fffaf4;
  --vm-creme:#fffdf9;
  --vm-rose:#f8ece9;
  --vm-lavande:#f1e7f3;
  --vm-texte:#4d4148;
  background:var(--vm-ivoire);
}

/* ----------------------------------------------------------------------
   HERO — même composition, plus lumineuse et plus éditoriale
   ---------------------------------------------------------------------- */
body.ig-page-vendre .sell-hero{
  position:relative!important;
  isolation:isolate!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
body.ig-page-vendre .sell-hero::before{
  background:linear-gradient(
    90deg,
    rgba(255,250,244,.99) 0%,
    rgba(255,250,244,.97) 17%,
    rgba(255,250,244,.84) 28%,
    rgba(255,250,244,.49) 41%,
    rgba(255,250,244,.15) 54%,
    rgba(255,250,244,.02) 66%,
    rgba(255,250,244,0) 74%
  )!important;
}
body.ig-page-vendre .sell-copy h1{
  color:var(--vm-prune)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.5);
}
body.ig-page-vendre .script{color:#c67e2f!important;}
body.ig-page-vendre .gold-rule{
  width:64px!important;
  height:2px!important;
  background:linear-gradient(90deg,var(--vm-or),var(--vm-prune-2))!important;
}
body.ig-page-vendre .hero-cta{
  background:linear-gradient(135deg,var(--vm-prune),#75446f)!important;
  box-shadow:0 10px 24px rgba(91,33,79,.18)!important;
}
body.ig-page-vendre .personal-note{
  border-top:2px solid var(--vm-or)!important;
  box-shadow:0 14px 34px rgba(78,42,65,.12)!important;
  background:rgba(255,253,249,.96)!important;
}
body.ig-page-vendre .quote-mark{color:var(--vm-prune-2)!important;}

/* ----------------------------------------------------------------------
   5 ENGAGEMENTS — bandeau clair et chaleureux, sans cartes lourdes
   ---------------------------------------------------------------------- */
body.ig-page-vendre .selling-pillars{
  position:relative!important;
  z-index:3!important;
  overflow:hidden!important;
  padding:22px 4.2% 24px!important;
  background:
    radial-gradient(circle at 3% 50%,rgba(211,154,75,.12),transparent 16%),
    radial-gradient(circle at 96% 45%,rgba(123,82,127,.12),transparent 17%),
    linear-gradient(90deg,#fff9f2 0%,#f9edeb 31%,#f2e8f3 58%,#fff6eb 100%)!important;
  border-top:1px solid rgba(211,154,75,.18)!important;
  border-bottom:1px solid rgba(91,33,79,.08)!important;
  box-shadow:0 9px 28px rgba(72,38,61,.045)!important;
}
body.ig-page-vendre .selling-pillars::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:-4%;right:-4%;bottom:-42px;height:60px;
  border-radius:50% 50% 0 0/100% 100% 0 0;
  background:rgba(255,250,244,.72);
  pointer-events:none;
}
body.ig-page-vendre .pillar{
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:center!important;
  padding:4px 22px!important;
  border-right:1px solid rgba(91,33,79,.10)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
body.ig-page-vendre .pillar:last-child{border-right:0!important;}
body.ig-page-vendre .pillar:hover{
  background:rgba(255,255,255,.25)!important;
  transform:none!important;
}
body.ig-page-vendre .pillar-icon{
  width:52px!important;height:52px!important;flex:0 0 52px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.74)!important;
  box-shadow:0 7px 18px rgba(91,33,79,.055)!important;
}
body.ig-page-vendre .pillar:nth-child(even) .pillar-icon{
  background:rgba(255,250,244,.82)!important;
}
body.ig-page-vendre .pillar-icon img{max-width:43px!important;max-height:43px!important;}
body.ig-page-vendre .pillar h2{
  color:var(--vm-prune)!important;
  font-size:11px!important;
  letter-spacing:.015em!important;
  margin-bottom:5px!important;
}
body.ig-page-vendre .pillar p{font-size:11.5px!important;line-height:1.45!important;color:#554a51!important;}

/* ----------------------------------------------------------------------
   ÉTAPES — grand parcours fluide, aucune boîte autour des étapes
   ---------------------------------------------------------------------- */
body.ig-page-vendre .steps-section{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 355px!important;
  gap:30px!important;
  padding:34px 4.8% 46px!important;
  background:
    radial-gradient(circle at 8% 10%,rgba(211,154,75,.11),transparent 23%),
    radial-gradient(circle at 88% 78%,rgba(123,82,127,.11),transparent 28%),
    linear-gradient(145deg,#fffaf3 0%,#f8eee8 46%,#f2e8f3 78%,#fff8ef 100%)!important;
}
body.ig-page-vendre .steps-section::before{
  content:"";
  position:absolute;z-index:-1;
  left:-7%;right:-6%;top:-65px;height:115px;
  border-radius:0 0 50% 50%/0 0 100% 100%;
  background:rgba(255,253,249,.84);
  pointer-events:none;
}
body.ig-page-vendre .steps-section::after{
  content:"";
  position:absolute;z-index:-1;
  left:-2px;bottom:-22px;width:185px;height:250px;
  background:url("deco-branch-gold.svg") left bottom/contain no-repeat;
  opacity:.62;
  pointer-events:none;
}
body.ig-page-vendre .steps-main{padding:8px 0 0!important;min-width:0!important;}
body.ig-page-vendre .section-title-row{gap:18px!important;margin-bottom:21px!important;}
body.ig-page-vendre .section-title-row h2{
  color:var(--vm-prune)!important;
  font-size:36px!important;
  line-height:1!important;
  text-shadow:0 1px 0 rgba(255,255,255,.6);
}
body.ig-page-vendre .section-title-row>span{
  width:84px!important;height:2px!important;
  background:linear-gradient(90deg,var(--vm-or),var(--vm-prune-2))!important;
}
body.ig-page-vendre .steps-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:0!important;
  align-items:start!important;
  margin:0!important;
}
body.ig-page-vendre .step-card,
body.ig-page-vendre .step-card:first-child,
body.ig-page-vendre .step-card:last-child{
  position:relative!important;
  min-width:0!important;
  min-height:0!important;
  grid-column:auto!important;
  padding:0 20px!important;
  border:0!important;
  border-right:1px solid rgba(91,33,79,.08)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
body.ig-page-vendre .step-card:first-child{padding-left:0!important;}
body.ig-page-vendre .step-card:last-child{padding-right:0!important;border-right:0!important;}
body.ig-page-vendre .step-card:hover{background:transparent!important;transform:translateY(-2px)!important;}
body.ig-page-vendre .step-head{height:25px!important;margin:0 0 9px!important;display:flex!important;align-items:center!important;}
body.ig-page-vendre .step-number{
  width:24px!important;height:24px!important;flex:0 0 24px!important;
  margin:0!important;border-radius:50%!important;
  background:var(--vm-prune)!important;
  color:#fff!important;font-size:10.5px!important;
  box-shadow:0 4px 10px rgba(91,33,79,.11)!important;
}
body.ig-page-vendre .timeline{
  display:block!important;
  height:1px!important;flex:1!important;margin-left:10px!important;
  background:linear-gradient(90deg,rgba(211,154,75,.62),rgba(211,154,75,.16))!important;
}
body.ig-page-vendre .step-icon{
  height:58px!important;margin-bottom:7px!important;
  justify-content:flex-start!important;
}
body.ig-page-vendre .step-icon img{max-width:49px!important;max-height:49px!important;}
body.ig-page-vendre .step-card h3{
  color:var(--vm-prune)!important;
  font-size:19px!important;line-height:1.02!important;
  margin:0 0 7px!important;
}
body.ig-page-vendre .step-card p{
  color:#5b5157!important;
  font-size:11.5px!important;line-height:1.48!important;
  margin:0!important;
}

/* ----------------------------------------------------------------------
   CTA VIOLET — bloc fort, comme la maquette
   ---------------------------------------------------------------------- */
body.ig-page-vendre .contact-panel{
  position:relative!important;
  overflow:hidden!important;
  min-width:0!important;
  align-self:center!important;
  margin:0!important;
  padding:27px 28px 25px!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,#5b214f 0%,#6e3566 56%,#76517f 100%)!important;
  box-shadow:0 18px 38px rgba(91,33,79,.18)!important;
}
body.ig-page-vendre .contact-panel::after{
  content:"";
  position:absolute;right:-25px;bottom:-34px;width:150px;height:205px;
  background:url("deco-branch-gold.svg") center/contain no-repeat;
  opacity:.18;transform:rotate(10deg);pointer-events:none;
}
body.ig-page-vendre .contact-panel h2{
  color:#fff!important;font-size:34px!important;line-height:.92!important;margin-bottom:12px!important;
}
body.ig-page-vendre .contact-panel>p{
  color:rgba(255,255,255,.80)!important;
  max-width:270px!important;font-size:12px!important;line-height:1.5!important;
}
body.ig-page-vendre .contact-button{
  min-height:46px!important;margin:1px 0 14px!important;
  border-radius:6px!important;
  background:linear-gradient(135deg,#d59b4d,#c37e36)!important;
  color:#fff!important;
  box-shadow:0 9px 20px rgba(45,21,39,.14)!important;
}
body.ig-page-vendre .contact-line{position:relative;z-index:2!important;}
body.ig-page-vendre .contact-line>span:last-child,
body.ig-page-vendre .contact-line span strong,
body.ig-page-vendre .contact-line .email{color:#fff!important;}
body.ig-page-vendre .contact-line small{color:rgba(255,255,255,.68)!important;}
body.ig-page-vendre .contact-icon{color:#f0c276!important;}
body.ig-page-vendre .email-line .email{font-size:10.2px!important;}

/* ----------------------------------------------------------------------
   BAS — photo + bénéfices + mot d'Isabelle, sur fond organique
   ---------------------------------------------------------------------- */
body.ig-page-vendre .trust-section{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:minmax(340px,38%) minmax(430px,39%) minmax(260px,23%)!important;
  align-items:center!important;
  gap:0!important;
  padding:34px 3.2% 38px!important;
  background:
    radial-gradient(circle at 94% 12%,rgba(123,82,127,.11),transparent 24%),
    radial-gradient(circle at 16% 82%,rgba(211,154,75,.12),transparent 22%),
    linear-gradient(135deg,#fffaf4 0%,#f8ede6 54%,#f1e7f3 100%)!important;
}
body.ig-page-vendre .trust-section::before{
  content:"";
  position:absolute;z-index:-1;
  left:-5%;right:-5%;top:-54px;height:95px;
  border-radius:0 0 48% 52%/0 0 100% 100%;
  background:rgba(255,253,249,.80);
  pointer-events:none;
}
body.ig-page-vendre .trust-section::after{
  content:"";
  position:absolute;z-index:-1;
  right:-14px;bottom:-12px;width:125px;height:240px;
  background:url("deco-lavender.svg") right bottom/contain no-repeat;
  opacity:.80;pointer-events:none;
}
body.ig-page-vendre .trust-photo{
  min-width:0!important;align-self:stretch!important;
  overflow:hidden!important;
  border-radius:8px 52px 8px 8px!important;
  box-shadow:0 14px 32px rgba(76,42,61,.09)!important;
}
body.ig-page-vendre .trust-photo img{
  display:block!important;width:100%!important;height:100%!important;
  min-height:290px!important;object-fit:cover!important;
}
body.ig-page-vendre .trust-copy{padding:8px 7% 8px 9%!important;}
body.ig-page-vendre .section-title-row.compact{margin-bottom:15px!important;}
body.ig-page-vendre .section-title-row.compact::before{
  content:"MON ENGAGEMENT";
  display:block;margin-bottom:7px;
  color:var(--vm-camel);font-family:"Montserrat",Arial,sans-serif;
  font-size:9px;font-weight:600;letter-spacing:.22em;
}
body.ig-page-vendre .section-title-row.compact h2{
  color:var(--vm-prune)!important;
  font-size:35px!important;line-height:.92!important;margin-bottom:12px!important;
}
body.ig-page-vendre .section-title-row.compact>span{
  width:55px!important;height:2px!important;
  background:linear-gradient(90deg,var(--vm-or),var(--vm-prune-2))!important;
}
body.ig-page-vendre .trust-list{gap:7px!important;}
body.ig-page-vendre .trust-list li{
  padding-left:34px!important;
  color:#50474e!important;font-size:11.8px!important;line-height:1.4!important;
}
body.ig-page-vendre .trust-list li::before{
  width:22px!important;height:22px!important;top:-1px!important;
  background:linear-gradient(135deg,var(--vm-or),#a97056)!important;
  box-shadow:0 4px 10px rgba(185,133,80,.14)!important;
}
body.ig-page-vendre .story-note{
  justify-self:end!important;
  width:min(100%,285px)!important;
  padding:23px 22px 20px!important;
  border-radius:10px!important;
  border-top:2px solid var(--vm-violet)!important;
  background:rgba(255,253,249,.96)!important;
  box-shadow:0 14px 32px rgba(91,33,79,.11)!important;
}
body.ig-page-vendre .story-kicker{color:var(--vm-camel)!important;}
body.ig-page-vendre .story-note blockquote{font-size:17px!important;line-height:1.3!important;}
body.ig-page-vendre .story-link{border-top-color:rgba(211,154,75,.35)!important;}

/* ----------------------------------------------------------------------
   TABLETTE — même identité, pas de petites boîtes façon logiciel
   ---------------------------------------------------------------------- */
@media(max-width:1100px){
  body.ig-page-vendre .selling-pillars{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    padding:18px 5%!important;
  }
  body.ig-page-vendre .pillar,
  body.ig-page-vendre .pillar:nth-child(2n),
  body.ig-page-vendre .pillar:last-child{
    min-height:92px!important;padding:14px 18px!important;
    border:0!important;border-bottom:1px solid rgba(91,33,79,.08)!important;
    background:transparent!important;box-shadow:none!important;
  }
  body.ig-page-vendre .pillar:nth-child(odd){border-right:1px solid rgba(91,33,79,.08)!important;}
  body.ig-page-vendre .pillar:last-child{grid-column:1/-1!important;border-bottom:0!important;border-right:0!important;}

  body.ig-page-vendre .steps-section{
    grid-template-columns:1fr!important;
    gap:24px!important;
    padding:36px 5% 42px!important;
  }
  body.ig-page-vendre .steps-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:20px 0!important;
  }
  body.ig-page-vendre .step-card,
  body.ig-page-vendre .step-card:first-child,
  body.ig-page-vendre .step-card:last-child{
    grid-column:auto!important;
    padding:0 22px!important;
    border:0!important;border-right:1px solid rgba(91,33,79,.08)!important;
    border-radius:0!important;background:transparent!important;box-shadow:none!important;
  }
  body.ig-page-vendre .step-card:nth-child(2n){border-right:0!important;}
  body.ig-page-vendre .step-card:nth-child(odd){padding-left:0!important;}
  body.ig-page-vendre .step-card:nth-child(even){padding-right:0!important;}
  body.ig-page-vendre .step-card:last-child{grid-column:1/-1!important;max-width:50%!important;border-right:0!important;}
  body.ig-page-vendre .contact-panel{width:min(100%,620px)!important;justify-self:center!important;}

  body.ig-page-vendre .trust-section{
    grid-template-columns:1fr 1fr!important;gap:24px!important;padding:32px 5% 38px!important;
  }
  body.ig-page-vendre .trust-copy{padding:8px 0!important;}
  body.ig-page-vendre .story-note{grid-column:1/-1!important;justify-self:center!important;width:min(560px,100%)!important;}
}

/* ----------------------------------------------------------------------
   MOBILE — lecture fluide, une seule colonne, toujours élégante
   ---------------------------------------------------------------------- */
@media(max-width:700px){
  body.ig-page-vendre .selling-pillars{
    grid-template-columns:1fr!important;padding:9px 6%!important;
  }
  body.ig-page-vendre .pillar,
  body.ig-page-vendre .pillar:nth-child(odd),
  body.ig-page-vendre .pillar:nth-child(even),
  body.ig-page-vendre .pillar:last-child{
    grid-column:auto!important;min-height:0!important;
    padding:14px 0!important;border:0!important;border-bottom:1px solid rgba(91,33,79,.08)!important;
  }
  body.ig-page-vendre .pillar:last-child{border-bottom:0!important;}

  body.ig-page-vendre .steps-section{padding:30px 6% 34px!important;}
  body.ig-page-vendre .section-title-row h2{font-size:31px!important;}
  body.ig-page-vendre .steps-grid{grid-template-columns:1fr!important;gap:0!important;}
  body.ig-page-vendre .step-card,
  body.ig-page-vendre .step-card:nth-child(odd),
  body.ig-page-vendre .step-card:nth-child(even),
  body.ig-page-vendre .step-card:first-child,
  body.ig-page-vendre .step-card:last-child{
    max-width:none!important;grid-column:auto!important;
    padding:15px 0 17px 48px!important;
    border:0!important;border-bottom:1px solid rgba(91,33,79,.08)!important;
    background:transparent!important;box-shadow:none!important;
  }
  body.ig-page-vendre .step-card:last-child{border-bottom:0!important;}
  body.ig-page-vendre .step-head{
    position:absolute!important;left:0!important;top:14px!important;width:30px!important;height:30px!important;
  }
  body.ig-page-vendre .step-number{width:27px!important;height:27px!important;flex-basis:27px!important;}
  body.ig-page-vendre .timeline{display:none!important;}
  body.ig-page-vendre .step-icon{height:43px!important;margin-bottom:4px!important;}
  body.ig-page-vendre .step-icon img{max-width:39px!important;max-height:39px!important;}
  body.ig-page-vendre .step-card h3{font-size:20px!important;}
  body.ig-page-vendre .step-card p{font-size:12.5px!important;}
  body.ig-page-vendre .contact-panel{padding:24px 22px!important;border-radius:15px!important;}

  body.ig-page-vendre .trust-section{grid-template-columns:1fr!important;gap:20px!important;padding:28px 6% 34px!important;}
  body.ig-page-vendre .trust-photo{border-radius:10px 34px 10px 10px!important;}
  body.ig-page-vendre .trust-photo img{min-height:235px!important;}
  body.ig-page-vendre .trust-copy{padding:2px 0!important;}
  body.ig-page-vendre .section-title-row.compact h2{font-size:31px!important;}
  body.ig-page-vendre .story-note{grid-column:auto!important;width:100%!important;}
}