/* Payslashes homepage vertical rhythm stabilization — 2026-07-25 */
@media (min-width: 768px){
  /* Remove the oversized desktop gap above the primary marketplace header. */
  .premium-site-header,
  .premium-site-header .u-header__section{
    margin-top:0!important;
    padding-top:0!important;
  }
  .premium-site-header .u-header-topbar{
    min-height:0!important;
    margin:0!important;
    padding-top:6px!important;
    padding-bottom:6px!important;
  }
  .premium-site-header .bg-primary-down-lg{
    margin:0!important;
    padding-top:10px!important;
    padding-bottom:10px!important;
  }
  .premium-site-header .bg-primary-down-lg .container>.row{
    margin-top:0!important;
    margin-bottom:0!important;
  }

  /* Compact the homepage section rhythm without touching product-card sizing. */
  #content>.ps-home-collection,
  #content>.ps-home-collection--soft,
  #content>.ps-home-collection--commerce,
  #content>.ps-home-collection--recent{
    padding-top:24px!important;
    padding-bottom:24px!important;
    margin-top:0!important;
    margin-bottom:0!important;
  }
  #content>.ps-home-collection+.ps-home-collection{
    padding-top:18px!important;
  }
  #content .ps-home-section-header,
  #content .section-header{
    margin-bottom:18px!important;
  }
  #content .ps-home-empty{
    min-height:118px!important;
    padding:22px!important;
  }

  /* Pull the CTA and footer together and remove the large dead zones. */
  #content>.ps-home-newsletter{
    margin:0!important;
    padding:18px 0 20px!important;
  }
  #content>.ps-home-newsletter .ps-home-newsletter__panel{
    padding:24px 28px!important;
    min-height:0!important;
  }
  .premium-site-footer{
    margin-top:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
  .premium-footer-main{
    margin:0!important;
    padding:18px 0 0!important;
  }
  .premium-footer-shell{
    padding:28px 28px 22px!important;
  }
  .premium-footer-main .row>[class*=col-]{
    margin-bottom:0!important;
  }
  .premium-footer-brand{gap:10px!important;}
  .premium-footer-logo-badge{
    min-height:72px!important;
    padding:12px 18px!important;
  }
  .premium-footer-copy{margin-bottom:14px!important;}
  .premium-footer-contact-card{
    padding:15px!important;
    margin-bottom:12px!important;
  }
  .premium-footer-socials{margin-top:10px!important;}
  .premium-footer-app-card{padding:16px!important;}
  .premium-footer-bottom{
    margin:0!important;
    padding:12px 0 16px!important;
  }
}

@media (max-width: 767.98px){
  #content>.ps-home-collection,
  #content>.ps-home-collection--soft,
  #content>.ps-home-collection--commerce,
  #content>.ps-home-collection--recent{
    padding-top:18px!important;
    padding-bottom:18px!important;
  }
  #content>.ps-home-newsletter{
    margin:0!important;
    padding:12px 0 16px!important;
  }
  .premium-site-footer{margin-top:0!important;}
  .premium-footer-main{padding-top:14px!important;}
  .premium-footer-shell{padding-top:18px!important;padding-bottom:14px!important;}
  .premium-footer-bottom{padding-top:10px!important;}
}


/* Payslashes footer final density correction — 2026-07-25 */
@media (min-width: 768px){
  /* Keep the footer attached to content and remove the oversized pale-blue tail. */
  .premium-site-footer{
    min-height:0!important;
    height:auto!important;
  }
  .premium-footer-main{
    padding:12px 0 0!important;
  }
  .premium-footer-shell{
    padding:22px 28px 18px!important;
    min-height:0!important;
  }
  .premium-footer-bottom{
    min-height:0!important;
    padding:10px 0!important;
  }
  .premium-footer-bottom .container,
  .premium-footer-bottom-inner{
    min-height:0!important;
  }
  .premium-footer-bottom-inner{
    gap:10px!important;
  }
  .premium-pay-badge{
    padding:8px 13px!important;
  }

  /* Eliminate inherited page/footer spacers after the footer. */
  .premium-site-footer + *,
  body > .premium-site-footer:last-of-type{
    margin-bottom:0!important;
  }
  body,
  #content,
  .wrapper,
  #wrapper{
    padding-bottom:0!important;
  }
}

@media (max-width: 767.98px){
  .premium-footer-main{padding-top:10px!important;}
  .premium-footer-shell{padding:16px 14px 12px!important;}
  .premium-footer-bottom{
    min-height:0!important;
    padding:10px 0 calc(82px + env(safe-area-inset-bottom))!important;
  }
}