/* Correctifs aperçu mobile (iframe Cursor) — chargé en dernier */
html.preview-mobile,
html.mobile-view,
html.preview-mobile body,
html.mobile-view body {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  background: #0B0B0B !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html.preview-mobile main,
html.mobile-view main,
html.preview-mobile footer,
html.mobile-view footer {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

html.preview-mobile #page-home.page.active,
html.mobile-view #page-home.page.active {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  min-height: 0 !important;
  padding-top: 45px !important;
}

html.preview-mobile .page.active,
html.mobile-view .page.active {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html.preview-mobile .page.active:not(#page-home),
html.mobile-view .page.active:not(#page-home) {
  min-height: 100vh;
  padding-top: 45px !important;
}

html.preview-mobile .page:not(.active),
html.mobile-view .page:not(.active) {
  display: none !important;
}

/* Hero colonne : image → texte */
html.preview-mobile #page-home #hero,
html.mobile-view #page-home #hero {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  max-height: none !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
  overflow: visible !important;
  background: #0B0B0B !important;
}

html.preview-mobile #page-home #hero .hero-bg,
html.mobile-view #page-home #hero .hero-bg {
  position: relative !important;
  display: block !important;
  order: 1 !important;
  width: 100% !important;
  height: 160px !important;
  flex-shrink: 0 !important;
}

html.preview-mobile #page-home #hero .hero-bg-overlay,
html.mobile-view #page-home #hero .hero-bg-overlay {
  display: none !important;
}

html.preview-mobile #page-home #hero .hero-content,
html.mobile-view #page-home #hero .hero-content {
  order: 2 !important;
  position: relative !important;
  z-index: 3 !important;
  padding: 20px 0 18px !important;
  background: #0B0B0B !important;
}

html.preview-mobile #page-home #hero .hero-bg img,
html.mobile-view #page-home #hero .hero-bg img {
  width: 100% !important;
  height: 160px !important;
  object-fit: cover !important;
  object-position: center 40% !important;
}

html.preview-mobile #page-home #hero .hero-trust,
html.mobile-view #page-home #hero .hero-trust {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}

html.preview-mobile #page-home #hero .hero-local-seo,
html.mobile-view #page-home #hero .hero-local-seo {
  display: block !important;
}

html.preview-mobile #page-home #hero .hero-title,
html.mobile-view #page-home #hero .hero-title {
  color: #fff !important;
  font-size: 1.75rem !important;
  text-transform: none !important;
  line-height: 1.2 !important;
  margin-bottom: 0 !important;
  max-width: 17.5rem !important;
}

html.preview-mobile #page-home #hero .hero-title-city,
html.mobile-view #page-home #hero .hero-title-city {
  white-space: nowrap !important;
}

html.preview-mobile #page-home #hero .hero-urgency-bar,
html.mobile-view #page-home #hero .hero-urgency-bar {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 6px !important;
  margin: 16px 0 18px !important;
  padding: 14px 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html.preview-mobile #page-home #hero .hero-location-badges,
html.mobile-view #page-home #hero .hero-location-badges {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

html.preview-mobile #page-home #hero .hero-local-seo-short,
html.mobile-view #page-home #hero .hero-local-seo-short {
  display: none !important;
}

html.preview-mobile #page-home #hero .hero-sub,
html.mobile-view #page-home #hero .hero-sub {
  color: #bbb !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  margin-bottom: 14px !important;
}

html.preview-mobile #page-home #hero .hero-mobile-callout,
html.mobile-view #page-home #hero .hero-mobile-callout {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin: 14px 0 18px !important;
}

html.preview-mobile .hero-call-now-btn,
html.mobile-view .hero-call-now-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 56px !important;
  background: #F4C400 !important;
  color: #0B0B0B !important;
  font-weight: 900 !important;
  font-size: 1.05rem !important;
  text-transform: uppercase !important;
  border-radius: 12px !important;
}

html.preview-mobile .mobile-services-grid,
html.mobile-view .mobile-services-grid {
  gap: 12px !important;
}

html.preview-mobile .mobile-service-card,
html.mobile-view .mobile-service-card {
  min-height: 90px !important;
  height: auto !important;
  max-height: none !important;
  padding: 18px !important;
  font-size: 0.8rem !important;
  border-radius: 12px !important;
}

html.preview-mobile .mobile-service-icon,
html.mobile-view .mobile-service-icon {
  font-size: 1.65rem !important;
  width: 28px !important;
}

html.preview-mobile .mobile-trust-bullets,
html.mobile-view .mobile-trust-bullets {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px 12px !important;
  padding-bottom: 24px !important;
}

html.preview-mobile .mobile-garage-photos,
html.mobile-view .mobile-garage-photos {
  display: block !important;
  padding-bottom: 32px !important;
}

html.preview-mobile .mobile-garage-photo img,
html.mobile-view .mobile-garage-photo img {
  height: 170px !important;
  min-height: 160px !important;
  max-height: 180px !important;
  object-fit: cover !important;
}

