/* Payslashes Wave 44 — conservative enterprise polish and runtime safety. */
:root {
  --ps-space-1: 8px;
  --ps-space-2: 12px;
  --ps-space-3: 16px;
  --ps-space-4: 24px;
  --ps-radius-card: 22px;
}

@media (max-width: 767.98px) {
  body.mobile-ux-shell.page-home {
    padding-bottom: calc(92px + env(safe-area-inset-bottom));
  }

  body.mobile-ux-shell.page-home .ps-home-newsletter {
    margin-bottom: 12px !important;
    padding-bottom: 0 !important;
  }

  body.mobile-ux-shell.page-home footer,
  body.mobile-ux-shell.page-home .site-footer,
  body.mobile-ux-shell.page-home .ps-footer-shell {
    min-height: 0 !important;
    margin-top: 0 !important;
    padding-top: 14px !important;
    padding-bottom: calc(18px + env(safe-area-inset-bottom)) !important;
  }

  body.mobile-ux-shell.page-home .ps-mobile-support-launcher {
    right: 14px !important;
    bottom: calc(92px + env(safe-area-inset-bottom)) !important;
    width: auto !important;
    min-width: 112px !important;
    height: 48px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: linear-gradient(135deg, #047857, #059669) !important;
    box-shadow: 0 14px 30px rgba(4, 120, 87, .28) !important;
    color: #fff !important;
    z-index: 1990 !important;
  }

  body.mobile-ux-shell.page-home .ps-mobile-support-launcher .ps-support-launcher__icon {
    width: 21px !important;
    height: 21px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.9 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  body.mobile-ux-shell.page-home .ps-mobile-support-launcher .ps-support-launcher__label {
    display: inline !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    letter-spacing: .01em !important;
  }

  body.mobile-ux-shell.page-home .ps-mobile-support-launcher.is-hidden-by-scroll,
  body.mobile-ux-shell.page-home .ps-mobile-support-launcher.is-obstructing-cta {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(16px) scale(.92) !important;
  }

  body.mobile-ux-shell.page-home .products-grid {
    min-height: 0 !important;
  }

  body.mobile-ux-shell.page-home .products-grid .jumia-product-card,
  body.mobile-ux-shell.page-home .products-grid article {
    visibility: visible !important;
  }

  body.mobile-ux-shell.page-home .products-grid .ps-product-ready {
    opacity: 1 !important;
    transform: none !important;
  }
}

.ps-focus-ready:focus-visible {
  outline: 3px solid rgba(14, 165, 233, .45) !important;
  outline-offset: 3px !important;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}
