
.mcpw-contact-page {
    --mcpw-white: #ffffff;
    --mcpw-snow: rgba(252, 252, 252, 0.85);
    --mcpw-black: #000000;
    --mcpw-grey-text: #333333;
    --mcpw-gold: var(--sedi-brand-accent,var(--mcpw-gold));
    --mcpw-ease: cubic-bezier(0.16, 1, 0.3, 1);
    --mcpw-border: rgba(0,0,0,0.12);
    --mcpw-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 10px 20px rgba(0,0,0,0.03);
    font-family: 'Outfit', sans-serif;
    background: var(--mcpw-white);
    color: var(--mcpw-black);
    overflow-x: clip;
    width: 100%;
    -webkit-font-smoothing: antialiased;
}

.mcpw-contact-page *,
.mcpw-contact-page *::before,
.mcpw-contact-page *::after { box-sizing: border-box; }

.mcpw-contact-hero { padding: 80px 40px 40px; text-align: center; position: relative; overflow: hidden; }
.mcpw-bg-text { position: absolute; top: 20%; left: 50%; transform: translateX(-50%); font-size: clamp(80px, 15vw, 180px); line-height: 0.85; font-weight: 700; color: #f8f8f8; z-index: 1; pointer-events: none; white-space: nowrap; }
.mcpw-hero-title { position: relative; z-index: 2; font-size: clamp(38px, 5vw, 52px); line-height: 1.05; font-weight: 700; letter-spacing: -0.02em; margin: 0; color: var(--mcpw-black); }

.mcpw-contact-container { max-width: 1300px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 100px; padding: 60px 40px 120px; }
.mcpw-info-side { display: flex; flex-direction: column; min-width: 0; }
.mcpw-contact-method { margin-bottom: 40px; }
.mcpw-method-label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 2.5px; color: #aaa; margin-bottom: 10px; display: block; }
.mcpw-method-value { font-size: clamp(18px, 2vw, 20px); font-weight: 600; color: var(--mcpw-black); text-decoration: none; transition: color 0.3s var(--mcpw-ease); overflow-wrap: anywhere; }
.mcpw-method-value:hover { color: var(--mcpw-gold); }

.mcpw-bulk-intro { margin-top: 40px; padding-top: 40px; border-top: 1.5px solid #f2f2f2; }
.mcpw-bulk-head { font-size: clamp(22px, 2.4vw, 24px); line-height: 1.2; font-weight: 700; margin: 0 0 20px; color: var(--mcpw-black); }
.mcpw-bulk-desc { font-size: 15px; line-height: 1.8; color: var(--mcpw-grey-text); margin: 0 0 30px; }

.mcpw-acc-item { border-bottom: 1.2px solid var(--mcpw-border); }
.mcpw-acc-trigger { width: 100%; padding: 22px 0; background: none; border: none; display: flex; justify-content: space-between; gap: 20px; align-items: center; cursor: pointer; font-family: inherit; font-size: 13px; line-height: 1.35; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; text-align: left; color: var(--mcpw-black); }
.mcpw-acc-content { max-height: 0; overflow: hidden; transition: max-height 0.5s var(--mcpw-ease), padding-bottom 0.5s var(--mcpw-ease); font-size: 14px; line-height: 1.8; color: var(--mcpw-grey-text); }
.mcpw-acc-content p { margin: 0; }
.mcpw-acc-item.is-active .mcpw-acc-content { max-height: 300px; padding-bottom: 25px; }
.mcpw-plus-icon { width: 12px; height: 12px; position: relative; flex: 0 0 12px; }
.mcpw-plus-icon::before,
.mcpw-plus-icon::after { content: ''; position: absolute; background: currentColor; transition: transform 0.4s var(--mcpw-ease), opacity 0.4s var(--mcpw-ease); }
.mcpw-plus-icon::before { top: 5.5px; left: 0; width: 12px; height: 1.5px; }
.mcpw-plus-icon::after { top: 0; left: 5.5px; width: 1.5px; height: 12px; }
.mcpw-acc-item.is-active .mcpw-plus-icon::after { transform: rotate(90deg); opacity: 0; }

.mcpw-form-side { background: #fafafa; padding: 50px; border-radius: 2px; border: 1px solid var(--mcpw-border); min-width: 0; }
.mcpw-input-group { margin-bottom: 20px; }
.mcpw-luxury-label { font-size: 11px; line-height: 1.3; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 12px; display: block; color: var(--mcpw-black); }
.mcpw-luxury-input,
.mcpw-luxury-select,
.mcpw-luxury-area { width: 100%; padding: 18px; border: 1.5px solid var(--mcpw-border); border-radius: 2px; font-family: inherit; font-size: 14px; line-height: 1.4; background: var(--mcpw-white); transition: border-color 0.3s var(--mcpw-ease), box-shadow 0.3s var(--mcpw-ease); color: var(--mcpw-black); font-weight: 500; appearance: auto; }
.mcpw-luxury-input:focus,
.mcpw-luxury-select:focus,
.mcpw-luxury-area:focus { border-color: var(--mcpw-black); outline: none; box-shadow: 0 0 0 3px rgba(0,0,0,0.035); }
.mcpw-luxury-area { resize: vertical; min-height: 130px; }

.mcpw-conditional-zone,
.mcpw-other-branding-zone { display: none; }
.mcpw-conditional-zone.is-visible { display: block; margin-top: 25px; padding-top: 25px; border-top: 1.5px solid #eee; animation: mcpwZoneIn 0.5s var(--mcpw-ease); }
.mcpw-other-branding-zone.is-visible { display: block; animation: mcpwZoneIn 0.5s var(--mcpw-ease); }
@keyframes mcpwZoneIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

.mcpw-grid-two { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.mcpw-btn-submit { width: 100%; padding: 22px; background: var(--mcpw-black); color: var(--mcpw-white); border: 1.5px solid var(--mcpw-black); font-family: inherit; font-size: 11px; line-height: 1.2; font-weight: 700; text-transform: uppercase; letter-spacing: 3px; cursor: pointer; transition: background 0.4s var(--mcpw-ease), border-color 0.4s var(--mcpw-ease), transform 0.4s var(--mcpw-ease); margin-top: 30px; }
.mcpw-btn-submit:hover,
.mcpw-btn-submit:focus { background: var(--mcpw-gold); border-color: var(--mcpw-gold); transform: translateY(-3px); outline: none; }
.mcpw-btn-submit:disabled { cursor: wait; opacity: 0.7; transform: none; }
.mcpw-form-notice { display: none; margin-top: 18px; padding: 14px 16px; border: 1px solid var(--mcpw-border); background: #fff; font-size: 14px; line-height: 1.5; color: var(--mcpw-black); }
.mcpw-form-notice.is-visible { display: block; }
.mcpw-form-notice.is-error { border-color: rgba(160,0,0,0.35); color: #8a0000; }
.mcpw-form-notice.is-success { border-color: rgba(0,100,40,0.25); color: #005c24; }

@media (max-width: 900px) {
    .mcpw-contact-hero { padding: 64px 20px 32px; }
    .mcpw-contact-container { grid-template-columns: 1fr; padding: 20px 20px 80px; gap: 60px; }
    .mcpw-form-side { padding: 30px 20px; }
}

@media (max-width: 640px) {
    .mcpw-bg-text { font-size: clamp(68px, 24vw, 110px); top: 26%; }
    .mcpw-hero-title { font-size: 38px; }
    .mcpw-grid-two { grid-template-columns: 1fr; gap: 0; }
    .mcpw-acc-trigger { font-size: 12px; letter-spacing: 1.6px; }
    .mcpw-luxury-input,
    .mcpw-luxury-select,
    .mcpw-luxury-area { padding: 16px; }
}

.mcpw-hp-field {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.mcpw-consent-text {
    margin: 4px 0 0;
    font-size: 12px;
    line-height: 1.7;
    color: #666;
}
