/* WUShop Global UI (header, footer, topbar, utility) */

/* ===== MOBILE RESPONSIVE (header/footer) ===== */
@media (max-width: 900px) {
  .wu-container, .wu-hero { padding-left: 20px; padding-right: 20px; }
  .wu-hero { padding: 0 20px; }
  .wu-header__inner { padding: 12px 20px; }

  /* Hero */
  .wu-hero__banner {
    flex-direction: column;
    padding: 32px 28px;
    gap: 28px;
  }
  .wu-hero__text h1 { font-size: 28px; }
  .wu-hero__comparison { display: none; }

  /* Products */
  .wu-products-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }

  /* Articles & News */
  .wu-articles-grid, .wu-news-grid { grid-template-columns: 1fr; gap: 16px; }

  /* Trust */
  .wu-trust-inner {
    flex-wrap: wrap;
    padding: 24px;
    gap: 20px;
  }
  .wu-trust-item { flex: 1 1 40%; min-width: 140px; }

  /* Footer */
  .wu-footer__grid {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 0 20px;
  }
  .wu-footer__bottom { padding: 16px 20px 0; flex-direction: column; gap: 8px; text-align: center; }
}

@media (max-width: 640px) {
  .wu-container { padding-left: 16px; padding-right: 16px; }
  .wu-hero { padding: 0 16px; margin: 16px auto; }
  .wu-header__inner { padding: 10px 16px; gap: 12px; }

  /* Top bar */
  .wu-top-bar { font-size: 11px; padding: 8px 16px; line-height: 1.5; }
  .wu-top-bar__dot { margin: 0 6px; }

  /* Header mobile */
  .wu-search-bar { display: none; }
  .wu-search-bar.wu-search-bar--open { display: block; position: absolute; left: 16px; right: 16px; top: 60px; z-index: 101; }
  .wu-catalog-btn span { display: none; }
  .wu-catalog-btn { padding: 10px 12px; }
  .wu-mobile-toggle { display: flex; }

  /* Hero */
  .wu-hero__banner { padding: 24px 20px; border-radius: 16px; }
  .wu-hero__text h1 { font-size: 24px; }
  .wu-hero__text p { font-size: 14px; margin-bottom: 20px; }
  .wu-hero__cta { padding: 12px 24px; font-size: 14px; width: 100%; justify-content: center; }

  .wu-section-title { font-size: 22px; margin-bottom: 16px; }

  /* Products horizontal scroll mobile */
  .wu-products-grid {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 12px;
    padding-bottom: 12px;
    -webkit-overflow-scrolling: touch;
  }
  .wu-products-grid::-webkit-scrollbar { display: none; }
  .wu-product-card {
    flex-shrink: 0;
    width: 78vw;
    max-width: 300px;
    scroll-snap-align: start;
  }

  /* Articles horizontal scroll */
  .wu-articles-grid {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 12px;
    padding-bottom: 8px;
    -webkit-overflow-scrolling: touch;
  }
  .wu-articles-grid::-webkit-scrollbar { display: none; }
  .wu-article-card {
    flex-shrink: 0;
    width: 82vw;
    max-width: 340px;
    scroll-snap-align: start;
  }

  /* News horizontal scroll */
  .wu-news-grid {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 12px;
    padding-bottom: 8px;
    -webkit-overflow-scrolling: touch;
  }
  .wu-news-grid::-webkit-scrollbar { display: none; }
  .wu-news-card {
    flex-shrink: 0;
    width: 82vw;
    max-width: 340px;
    scroll-snap-align: start;
  }

  /* Trust 2x2 */
  .wu-trust-bar { padding: 32px 0; }
  .wu-trust-inner { padding: 20px; gap: 16px; }
  .wu-trust-item { flex: 1 1 42%; }
  .wu-trust-title { font-size: 13px; }
  .wu-trust-desc { font-size: 11px; }

  /* SEO */
  .wu-seo-text { padding: 20px; font-size: 13px; }
}