/* JM Prime Shop — mobile tweaks (optional)
   Keep ONLY if you want extra tightening below 900px.
   Works with the cleaned ecommerce-styles.css footer.
*/

@media (max-width: 900px){
  /* Slightly tighter footer spacing on tablets/phones */
  .shop-footer .footer-grid{
    gap: 12px !important;
  }

  /* Slightly smaller padding on footer cards */
  .shop-footer .footer-column{
    padding: 16px !important;
    border-radius: 16px !important;
  }
}