/*
 * Atlobni - Mobile-only final adjustments
 * Scope: mobile screens only.
 * IMPORTANT: Does not modify category slider/order/arrows or desktop layout.
 */

/* Special Features: exactly 2 columns on mobile */
@media (max-width: 767px) {
  .features-section .feature-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
  }

  .features-section .feature-box {
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  /* Latest providers: exactly 2 cards in one row on mobile */
  .latest-section .latest-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
  }

  .latest-section .latest-card {
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  /* Hide the third/latest cards on mobile only */
  .latest-section .latest-card:nth-child(n+3) {
    display: none !important;
  }
}