/* ============================================
   Altarmak Makina - Responsive Tasarım
   ============================================ */

/* Tablet Landscape */
@media (max-width: 1200px) {
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 40px; }
    .hero-decoration { display: none; }
    .hero-title { font-size: 2.6rem; }
    .products-grid { grid-template-columns: repeat(2, 1fr); }
    .stats-grid { grid-template-columns: repeat(2, 1fr); }
    .gallery-grid { grid-template-columns: repeat(3, 1fr); }
    .references-grid { grid-template-columns: repeat(3, 1fr); }
}

/* Tablet Portrait */
@media (max-width: 992px) {
    .top-bar-left .working-hours,
    .top-bar-divider { display: none; }

    .main-nav {
        position: fixed;
        top: 0;
        right: -100%;
        width: 320px;
        height: 100vh;
        background: var(--white);
        box-shadow: var(--shadow-xl);
        z-index: 1000;
        transition: var(--transition-slow);
        overflow-y: auto;
        padding: 80px 24px 30px;
    }

    .main-nav.open { right: 0; }

    .nav-list {
        flex-direction: column;
        gap: 0;
    }

    .nav-list > li > a {
        padding: 14px 16px;
        font-size: 1rem;
        border-bottom: 1px solid var(--gray-100);
    }

    .has-dropdown .dropdown {
        position: static;
        box-shadow: none;
        border: none;
        opacity: 1;
        visibility: visible;
        transform: none;
        padding: 0 0 0 20px;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease;
    }

    .has-dropdown.menu-open .dropdown {
        max-height: 500px;
    }

    .mobile-toggle { display: flex; }

    .mobile-overlay {
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,0.5);
        z-index: 999;
        opacity: 0;
        visibility: hidden;
        transition: var(--transition);
    }

    .mobile-overlay.show {
        opacity: 1;
        visibility: visible;
    }

    .hero-title { font-size: 2.2rem; }
    .hero-desc { font-size: 1rem; }
    .hero-stats { gap: 30px; }

    .services-grid { grid-template-columns: repeat(2, 1fr); }
    .blog-grid { grid-template-columns: repeat(2, 1fr); }
    .contact-grid { grid-template-columns: 1fr; }
    .about-grid { grid-template-columns: 1fr; gap: 40px; }

    .product-detail-grid { grid-template-columns: 1fr; gap: 30px; }

    .section-title { font-size: 2rem; }

    .footer-info-grid { grid-template-columns: repeat(2, 1fr); }

    .btn-quote span { display: none; }
    .btn-quote { padding: 10px 14px; }
}

/* Mobil */
@media (max-width: 768px) {
    html { font-size: 15px; }

    .top-bar { display: none; }

    .container { padding: 0 16px; }

    .section-padding { padding: 50px 0; }

    .hero-section { min-height: auto; }
    .hero-slide { min-height: auto; }
    .hero-content { padding: 50px 0; }
    .hero-title { font-size: 1.8rem; }
    .hero-badge { font-size: 0.75rem; padding: 6px 14px; }
    .hero-buttons { flex-direction: column; }
    .hero-buttons .btn { width: 100%; justify-content: center; }
    .hero-stats {
        flex-direction: column;
        gap: 20px;
    }

    .section-title { font-size: 1.6rem; }
    .section-desc { font-size: 0.92rem; }

    .products-grid { grid-template-columns: 1fr; gap: 20px; }
    .services-grid { grid-template-columns: 1fr; }
    .blog-grid { grid-template-columns: 1fr; }
    .stats-grid { grid-template-columns: 1fr 1fr; gap: 20px; }
    .gallery-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .references-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }

    .footer-grid { grid-template-columns: 1fr; gap: 30px; }
    .footer-info-grid { grid-template-columns: 1fr; gap: 20px; }
    .footer-bottom-inner {
        flex-direction: column;
        gap: 14px;
        text-align: center;
    }
    .footer-legal { flex-wrap: wrap; justify-content: center; }

    .cta-content h2 { font-size: 1.6rem; }
    .cta-buttons { flex-direction: column; }
    .cta-buttons .btn { width: 100%; justify-content: center; }

    .page-hero { padding: 40px 0; }
    .page-hero h1 { font-size: 1.8rem; }

    .form-row { grid-template-columns: 1fr; }

    .contact-form-card { padding: 24px; }

    .about-features { grid-template-columns: 1fr; }

    .whatsapp-float { width: 52px; height: 52px; font-size: 1.5rem; bottom: 20px; right: 16px; }
    .scroll-top { bottom: 80px; right: 16px; }

    .stat-number { font-size: 2.2rem; }
}

/* Küçük Mobil */
@media (max-width: 480px) {
    .hero-title { font-size: 1.5rem; }
    .section-title { font-size: 1.4rem; }
    .stats-grid { grid-template-columns: 1fr; }
    .gallery-grid { grid-template-columns: 1fr; }

    .header-inner { padding: 8px 0; }

    .logo-brand { font-size: 1.1rem; }
    .logo-icon { width: 38px; height: 38px; font-size: 1rem; }

    .product-card-body { padding: 18px; }
    .product-card-image { height: 200px; }
}

/* Print */
@media print {
    .top-bar, .main-header, .cta-section, .whatsapp-float,
    .scroll-top, .cookie-banner, .footer-map { display: none !important; }

    .main-footer { background: var(--white); color: var(--dark); }

    body { font-size: 12pt; }
}