/* ==========================================================================
   HypeWave Pets — Responsive Styles
   ========================================================================== */

/* ---- Tablet (768px - 1024px) ---- */
@media (max-width: 1024px) {
    :root {
        --hw-fs-5xl: 2.5rem;
        --hw-fs-4xl: 2rem;
        --hw-fs-3xl: 1.5rem;
    }

    .hw-hero {
        min-height: 70vh;
    }

    .hw-hero h1 {
        font-size: 2.5rem;
    }

    .hw-benefits-grid,
    .hw-categories-grid,
    .hw-products-grid,
    .hw-guarantees-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .hw-reviews-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .hw-hero-stats {
        gap: var(--hw-space-xl);
    }

    .hw-trust-strip {
        gap: var(--hw-space-lg);
        flex-wrap: wrap;
    }
}

/* ---- Mobile Large (481px - 767px) ---- */
@media (max-width: 767px) {
    .hw-hero {
        min-height: auto;
        padding: var(--hw-space-3xl) 0;
    }

    .hw-hero-bg {
        display: none;
    }

    .hw-hero-overlay {
        background: none;
    }

    .hw-hero h1 {
        font-size: 2rem;
    }

    .hw-hero-subtitle {
        font-size: var(--hw-fs-base);
    }

    .hw-hero-buttons {
        flex-direction: column;
    }

    .hw-hero-buttons .hw-btn {
        width: 100%;
        justify-content: center;
    }

    .hw-hero-stats {
        flex-direction: column;
        gap: var(--hw-space-md);
    }

    .hw-benefits-grid,
    .hw-categories-grid,
    .hw-products-grid,
    .hw-guarantees-grid {
        grid-template-columns: 1fr 1fr;
        gap: var(--hw-space-md);
    }

    .hw-reviews-grid {
        grid-template-columns: 1fr;
    }

    .hw-section {
        padding: var(--hw-space-3xl) 0;
    }

    .hw-section-title h2 {
        font-size: var(--hw-fs-2xl);
    }

    .hw-trust-strip {
        gap: var(--hw-space-md);
        padding: var(--hw-space-md);
    }

    .hw-trust-item {
        font-size: var(--hw-fs-xs);
    }

    .hw-newsletter-form {
        flex-direction: column;
    }

    .hw-newsletter-form input[type="email"],
    .hw-newsletter-form button {
        width: 100%;
    }

    /* Sticky Cart Mobile */
    .hw-sticky-cart-inner {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .hw-sticky-cart-info {
        display: none;
    }

    .hw-sticky-cart-price {
        font-size: var(--hw-fs-base);
    }

    .hw-sticky-cart-btn {
        flex: 1;
        text-align: center;
    }

    /* Social Proof Mobile */
    .hw-social-proof {
        left: 10px;
        right: 10px;
        max-width: none;
        bottom: 10px;
    }

    /* Checkout Mobile */
    .hw-checkout-trust .hw-trust-badges {
        flex-direction: column;
        gap: var(--hw-space-md);
    }

    .hw-express-buttons {
        flex-direction: column;
    }
}

/* ---- Mobile Small (320px - 480px) ---- */
@media (max-width: 480px) {
    :root {
        --hw-space-xl: 1.25rem;
        --hw-space-2xl: 2rem;
        --hw-space-3xl: 2.5rem;
        --hw-space-4xl: 3rem;
    }

    .hw-hero h1 {
        font-size: 1.75rem;
    }

    .hw-benefits-grid,
    .hw-categories-grid,
    .hw-products-grid,
    .hw-guarantees-grid {
        grid-template-columns: 1fr;
    }

    .hw-benefit-card,
    .hw-guarantee-card {
        padding: var(--hw-space-lg);
    }

    .hw-product-card-body {
        padding: var(--hw-space-md);
    }

    h1 { font-size: var(--hw-fs-3xl); }
    h2 { font-size: var(--hw-fs-2xl); }
    h3 { font-size: var(--hw-fs-xl); }

    .hw-countdown {
        flex-direction: column;
        text-align: center;
    }

    .hw-faq-question {
        font-size: var(--hw-fs-sm);
        padding: var(--hw-space-md);
    }

    /* WooCommerce Mobile */
    .woocommerce div.product .product_title {
        font-size: var(--hw-fs-2xl);
    }

    .woocommerce div.product p.price {
        font-size: var(--hw-fs-xl);
    }

    .woocommerce div.product form.cart .button {
        font-size: var(--hw-fs-base) !important;
        padding: 14px !important;
    }

    .hw-buy-now-btn {
        font-size: var(--hw-fs-base) !important;
        padding: 14px !important;
    }
}

/* ---- Print Styles ---- */
@media print {
    .hw-announcement-bar,
    .hw-shipping-bar,
    .hw-sticky-cart,
    .hw-social-proof {
        display: none !important;
    }
}