/**
 * Contact page 1.6.1 — isolated from the legacy form and shared v1.6 shell.
 */
.ar-contact-v161 .ar160-shell{min-height:100vh;display:flex;flex-direction:column}
.ar-contact-v161 .ar160-shell>main{flex:1 0 auto}
.ar161-contact-page{background:#F7F9FD;color:#0F1F45;overflow-x:clip}
.ar161-contact-hero{padding:24px 0 6px;background:radial-gradient(70% 40% at 90% 0%,rgba(31,85,199,.10),transparent 70%),radial-gradient(60% 40% at 0% 30%,rgba(212,24,61,.07),transparent 70%),#fff}
.ar161-contact-hero h1{margin:0;color:var(--ar160-navy,#0F2A5C);font-size:clamp(22px,6.2vw,28px);font-weight:900;line-height:1.4}
.ar161-contact-hero h1 b{color:var(--ar160-red,#D4183D);font-weight:900}
.ar161-contact-bar{display:block;width:46px;height:4px;margin-top:12px;border-radius:4px;background:var(--ar160-red,#D4183D)}
.ar161-contact-hero p{max-width:60ch;margin:12px 0 0;color:#4A5878;font-size:14.5px;line-height:1.95}
.ar161-contact-grid{display:grid;gap:16px;padding-block:20px 40px}
.ar161-contact-side{padding:20px 18px;border:1px solid #E3E9F4;border-radius:18px;background:var(--ar160-soft,#F3F7FD)}
.ar161-contact-side h2{margin:0;color:var(--ar160-navy,#0F2A5C);font-size:18px;font-weight:900;line-height:1.5}
.ar161-contact-side p{margin:4px 0 0;color:#4A5878;font-size:14px;line-height:1.9}
.ar161-contact-side ul{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none}
.ar161-contact-side li{display:flex;align-items:flex-start;gap:10px;color:var(--ar160-navy,#0F2A5C);font-size:14px;font-weight:700;line-height:1.7}
.ar161-contact-side li::before{content:"✓";flex:none;width:22px;height:22px;margin-top:2px;border-radius:50%;display:grid;place-items:center;background:var(--ar160-red,#D4183D);color:#fff;font-size:12px;font-weight:900}
.ar161-contact-form{position:relative;margin:0;padding:20px 18px;border:1px solid #E3E9F4;border-radius:18px;background:#fff;box-shadow:0 8px 28px rgba(15,31,69,.08)}
.ar161-contact-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.ar161-contact-step-count{color:#7B87A3;font-size:13px;font-weight:700;white-space:nowrap}
.ar161-contact-step-count b{color:var(--ar160-navy,#0F2A5C)}
.ar161-contact-progress{flex:1;height:6px;overflow:hidden;border-radius:6px;background:#EEF3FB}
.ar161-contact-progress i{display:block;width:20%;height:100%;border-radius:6px;background:var(--ar160-red,#D4183D);transition:width .25s ease}
.ar161-contact-step[hidden],.ar161-contact-nav [hidden],.ar161-contact-done[hidden]{display:none!important}
.ar161-contact-question{min-width:0;margin:0;padding:0;border:0}
.ar161-contact-question+.ar161-contact-question{margin-top:18px;padding-top:16px;border-top:1px solid #E3E9F4}
.ar161-contact-question legend,.ar161-contact-last-title{width:100%;margin:0 0 12px;padding:0;color:var(--ar160-navy,#0F2A5C);font:900 17px/1.5 "IBM Plex Sans Arabic",system-ui,sans-serif}
.ar161-contact-choices{display:grid;gap:8px}
.ar161-contact-choice{position:relative;display:block;margin:0;color:var(--ar160-navy,#0F2A5C);cursor:pointer}
.ar161-contact-choice input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.ar161-contact-choice span{display:flex;align-items:center;min-height:50px;padding:8px 16px;border:1.5px solid #E3E9F4;border-radius:12px;background:#F7F9FD;color:var(--ar160-navy,#0F2A5C);font:700 14.5px/1.5 "IBM Plex Sans Arabic",system-ui,sans-serif;transition:border-color .18s ease,background .18s ease,color .18s ease}
.ar161-contact-choice input:focus-visible+span{outline:3px solid rgba(31,85,199,.22);outline-offset:2px}
.ar161-contact-choice input:checked+span{border-color:var(--ar160-red,#D4183D);background:#FDEEF1;color:#9E1230}
.ar161-contact-field{margin-bottom:10px}
.ar161-contact-field label{display:block;margin:0 0 5px;color:#4A5878;font-size:12.5px;font-weight:700}
.ar161-contact-field input,.ar161-contact-field textarea{width:100%;min-height:50px;margin:0;padding:0 14px;border:1px solid #E3E9F4;border-radius:12px;background:#F7F9FD;color:#0F1F45;font:500 15px/1.7 "IBM Plex Sans Arabic",system-ui,sans-serif;box-shadow:none}
.ar161-contact-field textarea{min-height:96px;padding:12px 14px;resize:vertical}
.ar161-contact-field input::placeholder,.ar161-contact-field textarea::placeholder{color:#7B87A3}
.ar161-contact-field input:focus,.ar161-contact-field textarea:focus{outline:none;border-color:var(--ar160-red,#D4183D);box-shadow:0 0 0 3px rgba(212,24,61,.12)}
.ar161-contact-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.ar161-contact-error{display:none;margin:10px 0 0;color:#B01232;font-size:13px;font-weight:700;line-height:1.7}
.ar161-contact-nav{display:flex;gap:10px;margin-top:14px}
.ar161-contact-nav .ar160-btn{flex:1;margin:0;border-radius:14px;font:700 15px "IBM Plex Sans Arabic",system-ui,sans-serif}
.ar161-contact-nav .ar160-btn:disabled{opacity:.58;cursor:wait}
.ar161-contact-note{margin:12px 0 0;color:#7B87A3;font-size:12px;line-height:1.8;text-align:center}
.ar161-contact-done{padding:10px 0 4px;text-align:center}
.ar161-contact-done>span{width:54px;height:54px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;background:var(--ar160-red,#D4183D);color:#fff;font-size:26px;font-weight:900}
.ar161-contact-done h2{margin:0;color:var(--ar160-navy,#0F2A5C);font-size:22px;font-weight:900}
.ar161-contact-done p{margin:6px 0 16px;color:#4A5878;font-size:14px}
.ar161-contact-whatsapp{width:100%;background:#1FA855;color:#fff}
@media (min-width:900px){
  .ar161-contact-hero{padding:40px 0 8px}
  .ar161-contact-hero h1{font-size:38px}
  .ar161-contact-hero p{margin-top:16px;font-size:18px}
  .ar161-contact-grid{grid-template-columns:.8fr 1.2fr;align-items:start;gap:26px;padding-block:24px 44px}
  .ar161-contact-side{padding:30px 28px}
  .ar161-contact-side h2{font-size:24px}
  .ar161-contact-side p{font-size:15px}
  .ar161-contact-side ul{gap:14px;margin-top:20px}
  .ar161-contact-side li{font-size:16px}
  .ar161-contact-form{padding:30px}
  .ar161-contact-question legend,.ar161-contact-last-title{font-size:20px}
  .ar161-contact-choices{grid-template-columns:1fr 1fr}
  .ar161-contact-choice span{min-height:54px}
  .ar161-contact-nav .ar160-btn{flex:0 0 auto;min-width:160px}
}
@media (max-width:899px){
  .ar161-contact-page{padding-bottom:4px}
}
@media (prefers-reduced-motion:reduce){
  .ar161-contact-progress i,.ar161-contact-choice span{transition:none}
}

/* 1.8.16 — the same form on the homepage (last block above the footer); also the target of every home contact button. */
.ar161-contact-hero h2{margin:0;color:var(--ar160-navy,#0F2A5C);font-size:clamp(22px,6.2vw,28px);font-weight:900;line-height:1.4}
.ar161-contact-hero h2 b{color:var(--ar160-red,#D4183D);font-weight:900}
.ar161-home-contact{scroll-margin-top:80px;margin-top:30px}
.ar161-home-contact .ar161-contact-page{background:transparent}
.ar161-home-contact .ar161-contact-hero{padding:0;background:none}
.ar161-home-contact .ar161-contact-grid{padding-inline:0;padding-bottom:30px}
@media (min-width:900px){.ar161-home-contact{scroll-margin-top:24px;margin-top:44px}}
html:has(.ar-home-v160){scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html:has(.ar-home-v160){scroll-behavior:auto}}

/* 1.8.16 — after sending, only the thank-you screen stays: `hidden` must beat the display:flex of these blocks. */
.ar161-contact-top[hidden],.ar161-contact-nav[hidden],.ar161-contact-note[hidden]{display:none!important}
/* 1.8.16 — homepage form on phones: no «خطوات قصيرة» box (desktop and /contact/ unchanged). */
@media (max-width:899px){.ar161-home-contact .ar161-contact-side{display:none}}