/* =========================================================
   ELITECORP THEME — RESPONSIVE & MOBILE OVERRIDES
   Pixel-perfect mobile adaptation across all breakpoints
   ========================================================= */

/* ─── TABLET & LAPTOP ADJUSTMENTS (<= 1024px) ─── */
@media (max-width: 1024px) {
    /* Header */
    .elitecorp-nav-bar {
        display: none !important;
    }
    .elitecorp-header-search {
        display: none !important;
    }
    .elitecorp-hamburger {
        display: flex !important;
    }
    .mobile-search-trigger {
        display: flex !important;
    }
    .elitecorp-hotline-badge .hotline-details {
        display: none !important;
    }
    .elitecorp-hotline-badge {
        padding: 8px !important;
        border-radius: 50% !important;
        width: 40px !important;
        height: 40px !important;
        justify-content: center !important;
    }
    .cart-pill-text {
        display: none !important;
    }
    .elitecorp-cart-pill-btn {
        padding: 8px !important;
        border-radius: 50% !important;
        width: 40px !important;
        height: 40px !important;
        justify-content: center !important;
    }

    /* Hero Section */
    .hero-grid {
        grid-template-columns: 1fr !important;
        gap: 36px !important;
        text-align: center !important;
    }
    .hero-content {
        margin: 0 auto !important;
        max-width: 600px !important;
    }
    .hero-features-list {
        align-items: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 460px !important;
    }
    .hero-features-list li {
        justify-content: center !important;
    }
    .hero-cta-group {
        justify-content: center !important;
    }
    .hero-trust-stats {
        justify-content: center !important;
    }
    .hero-visual {
        max-width: 380px !important;
        margin: 0 auto !important;
    }
    .hero-main-img {
        max-height: 320px !important;
        object-fit: contain !important;
    }

    /* Trust Bar Grid */
    .trust-bar-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 14px !important;
    }

    /* Footer */
    .elitecorp-footer-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 32px !important;
    }
    .vip-strip-inner {
        flex-direction: column !important;
        text-align: center !important;
        gap: 16px !important;
    }
    .vip-strip-form {
        max-width: 100% !important;
        width: 100% !important;
    }
}

