/* Mobile Optimization Fixes for Storefront Landing Pages */

/* Improved Mobile Touch Targets */
button, a, select, input, .has-[>svg]:hover\:focus-visible {
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(66, 153, 225, 1) 0.4;
}

/* Improved Mobile Menu for Mobile */
.mobile-menu-trigger {
  display: block !important;
}

/* Mobile Image Optimization */
.product-card img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

/* Mobile Text Sizing */
.mobile-title {
  font-size: 1.25rem !important;
}

/* Mobile Spacing Improvements */
.section-spacing-mobile {
  padding: 1rem 0.5rem;
}

/* Mobile Button Improvements */
.mobile-button {
  min-height: 44px;
  padding: 0.75rem 0.5rem;
  font-size: 0.875rem !important;
}

/* Mobile Grid Improvements */
.product-grid-mobile {
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem !important;
}

/* Navigation Improvements */
.mobile-nav {
  padding: 0.75rem 0.5rem !important;
}

/* Form Improvements for Mobile */
.mobile-form-input {
  font-size: 1rem !important;
  padding: 0.5rem !important;
}

/* Mobile Footer Improvements */
.mobile-footer {
  padding: 1.5rem 0.5rem !important;
}

/* Image Optimization */
.product-image-mobile {
  width: 100% !important;
  height: auto !important;
}

/* Touch-friendly spacing improvements */
.touch-target {
  min-width: 44px;
  min-height: 44px;
  padding: 8px !important;
}

/* Mobile Scrollbar fixes */
::-webkit-scrollbar {
  width: 8px !important;
}

/* Mobile text adjustments */
.mobile-text-sm {
  font-size: 0.875rem !important;
}

.mobile-text-xs {
  font-size: 0.75rem !important;
}

/* Mobile grid adjustments */
.mobile-grid-2-col {
  grid-template-columns: repeat(2, 1fr) !important;
}