/* Corrections desktop v44 — héros, CTA, stabilité des scènes et dactylo. */
@media (min-width: 1181px) {
  
  body.svc-creation .cs-hero-proof { justify-content: flex-start !important; margin-inline: 0 !important; }

  body.svc-creation .cs-final-image__content {
    left: clamp(11rem, 14vw, 16rem) !important;
    right: auto !important;
    max-width: min(42vw, 42rem) !important;
  }

  body.svc-refonte .rs-hero__copy {
    margin: 0 auto 0 0 !important;
    align-items: flex-start !important;
    text-align: left !important;
  }
  body.svc-refonte .rs-actions { justify-content: flex-start !important; margin-inline: 0 !important; }
  body.svc-refonte .rs-btn { transition: color 220ms ease, background-color 220ms ease, border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease !important; }

  @media (hover: hover) {
    body.svc-refonte .rs-actions .rs-btn:hover,
    body.svc-refonte .rs-actions .rs-btn:focus-visible {
      color: #fff !important;
      border-color: #1f62ff !important;
      background: #1f62ff !important;
      box-shadow: 0 14px 30px rgb(31 98 255 / .28) !important;
      transform: translateY(-2px) !important;
    }
    body.svc-refonte .rs-actions .rs-btn:hover *,
    body.svc-refonte .rs-actions .rs-btn:focus-visible * { color: #fff !important; }
  }

  body.svc-refonte .rs-demo .rs-ap__el--avant,
  body.svc-refonte .rs-demo .rs-ap__el--apres {
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    animation: none !important;
  }

  body.svc-refonte .rs-method [data-unified-method] .rs-tl__step { overflow: visible !important; }
  body.svc-refonte .rs-method [data-unified-method] .rs-tl__visual,
  body.svc-refonte .rs-method [data-unified-method] .rs-tl__step--last .rs-tl__visual {
    width: clamp(338px, 26vw, 390px) !important;
    max-width: none !important;
    margin-top: clamp(1rem, 2vw, 2.25rem) !important;
  }
  body.svc-refonte .rs-method [data-unified-method] .rs-tl__visual::after { display: none !important; }
  body.svc-refonte .rs-method [data-unified-method] .rs-tl__img,
  body.svc-refonte .rs-method [data-unified-method] .rs-tl__step:hover .rs-tl__img,
  body.svc-refonte .rs-method [data-unified-method] .rs-tl__step.is-lit .rs-tl__img,
  body.svc-refonte .rs-method [data-unified-method] .rs-tl__step.is-dim .rs-tl__img {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
    filter: drop-shadow(0 25px 25px rgb(9 42 98 / .18)) !important;
  }
  body.svc-refonte .rs-method [data-unified-method] .rs-tl__label {
    width: min(92%, 292px) !important;
    max-width: 292px !important;
    margin-top: 14px !important;
  }

  body.svc-refonte [data-typewriter="refonte"] {
    display: inline-block;
    min-width: 15.2ch;
    color: inherit;
  }
  body.svc-refonte [data-typewriter="refonte"]::after,
  body.svc-seo [data-typewriter="seo"]::after {
    content: "";
    display: inline-block;
    width: .075em;
    height: .82em;
    margin-left: .08em;
    vertical-align: -.04em;
    border-radius: 99px;
    background: #1f62ff;
    animation: dp-type-caret 780ms steps(1, end) infinite;
  }
  body.svc-seo [data-typewriter="seo"] { display: inline-block; min-width: 0; }
  body.svc-seo .seo2026-type-period { color: #1f62ff !important; opacity: 0; transition: opacity 120ms ease; }
  body.svc-seo .seo2026-type-period.is-visible { opacity: 1; }

  body.svc-gbp main > section.gbp-hero {
    background-size: auto 106% !important;
    background-position: 58% 42% !important;
  }
}

@media (min-width: 1181px) {
  html body.page-service.svc-creation main#main article.cs-final-image .cs-final-image__content {
    left: 12.5vw !important;
    right: auto !important;
  }
}

@keyframes dp-type-caret { 0%, 46% { opacity: 1; } 47%, 100% { opacity: 0; } }

@media (prefers-reduced-motion: reduce) {
  [data-typewriter]::after { display: none !important; animation: none !important; }
  .seo2026-type-period { opacity: 1 !important; transition: none !important; }
}