/* ============================================================
   RESPONSIVE - MOBİL UYUM
   ============================================================ */

/* ---- TABLET ---- */
@media (max-width: 1024px) {
    .container { padding: 0 16px; }
    .hero h1 { font-size: 3rem; }
    .stats-grid { grid-template-columns: repeat(3, 1fr); }
    .admin-grid { grid-template-columns: 1fr; }
    .quick-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    body { padding-top: 70px; }
    .hero { min-height: 60vh; padding: 80px 0 40px; }
    .hero h1 { font-size: 2.2rem; }
    .hero-badge { font-size: 10px; letter-spacing: 3px; }
    .hero-desc { font-size: 0.95rem; }
    
    .section-header h2 { font-size: 1.8rem; }
    .section-header p { font-size: 0.9rem; }
    
    .services-grid { grid-template-columns: 1fr; gap: 16px; }
    .zodiac-grid { grid-template-columns: repeat(3, 1fr); gap: 12px; }
    .daily-grid { grid-template-columns: 1fr; }
    .blog-grid { grid-template-columns: 1fr; }
    .about-grid { grid-template-columns: 1fr; gap: 30px; }
    .footer-grid { grid-template-columns: 1fr; gap: 24px; }
    
    .service-card { padding: 20px; }
    .zodiac-card { padding: 14px; }
    .daily-card { padding: 16px; }
    
    .service-icon { font-size: 36px; }
    .service-price { font-size: 20px; }
    
    .about-image-inner { height: 200px; }
    .about-image-inner { font-size: 48px; }
    
    .cta-content h2 { font-size: 2rem; }
    .cta-content p { font-size: 0.95rem; }
    
    .btn { padding: 12px 24px; font-size: 13px; }
}

/* ---- MOBIL ---- */
@media (max-width: 480px) {
    body { padding-top: 60px; }
    .hero h1 { font-size: 1.8rem; }
    .hero-badge { font-size: 9px; letter-spacing: 2px; }
    .hero-desc { font-size: 0.9rem; }
    .hero-buttons { flex-direction: column; align-items: center; gap: 10px; }
    .hero-buttons .btn { width: 100%; justify-content: center; }
    
    .section-header h2 { font-size: 1.5rem; }
    .section-header p { font-size: 0.85rem; }
    .section-header { margin-bottom: 30px; }
    
    .zodiac-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .zodiac-card { padding: 12px; }
    .zodiac-symbol { font-size: 24px; }
    .zodiac-card h3 { font-size: 13px; }
    
    .daily-card .daily-header { gap: 10px; }
    .daily-icon-wrap { font-size: 22px; }
    .daily-header h4 { font-size: 15px; }
    .daily-card p { font-size: 13px; }
    
    .blog-card .blog-image { height: 100px; }
    .blog-content { padding: 16px; }
    .blog-content h3 { font-size: 15px; }
    
    .service-card { padding: 16px; }
    .service-icon { font-size: 30px; }
    .service-card h3 { font-size: 17px; }
    .service-price { font-size: 18px; }
    
    .about-content h2 { font-size: 1.6rem; }
    .about-content p { font-size: 0.9rem; }
    .about-image-inner { height: 160px; font-size: 36px; }
    
    .cta-content h2 { font-size: 1.6rem; }
    .cta-content p { font-size: 0.9rem; }
    
    .btn { padding: 10px 20px; font-size: 12px; }
    
    .footer-about h3 { font-size: 1.1rem; }
    .footer-about p { font-size: 12px; }
    .footer-links h4 { font-size: 13px; }
    .footer-links ul li a { font-size: 12px; }
    .footer-contact ul li { font-size: 12px; }
}

/* ---- HAMBURGER MENU FIX ---- */
@media (max-width: 768px) {
    .main-nav.open {
        display: flex;
        animation: slideDown 0.3s ease;
    }
    @keyframes slideDown {
        from { opacity: 0; transform: translateY(-10px); }
        to { opacity: 1; transform: translateY(0); }
    }
}

/* ---- PRINT ---- */
@media print {
    .site-header, .site-footer, .hero-bg, .hero-wave {
        display: none !important;
    }
    body { padding-top: 0 !important; }
    .hero { min-height: auto !important; padding: 40px 0 !important; }
}