/* =========================================
   HopQua Theme - Responsive CSS
   ========================================= */

/* ===== LARGE DESKTOP (1440px+) ===== */
@media (min-width: 1440px) {
    :root { --container: 1380px; }
}

/* ===== DESKTOP (1024px - 1239px) ===== */
@media (max-width: 1239px) {
    .header-hotline .action-text strong { font-size: 12px; }
}

/* ===== TABLET (768px - 1023px) ===== */
@media (max-width: 1023px) {
    .header-actions .header-hotline { display: none; }
    .action-text { display: none !important; }
    .hero-grid { grid-template-columns: 1fr; gap: 0; padding: 0; }
    .hero-side { display: none; }
    .hero-slider { border-radius: 0; min-height: 220px; }
    .banner-strip-grid { grid-template-columns: 1fr 1fr; }
    .woocommerce .products { grid-template-columns: repeat(3, 1fr) !important; }
    .footer-grid { grid-template-columns: 1fr 1fr; }
    .trust-inner { grid-template-columns: 1fr; }
    .trust-inner > div:last-child { display: none; }
}

/* ===== TABLET SMALL (600px - 767px) ===== */
@media (max-width: 767px) {
    :root { --header-height: 56px; }

    .top-bar { display: none !important; }
    .mobile-menu-toggle { display: flex; }
    .mobile-drawer { display: block; }

    .header-inner { gap: 10px; }
    .logo-box { width: 34px; height: 34px; font-size: 18px; }
    .logo-text strong { font-size: 15px; }
    .logo-text small { display: none; }

    .search-input { font-size: 13px; padding: 8px 12px; }

    .main-nav { display: none; }

    .hero-slider { min-height: 180px; }
    .hero-slide-content { padding: 20px; }
    .hero-slide-content h2 { font-size: 20px; }
    .hero-slide-content p { font-size: 12px; margin-bottom: 14px; }
    .hero-cta { padding: 9px 20px; font-size: 13px; }
    .hero-badge { font-size: 11px; margin-bottom: 8px; }

    .cat-icons-section { padding: 14px 0 10px; }
    .cat-icon-thumb { width: 50px; height: 50px; }
    .cat-emoji { font-size: 22px; }
    .cat-icon-label { font-size: 10px; }
    .cat-icon-item { min-width: 62px; }

    .section-title { font-size: 16px; }
    .featured-section,.sale-section,.new-products-section,.flash-sale-section { padding: 16px 0 20px; margin-bottom: 6px; }

    .product-card { min-width: 140px; max-width: 140px; }
    .price-current { font-size: 13px; }
    .product-name { font-size: 12px; }
    .add-to-cart-btn { font-size: 11px; padding: 5px 8px; }

    .banner-strip-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .banner-card-body h4 { font-size: 13px; }
    .banner-card { min-height: 80px; }

    .services-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
    .service-card { padding: 16px 12px; }
    .service-icon { width: 48px; height: 48px; }
    .service-card h3 { font-size: 13px; }
    .service-card p { font-size: 11px; }

    .blog-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
    .blog-card h3 { font-size: 12px; }

    .trust-section { padding: 28px 0; }
    .trust-stats { gap: 16px; }
    .trust-stat strong { font-size: 22px; }

    .footer-grid { grid-template-columns: 1fr 1fr; gap: 20px 20px; }
    .footer-desc { font-size: 12px; }
    .footer-main { padding: 28px 0 20px; }
    .footer-adv-grid { grid-template-columns: 1fr 1fr; }

    .woocommerce .products { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }

    .shop-layout { gap: 14px; }
    .shop-sidebar-wrap { display: none; }

    .countdown-inline { display: none; }
}

/* ===== MOBILE (max 479px) ===== */
@media (max-width: 479px) {
    .container { padding: 0 12px; }

    .logo-text { display: none; }
    .logo-box { width: 36px; height: 36px; border-radius: 8px; }

    .search-input { font-size: 12.5px; padding: 7px 10px; }
    .search-btn svg { width: 16px; height: 16px; }

    .hero-slider { min-height: 160px; }
    .hero-slide-content h2 { font-size: 17px; }
    .hero-slide-content p { display: none; }

    .announcement-bar { padding: 5px 0; }
    .marquee-item { font-size: 12px; }

    .cat-icon-item { min-width: 56px; }
    .cat-icon-thumb { width: 44px; height: 44px; }
    .cat-emoji { font-size: 20px; }

    .product-card { min-width: 130px; max-width: 130px; }
    .product-info { padding: 8px 8px 10px; }
    .product-name { font-size: 11.5px; }
    .price-current { font-size: 12.5px; }

    .banner-strip-grid { grid-template-columns: 1fr; }
    .banner-card { min-height: 80px; }

    .services-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .service-card { padding: 14px 10px; }
    .service-icon { width: 42px; height: 42px; }
    .service-card h3 { font-size: 12px; }

    .blog-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .blog-card-body { padding: 10px; }
    .blog-card h3 { font-size: 11.5px; }

    .footer-grid { grid-template-columns: 1fr; }
    .footer-adv-grid { grid-template-columns: 1fr 1fr; gap: 12px; }

    .section-link { padding: 4px 10px; font-size: 11px; }

    .woocommerce .products { gap: 8px !important; }
    .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 12px !important; }
    .woocommerce ul.products li.product .price { font-size: 13px !important; }
}

/* ===== PRINT ===== */
@media print {
    .site-header,.main-nav,.mobile-bottom-nav,.floating-buttons,.fab-wrap,
    .top-bar,.announcement-bar,.hero-section { display: none !important; }
}