html.preview-mobile #page-home #hero .hero-stats-row,
html.mobile-view #page-home #hero .hero-stats-row {
  display: flex !important;
}

html.preview-mobile #page-home #hero .hero-badge,
html.mobile-view #page-home #hero .hero-badge {
  color: #F4C400 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html.preview-mobile #page-home #hero .hero-sub,
html.mobile-view #page-home #hero .hero-sub {
  color: #bbb !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html.preview-mobile .nav-inner,
html.mobile-view .nav-inner {
  height: 45px !important;
  max-height: 45px !important;
  padding: 0 14px !important;
}

html.preview-mobile .nav-links,
html.mobile-view .nav-links {
  display: none !important;
}

html.preview-mobile .hamburger,
html.mobile-view .hamburger {
  display: flex !important;
}

html.preview-mobile .nav-logo,
html.mobile-view .nav-logo {
  color: #f5f5f0 !important;
  font-size: 1.28rem !important;
}

html.preview-mobile .mobile-cta-grid,
html.mobile-view .mobile-cta-grid {
  display: grid !important;
  padding: 20px 20px 24px !important;
  gap: 12px !important;
}

html.preview-mobile .mobile-cta-btn,
html.mobile-view .mobile-cta-btn {
  background: #0B0B0B !important;
  border: 2px solid #f5c400 !important;
  color: #f5f5f0 !important;
  min-height: 58px !important;
  height: 58px !important;
  font-size: 0.78rem !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

html.preview-mobile .mobile-cta-icon,
html.mobile-view .mobile-cta-icon {
  font-size: 1.45rem !important;
}

html.preview-mobile .sticky-bar-item.sticky-bar-call,
html.preview-mobile .sticky-bar-item.sticky-bar-call span,
html.mobile-view .sticky-bar-item.sticky-bar-call,
html.mobile-view .sticky-bar-item.sticky-bar-call span {
  color: #ef4444 !important;
}

html.preview-mobile .sticky-bar-item.sticky-bar-wa,
html.preview-mobile .sticky-bar-item.sticky-bar-wa span,
html.mobile-view .sticky-bar-item.sticky-bar-wa,
html.mobile-view .sticky-bar-item.sticky-bar-wa span {
  color: #25D366 !important;
}

html.preview-mobile .sticky-bar-item.sticky-bar-map,
html.preview-mobile .sticky-bar-item.sticky-bar-map span,
html.mobile-view .sticky-bar-item.sticky-bar-map,
html.mobile-view .sticky-bar-item.sticky-bar-map span {
  color: #f97316 !important;
}

html.preview-mobile .sticky-bar-item.sticky-bar-devis,
html.preview-mobile .sticky-bar-item.sticky-bar-devis span,
html.mobile-view .sticky-bar-item.sticky-bar-devis,
html.mobile-view .sticky-bar-item.sticky-bar-devis span {
  color: #f5c400 !important;
}

html.preview-mobile .sticky-bar-call,
html.mobile-view .sticky-bar-call {
  background: rgba(239, 68, 68, 0.1) !important;
}

html.preview-mobile .sticky-bar-wa,
html.mobile-view .sticky-bar-wa {
  background: rgba(37, 211, 102, 0.1) !important;
}

html.preview-mobile .sticky-bar-map,
html.mobile-view .sticky-bar-map {
  background: rgba(249, 115, 22, 0.1) !important;
}

html.preview-mobile .sticky-bar-devis,
html.mobile-view .sticky-bar-devis {
  background: rgba(245, 196, 0, 0.1) !important;
}

html.preview-mobile .mobile-services-principaux,
html.mobile-view .mobile-services-principaux {
  display: block !important;
  padding: 28px 0 32px !important;
}

html.preview-mobile .reviews-premium,
html.mobile-view .reviews-premium {
  display: block !important;
  padding: 36px 0 44px !important;
}

html.preview-mobile nav.mobile-sticky-bar,
html.mobile-view nav.mobile-sticky-bar,
html.preview-mobile .mobile-sticky-bar,
html.mobile-view .mobile-sticky-bar {
  display: grid !important;
  position: fixed !important;
  top: auto !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  max-height: 65px !important;
  height: auto !important;
  min-height: 0 !important;
  backdrop-filter: none !important;
}

html.preview-mobile nav:not(.mobile-sticky-bar),
html.mobile-view nav:not(.mobile-sticky-bar) {
  top: 0 !important;
  bottom: auto !important;
  backdrop-filter: none !important;
}

html.preview-mobile .hero-accent,
html.preview-mobile .hero-grid,
html.mobile-view .hero-accent,
html.mobile-view .hero-grid,
html.preview-mobile .contact-fab-stack,
html.mobile-view .contact-fab-stack,
html.preview-mobile .contact-fab--sms,
html.mobile-view .contact-fab--sms {
  display: none !important;
}

html.preview-mobile img:not(#page-home #hero .hero-bg img):not(.mobile-garage-photo img),
html.mobile-view img:not(#page-home #hero .hero-bg img):not(.mobile-garage-photo img) {
  max-width: 100% !important;
  height: auto !important;
}