.contract-input {
    width: 340px;
    font-size: 14px;
}

.hero-contract .contract-input {
    width: 400px;
}

@media (max-width: 768px) {
    .contract-input {
        width: 240px;
        font-size: 12px;
    }
    
    .hero-contract .contract-input {
        width: 280px;
    }

    /* Force mobile ordering */
    .luxury .container,
    .middle-section .container {
        display: flex !important;
        flex-direction: column !important;
    }

    /* Force image first on mobile for all sections */
    .luxury .luxury-image,
    .middle-section .luxury-image {
        order: 1 !important;
        margin-bottom: 0.5rem !important;
    }

    /* Also add this for the about section */
    .about .about-image {
        margin-bottom: 0.5rem !important;
    }

    /* Force content second on mobile for all sections */
    .luxury .luxury-content,
    .middle-section .luxury-content {
        order: 2 !important;
    }

    /* Remove any desktop-specific flex directions */
    .container.reverse {
        flex-direction: column !important;
    }
}