/* ========================================
   TuzziTech — Responsive
   ======================================== */

/* Tablet: 1024px */
@media (max-width: 1024px) {
    .hero__inner { grid-template-columns: 1fr 1fr; gap: 24px; }
    .hero__title { font-size: clamp(2.2rem, 4.5vw, 3.5rem); }
    .solutions__grid { grid-template-columns: repeat(2, 1fr); }
    .values__grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }
    .about__inner { gap: 40px; }
}

/* Tablet: 768px */
@media (max-width: 768px) {
    .navbar__nav { display: none; }
    .navbar__hamburger { display: flex; }
    .navbar .btn--outline-light { display: none; }
    .navbar__lang { display: none; }

    .navbar__nav--mobile-open .navbar__links {
        flex-direction: column;
        gap: 0;
    }
    .navbar__nav--mobile-open .navbar__links li {
        border-bottom: 1px solid rgba(255,255,255,0.06);
    }
    .navbar__nav--mobile-open .navbar__links a {
        display: block;
        padding: 16px 0;
        font-size: 1.1rem;
        color: var(--color-text);
    }
    .navbar__nav--mobile-open .navbar__mobile-actions {
        margin-top: 32px;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .hero__inner {
        grid-template-columns: 1fr;
        text-align: left;
        padding: 40px 0;
        min-height: auto;
    }
    .hero__globe {
        min-height: 350px;
        order: -1;
    }
    .hero__title { font-size: clamp(2rem, 8vw, 3rem); }
    .hero__buttons { justify-content: flex-start; }

    .globe-label { display: none; }
    .globe-badge { display: none; }

    .metrics__inner { grid-template-columns: repeat(2, 1fr); }
    .metrics__item:nth-child(2)::after { display: none; }
    .metrics__item:nth-child(odd):not(:last-child)::after { display: block; }
    .metrics__item:nth-child(even)::after { display: none; }

    .solutions__header { flex-direction: column; align-items: flex-start; }
    .solutions__header-right { text-align: left; }
    .solutions__grid { grid-template-columns: 1fr 1fr; }

    .about__inner { grid-template-columns: 1fr; }
    .about__image { order: -1; }
    .about__side-label { display: none; }

    .values__grid { grid-template-columns: 1fr 1fr; }

    .contact-form__grid { grid-template-columns: 1fr; }

    .footer__inner { flex-direction: column; align-items: flex-start; }
    .footer__right { flex-direction: column; align-items: flex-start; gap: 16px; }
    .footer__nav { flex-wrap: wrap; gap: 16px; }
}

/* Mobile: 480px */
@media (max-width: 480px) {
    .container { padding: 0 16px; }
    .hero { min-height: auto; padding-top: calc(var(--navbar-height) + 20px); }
    .hero__inner { padding: 20px 0 40px; }
    .hero__globe { min-height: 280px; }
    .hero__title { font-size: clamp(1.8rem, 9vw, 2.5rem); }
    .hero__text { font-size: 0.9rem; }
    .hero__buttons { flex-direction: column; }
    .hero__buttons .btn { width: 100%; justify-content: center; }

    .metrics__inner { grid-template-columns: 1fr 1fr; }
    .metrics__item::after { display: none !important; }

    .solutions, .about, .values, .contact-section { padding: 60px 0; }
    .solutions__grid { grid-template-columns: 1fr; }
    .values__grid { grid-template-columns: 1fr; }
    .section-title { font-size: clamp(1.6rem, 7vw, 2.2rem); }

    .footer__left { flex-direction: column; align-items: flex-start; gap: 12px; }
}

/* Small Mobile: 375px */
@media (max-width: 375px) {
    .hero__title { font-size: 1.75rem; }
    .metrics__value { font-size: 1.8rem; }
}