/**
 * SectionWP Responsive Styles
 *
 * @package Sectionwp
 * @version 2.0
 */

/* ══════════════════════════════════════════════════
   Large Screens (max-width: 1400px)
   ══════════════════════════════════════════════════ */
@media (max-width: 1400px) {
    .intro-title h1 { font-size: 50px; }
    .intro-title p { font-size: 28px; }
    .intro-section { padding: 60px 20px 180px; }

    .product-card.featured { min-width: 600px; }
    .product-card.featured h3 { font-size: 28px; }
    .product-card.featured .product-info { width: 260px; }

    .boxed-banner { padding: 50px 80px; border-radius: 50px; }
    .boxed-banner h2 { font-size: 50px; }
}

/* ══════════════════════════════════════════════════
   Medium Screens (max-width: 1024px)
   ══════════════════════════════════════════════════ */
@media (max-width: 1024px) {
    .intro-title h1 { font-size: 40px; margin-bottom: 25px; }
    .intro-title p { font-size: 22px; margin-bottom: 40px; }
    .intro-section { padding: 50px 20px 120px; }

    .product-card { min-width: 280px; max-width: inherit; }
    .product-card.featured { min-width: inherit; }
    .product-card.featured > a { flex-direction: column; }
    .product-card.featured .product-thumbnail {
        position: relative;
        max-width: 100%;
        border-radius: var(--miniradius);
        height: 200px;
    }
    .product-card.featured .product-thumbnail::after { display: none; }
    .product-card.featured .product-info { width: 100%; }

    .section-title h2 { font-size: 32px; }
    .section-title.centered h2 { font-size: 38px; }

    .counter-card .counter-value { font-size: 32px; }
    .counter-card .counter-label { font-size: 18px; }

    .boxed-banner { padding: 40px 50px; border-radius: 30px; }
    .boxed-banner h2 { font-size: 36px; margin-bottom: 20px; }

    .newsletter-form { flex-direction: column; }
    .newsletter-form button { width: 100%; }

    .product-page-hero h1 { font-size: 32px; }
    .product-page-hero .price-now { font-size: 42px; }
    .product-page-hero .price-was { font-size: 22px; }

    .single-post-banner { border-radius: var(--miniradius); }

    .search-header h1 { font-size: 32px; }
}

/* ══════════════════════════════════════════════════
   Small Screens (max-width: 768px)
   ══════════════════════════════════════════════════ */
@media (max-width: 768px) {
    :root { --fsize: 16px; --miniradius: 12px; --largeradius: 20px; }

    body { font-size: 16px; }

    header { padding: 20px 0; }
    header .logo { max-width: 160px; }

    .intro-title h1 { font-size: 32px; margin-bottom: 20px; }
    .intro-title p { font-size: 18px; max-width: 100%; margin-bottom: 30px; }
    .intro-section { padding: 40px 15px 80px; }

    .section-title h2 { font-size: 26px; }
    .section-title.centered h2 { font-size: 30px; }
    .section-title.centered p { font-size: 16px; }

    /* Products */
    .product-card { min-width: inherit; margin: 8px; padding: 18px; }
    .product-card h3 { font-size: 20px; }

    /* Blog */
    .blog-card h3 { font-size: 17px; }
    .blog-card .blog-excerpt { font-size: 14px; }
    .blog-card .blog-bar { padding: 10px 15px; }

    /* Counter */
    .counter-card { padding: 20px; margin: 8px; }
    .counter-card .counter-icon { font-size: 36px; height: 40px; }
    .counter-card .counter-value { font-size: 28px; }
    .counter-card .counter-label { font-size: 14px; }

    /* Banner */
    .boxed-banner { padding: 30px; border-radius: 20px; }
    .boxed-banner h2 { font-size: 28px; }
    .boxed-banner p { font-size: 14px; }

    /* Widget spacing */
    .widget { margin-bottom: 80px; }

    /* Single Post */
    .post-content h2 { font-size: 24px; }
    .post-content h3 { font-size: 20px; }
    .post-content { font-size: 16px; line-height: 1.7; }

    .post-meta-bar { flex-direction: column; gap: 12px; }

    .share-buttons a { width: 32px; height: 32px; font-size: 14px; }

    /* Product Page */
    .product-page-hero h1 { font-size: 26px; }
    .product-page-hero .price-now { font-size: 36px; }
    .add-to-cart-lg { padding: 14px 30px; font-size: 16px; }

    .product-tabs .tab-btn { padding: 10px 16px; font-size: 14px; }

    /* Search */
    .search-header { padding: 50px 0 40px; }
    .search-header h1 { font-size: 26px; }
    .search-header .search-form { flex-direction: column; }

    /* 404 */
    .error-404 h1 { font-size: 120px; }
    .error-404 p { font-size: 18px; }

    /* Footer */
    footer .footer-container { flex-direction: column; gap: 30px; }

    /* Pagination */
    .pagination .page-numbers { min-width: 36px; height: 36px; font-size: 14px; }

    /* Sticky header */
    .sticky-header { padding: 15px 0; }

    /* Offers Bar */
    .offers-bar .offer-card { padding: 15px; }
}

/* ══════════════════════════════════════════════════
   Very Small Screens (max-width: 480px)
   ══════════════════════════════════════════════════ */
@media (max-width: 480px) {
    .intro-title h1 { font-size: 26px; }
    .intro-title p { font-size: 16px; margin-bottom: 20px; }

    .section-title h2 { font-size: 22px; }

    .product-card { padding: 15px; }
    .product-card h3 { font-size: 18px; }
    .product-card .product-thumbnail { height: 140px; }
    .product-card .product-icon { width: 50px; height: 50px; margin-top: -30px; }

    .product-price .price-now { font-size: 22px; }

    .blog-card h3 { font-size: 16px; }

    .boxed-banner { padding: 25px; border-radius: 15px; }
    .boxed-banner h2 { font-size: 22px; }

    .error-404 h1 { font-size: 80px; }

    .contact-floating .help-btn { padding: 10px 18px; font-size: 13px; }
}