/* ============================================================
       RESPONSIVE – TABLET (max-width: 1024px)
    ============================================================ */
    @media (max-width: 1024px) {
      /* Announcement */
      .announcement-bar__text { font-size: 11px; }

      /* Header */
      .header__top { padding: 0 24px; height: 80px; }
      .header__top-nav { display: none; }
      .header__hamburger { display: flex; }
      .header__mobile-nav { display: flex; }
      .header__search { width: 220px; }
      .header__logo img { height: 50px; }
      .category-nav { padding: 0 16px; height: 48px; }
      .category-nav__item a { font-size: 13px; padding: 4px 8px; }

      /* Hero */
      .hero { padding: 20px 24px 0; }
      .hero__image-wrap img { height: 380px; }

      /* Shop Category */
      .shop-category { padding: 32px 40px 48px; }
      .category-card { width: 200px; }
      .category-card__img-wrap { width: 200px; height: 200px; }
      .category-card__label { font-size: var(--fs-15); }

      /* New Arrivals */
      .new-arrivals { padding: var(--sp-40) 32px; gap: 40px; }
      .new-arrivals__grid { gap: 20px; flex-wrap: wrap; }
      .product-card { min-width: calc(50% - 10px); flex: unset; }
      .product-card__image-wrap { height: 300px; }

      /* Featured Collections */
      .featured-collections { padding: var(--sp-40) 32px; }
      .featured-collections__inner { max-width: 100%; }
      .featured-row { flex-wrap: wrap; gap: 20px; }
      .collection-card--tall { height: 300px; }
      .collection-card--short { height: 220px; }
      .collection-card__content { padding: 24px; }
      .collection-card__title { font-size: 28px; }
      .collection-card--short .collection-card__title { font-size: 20px; }

      /* Trending */
      .trending { padding: var(--sp-40) 32px; gap: 40px; }
      .trending__inner { max-width: 100%; }
      .trending__grid { flex-wrap: wrap; gap: 20px; }
      .trending__grid .product-card { min-width: calc(50% - 10px); flex: unset; }

      /* Shop Occasion */
      .shop-occasion { padding: var(--sp-40) 32px; }
      .shop-occasion__grid { flex-wrap: wrap; gap: 16px; max-width: 100%; }
      .occasion-card { min-width: calc(33.33% - 12px); flex: unset; height: 260px; }

      /* Bestsellers */
      .bestsellers { padding: 40px 0; }

      /* Footer */
      footer { padding: 60px 40px 40px; }
      .footer__top { flex-wrap: wrap; gap: 32px; }
      .footer__brand { width: 100%; }
      .footer__col { width: calc(50% - 16px); }
      .footer__bottom { flex-wrap: wrap; gap: 20px; justify-content: center; }

      /* Section headers */
      .section-header__title { font-size: 40px; }
    }

    /* ============================================================
       RESPONSIVE – MOBILE (max-width: 768px)
    ============================================================ */
    @media (max-width: 768px) {
      /* Announcement */
      .announcement-bar { padding: 8px 12px; }
      .announcement-bar__text { font-size: 10px; white-space: normal; }

      /* Header */
      .header__top { padding: 0 16px; height: 64px; }
      .header__search { display: none; }
      .header__logo img { height: 40px; }
      .category-nav { padding: 0 12px; height: 44px; justify-content: flex-start; }
      .category-nav__item a { font-size: 12px; padding: 4px 6px; }

      /* Hero */
      .hero { padding: 16px 16px 0; }
      .hero__image-wrap img { height: 220px; }

      /* Shop Category */
      .shop-category { padding: 24px 16px 40px; }
      .shop-category__grid { gap: 20px 24px; }
      .category-card { width: 140px; }
      .category-card__img-wrap { width: 140px; height: 140px; }
      .category-card__label { font-size: var(--fs-14); }

      /* Section headers */
      .section-header__title { font-size: 32px; }

      /* New Arrivals */
      .new-arrivals { padding: 32px 16px; gap: 32px; }
      .new-arrivals__grid { flex-direction: column; gap: 16px; }
      .product-card { min-width: unset; flex: unset; width: 100%; }
      .product-card__image-wrap { height: 280px; }

      /* Featured Collections */
      .featured-collections { padding: 32px 16px; }
      .featured-row { flex-direction: column; gap: 16px; }
      .collection-card--tall { height: 240px; }
      .collection-card--short { height: 180px; }
      .collection-card__content { padding: 20px; }
      .collection-card__title { font-size: 24px; }
      .collection-card--short .collection-card__title { font-size: 18px; }

      /* Trending */
      .trending { padding: 32px 16px; gap: 32px; }
      .trending__grid { flex-direction: column; gap: 16px; }
      .trending__grid .product-card { min-width: unset; flex: unset; width: 100%; }

      /* Shop Occasion */
      .shop-occasion { padding: 32px 16px; }
      .shop-occasion__grid { flex-wrap: wrap; gap: 12px; }
      .occasion-card { min-width: calc(50% - 6px); flex: unset; height: 200px; padding: 16px; }
      .occasion-card__title { font-size: 20px; }

      /* Bestsellers */
      .bestsellers { padding: 32px 0; }

      /* Footer */
      footer { padding: 48px 20px 32px; }
      .footer__top { flex-direction: column; gap: 32px; }
      .footer__brand { width: 100%; }
      .footer__col { width: 100%; }
      .footer__bottom { flex-direction: column; align-items: flex-start; gap: 16px; }
      .footer__legal { flex-wrap: wrap; gap: 12px; }
      .footer__payments { flex-wrap: wrap; gap: 8px; }
    }

@media (resolution: 1.25dppx) {

}