
/* === ЧИСТАЯ АДАПТАЦИЯ ПОД ДЕСКТОП === */
@media (min-width: 1024px) {
  body { max-width: 100% !important; padding: 0 !important; background-color: #f4f5f7 !important; }
  .header { max-width: 100% !important; padding: 16px 40px !important; background: #ffffff !important; box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important; height: 72px !important; display: flex; justify-content: space-between; align-items: center; }
  .logo { font-size: 24px; }
  
  /* Показываем меню разделов на ПК */
  .desktop-menu { display: flex !important; }
  
  /* Скрываем нижнее меню */
  .bottom-nav { display: none !important; }

  /* Основной контейнер */
  #catalog { max-width: 1400px !important; margin: 0 auto !important; padding: 30px 40px !important; }

  /* Фильтры оставляем, но делаем их аккуратнее */
  .filter-tabs { display: flex !important; margin: 0 0 20px 0 !important; }

  /* Сетка товаров: 4 колонки */
  .grid { grid-template-columns: repeat(4, 1fr) !important; gap: 24px !important; padding: 0 !important; }
  .card { background: #ffffff !important; border-radius: 16px !important; padding: 12px !important; box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important; transition: transform 0.2s, box-shadow 0.2s !important; }
  .card:hover { transform: translateY(-4px) !important; box-shadow: 0 12px 24px rgba(0,0,0,0.1) !important; }

  /* Поиск на всю ширину */
  .search-wrap { padding: 0 0 24px 0 !important; }
  .search { background: #ffffff !important; padding: 16px 24px !important; border-radius: 16px !important; box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important; }
}
