/* ===================================
   CONTACT MOBILE OVERRIDES (< 480px)
   =================================== */

.contacts {
    padding: 40px 20px !important;
    flex-direction: column !important;
    gap: 40px !important;
    width: 100% !important;
}

.contactleft {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    align-items: center !important;
}

/* Contact Items: Stack vertically and Center */
.conphone,
.adress,
.email,
.followus {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 20px !important;
    background: var(--bg-color) !important;
}

.conphoneleft,
.adressleft,
.emailleft,
.followusleft {
    justify-content: center !important;
    width: 100% !important;
}

.conphoneright h2,
.adressright h2,
.emailright h2,
.followright h2 {
    text-align: center !important;
}

.conphoneright h3,
.adressright h3,
.emailright h3,
.followright h3 {
    text-align: center !important;
    font-size: 14px !important;
    word-break: break-all !important;
    /* Prevent email spill */
}

/* Form Section */
.contactright {
    width: 100% !important;
    max-width: 100% !important;
    padding: 30px 20px !important;
    margin: 0 !important;
}

.contactright h1 {
    font-size: 28px !important;
    text-align: center !important;
}

.contactin {
    width: 100% !important;
}

.contactnamein,
.contactemailin,
.contactmessagein {
    width: 100% !important;
}

.contactnamein input,
.contactemailin input,
.contactmessagein input {
    width: 100% !important;
    /* Force full width */
    height: 45px !important;
    font-size: 14px !important;
}

.contactin button {
    width: 100% !important;
    padding: 15px !important;
}