/* Mobile refinements layered on style.css */

:root {
    --header-height: 72px;
}

@media (max-width: 768px) {
    body {
        padding-bottom: env(safe-area-inset-bottom);
    }

    .section-header {
        margin-bottom: 1.75rem;
    }

    .contact-form,
    .info-item {
        padding: 1.1rem;
    }

    .floating-whatsapp {
        right: 1rem;
        bottom: calc(1rem + env(safe-area-inset-bottom));
        width: 3.1rem;
        height: 3.1rem;
    }

    .testimonial-card {
        padding: 1.25rem;
    }
}

@media (max-width: 480px) {
    .stat h3 {
        font-size: 1.25rem;
    }

    .portfolio-btn {
        font-size: 0.82rem;
        padding: 0.6rem 0.95rem;
    }
}