body, .btn, .lang-btn, .nav-menu {
    font-family: 'Share Tech Mono', monospace !important;
}



@media (max-width: 1400px) {
    .container {
        max-width: 1140px;
    }
}

@media (max-width: 1200px) {
    .container {
        max-width: 960px;
    }
    .hero-content h1 {
        font-size: 60px;
    }
    .nav-menu {
        gap: 32px;
    }
}

@media (max-width: 992px) {
    .container {
        max-width: 720px;
    }
    .about-grid, .catalog-grid {
        flex-direction: column;
        text-align: center;
        gap: 40px;
    }
    .heading-line {
        justify-content: center;
    }
    .heading-line::after {
        display: none; 
    }
    .about-image, .catalog-image {
        width: 100%;
        height: auto;
    }
    .footer-grid {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }
    .footer-col {
        flex: 1 1 45%;
    }
}

@media (max-width: 768px) {
    .container {
        max-width: 540px;
    }
    .hero-content h1 {
        font-size: 48px;
    }
    .nav-menu {
        display: none; 
    }
    .btn {
        padding: 16px 40px;
    }
}

@media (max-width: 576px) {
    .container {
        padding: 0 20px;
    }
    .hero-content h1 {
        font-size: 36px;
    }
    .footer-col {
        flex: 1 1 100%;
    }
    .about-image img, .catalog-image img {
        max-height: 300px;
        object-fit: cover;
    }
}

@media (max-width: 390px) {
    .hero-content h1 {
        font-size: 28px;
    }
    .btn {
        width: 100%;
        padding: 16px 20px;
    }
    .logo {
        width: 40px;
    }
}