/*======================================================================
MANSURGE CONTACT PAGE — LUXURY FINAL
Version : 1.0
Page-scoped composition only. MC19/MC12 remain globally untouched.
======================================================================*/
.ms-contact-page{position:relative;overflow:hidden;background:var(--ms-bg);color:var(--ms-text);}
.ms-contact-intro{position:relative;padding:clamp(112px,12vw,180px) 0 clamp(88px,9vw,132px);overflow:hidden;border-bottom:1px solid rgba(197,165,114,.12);background:radial-gradient(circle at 76% 16%,rgba(197,165,114,.075),transparent 30%),linear-gradient(180deg,#0d1111,#0f1414);}
.ms-contact-intro::after{content:"";position:absolute;left:50%;bottom:0;width:1px;height:64px;background:linear-gradient(180deg,transparent,rgba(197,165,114,.5));opacity:.5;}
.ms-contact-intro-inner{max-width:980px;text-align:center;}
.ms-contact-intro .ms-caption{display:inline-flex;padding:9px 16px;border:1px solid rgba(197,165,114,.20);border-radius:var(--ms-radius-pill);margin-bottom:28px;background:rgba(197,165,114,.035);}
.ms-contact-intro-title{max-width:900px;margin:0 auto 30px;text-wrap:balance;}
.ms-contact-intro-copy{max-width:720px;margin:0 auto;color:var(--ms-text-soft);}

.ms-contact-page .ms-contact{padding:clamp(100px,9vw,148px) 0;background:var(--ms-bg);}
.ms-contact-page .ms-contact::before{background:radial-gradient(circle at 10% 30%,rgba(197,165,114,.045),transparent 30%),radial-gradient(circle at 90% 76%,rgba(197,165,114,.035),transparent 34%);}
.ms-contact-page .ms-contact-header{max-width:760px;margin-bottom:72px;}
.ms-contact-page .ms-contact-subtitle{background:transparent;border-color:rgba(197,165,114,.22);}
.ms-contact-page .ms-contact-title{text-wrap:balance;}
.ms-contact-page .ms-contact-grid{grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);gap:28px;align-items:stretch;}
.ms-contact-page .ms-contact-card{padding:clamp(30px,4vw,48px);border-radius:30px;border-color:rgba(197,165,114,.16);background:linear-gradient(145deg,rgba(20,27,27,.98),rgba(14,19,19,.99));box-shadow:0 28px 76px rgba(0,0,0,.24);}
.ms-contact-page .ms-contact-card::before{background:radial-gradient(circle at 90% 0%,rgba(197,165,114,.075),transparent 34%);}
.ms-contact-page .ms-contact-info-list{gap:0;border-top:1px solid rgba(197,165,114,.14);}
.ms-contact-page .ms-contact-info-item{gap:20px;padding:28px 0;border:0;border-bottom:1px solid rgba(197,165,114,.14);border-radius:0;background:transparent;}
.ms-contact-page .ms-contact-info-item:hover{transform:none;border-color:rgba(197,165,114,.32);}
.ms-contact-page .ms-contact-info-icon{width:44px;height:44px;border:1px solid rgba(197,165,114,.18);background:rgba(197,165,114,.04);color:var(--ms-gold);font-size:11px;font-weight:700;letter-spacing:.08em;}
.ms-contact-page .ms-contact-info-label{display:block;margin-bottom:8px;color:var(--ms-white);font-size:16px;font-weight:600;}
.ms-contact-page .ms-contact-info-value{color:var(--ms-text-soft);line-height:1.75;}

/* Normalize common embedded provider forms inside MC19 without coupling to MailerLite. */
.ms-contact-page .ms-contact-form-body form{display:grid;gap:20px;width:100%;}
.ms-contact-page .ms-contact-form-body input:not([type="checkbox"]):not([type="radio"]),.ms-contact-page .ms-contact-form-body select,.ms-contact-page .ms-contact-form-body textarea{width:100%;max-width:100%;min-height:54px;box-sizing:border-box;padding:15px 17px;border:1px solid rgba(197,165,114,.16);border-radius:14px;background:#111717;color:var(--ms-white);font:inherit;outline:0;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease;}
.ms-contact-page .ms-contact-form-body textarea{min-height:170px;resize:vertical;}
.ms-contact-page .ms-contact-form-body input:focus,.ms-contact-page .ms-contact-form-body select:focus,.ms-contact-page .ms-contact-form-body textarea:focus{border-color:rgba(197,165,114,.5);box-shadow:0 0 0 4px rgba(197,165,114,.07);background:#151c1c;}
.ms-contact-page .ms-contact-form-body label{color:var(--ms-text);font-size:14px;font-weight:600;}
.ms-contact-page .ms-contact-form-body button,.ms-contact-page .ms-contact-form-body input[type="submit"]{min-height:52px;padding:14px 28px;border:0;border-radius:var(--ms-radius-pill);background:var(--ms-gold);color:#0d1111;font:inherit;font-weight:700;cursor:pointer;transition:transform .2s ease,background .25s ease,box-shadow .25s ease;}
.ms-contact-page .ms-contact-form-body button:hover,.ms-contact-page .ms-contact-form-body input[type="submit"]:hover{transform:translateY(-2px);background:var(--ms-gold-hover);box-shadow:var(--ms-shadow-md);}

.ms-contact-service{padding:clamp(96px,9vw,144px) 0;border-top:1px solid rgba(197,165,114,.10);border-bottom:1px solid rgba(197,165,114,.12);background:linear-gradient(180deg,rgba(255,255,255,.008),transparent);}
.ms-contact-service-header{max-width:660px;margin-bottom:64px;}
.ms-contact-service-header .ms-caption{margin-bottom:18px;}
.ms-contact-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(197,165,114,.15);}
.ms-contact-service-item{position:relative;padding:32px 34px 36px 0;border-bottom:1px solid rgba(197,165,114,.15);}
.ms-contact-service-item:not(:last-child){border-right:1px solid rgba(197,165,114,.15);padding-right:34px;margin-right:34px;}
.ms-contact-service-number{display:block;margin-bottom:28px;color:var(--ms-gold);font-size:11px;font-weight:700;letter-spacing:.14em;opacity:.72;}
.ms-contact-service-item .ms-h4{margin-bottom:14px;}
.ms-contact-service-item .ms-body{color:var(--ms-text-soft);}
.ms-contact-response-note{max-width:760px;margin:38px 0 0;color:var(--ms-text-muted);}

.ms-contact-page .ms-faq{padding:clamp(100px,9vw,148px) 0;border-bottom:1px solid rgba(197,165,114,.12);}
.ms-contact-page .ms-faq-header{max-width:720px;margin-bottom:64px;}
.ms-contact-page .ms-faq-subtitle{background:transparent;border-color:rgba(197,165,114,.20);}
.ms-contact-page .ms-faq-list{max-width:960px;gap:0;border-top:1px solid rgba(197,165,114,.15);}
.ms-contact-page .ms-faq-item{border:0;border-bottom:1px solid rgba(197,165,114,.15);border-radius:0;background:transparent;box-shadow:none;}
.ms-contact-page .ms-faq-item:hover{transform:none;box-shadow:none;}
.ms-contact-page .ms-faq-question{padding:28px 0;list-style:none;}
.ms-contact-page .ms-faq-question::-webkit-details-marker{display:none;}
.ms-contact-page .ms-faq-question-text{font-size:clamp(18px,1.7vw,22px);}
.ms-contact-page .ms-faq-answer{display:none;padding:0 72px 30px 0;max-width:820px;}
.ms-contact-page details.ms-faq-item[open]>.ms-faq-answer{display:block!important;}
.ms-contact-page details.ms-faq-item:not([open])>.ms-faq-answer{display:none!important;}
.ms-contact-page details.ms-faq-item[open]>summary .ms-faq-icon{transform:rotate(45deg)!important;background:rgba(197,165,114,.08);}
.ms-contact-page .ms-faq-answer-text{color:var(--ms-text-soft);line-height:1.9;}

.ms-contact-close{padding:clamp(96px,9vw,140px) 0;}
.ms-contact-close-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:56px;align-items:center;padding:clamp(44px,5vw,70px);border:1px solid rgba(197,165,114,.18);border-radius:30px;background:radial-gradient(circle at 90% 10%,rgba(197,165,114,.09),transparent 30%),linear-gradient(135deg,#151c1c,#0d1212);box-shadow:0 30px 80px rgba(0,0,0,.25);}
.ms-contact-close-box .ms-caption{margin-bottom:18px;}
.ms-contact-close-box .ms-h2{max-width:700px;margin-bottom:18px;text-wrap:balance;}
.ms-contact-close-box .ms-body-lg{max-width:680px;color:var(--ms-text-soft);}
.ms-contact-close-box .ms-btn{min-width:190px;}

@media(max-width:1024px){.ms-contact-page .ms-contact-grid{grid-template-columns:1fr;}.ms-contact-service-grid{grid-template-columns:1fr;}.ms-contact-service-item:not(:last-child){border-right:0;padding-right:0;margin-right:0;}.ms-contact-close-box{grid-template-columns:1fr;}.ms-contact-close-box .ms-btn{justify-self:start;}}
@media(max-width:767px){.ms-contact-intro{padding:96px 0 76px;}.ms-contact-intro-title{font-size:clamp(42px,13vw,58px);}.ms-contact-page .ms-contact{padding:84px 0;}.ms-contact-page .ms-contact-header{text-align:center;margin-bottom:48px;}.ms-contact-page .ms-contact-card{padding:26px 22px;border-radius:22px;}.ms-contact-service{padding:84px 0;}.ms-contact-service-header{margin-bottom:44px;}.ms-contact-service-item{padding:28px 0;}.ms-contact-page .ms-faq{padding:84px 0;}.ms-contact-page .ms-faq-header{margin-bottom:44px;}.ms-contact-page .ms-faq-question{padding:24px 0;gap:14px;}.ms-contact-page .ms-faq-answer{padding:0 0 26px;}.ms-contact-close{padding:84px 0;}.ms-contact-close-box{gap:36px;padding:34px 24px;border-radius:24px;}.ms-contact-close-box .ms-btn{width:100%;}}


/* =====================================================================
v3.1.61 — Native Contact Form
===================================================================== */
.ms-contact-page .ms-native-contact-form{
    position:relative;
    display:block;
    width:100%;
}

.ms-contact-page .ms-contact-form-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
}

.ms-contact-page .ms-contact-field{
    min-width:0;
}

.ms-contact-page .ms-contact-field-message{
    grid-column:1/-1;
}

.ms-contact-page .ms-contact-field label{
    display:block;
    margin-bottom:9px;
    color:var(--ms-text);
    font-size:14px;
    font-weight:650;
    line-height:1.45;
}

.ms-contact-page .ms-contact-field label span{
    color:var(--ms-gold);
}

.ms-contact-page .ms-native-contact-form :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    select,
    textarea
){
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    min-height:56px;
    padding:15px 17px;
    border:1px solid rgba(197,165,114,.18);
    border-radius:14px;
    background:#111717;
    color:var(--ms-white);
    font:inherit;
    line-height:1.55;
    outline:0;
    transition:
        border-color .22s ease,
        box-shadow .22s ease,
        background .22s ease;
}

.ms-contact-page .ms-native-contact-form textarea{
    min-height:190px;
    resize:vertical;
}

.ms-contact-page .ms-native-contact-form :is(input,select,textarea):focus{
    border-color:rgba(197,165,114,.58);
    box-shadow:0 0 0 4px rgba(197,165,114,.075);
    background:#151c1c;
}

.ms-contact-page .ms-native-contact-form :is(input,select,textarea)[aria-invalid="true"]{
    border-color:rgba(214,104,104,.72);
    box-shadow:0 0 0 3px rgba(214,104,104,.08);
}

.ms-contact-page .ms-contact-field-error{
    min-height:18px;
    margin:7px 0 0;
    color:#e2a0a0;
    font-size:12px;
    line-height:1.45;
}

.ms-contact-page .ms-contact-form-status{
    display:none;
    margin:24px 0 0;
    padding:16px 18px;
    border-radius:14px;
    font-size:14px;
    line-height:1.7;
}

.ms-contact-page .ms-contact-form-status.is-success,
.ms-contact-page .ms-contact-form-status.is-error{
    display:grid;
    gap:4px;
}

.ms-contact-page .ms-contact-form-status.is-success{
    border:1px solid rgba(121,185,150,.26);
    background:rgba(121,185,150,.07);
    color:#d8eee1;
}

.ms-contact-page .ms-contact-form-status.is-error{
    border:1px solid rgba(214,104,104,.25);
    background:rgba(214,104,104,.07);
    color:#f0c2c2;
}

.ms-contact-page .ms-contact-success-title{
    color:var(--ms-white);
    font-size:15px;
}

.ms-contact-page .ms-contact-submit{
    width:100%;
    min-height:54px;
    margin-top:24px;
}

.ms-contact-page .ms-contact-submit[disabled]{
    cursor:wait;
    opacity:.7;
    transform:none!important;
}

.ms-contact-page .ms-contact-form-privacy{
    max-width:620px;
    margin:14px auto 0;
    color:var(--ms-text-muted);
    font-size:12px;
    line-height:1.75;
    text-align:center;
}

.ms-contact-page .ms-contact-hp{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    clip-path:inset(50%)!important;
    white-space:nowrap!important;
}

html[lang^="ar"] .ms-native-contact-form,
html[lang^="fa"] .ms-native-contact-form{
    text-align:start;
}

html[lang^="ar"] .ms-native-contact-form input[type="email"],
html[lang^="fa"] .ms-native-contact-form input[type="email"]{
    direction:ltr;
    text-align:left;
}

@media(max-width:767px){
    .ms-contact-page .ms-contact-form-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .ms-contact-page .ms-contact-field-message{
        grid-column:auto;
    }

    .ms-contact-page .ms-native-contact-form textarea{
        min-height:170px;
    }
}
