.contact-wrapper {
        min-height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 40px 10px;
        box-sizing: border-box;
    }

    .contact-card {
        width: 100%;
        max-width: 450px;
        background-color: #fff;
        padding: 25px 30px;
        border-radius: 12px;
        box-shadow: 0 4px 20px rgba(0,0,0,0.15);
    }

    h2 {
        text-align: center;
        color: #7A5E42;
        margin-bottom: 25px;
    }

    /* SUCCESS */
    .success-message {
        text-align: center;
        background: #e6f9e6;
        padding: 12px;
        border-radius: 8px;
        color: #1d7a1d;
        font-weight: bold;
        margin-bottom: 20px;
        border: 1px solid #bde8bd;
    }

    /* ERROR */
    .error-message {
        text-align: center;
        background: #ffe6e6;
        padding: 12px;
        border-radius: 8px;
        color: #c00000;
        font-weight: bold;
        margin-bottom: 20px;
        border: 1px solid #ffb3b3;
    }

    /* RESET Django default layout */
    form p {
        margin: 0 0 18px 0;
        padding: 0;
        width: 100%;
    }

    form p label {
        display: block;
        margin-bottom: 5px;
        font-weight: bold;
        color: #7A5E42;
    }

    /* INPUTS PERFECTLY CENTERED */
    input[type="text"],
    input[type="email"],
    textarea {
        width: 100%;
        box-sizing: border-box;
        padding: 10px 12px;
        border: 1px solid #c9b9a3;
        border-radius: 8px;
        font-size: 15px;
        background: #faf6f0;
    }

    textarea {
        min-height: 140px;
        resize: vertical;
    }

    button[type="submit"] {
        width: 100%;
        padding: 14px;
        margin-top: 10px;
        border: none;
        border-radius: 10px;
        background-color: #7A5E42;
        color: white;
        font-size: 17px;
        cursor: pointer;
        transition: 0.3s ease;
    }

    button[type="submit"]:hover {
        background-color: #614a33;
    }
