/* Contact page — «المكتب المقسوم» design (v1.43) */
body.mkct-page{background:#f3f4f7!important;overflow-x:clip}
.mkct{--nv:#202d66;--nv2:#2d3e7f;--or:#f47718;--ink:#1b1f2a;--tx:#4a5268;--mu:#6b7389;--ln:#e3e7f0;--ground:#f3f4f7;--R:28px;
	--display:"Readex Pro","IBM Plex Sans Arabic",Tahoma,sans-serif;
	direction:rtl;text-align:right;background:var(--ground);color:var(--ink);font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif;font-size:17px;line-height:1.75}
.mkct *,.mkct *::before,.mkct *::after{box-sizing:border-box}
.mkct a{text-decoration:none}
.mkct h1,.mkct h2{margin:0;color:var(--nv);font-family:var(--display);font-weight:700;letter-spacing:0}
.mkct :where(p){margin:0}
.mkct svg{flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mkct a:focus-visible,.mkct button:focus-visible{outline:3px solid var(--or);outline-offset:3px}
.mkct-shell{width:min(100% - 48px,1240px);margin-inline:auto}
.mkct-kicker{display:block;margin-bottom:10px;color:var(--or);font-size:14px;font-weight:700}

.mkct-main{padding:64px 0 88px}
.mkct-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start}
.mkct-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:#fff;color:var(--nv);font-size:14px;font-weight:700}
.mkct-chip i{width:8px;height:8px;border-radius:50%;background:var(--or)}
.mkct-intro h1{margin-top:24px;font-size:clamp(34px,4.2vw,56px);line-height:1.22}
.mkct-intro>p{margin-top:20px;color:var(--tx);font-size:18px;line-height:1.8}
.mkct-channels{display:flex;flex-direction:column;gap:12px;margin-top:32px}
.mkct-channel{display:flex;align-items:center;gap:16px;padding:20px 22px;border-radius:22px;background:#fff;color:var(--nv);transition:transform .2s,box-shadow .2s}
.mkct-channel:hover{transform:translateY(-3px);box-shadow:0 24px 40px -30px rgba(32,45,102,.5);color:var(--nv)}
.mkct-ico{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--or);color:#fff;flex:none}
.mkct-channel.is-wa .mkct-ico{background:#25d366}
.mkct-ico svg{width:24px;height:24px}
.mkct-ch-text{flex:1;min-width:0}
.mkct-ch-text small{display:block;color:var(--mu);font-size:13px}
.mkct-ch-text b{display:block;overflow:hidden;font-family:var(--display);font-size:19px;text-align:right;text-overflow:ellipsis;white-space:nowrap}
.mkct-ch-text span{color:var(--tx);font-size:13px}
.mkct-arrow{color:var(--or);font-size:20px;transition:transform .2s}
.mkct-channel:hover .mkct-arrow{transform:translate(-3px,-3px)}
.mkct-reply{display:flex;align-items:center;gap:14px;margin-top:18px;padding:16px 20px;border-radius:18px;background:var(--nv);color:#fff}
.mkct-reply svg{width:22px;height:22px;color:var(--or)}
.mkct-reply b{display:block;font-family:var(--display);font-size:18px}
.mkct-reply small{display:block;color:#c7cde3;font-size:13px}

.mkct-formcard{padding:40px;background:#fff;border-radius:var(--R);box-shadow:0 30px 60px -40px rgba(32,45,102,.45)}
.mkct-formcard h2{font-size:clamp(26px,2.4vw,32px);line-height:1.3}
.mkct-formcard>p{margin:8px 0 26px;color:var(--tx)}
.mkct-form{position:relative}
.mkct-form .mkhp-honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap}
.mkct-form .mkhp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mkct-form .mkhp-form-grid p{margin:0}
.mkct-form .mkhp-form-wide,.mkct-form .mkhp-form-grid>p:nth-child(3):not(:last-child):nth-last-child(2){grid-column:1/-1}
.mkct-form label{display:block;margin-bottom:6px;color:var(--nv);font-size:13.5px;font-weight:600}
.mkct-form label em{color:var(--or);font-style:normal}
.mkct-form input:not([type=checkbox]),.mkct-form select,.mkct-form textarea{width:100%;min-height:50px;padding:12px 14px!important;border:1.5px solid var(--ln)!important;border-radius:14px!important;background:#fff!important;color:var(--ink)!important;font:inherit;font-size:15px;box-shadow:none!important;transition:border-color .2s}
.mkct-form textarea{min-height:140px;resize:vertical}
.mkct-form input:focus,.mkct-form select:focus,.mkct-form textarea:focus{border-color:var(--nv)!important;outline:0}
.mkct-form .mkhp-consent{margin:16px 0 0}
.mkct-form .mkhp-consent label{display:flex;align-items:flex-start;gap:10px;font-weight:400;color:var(--tx)}
.mkct-form .mkhp-consent input{margin-top:6px;accent-color:var(--or)}
.mkct-form .mkhp-consent a{color:var(--nv);text-decoration:underline}
.mkct-form .mkhp-button,.mkct-form button[type=submit]{width:100%;min-height:56px;margin-top:18px;border:0!important;border-radius:999px!important;background:var(--or)!important;color:#fff!important;font:700 16px "IBM Plex Sans Arabic",sans-serif!important;cursor:pointer;transition:background-color .2s}
.mkct-form .mkhp-button:hover{background:#e0650a!important}
.mkct-form .mkhp-form-notice{margin-bottom:16px;padding:14px 16px;border-radius:14px;font-size:15px}
.mkct-form .mkhp-form-notice.is-success{background:#e8f6ee;color:#1f6b45}
.mkct-form .mkhp-form-notice.is-error{background:#fdecec;color:#a12828}

.mkct-training{padding:0 0 96px}
.mkct-training-panel{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:40px 48px;background:#fff;border-radius:var(--R)}
.mkct-training-panel h2{font-size:clamp(24px,2.4vw,32px)}
.mkct-training-panel p{margin-top:8px;color:var(--tx)}
.mkct-btn{display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:0 28px;border-radius:999px;background:var(--nv);color:#fff;font-weight:700;white-space:nowrap;transition:background-color .2s,transform .2s}
.mkct-btn:hover{background:var(--nv2);color:#fff;transform:translateY(-2px)}

@media (max-width:1024px){.mkct-grid{grid-template-columns:1fr}}
@media (max-width:640px){
	.mkct{font-size:16px}
	.mkct-shell{width:min(100% - 32px,1240px)}
	.mkct-main{padding:40px 0 56px}
	.mkct-intro>p{font-size:17px}
	.mkct-channel{padding:16px}
	.mkct-ch-text b{font-size:16px}
	.mkct-formcard{padding:26px 20px;border-radius:22px}
	.mkct-form .mkhp-form-grid{grid-template-columns:1fr}
	.mkct-training{padding-bottom:56px}
	.mkct-training-panel{flex-direction:column;align-items:flex-start;padding:28px 22px;border-radius:22px}
}
@media (prefers-reduced-motion:reduce){.mkct *{transition:none!important}}
