/* Mobile footer optimization - show only 30% of content */
@media (max-width: 767px) {
  /* Hide Customer Service and Company columns on mobile */
  .modern-footer .grid > div:nth-child(2),
  .modern-footer .grid > div:nth-child(3) {
    display: none !important;
  }

  /* Reduce Payment section content */
  .modern-footer .grid > div:nth-child(4) h4:first-of-type,
  .modern-footer .grid > div:nth-child(4) .flex.flex-wrap.gap-3 {
    display: none !important;
  }

  /* Simplify company info */
  .modern-footer .grid > div:nth-child(1) p {
    display: none !important;
  }

  /* Hide bottom bar links on mobile, keep only copyright */
  .modern-footer .flex.items-center.gap-6 {
    display: none !important;
  }

  /* Make footer more compact */
  .modern-footer {
    padding: 20px 0 !important;
  }

  .modern-footer .grid {
    gap: 20px !important;
    margin-bottom: 20px !important;
  }

  /* Also apply to footer class without modern prefix */
  footer .grid > div:nth-child(2),
  footer .grid > div:nth-child(3) {
    display: none !important;
  }

  footer .grid > div:nth-child(4) h4:first-of-type,
  footer .grid > div:nth-child(4) .flex.flex-wrap.gap-3 {
    display: none !important;
  }

  footer .grid > div:nth-child(1) p {
    display: none !important;
  }

  footer .flex.items-center.gap-6 {
    display: none !important;
  }
}