/* ============================================
   MOBILE INFO CARDS - Full Width Layout
   Каждая плитка на всю ширину экрана - ТОЛЬКО 1 КОЛОНКА
   ============================================ */

/* Desktop - 2 columns */
.uac-info-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 16px 0 !important;
  max-width: 100% !important;
}

/* CRITICAL: Mobile - ТОЛЬКО 1 КОЛОНКА! */
@media (max-width: 768px) {
  .uac-wrap .uac-info-grid,
  .casino-block-slotstyle .uac-info-grid,
  .uac-info-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  
  .uac-info-grid .info-item,
  .info-item {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: 36px 1fr auto !important;
  }
}

@media (max-width: 480px) {
  .uac-wrap .uac-info-grid,
  .casino-block-slotstyle .uac-info-grid,
  .uac-info-grid {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
  
  .uac-info-grid .info-item,
  .info-item {
    padding: 12px !important;
    border-radius: 12px !important;
  }
}

/* Ratings section - ТОЛЬКО 1 КОЛОНКА на mobile */
@media (max-width: 768px) {
  .casino-block-slotstyle .ratings {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    display: grid !important;
  }
  
  .casino-block-slotstyle .rating-item {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Payment methods section - ТОЛЬКО 1 КОЛОНКА на mobile */
@media (max-width: 768px) {
  .uac-methods .mgrid {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    display: grid !important;
  }
  
  .uac-methods .method-item {
    width: 100% !important;
    max-width: 100% !important;
    padding: 14px !important;
  }
  
  .uac-methods .method-logos {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
  }
}

/* Games section - 2 columns for compact display */
@media (max-width: 768px) {
  .uac-games .gtrack {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
  }
  
  .uac-games .gcard {
    padding: 10px 8px !important;
    min-height: 48px !important;
    height: 48px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  
  .uac-games .gicon {
    width: 26px !important;
    height: 26px !important;
    flex-shrink: 0 !important;
  }
  
  .uac-games .gtitle {
    font-size: 11px !important;
    max-width: 100% !important;
  }
}

@media (max-width: 480px) {
  .uac-games .gcard {
    padding: 8px 6px !important;
    min-height: 44px !important;
    height: 44px !important;
  }
  
  .uac-games .gicon {
    width: 24px !important;
    height: 24px !important;
  }
  
  .uac-games .gtitle {
    font-size: 10px !important;
  }
}

/* Container padding */
@media (max-width: 768px) {
  .uac-card {
    padding: 0 12px !important;
  }
  
  .casino-block-slotstyle {
    padding: 16px !important;
  }
}

@media (max-width: 480px) {
  .uac-card {
    padding: 0 10px !important;
  }
  
  .casino-block-slotstyle {
    padding: 14px !important;
  }
}

/* ULTRA SPECIFIC - Override everything */
@media screen and (max-width: 768px) {
  body .uac-wrap .uac-info-grid,
  body .uac-info-grid,
  div.uac-info-grid {
    grid-template-columns: 1fr !important;
    -ms-grid-columns: 1fr !important;
  }
  
  body .casino-block-slotstyle .ratings,
  div.casino-block-slotstyle .ratings {
    grid-template-columns: 1fr !important;
    -ms-grid-columns: 1fr !important;
  }
  
  body .uac-methods .mgrid,
  div.uac-methods .mgrid {
    grid-template-columns: 1fr !important;
    -ms-grid-columns: 1fr !important;
  }
}