/* Saghf Bahman contact page only. Keeps the shared layout and stylesheet intact. */
.sb-contact-section{padding-block:clamp(68px,8vw,120px)}
.sb-contact-heading{display:grid;grid-template-columns:1fr minmax(260px,390px);align-items:end;gap:45px;margin-bottom:48px}
.sb-contact-heading .eyebrow{margin-bottom:18px}
.sb-contact-heading .display-heading{font-size:clamp(44px,5.6vw,84px)}
.sb-contact-heading>p{font-size:15px;line-height:2.3;color:#617078;max-width:390px;margin:0 0 10px}
.sb-contact-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sb-contact-card{min-width:0;position:relative;display:flex;align-items:center;gap:24px;padding:clamp(24px,3vw,39px);min-height:188px;background:#e8e5dd;border:1px solid rgba(12,21,27,.14);color:var(--ink);overflow:hidden;transition:background .35s,border-color .35s,box-shadow .45s,transform .45s var(--ease)}
.sb-contact-card::before{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}
.sb-contact-symbol{flex:none;width:68px;height:68px;border:1px solid #c9c3b7;border-radius:50%;display:grid;place-items:center;color:#7d613c;background:#f1eee7;font-size:33px;font-weight:600;line-height:1}
.sb-contact-telegram .sb-contact-symbol{font-size:37px}
.sb-contact-x .sb-contact-symbol{font-size:31px}
.sb-contact-info{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px;flex:1}
.sb-contact-label{font-size:12px;font-weight:700;color:#6a7070}
.sb-contact-info strong{font-size:clamp(19px,2vw,27px);font-weight:800;line-height:1.45;direction:ltr;unicode-bidi:isolate;text-align:left;max-width:100%;overflow-wrap:anywhere}
.sb-contact-note{font-size:12px;color:#647077;line-height:1.9}
.sb-contact-arrow{font-size:24px;color:#9d7748;align-self:flex-start;flex:none;line-height:1.2;transition:transform .3s}
.sb-contact-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;margin-top:36px;padding-top:24px;border-top:1px solid var(--line);font-size:13px;color:#6d7577}
.sb-contact-foot strong{margin-inline-start:10px;color:var(--ink)}
.sb-contact-foot nav{display:flex;flex-wrap:wrap;gap:22px}
.sb-contact-foot a{color:#665034;font-weight:700}
.sb-contact-foot a:focus-visible{outline:2px solid #9b713c;outline-offset:4px}
.sb-contact-card:focus-visible{outline:3px solid #b98b51;outline-offset:3px}
@media(hover:hover) and (pointer:fine){
.sb-contact-card:hover{background:#f4f0e8;border-color:#bc9a66;transform:translateY(-6px);box-shadow:0 20px 45px rgba(12,21,27,.13)}
.sb-contact-card:hover::before{transform:scaleX(1)}
.sb-contact-card:hover .sb-contact-arrow{transform:translate(-4px,-4px)}
}
@media(max-width:900px){.sb-contact-heading{grid-template-columns:1fr;gap:16px}.sb-contact-heading>p{max-width:640px}.sb-contact-cards{gap:12px}.sb-contact-card{gap:16px;padding:25px}.sb-contact-symbol{width:56px;height:56px;font-size:27px}}
@media(max-width:660px){.sb-contact-cards{grid-template-columns:1fr}.sb-contact-heading{margin-bottom:27px}.sb-contact-card{min-height:132px;padding:22px}.sb-contact-foot{align-items:flex-start;flex-direction:column}.sb-contact-info strong{font-size:22px}}
@media(prefers-reduced-motion:reduce){.sb-contact-card,.sb-contact-card::before,.sb-contact-arrow{transition:none!important}.sb-contact-card:hover{transform:none}.sb-contact-card:hover .sb-contact-arrow{transform:none}}

/* Reserve the arrow outside the text column; keep phone numbers and handles intact. */
.sb-contact-info strong{white-space:nowrap;overflow-wrap:normal}
@media(max-width:900px){
 .sb-contact-arrow{position:absolute;top:25px;left:25px}
 .sb-contact-label{padding-inline-end:28px}
}
@media(max-width:660px){
 .sb-contact-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px}
 .sb-contact-symbol{width:44px;height:44px}
 .sb-contact-arrow{top:22px;left:22px}
}

/* Brand-specific vector marks, contact channels; preview only. */
.sb-contact-symbol .sb-brand-icon{display:block;width:34px;height:34px;fill:currentColor;flex:none}
.sb-contact-telegram .sb-contact-symbol{color:#229ed9}
.sb-contact-eitaa .sb-contact-symbol{color:#e37600}
@media(max-width:560px){.sb-contact-symbol .sb-brand-icon{width:30px;height:30px}}
