/* =========================================================
   RESPONSIVE
   ========================================================= */

/* Tablet landscape */
@media (max-width: 1024px) {

    .alloys-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 32px;
    }

    .applications-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 32px;
    }

    .production-grid .grid {
        gap: 40px;
    }

    .grid-card {
        padding: 40px 32px;
    }
}

/* Tablet portrait / large mobile */
@media (max-width: 768px) {

    section {
        padding: 60px 0;
    }

    .section-inner,
    .section-inner-wide {
        padding: 0 20px;
    }

    .nav-toggle {
        display: block;
    }

    .hero-section {
        height: 80vh;
    }

    .production-grid .grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .production-grid .grid-image {
        height: 320px;
    }

    .grid-card {
        padding: 36px 24px;
    }

    .alloys-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .alloy-card {
        min-height: auto;
    }

    .alloy-icon {
        height: 200px;
        margin-top: -45px;
    }

    .applications-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .application-card {
        min-height: auto;
    }

    .application-icon {
        height: 180px;
    }

    .manufacturing-image {
        height: 260px;
    }

    .questions-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .footer-top-inner {
        flex-direction: column;
        gap: 16px;
        text-align: center;
    }

    .footer-contact {
        flex-direction: column;
        gap: 10px;
    }

    .footer-brand img {
        height: 38px;
    }

    .footer-bottom p {
        font-size: 0.85rem;
    }
}