/* ─── MOBILE PHONES & SMALL SCREENS (<= 768px & 500px) ─── */
@media (max-width: 768px) {
    html, body {
        overflow-x: hidden !important;
        max-width: 100vw !important;
        width: 100% !important;
    }

    body {
        padding-bottom: 74px !important; /* Space for mobile sticky bottom bar */
    }

    .elitecorp-container {
        padding-left: 12px !important;
        padding-right: 12px !important;
        box-sizing: border-box !important;
        max-width: 100% !important;
    }

    /* Top Announcement Bar */
    .announcement-inner {
        font-size: 0.74rem !important;
        padding: 4px 8px !important;
        flex-direction: column !important;
        gap: 4px !important;
        text-align: center !important;
    }
    .announcement-right {
        display: none !important;
    }

    /* Site Header */
    .elitecorp-site-header {
        position: sticky !important;
        top: 0 !important;
        z-index: 1000 !important;
        background: #ffffff !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;
    }
    .header-main-row {
        height: 56px !important;
        gap: 8px !important;
    }
    .custom-logo,
    .custom-logo-link img,
    .elitecorp-logo img,
    .elitecorp-logo-img {
        max-height: 36px !important;
        max-width: 130px !important;
        width: auto !important;
        height: auto !important;
    }
    .logo-title {
        font-size: 1.1rem !important;
    }
    .logo-sub {
        font-size: 0.65rem !important;
    }
    .elitecorp-header-actions {
        gap: 6px !important;
    }
    .elitecorp-action-btn,
    .elitecorp-hotline-badge,
    .elitecorp-cart-pill-btn,
    .elitecorp-hamburger {
        width: 36px !important;
        height: 36px !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .elitecorp-hamburger {
        padding: 8px 7px !important;
    }
    .cart-pill-count {
        top: -4px !important;
        right: -4px !important;
        min-width: 16px !important;
        height: 16px !important;
        font-size: 0.62rem !important;
    }

    /* Hero Section */
    .elitecorp-hero-section {
        padding: 28px 0 36px !important;
    }
    .hero-badge {
        font-size: 0.76rem !important;
        padding: 4px 10px !important;
        margin-bottom: 12px !important;
    }
    .hero-title {
        font-size: 1.65rem !important;
        line-height: 1.25 !important;
        margin-bottom: 12px !important;
    }
    .hero-subtitle {
        font-size: 0.88rem !important;
        line-height: 1.55 !important;
        margin-bottom: 18px !important;
    }
    .hero-features-list {
        gap: 6px !important;
        margin-bottom: 22px !important;
    }
    .hero-features-list li {
        font-size: 0.82rem !important;
    }
    .hero-cta-group {
        flex-direction: column !important;
        width: 100% !important;
        gap: 10px !important;
        margin-bottom: 24px !important;
    }
    .hero-cta-group .elitecorp-btn {
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 12px !important;
        font-size: 0.9rem !important;
    }
    .hero-trust-stats {
        gap: 12px !important;
        padding-top: 14px !important;
    }
    .stat-number {
        font-size: 1.15rem !important;
    }
    .stat-label {
        font-size: 0.7rem !important;
    }
    .hero-visual {
        max-width: 290px !important;
    }
    .hero-card-showcase {
        max-width: 100% !important;
    }
    .hero-image-wrap {
        padding: 14px !important;
    }
    .hero-main-img {
        max-height: 240px !important;
    }
    .floating-badge {
        padding: 6px 10px !important;
        font-size: 0.72rem !important;
    }
    .badge-top-left {
        top: 8px !important;
        left: -8px !important;
    }
    .badge-bottom-right {
        bottom: 8px !important;
        right: -8px !important;
    }
    .float-icon {
        font-size: 1rem !important;
    }
    .float-text strong {
        font-size: 0.75rem !important;
    }
    .float-text span {
        font-size: 0.65rem !important;
    }

    /* Trust Bar Grid */
    .elitecorp-trust-bar-section {
        padding: 20px 0 !important;
    }
    .trust-bar-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
    }
    .trust-card {
        padding: 10px 8px !important;
        gap: 8px !important;
    }
    .trust-card-icon svg {
        width: 22px !important;
        height: 22px !important;
    }
    .trust-card-info h4 {
        font-size: 0.82rem !important;
        margin-bottom: 2px !important;
    }
    .trust-card-info p {
        font-size: 0.7rem !important;
        line-height: 1.3 !important;
    }

    /* ─── PRESERVED EXACT PRODUCT CARDS (STRICT 2-COL MOBILE GRID) ─── */
    .elitecorp-product-grid,
    .woocommerce ul.products,
    .woocommerce-page ul.products,
    ul.products {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
        margin: 0 0 24px 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }
    .elitecorp-product-card,
    .modern-card,
    .woocommerce ul.products li.product {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        border-radius: 12px !important;
    }
    .card-thumb-wrap,
    .product-card-image-wrap {
        aspect-ratio: 1 / 1 !important;
    }
    .card-content,
    .product-card-body {
        padding: 8px 6px !important;
    }
    .card-product-title,
    .product-card-title {
        font-size: 0.82rem !important;
        line-height: 1.3 !important;
        min-height: 2.3em !important;
    }
    .card-price-current,
    .card-price-current {
        font-size: 0.98rem !important;
    }
    .card-price-old,
    .card-price-regular {
        font-size: 0.72rem !important;
    }
    .card-btn-order {
        height: 34px !important;
        font-size: 0.8rem !important;
        border-radius: 8px !important;
    }

    /* Section Headings */
    .elitecorp-section {
        padding: 34px 0 !important;
    }
    .section-title {
        font-size: 1.4rem !important;
    }
    .section-subtitle {
        font-size: 0.85rem !important;
    }

    /* Brand Heritage / Story Grid */
    .story-grid {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
        text-align: center !important;
    }
    .story-features {
        align-items: center !important;
    }
    .story-stats-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }

    /* Testimonials / Reviews */
    .reviews-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    /* Footer */
    .elitecorp-footer-grid {
        grid-template-columns: 1fr !important;
        gap: 26px !important;
    }
    .elitecorp-copyright-inner {
        flex-direction: column !important;
        text-align: center !important;
        gap: 12px !important;
    }
    .elitecorp-payment-badges {
        justify-content: center !important;
    }

    /* Single Product Layout & Express Form */
    .single-product-layout,
    .single-product-layout-new {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    .express-checkout-card,
    .order-form-container-new {
        padding: 16px 12px !important;
    }
    .order-form-layout-new {
        grid-template-columns: 1fr !important;
    }
    .universal-quantity-stepper {
        justify-content: center !important;
    }
    .order-submit-btn-new {
        font-size: 1.05rem !important;
        height: 48px !important;
    }

    /* Mobile Sticky Bottom Bar */
    .elitecorp-mobile-bottom-bar {
        display: flex !important;
    }

    /* Floating WhatsApp Button */
    .elitecorp-whatsapp-float {
        bottom: 80px !important;
        right: 12px !important;
        width: 46px !important;
        height: 46px !important;
    }
}

/* ─── ULTRA SMALL SCREENS (<= 400px) ─── */
@media (max-width: 400px) {
    .elitecorp-container {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .hero-title {
        font-size: 1.45rem !important;
    }
    .trust-bar-grid {
        gap: 6px !important;
    }
    .trust-card {
        padding: 8px 6px !important;
    }
    .elitecorp-product-grid,
    .woocommerce ul.products {
        gap: 6px !important;
    }
}