/* КРИТИЧЕСКИЙ FIX для мобильных - загружается ПОСЛЕДНИМ */

@media (max-width: 768px) {
  /* Убираем overflow */
  * {
    box-sizing: border-box !important;
  }
  
  html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }

  /* Категория 2 - ТАБЛЕТКИ - явный fix */
  #category2 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: #ffffff !important;
    padding: 20px 0 !important;
    min-height: auto !important;
    overflow: visible !important;
  }

  #category2 .category2-div {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 16px !important;
    margin: 0 !important;
  }

  #category2 h2 {
    display: block !important;
    visibility: visible !important;
    color: #000 !important;
    font-size: 2rem !important;
    margin: 20px 0 !important;
    padding: 0 !important;
  }

  #category2 .product-grid2,
  #category2 .slider-track,
  #category2 .slider-disabled-track {
    display: grid !important;
    visibility: visible !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
    transition: none !important;
    position: static !important;
    height: auto !important;
    min-height: auto !important;
  }

  #category2 .product-item {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 400px !important;
    padding: 20px !important;
    margin: 0 0 20px 0 !important;
    background: #f2f4ff !important;
    border-radius: 20px !important;
    box-sizing: border-box !important;
    position: static !important;
    transform: none !important;
  }

  #category2 .product-item * {
    visibility: visible !important;
    opacity: 1 !important;
  }

  #category2 .product-img {
    display: block !important;
    width: 200px !important;
    max-width: 200px !important;
    height: 200px !important;
    margin: 0 auto 10px auto !important;
  }

  #category2 .scroll-btn {
    display: none !important;
  }

  #category2 .slider-viewport {
    overflow: visible !important;
    height: auto !important;
    width: 100% !important;
  }

  /* Все остальные категории */
  .category-section {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }

  .category1-div,
  .category3-div,
  .category4-div {
    padding: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .product-grid1,
  .product-grid3,
  .product-grid4 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .product-item {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
}