/* Payslashes desktop-only homepage polish.
   IMPORTANT: all rules are scoped to desktop widths so the mobile UI remains unchanged. */
@media (min-width: 992px) {
  body.page-home .ps-home-newsletter {
    margin: 24px 0 0 !important;
    padding: 0 0 28px !important;
  }

  body.page-home .ps-home-newsletter > .container {
    max-width: 1440px;
  }

  body.page-home .ps-home-newsletter__panel {
    display: grid !important;
    grid-template-columns: 72px minmax(0, 1fr) minmax(320px, 390px) !important;
    grid-template-rows: auto auto !important;
    grid-template-areas:
      "icon copy form"
      "icon assurances actions" !important;
    column-gap: 28px !important;
    row-gap: 18px !important;
    align-items: center !important;
    min-height: 0 !important;
    padding: 34px 36px !important;
    border-radius: 28px !important;
  }

  body.page-home .ps-home-newsletter__icon {
    grid-area: icon !important;
    width: 72px !important;
    height: 72px !important;
    border-radius: 22px !important;
    margin: 0 !important;
    align-self: center !important;
  }

  body.page-home .ps-home-newsletter__icon .ps-icon {
    width: 30px !important;
    height: 30px !important;
  }

  body.page-home .ps-home-newsletter__copy {
    grid-area: copy !important;
    min-width: 0 !important;
    max-width: 690px !important;
  }

  body.page-home .ps-home-newsletter__copy h2 {
    margin: 4px 0 6px !important;
    font-size: clamp(1.7rem, 2.25vw, 2.35rem) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.035em !important;
  }

  body.page-home .ps-home-newsletter__copy p {
    max-width: 620px !important;
    margin: 0 !important;
    font-size: 1rem !important;
    line-height: 1.55 !important;
  }

  body.page-home .ps-home-newsletter__form {
    grid-area: form !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
    width: 100% !important;
    align-items: center !important;
    margin: 0 !important;
  }

  body.page-home .ps-home-newsletter__form input,
  body.page-home .ps-home-newsletter__form button {
    height: 52px !important;
    border-radius: 15px !important;
  }

  body.page-home .ps-home-newsletter__form input {
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 16px !important;
  }

  body.page-home .ps-home-newsletter__form button {
    min-width: 126px !important;
    padding: 0 22px !important;
    white-space: nowrap !important;
  }

  body.page-home .ps-home-newsletter__assurances {
    grid-area: assurances !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 0 !important;
    align-items: center !important;
  }

  body.page-home .ps-home-newsletter__assurances span {
    min-height: 38px !important;
    padding: 8px 13px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
  }

  body.page-home .ps-home-newsletter__actions {
    grid-area: actions !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center !important;
  }

  body.page-home .ps-home-newsletter__actions .ps-home-btn {
    width: 100% !important;
    min-height: 46px !important;
    padding: 10px 14px !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  /* Close the desktop gap between newsletter and footer. */
  body.page-home .premium-site-footer {
    margin-top: 0 !important;
  }

  body.page-home .premium-footer-main {
    padding-top: 24px !important;
  }

  body.page-home .premium-footer-shell {
    padding-top: 26px !important;
    padding-bottom: 24px !important;
  }

  body.page-home .premium-footer-brand,
  body.page-home .premium-footer-contact-card,
  body.page-home .premium-footer-accordion-panel,
  body.page-home .premium-footer-app-card {
    margin-top: 0 !important;
  }

  body.page-home .premium-footer-title {
    font-size: 1.05rem !important;
    line-height: 1.3 !important;
  }

  body.page-home .premium-footer-links li + li {
    margin-top: 8px !important;
  }

  body.page-home .premium-footer-bottom {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }

  /* Desktop-only floating-control cleanup. */
  .native-nav,
  #nativeNav,
  .js-go-to.u-go-to {
    display: none !important;
  }

  #chatbot-floating-btn {
    right: 28px !important;
    bottom: 28px !important;
  }

  #chatbot-floating-btn #chatbot-btn {
    width: 54px !important;
    height: 54px !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg, #07824f 0%, #05633d 100%) !important;
    box-shadow: 0 16px 34px rgba(5, 99, 61, 0.28) !important;
    font-size: 1.25rem !important;
  }

  #chatbot-floating-btn #chatbot-btn:hover,
  #chatbot-floating-btn #chatbot-btn:focus-visible {
    transform: translateY(-2px) !important;
    box-shadow: 0 20px 40px rgba(5, 99, 61, 0.34) !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  body.page-home .ps-home-newsletter__panel {
    grid-template-columns: 64px minmax(0, 1fr) 310px !important;
    column-gap: 20px !important;
    padding: 28px !important;
  }

  body.page-home .ps-home-newsletter__icon {
    width: 64px !important;
    height: 64px !important;
  }

  body.page-home .ps-home-newsletter__form {
    grid-template-columns: 1fr !important;
  }

  body.page-home .ps-home-newsletter__form button {
    width: 100% !important;
  }
}