/* css/responsive.css */
@media (max-width: 1200px) {
    .container {
        padding: 0 20px;
    }
}

@media (max-width: 992px) {
    .nav-menu {
        display: none; /* Hide default nav */
    }
    .mobile-menu-btn {
        display: block;
    }
    
    .category-grid, .product-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .testimonial-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .footer-top {
        grid-template-columns: repeat(2, 1fr);
    }
    .cta-banner h2 {
        font-size: 2.5rem;
    }
}

/* Home page refresh responsive rules */
@media (max-width: 1100px) {
    .nav-menu { gap: 16px; }
    .nav-menu > li > a { font-size: 13px; }
    .nav-quote-btn { display: none; }
    .story-row { gap: 55px; }
    .footer-top { grid-template-columns: repeat(2, 1fr); }
    .contact-map-grid { gap:40px; }
}

@media (max-width: 992px) {
    .nav-wrap { min-height: 72px; }
    .logo img { height: 44px; }
    .mobile-menu-btn { display:grid !important; place-items:center; width:43px; height:43px; border:0; border-radius:12px; background:#fff0e9; color:var(--primary-color); }
    .nav-menu { display:none; position:absolute; top:100%; left:20px; right:20px; padding:12px; background:#fff; border-radius:0 0 18px 18px; box-shadow:0 18px 40px rgba(25,17,66,.2); max-height:75vh; overflow-y:auto; }
    .nav-menu.open { display:block; }
    .nav-menu > li > a { padding:13px 12px; border-radius:9px; }
    .nav-menu > li > a::after { display:none; }
    .nav-menu > li > a:hover { background:#fff3ed; }
    .dropdown-menu { position:static; display:none; opacity:1; visibility:visible; transform:none; box-shadow:none; border:0; padding:4px 8px 8px 30px; }
    .nav-menu li.open .dropdown-menu { display:block; }
    .nav-menu li:hover .dropdown-menu { transform:none; }
    .hero-slider { height:610px; }
    .slide-content h2 { font-size:clamp(3.2rem,8vw,5rem); }
    .story-row { gap:40px; }
    .story-media { min-height:390px; }
    .feature-grid { grid-template-columns:repeat(2,1fr); }
    .faq-layout { grid-template-columns:1fr; gap:45px; }
    .faq-intro { position:static; text-align:center; max-width:680px; margin:auto; }
    .faq-help-card { text-align:left; }
    .newsletter-card { grid-template-columns:.55fr 1.45fr; }
    .newsletter-art { font-size:6.5rem; }
    .newsletter-copy { padding:50px 35px 45px 10px; }
    .footer-bottom { grid-template-columns:1fr; text-align:center; }
    .footer-bottom>div { text-align:center; }
    .offer-wrap .cta-banner { min-height:460px; padding:55px; }
    .contact-map-grid { grid-template-columns:1fr; }
    .contact-panel { text-align:center; max-width:760px; margin:auto; }
    .contact-panel > p { margin-left:auto; margin-right:auto; }
    .big-contact-list { max-width:620px; margin-left:auto; margin-right:auto; text-align:left; }
    .map-panel { min-height:500px; }
    .map-panel iframe { min-height:480px; }
}

@media (max-width: 768px) {
    .top-bar-right { display:none; }
    .top-bar-left { width:100%; justify-content:center; gap:15px; flex-wrap:wrap; }
    .top-bar-left a:last-child { display:none; }
    .hero-slider { height:570px; }
    .hero-slider .slide-content { margin-left:0; padding:0 42px 0 10%; text-align:left; }
    .slide-content h2 { font-size:clamp(2.7rem,11vw,4.2rem); letter-spacing:-2px; }
    .slide-content p { font-size:1.05rem; line-height:1.6; }
    .slider-controls { display:none; }
    .section-padding { padding:65px 0; }
    .section-title { font-size:2.15rem; }
    .story-row,.story-row.reverse { grid-template-columns:1fr; gap:38px; margin-bottom:75px; }
    .story-row.reverse .story-media,.story-row.reverse .story-copy { order:initial; }
    .story-media { min-height:360px; }
    .story-copy { padding:0 6px; }
    .story-copy h3 { font-size:2.25rem; }
    .newsletter-card { grid-template-columns:1fr; text-align:center; }
    .newsletter-art { min-height:220px; font-size:6rem; }
    .newsletter-copy { padding:0 28px 45px; }
    .newsletter-form { margin-left:auto; margin-right:auto; }
    .payment-strip { flex-direction:column; text-align:center; }
    .offer-wrap .cta-banner { min-height:500px; margin:55px 0; padding:45px 35px; background-position:62% center; }
    .offer-content h2 { font-size:3.05rem; }
    .map-panel { min-height:440px; border-radius:23px; }
    .map-panel iframe { min-height:420px; }
    .newsletter-section { padding-bottom:65px; }
}

@media (max-width: 560px) {
    .top-bar-left span { display:none; }
    .nav-menu { left:12px; right:12px; }
    .hero-slider { height:600px; }
    .hero-slider .slide-content { padding:0 18px 0 10%; }
    .hero-kicker { font-size:11px; }
    .slide-content h2 { font-size:2.75rem; }
    .slide-content .btn-group { display:flex; flex-direction:column; align-items:flex-start; gap:10px; }
    .slide-content .btn { width:100%; max-width:260px; }
    .slider-dots { bottom:18px; }
    .story-media { min-height:290px; }
    .story-media::before,.story-row.reverse .story-media::before { inset:14px -8px -14px 8px; }
    .story-media img { border-radius:22px; }
    .story-number { font-size:4.8rem; }
    .mini-stats { flex-direction:column; }
    .feature-grid { grid-template-columns:1fr; }
    .review-summary { flex-direction:column; gap:5px; }
    .faq-title { padding:16px; }
    .faq-title span { gap:9px; }
    .faq-title span i { min-width:36px; }
    .faq-content p { padding:0 18px 18px; }
    .faq-help-card { grid-template-columns:auto 1fr; }.faq-help-card>a{grid-column:2}
    .newsletter-section { padding-top:55px; }
    .newsletter-card { border-radius:22px; }
    .newsletter-art { min-height:190px; }
    .newsletter-form { flex-direction:column; }
    .newsletter-form button { padding:16px; }
    .footer-top { grid-template-columns:1fr; }
    .pay-icons { gap:10px; font-size:25px; flex-wrap:wrap; justify-content:center; }
    .footer-bottom>div { display:flex; flex-direction:column; gap:7px; }.footer-bottom>div a{margin:0}
    .floating-actions { right:16px; bottom:16px; gap:10px; }.float-btn{width:46px;height:46px}
    .services-section .category-card,.services-section .category-card img { min-height:260px; height:260px; }
    .offer-wrap .cta-banner { min-height:540px; padding:38px 24px; border-radius:22px; }
    .offer-content h2 { font-size:2.55rem; letter-spacing:-1px; }
    .offer-points { display:grid; gap:10px; }
    .offer-actions { display:grid; }.offer-actions .btn{justify-content:center}
    .contact-panel h2 { font-size:2.8rem; }
    .big-contact-list > a,.big-contact-list > div { padding:10px 0; }
    .map-panel { min-height:390px; padding:7px; }
    .map-panel iframe { min-height:376px; }
    .map-label { left:18px;right:18px;bottom:18px; }
}

@media (max-width: 768px) {
    .category-grid, .product-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .testimonial-grid {
        grid-template-columns: 1fr;
    }
    .header-main {
        flex-wrap: wrap;
        gap: 15px;
    }
    .search-bar {
        order: 3;
        max-width: 100%;
        margin: 0;
    }
    .slide-content h2 {
        font-size: 2.5rem;
    }
}

@media (max-width: 480px) {
    .category-grid, .product-grid {
        grid-template-columns: 1fr;
    }
    .footer-top {
        grid-template-columns: 1fr;
    }
    .slide-content h2 {
        font-size: 2rem;
    }
    .top-bar {
        text-align: center;
    }
    .top-bar .container {
        flex-direction: column;
        gap: 5px;
    }
}