/* ===== Responsive ===== */

/* -- XL Screens -- */
@media(max-width:1199px) {
    h1 { font-size:2.2rem; }
    h2 { font-size:1.8rem; }
    .hero-content h1 { font-size:3.5rem; }
}

/* -- Tablets & Small Laptops -- */
@media(max-width:991px) {
    .navbar-collapse { 
        background: var(--white); 
        padding: 15px; 
        border-radius: var(--radius); 
        margin-top: 15px; 
        box-shadow: 0 10px 40px rgba(0,0,0,0.1); 
        border: 1px solid rgba(196,149,106,0.15);
    }
    .navbar-nav { gap: 5px; }
    .navbar-nav .nav-link { 
        padding: 12px 18px !important; 
        border-radius: 8px;
        display: block;
    }
    .navbar-nav .nav-link::after { display: none; }
    .navbar-nav .nav-link:hover, .navbar-nav .nav-link.active {
        background: rgba(196,149,106,0.08);
        color: var(--primary-dark);
    }
    .btn-cta { width: 100%; justify-content: center; margin-top: 15px; }
    .hero-section { background-position: 70% center; }
    .hero-content h1 { font-size:3rem; }
    .hero-content p { font-size:1.15rem; }
    .map-info-strip { flex-direction:column; align-items:center; }

    /* Dealer - Why Strip */
    .dealer-why-strip { flex-wrap:wrap; gap:20px; padding:30px 20px; }
    .dealer-why-item { flex: 0 0 calc(33.333% - 20px); }

    /* Dealer - Target Strip */
    .target-strip { flex-wrap:wrap; justify-content:center; }
    .target-item { flex: 0 0 calc(33.333% - 15px); }

    /* Dealer - Benefits Strip */
    .benefits-strip { flex-wrap:wrap; justify-content:center; gap:15px; }
    .benefit-strip-item { flex: 0 0 calc(33.333% - 12px); }

    /* Products - Group Cards */
    .product-group-body { width:60%; }
    .product-group-bg::after { width:70%; }
}

/* -- Mobile Landscape & Portrait -- */
@media(max-width:767px) {
    h1 { font-size:1.8rem; }
    h2 { font-size:1.5rem; }
    h3 { font-size:1.2rem; }
    .section-padding { padding:50px 0; }
    .section-title { margin-bottom:30px; }

    /* Hero */
    .hero-section { min-height:100vh; background-position: 75% center; }
    .hero-content { padding:60px 15px 30px; }
    .hero-content .section-subtitle { font-size:1rem; }
    .hero-content h1 { font-size:2.4rem; }
    .hero-content p { font-size:1.05rem; }
    .page-hero .hero-content h1 { font-size:2rem; }

    /* Navbar Logo */
    .logo-img { height:45px; }

    /* CTA Banner */
    .cta-banner { padding:40px 0; }
    .cta-banner h2 { font-size:1.3rem; }

    /* Footer */
    .footer-main { text-align:center; }
    .footer-title::after { left:50%; transform:translateX(-50%); }
    .footer-social { justify-content:center; }
    .footer-contact li { justify-content:center; }

    /* Stats */
    .stat-item { flex-direction:column; }
    .stat-info { text-align:center; }

    /* Products Page - Group Cards */
    .product-group-card { min-height:200px; }
    .product-group-body { width:65%; padding:15px; }
    .product-group-num { font-size:1.5rem; }
    .product-group-body h3 { font-size:1rem; }
    .product-group-body p { font-size:0.78rem; margin-bottom:12px; }
    .product-group-bg::after { width:75%; }
    .btn-detail { font-size:0.78rem; padding:6px 14px; }

    /* Dealer - Why Strip */
    .dealer-why-strip { flex-wrap:wrap; padding:0; gap:15px; }
    .dealer-why-item { flex: 0 0 calc(50% - 10px); }
    .dealer-why-icon { width:50px; height:50px; font-size:1.2rem; }

    /* Dealer - Target Strip */
    .target-strip { flex-wrap:wrap; gap:15px; justify-content:center; }
    .target-item { flex: 0 0 calc(50% - 10px); }
    .target-img-wrap img { height:130px; }

    /* Dealer - Benefits Strip */
    .benefits-strip { flex-wrap:wrap; gap:12px; justify-content:center; }
    .benefit-strip-item { flex: 0 0 calc(50% - 10px); }

    /* Dealer - CTA Card */
    .dealer-cta-card { padding:25px 20px; }
    .dealer-cta-card h3 { font-size:1.1rem; }
    .btn-cta-dealer { width:100%; justify-content:center; }

    /* Dealer Hero Benefits */
    .dealer-benefits { flex-direction:column; gap:8px; }
}

