@media screen and (max-width: 768px) {
  html, body {
    width: 100vw !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
    font-size: 14px !important;
  }
  
  *, *::before, *::after {
    max-width: 100vw !important;
  }
  
  .wrapper {
    width: 100vw !important;
    max-width: 100vw !important;
  }
  
  .hero, .hero-content, .hero-bg, .hero-overlay {
    width: 100% !important;
    max-width: 100vw !important;
  }
  
  .hero-content {
    grid-template-columns: 1fr !important;
    padding: 40px 16px !important;
  }
  
  .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  
  .site-header, .header-inner {
    width: 100% !important;
    max-width: 100vw !important;
  }
  
  .header-inner {
    grid-template-columns: auto 1fr auto !important;
  }
  
  .header-nav {
    display: none !important;
  }
  
  .header-online {
    display: none !important;
  }
  
  .burger-btn {
    display: flex !important;
  }
  
  .mirrors-section, .bonuses-section, .reviews-section, .video-section {
    width: 100% !important;
    max-width: 100vw !important;
  }
  
  .bonuses-grid {
    display: block !important;
  }
  
  .bonus-card {
    display: none !important;
  }
  
  .bonus-card:first-child,
  .bonus-card.active {
    display: flex !important;
  }
  
  .slider-controls {
    display: flex !important;
  }
  
  .reviews-grid {
    grid-template-columns: 1fr !important;
  }
  
  .footer-grid {
    grid-template-columns: 1fr !important;
  }
  
  .hero-h1 {
    font-size: 1.8rem !important;
  }
  
  .hero-cta {
    flex-direction: column !important;
  }
  
  .hero-cta .btn {
    width: 100% !important;
  }
}

@media screen and (max-width: 480px) {
  .header-buttons .btn--light {
    display: none !important;
  }
  
  .hero-stats {
    grid-template-columns: 1fr 1fr !important;
  }
  
  .hero-stat:last-child {
    grid-column: 1 / -1 !important;
  }
}

@media screen and (max-width: 768px) {
  .hero-text {
    width: 100% !important;
    max-width: 100% !important;
  }
  
  .mirrors-table {
    min-width: 600px !important;
  }
  
  .table-wrap {
    width: 100% !important;
    overflow-x: auto !important;
  }
  
  .section-title, .section-subtitle {
    width: 100% !important;
  }
  
  .video-wrap {
    width: 100% !important;
    max-width: 100% !important;
  }
  
  .video-wrap iframe {
    width: 100% !important;
  }
  
  .slot-wrap, .review-wrap, .review-form-wrap {
    width: 100% !important;
    max-width: 100% !important;
  }
  
  .sticky-widget {
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    transform: none !important;
  }
  
  img {
    max-width: 100% !important;
  }
  
  table {
    width: 100% !important;
  }
}