/* ============================================================
   EMDTECH THEME — Responsive (Dark Design)
   ============================================================ */

@media (max-width: 960px) {
    .hero-inner { grid-template-columns: 1fr; gap: 44px; }
    .hero { padding: 52px 0 44px; }
    .hero-visual { flex-direction: row; flex-wrap: wrap; }
    .hero-card { flex: 1 1 calc(50% - 8px); }

    .footer-inner { grid-template-columns: 1fr 1fr; gap: 30px; }
    .product-detail { grid-template-columns: 1fr; gap: 36px; }
    .contact-page { grid-template-columns: 1fr; gap: 40px; }

    .usp-grid { grid-template-columns: 1fr 1fr; }
    .usp-item { border-right: none; border-bottom: 1px solid var(--border); }
    .usp-item:nth-child(odd) { border-right: 1px solid var(--border); }
    .usp-item:last-child, .usp-item:nth-last-child(2):nth-child(odd) { border-bottom: none; }
}

@media (max-width: 720px) {
    /* Burger-Menü */
    .burger { display: flex; }
    .site-nav {
        position: fixed; top: 0; left: 0; right: 0; bottom: 0;
        background: var(--bg-base);
        z-index: 999; padding: 72px 28px 36px;
        transform: translateX(-100%);
        transition: transform .3s var(--ease);
        overflow-y: auto;
        border-right: 1px solid var(--border);
    }
    .site-nav.is-open { transform: translateX(0); }
    .nav-menu { flex-direction: column; gap: 4px; }
    .nav-menu a { font-size: 1.05rem; padding: 11px 14px; }
    .burger.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
    .burger.is-open span:nth-child(2) { opacity: 0; }
    .burger.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

    .header-search { display: none; }
    .header-top .container { flex-wrap: wrap; gap: 6px; }

    .hero { padding: 44px 0 36px; }
    .hero-title { font-size: 1.55rem; }
    .hero-subtitle { font-size: .9rem; }
    .hero-actions { flex-direction: column; gap: 8px; }
    .hero-actions .btn { width: 100%; justify-content: center; }
    .hero-stats { gap: 20px; }
    .hero-card { flex: 1 1 100%; }

    .slider-outer { padding: 0 4px; }
    .slider-arrow { display: none; }
    .slider-track-wrap { overflow-x: auto; scroll-snap-type: x mandatory; }
    .slider-track { transition: none; }
    .product-card { scroll-snap-align: start; width: min(80vw, 260px); }

    .products-grid { grid-template-columns: 1fr 1fr; gap: 14px; }
    .products-grid .product-card { width: auto; }

    .usp-grid { grid-template-columns: 1fr; }
    .usp-item { border-right: none; border-bottom: 1px solid var(--border); }
    .usp-item:last-child { border-bottom: none; }

    .footer-inner { grid-template-columns: 1fr; gap: 20px; }
    .footer-bottom .container { flex-direction: column; text-align: center; gap: 4px; }

    .section { padding: 48px 0; }
    .slider-section { padding: 48px 0; }

    .cta-contacts { flex-direction: column; align-items: stretch; }
    .cta-btn { text-align: center; justify-content: center; }

    .archive-controls { flex-direction: column; align-items: stretch; }
    .archive-search-wrap input { width: 100%; }

    .product-actions { flex-direction: column; }
    .product-actions .btn { width: 100%; justify-content: center; }
    .gallery-thumbs { justify-content: center; }
}

@media (max-width: 480px) {
    .products-grid { grid-template-columns: 1fr; }
    .products-grid .product-card { width: auto; }
    .product-card { width: min(90vw, 300px); }

    .hero-title { font-size: 1.4rem; }
    .hero-stats { flex-wrap: wrap; gap: 16px; }

    .section-title { font-size: 1.35rem; }
    .slider-title { font-size: 1.2rem; }

    .error-404__code { font-size: 4.5rem; }
    .error-404 .btn { display: block; margin: 0 0 8px; }

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