/*
 * AVBA — Dépôt-vente : refonte UX v2.5.1
 * Base technique : classes natives du plugin AVBA — Page Dépôt-vente v1.5.10.
 * Aucun wrapper photo n'est reconstruit en JavaScript : les images natives restent intactes.
 */

body.avba-depot-refonte {
  --avba-gold: #c6a15b;
  --avba-gold-light: #ead7a5;
  --avba-gold-dark: #967036;
  --avba-brown: #3b302a;
  --avba-brown-2: #59453a;
  --avba-brown-deep: #251d19;
  --avba-dark: #181310;
  --avba-dark-2: #0f0c0a;
  --avba-ivory: #f3ede2;
  --avba-paper: #fffdf8;
  --avba-paper-2: #faf6ee;
  --avba-taupe: #827064;
  --avba-text-soft: #5e534d;
  --avba-line: rgba(59,48,42,.17);
  --avba-line-gold: rgba(198,161,91,.33);
}

/* ---------- Réassurance + CTA photos ---------- */
body.avba-depot-refonte .avba-depot-helper-note {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  margin: 16px 0 0;
  padding: 13px 15px;
  border: 1px solid rgba(198,161,91,.16);
  border-radius: 14px;
  background: rgba(243,237,226,.78);
  color: var(--avba-brown);
  font: 650 13px/1.45 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
body.avba-depot-refonte .avba-depot-helper-note::before {
  content: "";
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  margin-top: .42em;
  border-radius: 50%;
  background: var(--avba-gold);
  box-shadow: 0 0 0 5px rgba(198,161,91,.12);
}

body.avba-depot-refonte .avba-depot-photocta {
  margin: 12px 0 0;
  padding: 14px 15px;
  border: 1px solid rgba(198,161,91,.20);
  border-radius: 14px;
  background: var(--avba-ivory);
}
body.avba-depot-refonte .avba-depot-photocta p {
  margin: 0 0 10px !important;
  color: var(--avba-brown) !important;
  font: 650 13px/1.42 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
body.avba-depot-refonte .avba-depot-photocta a {
  display: flex;
  width: 100%;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  padding: 12px 18px;
  border: 1px solid var(--avba-gold-dark);
  border-radius: 999px;
  background: var(--avba-dark);
  color: var(--avba-paper) !important;
  text-decoration: none !important;
  font: 750 12px/1 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: .10em;
  text-transform: uppercase;
}
body.avba-depot-refonte .avba-depot-photocta a:active { transform: scale(.985); }

/* ---------- Accordéon exemple ---------- */
body.avba-depot-refonte .avba-depot-example-toggle {
  display: none;
}

/* ---------- Micro-animation, uniquement éléments légers ---------- */
@media (prefers-reduced-motion: no-preference) {
  body.avba-depot-refonte.avba-depot-motion .avba-depot-reveal {
    opacity: 0;
    transform: translateY(9px);
    transition: opacity .42s ease, transform .42s ease;
  }
  body.avba-depot-refonte.avba-depot-motion .avba-depot-reveal.is-visible {
    opacity: 1;
    transform: none;
  }
}

@media (max-width: 760px) {
  /* ================================================================
     HERO — proportions reprises de Rachat / Expertise
     ================================================================ */
  body.avba-depot-refonte .avba-dv-hero::before {
    inset: 12px !important;
  }
  body.avba-depot-refonte .avba-dv-hero__inner {
    display: block !important;
    padding-top: 44px !important;
    padding-bottom: 24px !important;
  }
  body.avba-depot-refonte .avba-dv-hero__copy h1 {
    max-width: 930px !important;
    margin: 0 0 26px !important;
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: clamp(2.7rem, 12.5vw, 4.2rem) !important;
    font-weight: 500 !important;
    line-height: 1.04 !important;
    letter-spacing: -.025em !important;
    text-wrap: balance;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }
  body.avba-depot-refonte .avba-dv-lead,
  body.avba-depot-refonte .avba-dv-lead p {
    max-width: 740px !important;
    margin-bottom: 0 !important;
    font-size: 1rem !important;
    line-height: 1.72 !important;
    text-wrap: pretty;
  }
  body.avba-depot-refonte .avba-dv-hero__copy .avba-actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
    margin: 34px 0 0 !important;
  }
  body.avba-depot-refonte .avba-dv-hero__copy .avba-actions .avba-button {
    width: 100% !important;
    min-height: 53px !important;
    padding: 14px 25px !important;
    font-size: .76rem !important;
    letter-spacing: .13em !important;
  }

  /* Deux lignes de repères, comme le hero Rachat final. */
  body.avba-depot-refonte .avba-dv-trust {
    display: block !important;
    margin: 14px 0 0 !important;
    padding: 12px 0 0 !important;
    border-top: 1px solid rgba(198,161,91,.30) !important;
    text-transform: uppercase;
  }
  body.avba-depot-refonte .avba-dv-trust span {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    text-align: left !important;
  }
  body.avba-depot-refonte .avba-dv-trust span::before,
  body.avba-depot-refonte .avba-dv-trust span::after {
    display: none !important;
    content: none !important;
  }
  body.avba-depot-refonte .avba-dv-trust span:nth-child(1) {
    font-size: 10px !important;
    font-weight: 650 !important;
    line-height: 1.35 !important;
    letter-spacing: .06em !important;
    color: rgba(255,253,248,.78) !important;
  }
  body.avba-depot-refonte .avba-dv-trust span:nth-child(2) {
    display: none !important;
  }
  body.avba-depot-refonte .avba-dv-trust span:nth-child(3) {
    margin-top: 4px !important;
    font-size: 9.2px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    letter-spacing: .05em !important;
    color: rgba(255,253,248,.52) !important;
  }

  /* Photo native restaurée : aucun JS ne touche au picture/img. */
  body.avba-depot-refonte .avba-dv-hero__visual {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 176px !important;
    min-height: 0 !important;
    max-width: none !important;
    margin: 16px 0 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(198,161,91,.28) !important;
    border-radius: 14px !important;
    background: var(--avba-brown-deep) !important;
    box-shadow: none !important;
  }
  body.avba-depot-refonte .avba-dv-hero__visual picture,
  body.avba-depot-refonte .avba-dv-hero__visual .avba-dv-hero__image,
  body.avba-depot-refonte .avba-dv-hero__visual img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }
  body.avba-depot-refonte .avba-dv-hero__visual img {
    object-fit: cover !important;
    object-position: center 48% !important;
  }
  body.avba-depot-refonte .avba-dv-hero__visual figcaption {
    position: absolute !important;
    z-index: 3 !important;
    left: 16px !important;
    right: 16px !important;
    bottom: 13px !important;
    display: block !important;
  }
  body.avba-depot-refonte .avba-dv-hero__visual figcaption strong,
  body.avba-depot-refonte .avba-dv-hero__visual figcaption span {
    display: block !important;
    margin: 0 !important;
    color: rgba(255,253,248,.94) !important;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    text-transform: uppercase !important;
  }
  body.avba-depot-refonte .avba-dv-hero__visual figcaption strong {
    font-size: 10px !important;
    font-weight: 750 !important;
    letter-spacing: .11em !important;
  }
  body.avba-depot-refonte .avba-dv-hero__visual figcaption span {
    margin-top: 3px !important;
    font-size: 9px !important;
    font-weight: 550 !important;
    letter-spacing: .06em !important;
    color: rgba(255,253,248,.72) !important;
  }

  /* ================================================================
     FONCTIONNEMENT — registre éditorial, même rythme que Rachat
     ================================================================ */
  body.avba-depot-refonte .avba-dv-fast-process {
    padding-top: 32px !important;
    padding-bottom: 28px !important;
  }
  body.avba-depot-refonte .avba-dv-heading {
    display: block !important;
    margin-bottom: 14px !important;
  }
  body.avba-depot-refonte .avba-dv-heading h2 {
    margin: 0 !important;
    font-size: 35px !important;
    line-height: 1 !important;
    text-wrap: balance;
  }
  body.avba-depot-refonte .avba-dv-heading > p {
    max-width: 35ch !important;
    margin: 10px 0 0 !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
  }
  body.avba-depot-refonte .avba-dv-steps.avba-dv-steps--3 {
    display: block !important;
    margin-top: 14px !important;
    border-top: 1px solid var(--avba-line-gold) !important;
    border-bottom: 0 !important;
  }
  body.avba-depot-refonte .avba-dv-steps.avba-dv-steps--3 article,
  body.avba-depot-refonte .avba-dv-steps.avba-dv-steps--3 article:nth-child(2) {
    display: grid !important;
    grid-template-columns: 37px minmax(0,1fr) !important;
    gap: 10px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 14px 0 !important;
    background: none !important;
    border: 0 !important;
    border-bottom: 1px solid var(--avba-line-gold) !important;
  }
  body.avba-depot-refonte .avba-dv-steps.avba-dv-steps--3 article:last-child {
    border-bottom: 0 !important;
  }
  body.avba-depot-refonte .avba-dv-steps article > span {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    margin: 0 !important;
    padding-top: 5px !important;
    color: var(--avba-gold-dark) !important;
    font: 700 11px/1 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    letter-spacing: .15em !important;
  }
  body.avba-depot-refonte .avba-dv-steps h3 {
    grid-column: 2 !important;
    margin: 0 !important;
    color: var(--avba-brown-deep) !important;
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: 27px !important;
    font-weight: 600 !important;
    line-height: 1.02 !important;
  }
  body.avba-depot-refonte .avba-dv-steps p {
    grid-column: 2 !important;
    max-width: 34ch !important;
    margin: 6px 0 0 !important;
    color: var(--avba-text-soft) !important;
    font-size: 13.5px !important;
    line-height: 1.48 !important;
  }
  body.avba-depot-refonte .avba-dv-accepted {
    gap: 7px !important;
    margin-top: 12px !important;
    padding-top: 12px !important;
    border-top: 1px solid rgba(59,48,42,.12) !important;
  }
  body.avba-depot-refonte .avba-dv-accepted strong {
    flex: 0 0 100%;
    margin: 0 0 1px !important;
    font-size: 12px !important;
  }
  body.avba-depot-refonte .avba-dv-accepted span {
    padding: 6px 9px !important;
    border-radius: 999px !important;
    background: var(--avba-paper) !important;
    font-size: 10.5px !important;
  }

  /* ================================================================
     EXEMPLE CONCRET — compact + accordéon mobile
     ================================================================ */
  body.avba-depot-refonte .avba-dv-example {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  body.avba-depot-refonte .avba-dv-example__grid {
    display: block !important;
  }
  body.avba-depot-refonte .avba-dv-example h2 {
    max-width: 12ch;
    margin: 0 !important;
    padding-right: 54px;
    font-size: 35px !important;
    line-height: 1 !important;
  }
  body.avba-depot-refonte .avba-dv-example__grid > div:first-child {
    position: relative;
  }
  body.avba-depot-refonte .avba-depot-example-toggle {
    position: absolute;
    top: 28px;
    right: 0;
    display: inline-grid;
    width: 42px;
    height: 42px;
    place-items: center;
    padding: 0;
    border: 1px solid var(--avba-gold-dark);
    border-radius: 50%;
    background: transparent;
    color: var(--avba-gold-dark);
    font: 400 24px/1 Inter, sans-serif;
    cursor: pointer;
  }
  body.avba-depot-refonte .avba-depot-example-detail[hidden] {
    display: none !important;
  }
  body.avba-depot-refonte .avba-dv-example p,
  body.avba-depot-refonte .avba-dv-example-short p {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }
  body.avba-depot-refonte .avba-dv-net-card {
    margin-top: 16px !important;
    padding: 22px !important;
    box-shadow: none !important;
  }
  body.avba-depot-refonte .avba-dv-net-card::before {
    inset: 7px !important;
  }
  body.avba-depot-refonte .avba-dv-net-card > strong {
    margin: 8px 0 16px !important;
    font-size: 48px !important;
  }
  body.avba-depot-refonte .avba-dv-net-card > div {
    margin-bottom: 15px !important;
  }
  body.avba-depot-refonte .avba-dv-example-cta {
    min-height: 48px !important;
    border-color: var(--avba-gold-dark) !important;
    background: var(--avba-dark) !important;
    color: var(--avba-paper) !important;
  }

  /* ================================================================
     DÉPÔT-VENTE OU RACHAT — compact
     ================================================================ */
  body.avba-depot-refonte .avba-dv-compare-strip__inner > div {
    display: block !important;
    padding: 17px 4px !important;
  }
  body.avba-depot-refonte .avba-dv-compare-strip strong {
    display: block !important;
    margin: 5px 0 8px !important;
    font-size: 20px !important;
    line-height: 1.08 !important;
  }

  /* ================================================================
     BOUTIQUE — photo horizontale identique au langage Rachat / Expertise
     ================================================================ */
  body.avba-depot-refonte .avba-dv-shop {
    padding-top: 0 !important;
    padding-bottom: 30px !important;
  }
  body.avba-depot-refonte .avba-dv-shop__grid {
    display: block !important;
  }
  body.avba-depot-refonte .avba-dv-shop figure {
    position: relative !important;
    width: 100% !important;
    height: 176px !important;
    min-height: 0 !important;
    margin: 0 0 26px !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  body.avba-depot-refonte .avba-dv-shop figure::after {
    inset: auto 0 0 !important;
    height: 58% !important;
    border: 0 !important;
    background: linear-gradient(to top, rgba(15,12,10,.76), transparent) !important;
  }
  body.avba-depot-refonte .avba-dv-shop figure::before {
    content: "AVBA · BOUTIQUE À PARIS 15E";
    position: absolute;
    z-index: 3;
    left: 18px;
    bottom: 14px;
    color: rgba(255,253,248,.94);
    font: 750 10px/1.2 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    letter-spacing: .11em;
    text-transform: uppercase;
  }
  body.avba-depot-refonte .avba-dv-shop figure picture,
  body.avba-depot-refonte .avba-dv-shop figure img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
  body.avba-depot-refonte .avba-dv-shop figure img {
    object-fit: cover !important;
    object-position: center 52% !important;
  }
  body.avba-depot-refonte .avba-dv-shop h2 {
    margin-bottom: 12px !important;
    font-size: 35px !important;
    line-height: 1 !important;
  }
  body.avba-depot-refonte .avba-dv-shop__grid > div > p:not(.avba-kicker) {
    margin-bottom: 16px !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
  }
  body.avba-depot-refonte .avba-dv-shop__points {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 0 !important;
    margin: 16px 0 !important;
  }
  body.avba-depot-refonte .avba-dv-shop__points div {
    min-width: 0;
    padding: 12px 7px !important;
    text-align: center;
  }
  body.avba-depot-refonte .avba-dv-shop__points strong {
    font-size: 19px !important;
    line-height: 1 !important;
  }
  body.avba-depot-refonte .avba-dv-shop__points span {
    margin-top: 4px;
    font-size: 9px !important;
    line-height: 1.2 !important;
  }
  body.avba-depot-refonte .avba-dv-shop__actions {
    display: grid !important;
    gap: 9px !important;
  }
  body.avba-depot-refonte .avba-dv-shop__actions .avba-button {
    width: 100% !important;
    min-height: 46px !important;
  }

  /* ================================================================
     CATALOGUE — toutes les pièces restent dans le DOM, mais navigation
     horizontale pour éviter 3 très grandes cartes verticales.
     ================================================================ */
  body.avba-depot-refonte .avba-dv-catalogue {
    padding-top: 34px !important;
    padding-bottom: 32px !important;
  }
  body.avba-depot-refonte .avba-dv-catalogue-heading {
    margin-bottom: 18px !important;
  }
  body.avba-depot-refonte .avba-dv-catalogue-heading h2 {
    font-size: 35px !important;
    line-height: 1 !important;
  }
  body.avba-depot-refonte .avba-dv-piece-grid {
    display: flex !important;
    gap: 12px !important;
    margin-right: -17px;
    padding-right: 17px;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
  }
  body.avba-depot-refonte .avba-dv-piece-grid::-webkit-scrollbar { display: none; }
  body.avba-depot-refonte .avba-dv-piece {
    flex: 0 0 min(82vw, 330px) !important;
    scroll-snap-align: start;
  }
  body.avba-depot-refonte .avba-dv-piece__media {
    aspect-ratio: 1 / 1 !important;
  }
  body.avba-depot-refonte .avba-dv-piece__body {
    padding: 16px !important;
  }
  body.avba-depot-refonte .avba-dv-piece__body h3 {
    font-size: 23px !important;
  }
  body.avba-depot-refonte .avba-dv-catalogue-bottom-cta {
    display: none !important;
  }

  /* ================================================================
     FAQ + CTA final — resserrés, FAQ reste native <details>
     ================================================================ */
  body.avba-depot-refonte .avba-dv-faq {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }
  body.avba-depot-refonte .avba-dv-faq h2 {
    margin-bottom: 20px !important;
    font-size: 35px !important;
    line-height: 1 !important;
  }
  body.avba-depot-refonte .avba-dv-faq summary {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    font-size: 20px !important;
  }
  body.avba-depot-refonte .avba-dv-faq summary::after {
    top: 12px !important;
  }
  body.avba-depot-refonte .avba-dv-final {
    padding-top: 44px !important;
    padding-bottom: max(88px, calc(58px + env(safe-area-inset-bottom))) !important;
  }
  body.avba-depot-refonte .avba-dv-final h2 {
    font-size: 38px !important;
    line-height: .98 !important;
  }
  body.avba-depot-refonte .avba-dv-final p:not(.avba-kicker) {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }
  body.avba-depot-refonte .avba-dv-final .avba-actions {
    display: grid !important;
    gap: 9px !important;
    margin-top: 20px !important;
  }
  body.avba-depot-refonte .avba-dv-final .avba-button {
    width: 100% !important;
    min-height: 48px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.avba-depot-refonte *,
  body.avba-depot-refonte *::before,
  body.avba-depot-refonte *::after {
    scroll-behavior: auto !important;
    transition: none !important;
    animation: none !important;
  }
}


/* ========================================================================== */
/* v2.1.0 — passe de finition : rythme, typographie et micro-animations       */
/* ========================================================================== */

/* Le contenu reste visible par défaut. Les états cachés n'existent que si le
   JS a préparé les cibles puis activé .avba-depot-motion-v21. */
@media (prefers-reduced-motion: no-preference) {
  body.avba-depot-refonte.avba-depot-motion-v21 .avba-depot-reveal-v21 {
    opacity: 0;
    transform: translate3d(0, 14px, 0);
    transition:
      opacity .56s cubic-bezier(.22,.61,.36,1) var(--avba-depot-delay,0ms),
      transform .56s cubic-bezier(.22,.61,.36,1) var(--avba-depot-delay,0ms);
    will-change: opacity, transform;
  }

  body.avba-depot-refonte.avba-depot-motion-v21 .avba-depot-reveal-v21.is-visible {
    opacity: 1;
    transform: translate3d(0,0,0);
    will-change: auto;
  }

  body.avba-depot-refonte.avba-depot-motion-v21 .avba-depot-reveal-photo-v21 {
    transform: translate3d(0,14px,0) scale(.994);
  }

  body.avba-depot-refonte.avba-depot-motion-v21 .avba-depot-reveal-photo-v21.is-visible {
    transform: translate3d(0,0,0) scale(1);
  }

  /* Accent très léger sur les numéros, comme Rachat. */
  body.avba-depot-refonte.avba-depot-motion-v21 .avba-dv-steps article > span {
    transition: color .42s ease, transform .42s ease;
    transform: translate3d(-2px,0,0);
  }
  body.avba-depot-refonte.avba-depot-motion-v21 .avba-dv-steps article.is-visible > span {
    color: var(--avba-gold-dark) !important;
    transform: translate3d(0,0,0);
  }
}

@media (max-width: 760px) {
  /* ---------- Hero : ne change pas la hiérarchie validée, seulement le rythme ---------- */
  body.avba-depot-refonte .avba-dv-hero__inner {
    padding-top: 72px !important;
    padding-bottom: 22px !important;
  }
  body.avba-depot-refonte .avba-dv-trust {
    margin-top: 12px !important;
    padding-top: 10px !important;
  }
  body.avba-depot-refonte .avba-dv-hero__visual {
    margin-top: 13px !important;
  }

  /* ---------- Fonctionnement : même densité que les registres Rachat/Expertise ---------- */
  body.avba-depot-refonte .avba-dv-fast-process {
    padding-top: 30px !important;
    padding-bottom: 24px !important;
  }
  body.avba-depot-refonte .avba-dv-heading {
    margin-bottom: 10px !important;
  }
  body.avba-depot-refonte .avba-dv-heading h2 {
    font-size: 34px !important;
    line-height: .98 !important;
  }
  body.avba-depot-refonte .avba-dv-heading > p {
    margin-top: 8px !important;
    font-size: 14.5px !important;
  }
  body.avba-depot-refonte .avba-dv-steps.avba-dv-steps--3 {
    margin-top: 12px !important;
  }
  body.avba-depot-refonte .avba-dv-steps.avba-dv-steps--3 article,
  body.avba-depot-refonte .avba-dv-steps.avba-dv-steps--3 article:nth-child(2) {
    position: relative !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
  }
  body.avba-depot-refonte .avba-dv-steps h3 {
    font-size: 27px !important;
  }
  body.avba-depot-refonte .avba-dv-steps p {
    margin-top: 5px !important;
    font-size: 14px !important;
    line-height: 1.48 !important;
  }
  body.avba-depot-refonte .avba-dv-accepted {
    gap: 6px !important;
    margin-top: 9px !important;
    padding-top: 10px !important;
  }
  body.avba-depot-refonte .avba-dv-accepted strong {
    font-size: 11.5px !important;
  }
  body.avba-depot-refonte .avba-dv-accepted span {
    padding: 5px 8px !important;
    font-size: 10.5px !important;
  }
  body.avba-depot-refonte .avba-depot-helper-note {
    margin-top: 11px !important;
    padding: 12px 14px !important;
    font-size: 13px !important;
  }
  body.avba-depot-refonte .avba-depot-photocta {
    margin-top: 9px !important;
    padding: 13px 14px !important;
  }
  body.avba-depot-refonte .avba-depot-photocta p {
    margin-bottom: 9px !important;
    font-size: 13px !important;
  }
  body.avba-depot-refonte .avba-depot-photocta a {
    min-height: 46px !important;
  }

  /* Les séparateurs des 3 étapes se dessinent doucement à l'apparition. */
  @media (prefers-reduced-motion: no-preference) {
    body.avba-depot-refonte.avba-depot-motion-v21 .avba-dv-steps.avba-dv-steps--3 article {
      border-bottom-color: transparent !important;
    }
    body.avba-depot-refonte.avba-depot-motion-v21 .avba-dv-steps.avba-dv-steps--3 article:not(:last-child)::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 1px;
      background: linear-gradient(90deg, rgba(198,161,91,.46), rgba(198,161,91,.16));
      transform: scaleX(0);
      transform-origin: left center;
      transition: transform .62s cubic-bezier(.22,.61,.36,1) calc(var(--avba-depot-delay,0ms) + 120ms);
    }
    body.avba-depot-refonte.avba-depot-motion-v21 .avba-dv-steps.avba-dv-steps--3 article.is-visible:not(:last-child)::after {
      transform: scaleX(1);
    }
  }

  /* ---------- Exemple : le titre ne doit plus se casser en 5 petites lignes ---------- */
  body.avba-depot-refonte .avba-dv-example {
    padding-top: 27px !important;
    padding-bottom: 25px !important;
  }
  body.avba-depot-refonte .avba-dv-example h2 {
    max-width: 16ch !important;
    padding-right: 48px !important;
    font-size: 33px !important;
    line-height: .98 !important;
  }
  body.avba-depot-refonte .avba-depot-example-toggle {
    top: 22px !important;
    width: 40px !important;
    height: 40px !important;
    font-size: 22px !important;
  }
  body.avba-depot-refonte .avba-dv-example p,
  body.avba-depot-refonte .avba-dv-example-short p {
    font-size: 14px !important;
    line-height: 1.52 !important;
  }
  body.avba-depot-refonte .avba-dv-inline-cta {
    margin-top: 14px !important;
  }
  body.avba-depot-refonte .avba-dv-example-cta {
    min-height: 46px !important;
    padding: 12px 16px !important;
    background: var(--avba-dark) !important;
    border-color: var(--avba-gold-dark) !important;
    color: var(--avba-paper) !important;
    -webkit-text-fill-color: var(--avba-paper) !important;
    font-size: 11px !important;
    letter-spacing: .09em !important;
  }
  body.avba-depot-refonte .avba-dv-net-card {
    margin-top: 13px !important;
    padding: 19px !important;
  }
  body.avba-depot-refonte .avba-dv-net-card > strong {
    margin: 7px 0 13px !important;
    font-size: 44px !important;
  }

  /* ---------- Comparatif : plus lisible, moins de hauteur ---------- */
  body.avba-depot-refonte .avba-dv-compare-strip__inner > div {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }
  body.avba-depot-refonte .avba-dv-compare-strip span {
    font-size: 10px !important;
  }
  body.avba-depot-refonte .avba-dv-compare-strip strong {
    margin: 4px 0 6px !important;
    font-size: 19px !important;
  }
  body.avba-depot-refonte .avba-dv-compare-strip a {
    font-size: 10px !important;
  }

  /* ---------- Boutique : le texte respire moins sous la photo ---------- */
  body.avba-depot-refonte .avba-dv-shop {
    padding-bottom: 26px !important;
  }
  body.avba-depot-refonte .avba-dv-shop figure {
    margin-bottom: 20px !important;
  }
  body.avba-depot-refonte .avba-dv-shop h2 {
    margin-bottom: 10px !important;
    font-size: 33px !important;
    line-height: .99 !important;
  }
  body.avba-depot-refonte .avba-dv-shop__grid > div > p:not(.avba-kicker) {
    margin-bottom: 13px !important;
    font-size: 14px !important;
    line-height: 1.52 !important;
  }
  body.avba-depot-refonte .avba-dv-shop__points {
    margin: 13px 0 !important;
  }

  /* ---------- Catalogue : toujours swipeable, mais moins massif ---------- */
  body.avba-depot-refonte .avba-dv-catalogue {
    padding-top: 30px !important;
    padding-bottom: 28px !important;
  }
  body.avba-depot-refonte .avba-dv-catalogue-heading {
    margin-bottom: 14px !important;
  }
  body.avba-depot-refonte .avba-dv-catalogue-heading h2 {
    font-size: 34px !important;
  }
  body.avba-depot-refonte .avba-dv-piece {
    flex-basis: min(76vw, 305px) !important;
  }
  body.avba-depot-refonte .avba-dv-piece__body {
    padding: 14px !important;
  }
  body.avba-depot-refonte .avba-dv-piece__body h3 {
    font-size: 21px !important;
    line-height: 1.05 !important;
  }

  /* ---------- FAQ / final ---------- */
  body.avba-depot-refonte .avba-dv-faq {
    padding-top: 30px !important;
    padding-bottom: 28px !important;
  }
  body.avba-depot-refonte .avba-dv-faq h2 {
    margin-bottom: 15px !important;
    font-size: 34px !important;
  }
  body.avba-depot-refonte .avba-dv-faq summary {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
  }
  body.avba-depot-refonte .avba-dv-final {
    padding-top: 36px !important;
  }
  body.avba-depot-refonte .avba-dv-final h2 {
    font-size: 36px !important;
  }

  /* Feedback tactile, sobre. */
  body.avba-depot-refonte .avba-button,
  body.avba-depot-refonte .avba-depot-photocta a,
  body.avba-depot-refonte .avba-dv-compare-strip a {
    transition: transform .16s ease, opacity .16s ease, background-color .2s ease !important;
  }
  body.avba-depot-refonte .avba-button:active,
  body.avba-depot-refonte .avba-depot-photocta a:active,
  body.avba-depot-refonte .avba-dv-compare-strip a:active {
    transform: scale(.985) !important;
    opacity: .9;
  }
}


/* ========================================================================== */
/* v2.6.0 — passe de finition mobile : FAQ / accordéons / section boutique    */
/* ========================================================================== */
@media (max-width: 760px) {
  /* La photo contient déjà « AVBA · BOUTIQUE À PARIS 15E » : on supprime
     le kicker redondant sous l'image pour raccourcir la page. */
  body.avba-depot-refonte .avba-dv-shop .avba-kicker {
    display: none !important;
  }
  body.avba-depot-refonte .avba-dv-shop figure {
    margin-bottom: 16px !important;
  }
  body.avba-depot-refonte .avba-dv-shop h2 {
    margin-top: 0 !important;
  }

  /* Même géométrie pour le bouton +/- de l'exemple et ceux de la FAQ. */
  body.avba-depot-refonte .avba-depot-example-toggle,
  body.avba-depot-refonte .avba-dv-faq summary::after {
    box-sizing: border-box !important;
    display: grid !important;
    place-items: center !important;
    width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    border: 1px solid rgba(198,161,91,.50) !important;
    border-radius: 50% !important;
    background: transparent !important;
    color: var(--avba-gold-light, #ead7a5) !important;
    -webkit-text-fill-color: var(--avba-gold-light, #ead7a5) !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 19px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 1 !important;
    text-align: center !important;
  }

  /* La règle v2.1 forçait top:12px et cassait le centrage natif du thème. */
  body.avba-depot-refonte .avba-dv-faq summary {
    position: relative !important;
    padding: 15px 50px 15px 0 !important;
  }
  body.avba-depot-refonte .avba-dv-faq summary::after {
    top: 50% !important;
    right: 0 !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
  }
  body.avba-depot-refonte .avba-dv-faq details[open] summary::after {
    content: "−" !important;
  }

  /* L'accordéon « Exemple concret » adopte exactement le même cercle. */
  body.avba-depot-refonte .avba-depot-example-toggle {
    top: 21px !important;
    right: 0 !important;
    transform: none !important;
  }

  /* Un peu moins de vide entre FAQ et CTA final, sans tasser les réponses. */
  body.avba-depot-refonte .avba-dv-faq {
    padding-bottom: 24px !important;
  }
  body.avba-depot-refonte .avba-dv-final {
    padding-top: 32px !important;
  }
}


/* ========================================================================== */
/* v2.7.0 — page plus courte et hiérarchie de conversion plus naturelle      */
/* ========================================================================== */

/* Les catégories sont déjà présentées dans le hero et dans le fonctionnement.
   Ces pastilles répétaient l'information et ajoutaient du scroll. */
body.avba-depot-refonte .avba-dv-accepted {
  display: none !important;
}

/* L'exemple chiffré 3 000 € répétait le principe du minimum net déjà expliqué
   dans l'étape « Conditions convenues » et dans la FAQ. On le retire du parcours. */
body.avba-depot-refonte .avba-dv-example {
  display: none !important;
}

/* Le CTA photos reste utile, mais arrive désormais après la partie boutique :
   même logique que Rachat / Expertise, où l'action forte intervient après
   l'explication et la réassurance. */
body.avba-depot-refonte .avba-depot-photocta--late {
  width: min(1120px, calc(100% - 34px));
  margin: 0 auto 30px !important;
}

@media (max-width: 760px) {
  body.avba-depot-refonte .avba-depot-photocta--late {
    width: calc(100% - 34px);
    margin-top: 18px !important;
    margin-bottom: 26px !important;
    padding: 13px 14px !important;
  }

  body.avba-depot-refonte .avba-depot-photocta--late p {
    margin-bottom: 10px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }
}


/* ========================================================================== */
/* v2.7.1 — section boutique : photo pleine largeur comme sur Rachat         */
/* ========================================================================== */
@media (max-width: 760px) {
  body.avba-depot-refonte .avba-dv-shop,
  body.avba-depot-refonte .avba-dv-shop__grid {
    overflow: visible !important;
  }

  body.avba-depot-refonte .avba-dv-shop figure {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-bottom: 16px !important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }

  body.avba-depot-refonte .avba-dv-shop figure::before {
    left: 24px !important;
    bottom: 16px !important;
  }
}


/* ========================================================================== */
/* v2.7.2 — hero mobile : géométrie exactement alignée sur Rachat             */
/* ========================================================================== */
@media (max-width: 760px) {
  body.avba-depot-refonte .avba-dv-hero::before {
    inset: 6px !important;
    border-color: rgba(198,161,91,.16) !important;
  }

  body.avba-depot-refonte .avba-dv-hero > .avba-container {
    width: min(calc(100% - 36px), var(--avba-container)) !important;
  }

  body.avba-depot-refonte .avba-dv-hero__inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}


/* ========================================================================== */
/* v2.7.3 — fin de page mobile : moins de vide + CTA photo non dupliqué      */
/* ========================================================================== */
@media (max-width: 760px) {
  /* Le CTA photos premium ivoire/noir est déjà injecté juste après la section
     boutique. On retire le second bouton doré natif pour éviter la répétition. */
  body.avba-depot-refonte .avba-dv-shop-photo-cta {
    display: none !important;
  }

  /* Le thème réserve beaucoup trop d'espace avant la section Avis clients.
     La barre d'action mobile étant fixe, cette réserve n'est plus nécessaire. */
  body.avba-depot-refonte .avba-dv-final {
    padding-bottom: max(28px, calc(20px + env(safe-area-inset-bottom))) !important;
  }

  /* Les avis sont en mode compact sur cette page : on rapproche leur titre
     du CTA final sans écraser la respiration interne des cartes. */
  body.avba-depot-refonte .avba-reviews-section.avba-reviews--compact {
    padding-top: 24px !important;
  }
}


/* ========================================================================== */
/* v2.7.4 — finition : CTA intermédiaire supprimé + transition avis resserrée */
/* ========================================================================== */

/* Le CTA photos est déjà présent dans le hero et en fin de parcours.
   L'encart ivoire intermédiaire faisait doublon et rallongeait la page. */
body.avba-depot-refonte .avba-depot-photocta--late {
  display: none !important;
}

@media (max-width: 760px) {
  /* Resserre légèrement la fin de la page avant le bloc Avis clients,
     sans coller les deux sections. */
  body.avba-depot-refonte .avba-dv-final {
    padding-bottom: max(58px, calc(42px + env(safe-area-inset-bottom))) !important;
  }

  /* Si le bloc avis compact est injecté juste après le contenu dépôt-vente,
     on réduit uniquement son espace supérieur. */
  body.avba-depot-refonte .avba-reviews-section,
  body.avba-depot-refonte .avba-reviews,
  body.avba-depot-refonte [class*="avis-clients"],
  body.avba-depot-refonte [class*="reviews"] {
    scroll-margin-top: 0;
  }
}


/* ========================================================================== */
/* v2.7.5 — resserrement transition CTA -> avis                              */
/* ========================================================================== */
@media (max-width: 760px) {
  body.avba-depot-refonte .avba-dv-final {
    padding-bottom: max(28px, calc(18px + env(safe-area-inset-bottom))) !important;
  }

  body.avba-depot-refonte .avba-dv-final .avba-dv-cta-actions,
  body.avba-depot-refonte .avba-dv-final .avba-dv-cta,
  body.avba-depot-refonte .avba-dv-final .avba-dv-cta-wrap {
    margin-bottom: 18px !important;
  }

  body.avba-depot-refonte .avba-reviews-section,
  body.avba-depot-refonte .avba-reviews,
  body.avba-depot-refonte [class*="avis-clients"],
  body.avba-depot-refonte [class*="reviews"] {
    margin-top: 0 !important;
    padding-top: 10px !important;
  }
}


/* ========================================================================== */
/* v2.8.0 FINAL — contenu clé rendu côté serveur + nettoyage technique        */
/* ========================================================================== */

/* La réassurance n'est plus injectée en JS : on réutilise le conteneur natif
   déjà présent dans le HTML de la page. Les anciennes pastilles restent
   masquées et seul le message utile est affiché. */
body.avba-depot-refonte .avba-dv-accepted {
  display: flex !important;
  align-items: flex-start !important;
  gap: 11px !important;
  margin: 11px 0 0 !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(198,161,91,.16) !important;
  border-radius: 14px !important;
  background: rgba(243,237,226,.78) !important;
  color: var(--avba-brown) !important;
  font: 650 13px/1.45 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body.avba-depot-refonte .avba-dv-accepted::before {
  content: "" !important;
  width: 7px !important;
  height: 7px !important;
  flex: 0 0 7px !important;
  margin-top: .42em !important;
  border-radius: 50% !important;
  background: var(--avba-gold) !important;
  box-shadow: 0 0 0 5px rgba(198,161,91,.12) !important;
}

body.avba-depot-refonte .avba-dv-accepted strong {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  font: inherit !important;
}

body.avba-depot-refonte .avba-dv-accepted span {
  display: none !important;
}

/* Les deux CTA photos utiles restent le hero et le CTA final.
   Aucun CTA intermédiaire n'est créé ou affiché. */
body.avba-depot-refonte .avba-depot-photocta,
body.avba-depot-refonte .avba-depot-photocta--late {
  display: none !important;
}

/* ========================================================================== */
/* AVBA Dépôt-vente v2.8.1 — hero desktop aligné sur Rachat 3.4.4            */
/* Neutralise seulement la géométrie desktop du template historique.          */
/* Mobile inchangé.                                                           */
/* ========================================================================== */
@media (min-width: 1024px) {
  body.avba-depot-refonte .avba-dv-hero {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
  }

  body.avba-depot-refonte .avba-dv-hero__inner {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    grid-template-columns: minmax(0, 1.16fr) minmax(300px, 390px) !important;
    gap: clamp(36px, 4.4vw, 58px) !important;
    align-items: center !important;
    padding-top: clamp(38px, 4.8vh, 58px) !important;
    padding-bottom: clamp(34px, 4.5vh, 54px) !important;
  }

  body.avba-depot-refonte .avba-dv-hero__copy h1 {
    max-width: 760px !important;
    margin-top: 0 !important;
    margin-bottom: 16px !important;
    font-size: clamp(56px, 5vw, 72px) !important;
    line-height: .92 !important;
    letter-spacing: -.025em !important;
    text-wrap: balance;
  }

  body.avba-depot-refonte .avba-dv-lead,
  body.avba-depot-refonte .avba-dv-lead p {
    max-width: 58ch !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    font-size: 16px !important;
    line-height: 1.52 !important;
  }

  body.avba-depot-refonte .avba-dv-hero__copy .avba-actions {
    margin-top: 16px !important;
    margin-bottom: 0 !important;
    gap: 12px !important;
  }

  body.avba-depot-refonte .avba-dv-hero__copy .avba-actions .avba-button {
    min-height: 44px !important;
  }

  body.avba-depot-refonte .avba-dv-trust {
    margin-top: 12px !important;
  }

  body.avba-depot-refonte .avba-dv-hero__visual {
    min-height: 0 !important;
    height: clamp(280px, 34vh, 330px) !important;
    max-height: 330px !important;
    align-self: center !important;
  }

  body.avba-depot-refonte .avba-dv-hero__visual picture,
  body.avba-depot-refonte .avba-dv-hero__visual .avba-dv-hero__image,
  body.avba-depot-refonte .avba-dv-hero__visual img {
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
  }
}

@media (min-width: 1024px) and (max-height: 900px) {
  body.avba-depot-refonte .avba-dv-hero__inner {
    grid-template-columns: minmax(0, 1.18fr) minmax(285px, 360px) !important;
    gap: 34px !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  body.avba-depot-refonte .avba-dv-hero__copy h1 {
    max-width: 730px !important;
    margin-bottom: 14px !important;
    font-size: clamp(52px, 4.7vw, 66px) !important;
    line-height: .91 !important;
  }

  body.avba-depot-refonte .avba-dv-lead,
  body.avba-depot-refonte .avba-dv-lead p {
    max-width: 56ch !important;
    font-size: 15.5px !important;
    line-height: 1.48 !important;
  }

  body.avba-depot-refonte .avba-dv-hero__visual {
    height: 300px !important;
    max-height: 300px !important;
  }
}

/* ========================================================================== */
/* AVBA Dépôt-vente v2.8.2 — hauteur hero calée sur Rachat 3.4.4             */
/* Même méthode validée sur Expertise 1.9.1. Desktop uniquement.              */
/* Mobile et sections suivantes inchangés.                                    */
/* ========================================================================== */
@media (min-width: 1024px) {
  body.avba-depot-refonte .avba-dv-hero,
  body.avba-depot-refonte .avba-dv-hero__inner {
    box-sizing: border-box !important;
    min-height: clamp(460px, 63.2vh, 730px) !important;
    height: auto !important;
    max-height: none !important;
  }

  body.avba-depot-refonte .avba-dv-lead,
  body.avba-depot-refonte .avba-dv-lead p {
    max-width: 760px !important;
    font-size: clamp(19px, 1.15vw, 22px) !important;
    line-height: 1.58 !important;
  }

  body.avba-depot-refonte .avba-dv-hero__copy .avba-actions {
    margin-top: 22px !important;
  }

  body.avba-depot-refonte .avba-dv-trust {
    margin-top: 16px !important;
  }

  body.avba-depot-refonte .avba-dv-hero__visual {
    height: clamp(300px, 38vh, 380px) !important;
    max-height: 380px !important;
  }
}

@media (min-width: 1024px) and (max-height: 900px) {
  body.avba-depot-refonte .avba-dv-hero,
  body.avba-depot-refonte .avba-dv-hero__inner {
    min-height: clamp(460px, 63.2vh, 570px) !important;
  }

  body.avba-depot-refonte .avba-dv-lead,
  body.avba-depot-refonte .avba-dv-lead p {
    font-size: clamp(18px, 1.2vw, 20px) !important;
    line-height: 1.55 !important;
  }

  body.avba-depot-refonte .avba-dv-hero__visual {
    height: clamp(285px, 37vh, 340px) !important;
    max-height: 340px !important;
  }
}


/* ========================================================================== */
/* AVBA Dépôt-vente v2.8.4 — CTA plus bas + suppression des repères sous CTA */
/* Desktop : CTA alignés vers le bas comme Expertise/Rachat.                 */
/* Mobile : position CTA inchangée. Repères supprimés sur tous les écrans.    */
/* ========================================================================== */
body.avba-depot-refonte .avba-dv-trust {
  display: none !important;
}

@media (min-width: 1024px) {
  body.avba-depot-refonte .avba-dv-hero__copy .avba-actions {
    margin-top: clamp(82px, calc(8.5vh + 10px), 110px) !important;
    margin-bottom: 0 !important;
  }
}


/* AVBA Dépôt-vente v2.8.6 — alignement final CTA desktop */
@media (min-width: 1024px) {
  body.avba-depot-refonte .avba-dv-hero__copy .avba-actions {
    transform: translateY(7px) !important;
  }
}


/* ========================================================================== */
/* AVBA Dépôt-vente v2.8.7 — cartouche photo hero calé sur la référence      */
/* visuelle validée : 20 ans d’expérience + adresse compacte.                 */
/* Desktop/tablette paysage uniquement. Mobile <= 900 px reste inchangé.      */
/* ========================================================================== */
@media (min-width: 901px) {
  body.avba-depot-refonte .avba-dv-hero__visual figcaption {
    position: absolute !important;
    z-index: 4 !important;
    left: 20px !important;
    right: auto !important;
    bottom: 20px !important;
    width: max-content !important;
    max-width: calc(100% - 40px) !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: start !important;
    gap: 3px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 10px 13px 11px !important;
    background: rgba(24,19,16,.84) !important;
    border: 0 !important;
    border-left: 1px solid rgba(198,161,91,.72) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    text-align: left !important;
  }

  body.avba-depot-refonte .avba-dv-hero__visual figcaption strong {
    display: block !important;
    margin: 0 !important;
    color: var(--avba-gold-light) !important;
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: 1.12rem !important;
    font-weight: 500 !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: nowrap !important;
  }

  body.avba-depot-refonte .avba-dv-hero__visual figcaption span {
    display: block !important;
    margin: 0 !important;
    max-width: none !important;
    color: rgba(244,238,226,.92) !important;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: .63rem !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    letter-spacing: .035em !important;
    text-align: left !important;
    text-transform: none !important;
    white-space: nowrap !important;
  }
}