/* Tirage Tarot 3.3 — optimisation commerciale, lisibilité et performances. */

.hero-audio-link {
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:var(--ink);
  font-weight:750;
}

.hero-audio-link > span {
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  color:#fff;
  background:var(--plum);
  border-radius:50%;
  font-size:9px;
}

.availability-note {
  margin:18px 0 0 !important;
  padding:12px 15px;
  color:var(--plum) !important;
  background:#f8e8e1;
  border-radius:12px;
  font-size:13px !important;
  font-weight:700;
  line-height:1.45 !important;
}

.about-image { position:relative; margin:0; }
.about-image figcaption {
  position:absolute;
  right:18px;
  bottom:18px;
  left:18px;
  padding:10px 14px;
  color:#fff;
  background:rgba(62,42,49,.82);
  border-radius:11px;
  font-size:12px;
  line-height:1.4;
  text-align:center;
  backdrop-filter:blur(7px);
}

.demo-context {
  margin-top:26px;
  padding:17px 18px;
  color:#4a313a;
  background:#f7e2da;
  border-left:4px solid #c46d55;
  border-radius:0 13px 13px 0;
}

.demo-context strong {
  display:block;
  margin-bottom:5px;
  color:#4a313a;
  font-family:Georgia,"Times New Roman",serif;
  font-size:16px;
  font-weight:400;
}

.proof-copy .demo-context p {
  margin:0 0 7px;
  color:#4a313a;
  font-size:14px;
  line-height:1.55;
}

.demo-context small { color:#795d66; font-size:11px; line-height:1.45; }
.proof-copy .demo-tone-note {
  margin:13px 0 0;
  color:rgba(255,249,245,.68);
  font-size:12px;
  line-height:1.55;
}

[data-phone-field][hidden] { display:none !important; }

.checkout-reassurance {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:7px 15px;
  margin:18px 0 13px !important;
  color:#705a62 !important;
  font-size:11px !important;
  font-weight:700;
  line-height:1.4 !important;
}

.order-field #tt_context { min-height:78px; }
.order-consents {
  padding:16px;
  background:#fbf5f1;
  border:1px solid rgba(67,47,55,.09);
  border-radius:14px;
}

.mobile-sticky-cta {
  transition:opacity 180ms ease,transform 180ms ease;
}

.mobile-sticky-cta.is-hidden {
  opacity:0;
  transform:translateY(90px);
  pointer-events:none;
}

@media (min-width:1101px) {
  .offer-section,.about-section,.steps-section,.questions-section,.faq-section {
    padding-top:84px;
    padding-bottom:84px;
  }
}

@media (max-width:780px) {
  .hero-actions { align-items:stretch; }
  .hero-audio-link { justify-content:center; min-height:44px; }

  .offer-section,.about-section,.steps-section,.questions-section,.faq-section {
    padding-top:62px;
    padding-bottom:62px;
  }

  .about-image figcaption { right:10px; bottom:10px; left:10px; font-size:11px; }
  .demo-context { margin-top:22px; padding:15px; }
  .proof-copy .demo-context p { font-size:15px; }
  .proof-copy .demo-tone-note { font-size:13px; }
  .checkout-reassurance { font-size:12px !important; }
}

@media (prefers-reduced-motion:reduce) {
  .mobile-sticky-cta { transition:none; }
}