/* ============================================================
   RESPONSIVE STYLES - Easter Agro Forestry Theme
   ============================================================ */

@media (max-width:1199px) {
    .hero-content { gap:40px; }
    .footer-grid { grid-template-columns:1fr 1fr; gap:40px; }
    .stats-grid { grid-template-columns:repeat(2,1fr); }
    .stat-item { border-right:none; border-bottom:1px solid rgba(255,255,255,.2); }
    .stat-item:last-child,.stat-item:nth-last-child(2) { border-bottom:none; }
}

@media (max-width:992px) {
    .hero-content { grid-template-columns:1fr; text-align:center; gap:40px; }
    .hero-buttons,.hero-stats { justify-content:center; }
    .hero-visual { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }
    .services-grid { grid-template-columns:repeat(2,1fr); }
    .income-grid { grid-template-columns:repeat(2,1fr); }
    .testimonials-grid { grid-template-columns:repeat(2,1fr); }
    .why-choose-grid { grid-template-columns:1fr; gap:40px; }
    .why-features { grid-template-columns:1fr; }
    .contact-grid { grid-template-columns:1fr; gap:40px; }
}

@media (max-width:768px) {
    :root { --container-padding:0 16px; }
    .main-navigation { display:none; }
    .main-navigation.active { display:flex; position:fixed; top:0; left:0; right:0; bottom:0; background:var(--color-primary-dark); z-index:9998; flex-direction:column; align-items:center; justify-content:center; padding:60px 20px; }
    .main-navigation.active ul { flex-direction:column; gap:8px; width:100%; max-width:320px; }
    .main-navigation.active ul li a { color:#fff; font-size:1.2rem; text-align:center; padding:15px 20px; }
    .main-navigation.active ul li a:hover { background:rgba(255,255,255,.1); color:var(--color-secondary); }
    .menu-toggle { display:flex; }
    .menu-close-btn { position:absolute; top:20px; right:20px; background:none; border:none; color:#fff; font-size:1.8rem; cursor:pointer; z-index:9999; }
    .hero-section { min-height:60vh; }
    .hero-visual { grid-template-columns:1fr; }
    .services-grid { grid-template-columns:1fr; }
    .stats-grid { grid-template-columns:repeat(2,1fr); }
    .income-grid { grid-template-columns:1fr; }
    .testimonials-grid { grid-template-columns:1fr; }
    .gallery-grid { grid-template-columns:repeat(2,1fr); }
    .footer-grid { grid-template-columns:1fr; gap:30px; }
    .footer-bottom .container { flex-direction:column; text-align:center; }
    .form-row { grid-template-columns:1fr; }
    .section-padding { padding:60px 0; }
}

@media (max-width:480px) {
    .stats-grid { grid-template-columns:repeat(2,1fr); gap:15px; }
    .gallery-grid { grid-template-columns:1fr; }
    .cta-buttons,.hero-buttons { flex-direction:column; align-items:center; }
    .header-cta .btn { display:none; }
    .contact-form-wrap { padding:25px 20px; }
    .top-bar-social { display:none; }
}

@media (prefers-reduced-motion:reduce) {
    *,*::before,*::after { animation-duration:.01ms!important; transition-duration:.01ms!important; }
    .ticker-content { animation:none; }
}


@media (max-width:1200px) {
    .content-card-grid,.content-split-grid { grid-template-columns:repeat(2,1fr); }
}

@media (max-width:992px) {
    .site-header-main .container { flex-wrap:wrap; }
    .site-branding-wrap { width:100%; }
    .header-cta { margin-left:auto; }
    .content-two-column,.content-card-grid,.content-split-grid { grid-template-columns:1fr; }
}

@media (max-width:768px) {
    .header-top-bar .container,.site-header-main .container { gap:14px; }
    .top-bar-contact { width:100%; justify-content:center; flex-wrap:wrap; }
    .site-branding { width:100%; }
    .site-title { font-size:1.4rem; }
    .site-tagline { font-size:.7rem; letter-spacing:.8px; }
    .site-logo img,.custom-logo { max-height:52px; }
    .header-cta { display:none; }
    .menu-toggle { margin-left:auto; }
    .main-navigation.active { align-items:flex-start; justify-content:flex-start; overflow-y:auto; }
    .main-navigation.active ul { max-width:100%; width:100%; }
    .main-navigation.active ul li a { text-align:left; border-bottom:1px solid rgba(255,255,255,.08); }
    .page-hero { padding:60px 0; }
    .page-hero h1 { font-size:2rem; }
    .content-block,.info-card { padding:22px 18px; }
}

@media (max-width:480px) {
    .top-bar-contact span { width:100%; text-align:center; }
    .site-title { font-size:1.2rem; }
    .footer-social { flex-wrap:wrap; }
    .social-icon { width:40px; height:40px; }
    .gallery-placeholder-box { min-height:150px; }
}