@media (max-width: 1180px) {
  .main-nav { display: none; }
  .site-header { grid-template-columns: 1fr auto; }
  .product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .monitoring-section, .guide-section { grid-template-columns: 1fr; }
  .top-offers { grid-column: auto; }
  #monitorTopOffers { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 720px) {
  main, footer { width: calc(100% - 16px); }
  .site-header { width: calc(100% - 16px); padding: 8px 0; }
  .brand img { width: 38px; height: 38px; }
  .brand-copy { display: none; }
  .brand-short { display: inline; font-size: 12px; font-weight: 850; }
  .online-status { display: none; }
  .telegram-nav { min-height: 34px; padding: 0 10px; font-size: 10px; }
  .catalog-section { padding-top: 10px; }
  .catalog-search-panel { grid-template-columns: 1fr; gap: 10px; padding: 14px; }
  .search-mark { display: none; }
  h1 { font-size: 26px; }
  .catalog-toolbar { top: 55px; grid-template-columns: 1fr auto; gap: 7px; margin-top: 8px; padding: 7px 0; }
  .brand-filters { grid-column: 1 / -1; grid-row: 2; }
  .brand-filter { min-height: 36px; padding: 0 12px; font-size: 9px; }
  .select-field select { min-height: 36px; font-size: 9px; }
  .toolbar-count { font-size: 9px; }
  .stats { grid-template-columns: 1fr; gap: 7px; }
  .stats article { min-height: 68px; padding: 10px 12px; }
  .stat-icon { width: 40px; height: 40px; }
  .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin-top: 10px; }
  .product-card { min-height: 350px; padding: 8px; }
  .product-image { height: 125px; }
  .product-photo { height: 120px; }
  .phone-shape { width: 62px; height: 112px; }
  .product-actions { grid-template-columns: 1fr; }
  .button, .product-link { min-height: 38px; font-size: 10px; }
  .catalog-renewal, .monitoring-section, .guide-section, .seo-intro, .faq { margin-top: 14px; padding: 18px 12px; border-radius: 14px; }
  .catalog-renewal-actions, .monitoring-actions { display: grid; }
  .monitoring-stats { grid-template-columns: 1fr 1fr; }
  #monitorTopOffers, .steps { grid-template-columns: 1fr; }
  footer { grid-template-columns: 1fr; gap: 8px; }
}

@media (max-width: 390px) {
  .product-grid { grid-template-columns: 1fr; }
  .product-card { min-height: 335px; }
}