/* Ready Forms Studio — mobile layout corrections */
@media (max-width:700px){
  html,body{max-width:100%;overflow-x:hidden}

  /* Compact promotional hero: keep carousel, remove the tall stacked visual panel. */
  body .hero-carousel{padding:14px 4.5vw 12px!important}
  body .hero-shell{position:relative!important;display:block!important;min-height:0!important;padding:22px 18px 18px!important;border-radius:22px!important;overflow:hidden}
  body .hero-copy{padding:0 24px}
  body .hero-copy h1{font-size:30px!important;line-height:1.02!important;margin:10px 0 12px!important;letter-spacing:-.035em!important}
  body .hero-copy p{font-size:14px!important;line-height:1.6!important;margin:0!important}
  body .hero-actions{margin-top:16px!important}
  body .hero-actions .btn{min-height:42px!important;padding:10px 16px!important;font-size:13px!important}
  body .hero-preview{display:none!important;height:0!important;min-height:0!important}
  body .hero-visual{position:static!important;height:0!important;min-height:0!important}
  body .hero-arrow{top:50%!important;bottom:auto!important;width:32px!important;height:32px!important;font-size:21px!important;transform:translateY(-50%)!important;box-shadow:none!important}
  body .hero-arrow.prev{left:8px!important}
  body .hero-arrow.next{right:8px!important}
  body .hero-dots{margin:10px auto 0!important;gap:7px!important}
  body .hero-dot{width:8px!important;height:8px!important}
  body .trust-row{display:flex!important;flex-wrap:nowrap!important;gap:7px!important;overflow-x:auto!important;padding-bottom:2px!important;margin-top:14px!important;scrollbar-width:none}
  body .trust-row::-webkit-scrollbar{display:none}
  body .trust-row span{width:auto!important;min-width:max-content!important;padding:7px 9px!important;font-size:10px!important;white-space:nowrap!important}

  /* Bundle slider: on one-card mobile pages the stride must equal the viewport exactly. */
  body .bundle-slider{padding:0 32px!important;max-width:100%!important}
  body .bundle-viewport{width:100%!important;overflow:hidden!important}
  body .bundle-grid.bundle-track{grid-auto-columns:100%!important;gap:0!important;column-gap:0!important;row-gap:0!important;align-items:stretch!important}
  body .bundle-grid.bundle-track .bundle-card{width:100%!important;min-width:0!important;margin:0!important}
  body .bundle-arrow{width:30px!important;height:30px!important;font-size:21px!important}
  body .bundle-arrow.prev{left:0!important}
  body .bundle-arrow.next{right:0!important}
  body .bundle-dots{margin-top:13px!important}

  /* Keep the bottom of the homepage orderly and centered. */
  body .site-footer{padding:28px 5vw 24px!important}
  body .footer-top{display:grid!important;grid-template-columns:1fr!important;gap:22px!important;text-align:center!important;margin-bottom:18px!important}
  body .footer-brand{max-width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:10px!important}
  body .footer-brand img{width:72px!important;height:72px!important}
  body .footer-brand strong{font-size:18px!important;line-height:1.15!important}
  body .footer-brand p{max-width:330px!important;margin:6px auto 0!important;font-size:12px!important}
  body .footer-etsy-block{width:100%!important;text-align:center!important}
  body .etsy-shop-badge{width:100%!important;max-width:360px!important;margin:0 auto!important;justify-content:center!important;flex-wrap:wrap!important}
  body .footer-logos{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;text-align:center!important;padding:16px 0!important}
  body .footer-logos .logo-group{justify-content:center!important;width:100%!important}
  body .payment-logos{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important}
  body .payment-logos .logo-label{grid-column:1/-1!important;text-align:center!important}
  body .payment-logos .pay-badge{width:100%!important;min-width:0!important}
  body .footer-bottom{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:8px!important;font-size:11px!important}
}

@media (max-width:390px){
  body .hero-copy{padding:0 18px}
  body .hero-copy h1{font-size:27px!important}
  body .hero-shell{padding-left:14px!important;padding-right:14px!important}
}