@media only screen and (min-width: 240px) and (max-width: 600px) and (orientation: portrait) {

    .contact-wrapper {
        padding-top: 64px;        /* 🔥 περισσότερη απόσταση από πάνω */
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom: 24px;
        align-items: flex-start;
    }

    .contact-card {
        max-width: 100%;
        padding: 20px 18px;
        border-radius: 10px;
    }

    h2 {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .success-message,
    .error-message {
        font-size: 14px;
        padding: 10px;
        margin-bottom: 16px;
    }

    form p {
        margin-bottom: 16px;
    }

    form p label {
        font-size: 14px;
    }

    input[type="text"],
    input[type="email"],
    textarea {
        font-size: 14px;
        padding: 10px;
    }

    textarea {
        min-height: 120px;
    }

    button[type="submit"] {
        font-size: 16px;
        padding: 12px;
        border-radius: 8px;
    }
}
@media only screen and (min-width: 481px) and (max-width: 950px) and (orientation: landscape) {

    .contact-wrapper {
        padding-top: 56px;        /* ✅ περισσότερη απόσταση από πάνω */
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom: 32px;
        align-items: flex-start;  /* πιο φυσικό σε landscape */
    }

    .contact-card {
        max-width: 480px;
        padding: 22px 24px;
        border-radius: 12px;
    }

    h2 {
        font-size: 18px;
        margin-bottom: 22px;
    }

    .success-message,
    .error-message {
        font-size: 14px;
        padding: 12px;
        margin-bottom: 18px;
    }

    form p {
        margin-bottom: 16px;
    }

    form p label {
        font-size: 14px;
    }

    input[type="text"],
    input[type="email"],
    textarea {
        font-size: 14px;
        padding: 10px 12px;
    }

    textarea {
        min-height: 130px;
    }

    button[type="submit"] {
        font-size: 16px;
        padding: 12px;
        border-radius: 9px;
    }
}
@media only screen and (min-width: 601px) and (max-width: 1024px) and (orientation: portrait) {

    .contact-wrapper {
        padding-top: 72px;        /* ✅ άνετη απόσταση από πάνω */
        padding-left: 1.2rem;
        padding-right: 1.2rem;
        padding-bottom: 40px;
        align-items: flex-start;
    }

    .contact-card {
        max-width: 520px;
        padding: 26px 30px;
        border-radius: 12px;
    }

    h2 {
        font-size: 19px;
        margin-bottom: 24px;
    }

    .success-message,
    .error-message {
        font-size: 15px;
        padding: 12px;
        margin-bottom: 20px;
    }

    form p {
        margin-bottom: 18px;
    }

    form p label {
        font-size: 15px;
    }

    input[type="text"],
    input[type="email"],
    textarea {
        font-size: 15px;
        padding: 11px 13px;
    }

    textarea {
        min-height: 140px;
    }

    button[type="submit"] {
        font-size: 17px;
        padding: 14px;
        border-radius: 10px;
    }
}
@media only screen and (min-width: 951px) and (max-width: 1366px) and (orientation: landscape) {

    .contact-wrapper {
        padding-top: 88px;        /* ✅ σταθερή απόσταση από header */
        padding-left: 1.4rem;
        padding-right: 1.4rem;
        padding-bottom: 48px;
        align-items: flex-start;
    }

    .contact-card {
        max-width: 560px;
        padding: 28px 32px;
        border-radius: 14px;
    }

    h2 {
        font-size: 20px;
        margin-bottom: 26px;
    }

    .success-message,
    .error-message {
        font-size: 15px;
        padding: 14px;
        margin-bottom: 22px;
    }

    form p {
        margin-bottom: 18px;
    }

    form p label {
        font-size: 15px;
    }

    input[type="text"],
    input[type="email"],
    textarea {
        font-size: 15px;
        padding: 12px 14px;
    }

    textarea {
        min-height: 150px;
    }

    button[type="submit"] {
        font-size: 17px;
        padding: 14px;
        border-radius: 10px;
    }
}
@media only screen and (min-width: 1367px) and (max-width: 1599px) and (orientation: landscape) {

    .contact-wrapper {
        padding-top: 96px;        /* ✅ άνετη απόσταση από πάνω */
        padding-left: 1.6rem;
        padding-right: 1.6rem;
        padding-bottom: 56px;
        align-items: flex-start;
    }

    .contact-card {
        max-width: 600px;
        padding: 30px 34px;
        border-radius: 14px;
    }

    h2 {
        font-size: 21px;
        margin-bottom: 28px;
    }

    .success-message,
    .error-message {
        font-size: 16px;
        padding: 14px;
        margin-bottom: 24px;
    }

    form p {
        margin-bottom: 20px;
    }

    form p label {
        font-size: 16px;
    }

    input[type="text"],
    input[type="email"],
    textarea {
        font-size: 16px;
        padding: 12px 14px;
    }

    textarea {
        min-height: 160px;
    }

    button[type="submit"] {
        font-size: 18px;
        padding: 15px;
        border-radius: 11px;
    }
}
@media only screen and (min-width: 1600px) and (max-width: 1920px) and (orientation: landscape) {

    .contact-wrapper {
        padding-top: 104px;        /* ✅ περισσότερη άνεση */
        padding-left: 1.8rem;
        padding-right: 1.8rem;
        padding-bottom: 64px;
        align-items: flex-start;
    }

    .contact-card {
        max-width: 640px;
        padding: 32px 36px;
        border-radius: 16px;
    }

    h2 {
        font-size: 22px;
        margin-bottom: 30px;
    }

    .success-message,
    .error-message {
        font-size: 16px;
        padding: 15px;
        margin-bottom: 26px;
    }

    form p {
        margin-bottom: 22px;
    }

    form p label {
        font-size: 16px;
    }

    input[type="text"],
    input[type="email"],
    textarea {
        font-size: 16px;
        padding: 13px 15px;
    }

    textarea {
        min-height: 170px;
    }

    button[type="submit"] {
        font-size: 18px;
        padding: 16px;
        border-radius: 12px;
    }
}
@media only screen and (min-width: 1921px) {

    .contact-wrapper {
        padding-top: 120px;        /* ✅ άνετη απόσταση από πάνω */
        padding-left: 2rem;
        padding-right: 2rem;
        padding-bottom: 72px;
        align-items: flex-start;
    }

    .contact-card {
        max-width: 700px;          /* δεν “χάνεται” σε 2K–4K */
        padding: 36px 40px;
        border-radius: 18px;
    }

    h2 {
        font-size: 24px;
        margin-bottom: 32px;
    }

    .success-message,
    .error-message {
        font-size: 17px;
        padding: 16px;
        margin-bottom: 28px;
    }

    form p {
        margin-bottom: 24px;
    }

    form p label {
        font-size: 17px;
    }

    input[type="text"],
    input[type="email"],
    textarea {
        font-size: 17px;
        padding: 14px 16px;
    }

    textarea {
        min-height: 180px;
    }

    button[type="submit"] {
        font-size: 19px;
        padding: 18px;
        border-radius: 13px;
    }
}