/* Ara Contact - isolated form styles */
.ara-contact-wrap{
    max-width:1120px !important;
    margin:40px auto !important;
    display:grid !important;
    grid-template-columns:.85fr 1.15fr !important;
    gap:28px !important;
    font-family:inherit !important;
    direction:rtl !important;
    box-sizing:border-box !important;
}
.ara-contact-wrap *,
.ara-contact-wrap *::before,
.ara-contact-wrap *::after{box-sizing:border-box !important}

.ara-contact-info{
    border-radius:26px !important;
    padding:46px !important;
    background:linear-gradient(145deg,#111827,#263247) !important;
    color:#fff !important;
    min-height:500px !important;
    position:relative !important;
    overflow:hidden !important;
}
.ara-contact-info h2{font-size:34px !important;line-height:1.5 !important;margin:0 0 15px !important;color:#fff !important}
.ara-contact-info p{font-size:16px !important;line-height:2 !important;color:#d8deea !important;margin:0 0 32px !important}
.ara-contact-badge{display:inline-block !important;background:rgba(255,255,255,.1) !important;padding:8px 15px !important;border-radius:30px !important;font-size:13px !important;margin-bottom:25px !important}
.ara-contact-features{display:flex !important;flex-direction:column !important;gap:18px !important}
.ara-contact-features div{padding-right:18px !important;border-right:2px solid var(--ara-contact-color) !important;display:flex !important;flex-direction:column !important;gap:5px !important}
.ara-contact-features b{color:#fff !important}.ara-contact-features span{font-size:13px !important;color:#b8c1d1 !important;line-height:1.8 !important}

.ara-contact-card{
    background:#fff !important;
    border:1px solid #e9eaf0 !important;
    border-radius:26px !important;
    padding:34px !important;
    box-shadow:0 15px 45px rgba(17,24,39,.07) !important;
}

/* مهم: فرم از flex/grid قالب اصلی جدا شده است */
.ara-contact-form{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    direction:rtl !important;
}
.ara-contact-form > label{
    display:block !important;
    width:100% !important;
    margin:0 0 18px 0 !important;
    padding:0 !important;
    color:#222b3a !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.7 !important;
    text-align:right !important;
    white-space:normal !important;
}
.ara-contact-form > label > span{
    display:inline !important;
    color:#e5484d !important;
    margin:0 2px 0 0 !important;
}
.ara-contact-form > label > small{
    display:inline !important;
    color:#87909e !important;
    font-weight:400 !important;
    margin-right:5px !important;
}

/* هر ورودی دقیقاً زیر عنوان خودش */
.ara-contact-form > label > input,
.ara-contact-form > label > textarea,
.ara-contact-form > label > select{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:7px 0 0 0 !important;
    padding:13px 14px !important;
    border:1px solid #e2e5eb !important;
    background:#fbfcfe !important;
    border-radius:12px !important;
    font-family:inherit !important;
    font-size:14px !important;
    line-height:1.7 !important;
    outline:none !important;
    box-shadow:none !important;
}
.ara-contact-form > label > textarea{min-height:150px !important;resize:vertical !important}
.ara-contact-form > label > input:focus,
.ara-contact-form > label > textarea:focus,
.ara-contact-form > label > select:focus{
    border-color:var(--ara-contact-color) !important;
    box-shadow:0 0 0 3px color-mix(in srgb,var(--ara-contact-color) 12%,transparent) !important;
}

/* دو فیلد اول */
.ara-contact-form .ara-grid{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:16px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
}
.ara-contact-form .ara-grid > label{
    display:block !important;
    width:100% !important;
    margin:0 0 18px 0 !important;
    padding:0 !important;
    color:#222b3a !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.7 !important;
    text-align:right !important;
    white-space:normal !important;
}
.ara-contact-form .ara-grid > label > input{
    display:block !important;
    width:100% !important;
    margin:7px 0 0 0 !important;
    padding:13px 14px !important;
}

/* جلوگیری از استایل‌های قالب روی عناصر فرم */
.ara-contact-form input,
.ara-contact-form textarea,
.ara-contact-form select,
.ara-contact-form button{
    font-family:inherit !important;
    letter-spacing:normal !important;
    word-spacing:normal !important;
}

/* دکمه */
.ara-contact-form > button{
    display:flex !important;
    width:100% !important;
    min-height:52px !important;
    margin:2px 0 0 0 !important;
    padding:15px 20px !important;
    border:0 !important;
    border-radius:13px !important;
    background:var(--ara-contact-color) !important;
    color:#fff !important;
    font-family:inherit !important;
    font-size:15px !important;
    font-weight:700 !important;
    cursor:pointer !important;
    justify-content:center !important;
    align-items:center !important;
    gap:14px !important;
}
.ara-contact-form > button span{color:#fff !important;margin:0 !important;padding:0 !important}
.ara-contact-form > button strong{font-size:20px !important;color:#fff !important;margin:0 !important;padding:0 !important}

.ara-contact-success{
    background:#ecfdf3 !important;
    border:1px solid #bbf7d0 !important;
    color:#166534 !important;
    padding:13px 16px !important;
    border-radius:12px !important;
    margin:0 0 20px !important;
    line-height:1.8 !important;
}
.ara-hp{position:absolute !important;left:-9999px !important;opacity:0 !important;height:0 !important;overflow:hidden !important}

@media(max-width:800px){
    .ara-contact-wrap{
        grid-template-columns:1fr !important;
        margin:20px 12px !important;
    }
    .ara-contact-info{min-height:auto !important;padding:30px !important}
    .ara-contact-info h2{font-size:27px !important}
    .ara-contact-card{padding:22px !important}
    .ara-contact-form .ara-grid{
        grid-template-columns:1fr !important;
        gap:0 !important;
    }
    .ara-contact-form .ara-grid > label{margin-bottom:16px !important}
}