/* -- Small Phones -- */
@media(max-width:480px) {
    h2 { font-size:1.3rem; }
    .hero-content h1 { font-size:2rem; }
    .hero-content p { font-size:0.95rem; }
    .btn-primary-custom { padding:12px 28px; font-size:1rem; }

    /* Navbar */
    .logo-img { height:38px; }
    .btn-cta { padding:8px 18px; font-size:0.8rem; }

    /* Product Category Cards (index) */
    .product-cat-card { height:180px; }
    .product-cat-overlay h4 { font-size:1rem; }
    .product-cat-overlay span { font-size:0.7rem; }

    /* Products Page - Group Cards */
    .product-group-card { min-height:180px; }
    .product-group-body { width:70%; padding:12px; }
    .product-group-num { font-size:1.3rem; }
    .product-group-body h3 { font-size:0.9rem; }
    .product-group-body p { font-size:0.75rem; display:none; }
    .btn-detail { font-size:0.75rem; padding:5px 12px; }

    /* Dealer - Why Strip */
    .dealer-why-item { flex: 0 0 calc(50% - 10px); }
    .dealer-why-icon { width:45px; height:45px; font-size:1.1rem; margin-bottom:10px; }
    .dealer-why-item h5 { font-size:0.8rem; }
    .dealer-why-item p { font-size:0.72rem; }

    /* Dealer - Target Strip */
    .target-item { flex: 0 0 calc(50% - 10px); }
    .target-img-wrap img { height:110px; }
    .target-icon { width:30px; height:30px; font-size:0.7rem; bottom:-13px; }
    .target-item h5 { font-size:0.8rem; }
    .target-item p { font-size:0.72rem; }

    /* Dealer - Benefits */
    .benefit-strip-item { flex: 0 0 calc(50% - 8px); }
    .benefit-strip-item h5 { font-size:0.78rem; }
    .benefit-strip-item p { font-size:0.7rem; }

    /* Dealer - CTA Card */
    .dealer-cta-card { padding:20px 18px; border-radius:12px; }
    .cta-card-header > i { font-size:1.4rem; }
    .dealer-cta-card ul li { font-size:0.85rem; }
    .cta-check { width:20px; height:20px; }
    .cta-check i { font-size:0.55rem; }

    /* CTA Banner */
    .cta-banner h2 { font-size:1.15rem; }
    .cta-banner p { font-size:0.9rem; }
    .btn-white { padding:10px 22px; font-size:0.85rem; }
    .btn-outline-white { padding:8px 20px; font-size:0.85rem; }

    /* Stats Bar */
    .stat-value { font-size:0.85rem; }
    .stat-label { font-size:0.75rem; }

    /* Footer */
    .footer-logo-img { height:35px; }

    /* Product Item Cards */
    .product-item-img { height:150px; }
    .product-item-info { padding:12px; }
    .product-item-name { font-size:0.85rem; }
    .product-item-desc { font-size:0.75rem; margin-bottom:10px; }
    .product-item-price { font-size:0.8rem; }
    .product-item-btn { font-size:0.72rem; }
}

/* -- Product Popup Responsive -- */
@media(max-width:767px) {
    .product-popup { max-width: 95%; }
    .product-popup-content { flex-direction: column; }
    .popup-img { width: 100%; }
    .popup-img img { min-height: 200px; max-height: 250px; border-radius: 16px 16px 0 0; }
    .popup-img-placeholder { height: 200px; border-radius: 16px 16px 0 0; }
    .popup-details { padding: 25px 20px; }
    .popup-details h3 { font-size: 1.15rem; }
    .popup-price { font-size: 1rem; }
    .popup-desc { font-size: 0.85rem; }
    .popup-actions { flex-direction: column; }
    .btn-popup-line, .btn-popup-phone { width: 100%; justify-content: center; }
}