.contact-page{padding-block:clamp(32px,5vw,52px)}.contact-hero{max-width:62ch;margin-block-end:clamp(24px,3vw,34px)}.contact-hero h1{margin:14px 0 8px;font-size:clamp(24px,3.4vw,32px)}.contact-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(20px,3vw,34px);display:grid}.contact-channels{flex-direction:column;gap:12px;display:flex}.contact-channels-title{margin:0 0 2px;font-size:17px}.contact-card{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);background:#fff;align-items:flex-start;gap:14px;padding:18px;display:flex}.contact-card-body{flex-direction:column;gap:3px;min-width:0;display:flex}.contact-card strong{font-size:14px}.contact-card-value{color:var(--teal);overflow-wrap:anywhere;font-size:15px;font-weight:700}.contact-card small{color:var(--muted);font-size:13px}.contact-emergency{background:var(--danger-bg);color:var(--danger);border-radius:var(--radius-md);align-items:flex-start;gap:10px;margin:6px 0 0;padding:14px 16px;font-size:13px;line-height:1.65;display:flex}.contact-emergency .svg-inline--fa{flex:none;margin-block-start:4px}.contact-form{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;padding:clamp(20px,3vw,30px)}.contact-form h2{margin:0;font-size:20px}.contact-form-intro{color:var(--muted);margin:8px 0 22px;font-size:14px}.contact-submit{width:100%}.contact-sent{margin-block-start:14px}.contact-sent a{font-weight:700;text-decoration:underline}.contact-more{margin-block-start:clamp(28px,4vw,44px)}.contact-more h2{margin:0 0 16px;font-size:19px}.contact-more-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.contact-more-card{background:var(--mint);border:1px solid var(--mint-deep);border-radius:var(--radius-lg);flex-direction:column;align-items:flex-start;gap:14px;padding:20px;display:flex}.contact-more-card p{color:var(--ink-soft);margin:0;font-size:14px}:lang(ar) .contact-more-card .svg-inline--fa{transform:scaleX(-1)}@media (max-width:860px){.contact-layout{grid-template-columns:1fr}}@media (max-width:640px){.contact-more-grid{grid-template-columns:1fr}}