/* Mobile Very Small Devices (<360px) */
@media only screen and (max-width: 359px) {
    /* Base styles */
    body {
        font-size: 14px;
        padding: 0 6px;
    }

    /* Container adjustments */
    .container, .section, .main-content {
        width: 100%;
        padding: 0 6px;
        margin: 0 auto;
    }

    /* Typography adjustments */
    h1 { font-size: 20px; }
    h2 { font-size: 18px; }
    h3 { font-size: 16px; }
    p, li { font-size: 14px; line-height: 1.4; }

    /* Button and form adjustments */
    .btn, button, .whatsapp-float, .contact-form input, .contact-form textarea {
        padding: 6px 10px;
        font-size: 14px;
        min-height: 36px;
    }

    /* WhatsApp float button specific */
    .whatsapp-float {
        width: 40px;
        height: 40px;
        bottom: 10px;
        right: 10px;
        font-size: 20px;
    }

    /* Card and image adjustments */
    .card, .blog-card, .project-card {
        padding: 8px;
        margin-bottom: 10px;
    }

    img, .image-container {
        max-width: 100%;
        height: auto;
    }

    /* Metric adjustments */
    .metric-value { font-size: 14px; }
    .metric-label { font-size: 9px; }

    /* Navigation adjustments */
    nav, .navbar, .menu {
        padding: 6px;
    }
}