/* HST_SPECIALISTS_MODAL_CARDS_20261021_V3: scoped overlay / details */
.hstSpV3Overlay,.hstSpV3Standalone{--hstSpPhone:#51e99c;--hstSpMax:#c495ff;--hstSpTg:#5acaff;box-sizing:border-box;font-family:Inter,"Segoe UI",Arial,sans-serif;color:#f5faff}
.hstSpV3Overlay *, .hstSpV3Standalone *{box-sizing:border-box}
.hstSpV3Overlay{position:fixed;inset:0;z-index:2147483000;background:rgba(2,8,20,.84);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);display:grid;place-items:center;padding:clamp(8px,2.5vh,24px) clamp(8px,3vw,34px)}
.hstSpV3Overlay[hidden]{display:none!important}
body.hstSpV3Open{overflow:hidden!important}
.hstSpV3Standalone{min-height:100dvh;display:grid;place-items:center;padding:clamp(8px,3vh,22px);background:radial-gradient(circle at 50% 0%,#1c3c57,#07111f 75%)}
.hstSpV3Dialog{position:relative;width:min(1040px,100%);max-height:calc(100dvh - 26px);overflow:auto;overscroll-behavior:contain;scrollbar-color:#365577 #10253e;border:1px solid rgba(104,165,215,.6);border-radius:29px;background:linear-gradient(135deg,#112b47 0%,#081a30 55%,#071321 100%);box-shadow:0 28px 95px rgba(0,0,0,.75),0 0 65px rgba(255,149,41,.08);isolation:isolate}
.hstSpV3Dialog:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 26% 36%,rgba(255,151,56,.15),transparent 44%),radial-gradient(ellipse at 92% 76%,rgba(58,135,223,.10),transparent 50%)}
.hstSpV3Top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 19px 0 24px;min-height:64px}
.hstSpV3Badge{font-size:clamp(12px,1.4vw,15px);font-weight:900;letter-spacing:.07em;color:#ff9c42}
.hstSpV3Close{display:grid;place-items:center;flex:0 0 auto;width:43px;height:43px;border:1px solid #4f759c;border-radius:13px;background:#16344d;color:#f8fbff;font-size:26px;line-height:1;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}
.hstSpV3Close:hover,.hstSpV3Close:focus-visible{background:#274966;transform:scale(1.07);box-shadow:0 0 20px rgba(92,171,241,.32);outline:none}
.hstSpV3Body{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:clamp(14px,4vw,52px);align-items:center;padding:7px clamp(16px,3vw,34px) clamp(18px,3vw,34px)}
.hstSpV3Art{display:flex;align-items:flex-end;justify-content:center;min-height:340px;height:clamp(340px,54vh,550px);border:1px solid rgba(115,175,228,.16);border-radius:22px;overflow:hidden;background:radial-gradient(ellipse at 50% 69%,rgba(245,145,49,.23),transparent 64%),linear-gradient(0deg,rgba(5,14,30,.3),transparent 60%)}
.hstSpV3Art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 19px rgba(0,0,0,.43));pointer-events:none}
.hstSpV3Info{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.hstSpV3Eyebrow{font-size:12px;letter-spacing:.12em;font-weight:900;text-transform:uppercase;color:#ffad5d}
.hstSpV3Name{font-size:clamp(28px,3.9vw,47px);line-height:1.12;margin:11px 0 8px;font-weight:900;overflow-wrap:anywhere;letter-spacing:-.035em}
.hstSpV3Profession{font-size:clamp(16px,2vw,22px);font-weight:750;margin:0 0 22px;color:#ffc185}
.hstSpV3Hint{font-size:14px;line-height:1.55;color:#aac5dc;margin:0 0 13px}
.hstSpV3Contacts{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,1vw,12px)}
.hstSpV3Contact{--tone:#fff;--glow:rgba(255,255,255,.4);--soft:rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:126px;padding:12px 4px;border-radius:19px;border:1px solid color-mix(in srgb,var(--tone) 48%,transparent);background:linear-gradient(160deg,var(--soft),rgba(6,18,32,.9));color:#f7faff;text-align:center;text-decoration:none!important;font-weight:800;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;cursor:pointer}
.hstSpV3Contact[data-kind="phone"]{--tone:var(--hstSpPhone);--glow:rgba(42,238,150,.56);--soft:rgba(53,226,149,.14)}
.hstSpV3Contact[data-kind="max"]{--tone:var(--hstSpMax);--glow:rgba(175,108,255,.59);--soft:rgba(178,108,255,.15)}
.hstSpV3Contact[data-kind="telegram"]{--tone:var(--hstSpTg);--glow:rgba(64,190,255,.58);--soft:rgba(57,170,252,.15)}
.hstSpV3ContactIcon{display:grid;place-items:center;width:49px;height:49px;border-radius:15px;background:var(--soft);color:var(--tone)}
.hstSpV3ContactIcon svg{display:block;width:28px;height:28px;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.hstSpV3ContactLabel{font-size:clamp(11px,1.3vw,14px)}
.hstSpV3ContactSub{font-size:11px;color:#c0cddd;font-weight:550}
.hstSpV3Contact[href]:hover,.hstSpV3Contact[href]:focus-visible{transform:translateY(-5px) scale(1.045);box-shadow:0 0 16px var(--glow),0 0 42px var(--glow),inset 0 0 19px var(--soft);border-color:var(--tone);outline:none}
.hstSpV3Contact.isEmpty{opacity:.65;cursor:default;border-style:dashed}
.hstSpV3Home{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #ffa044;border-radius:14px;padding:12px 17px;margin-top:22px;background:#ff942d;color:#071729!important;font-weight:900;text-decoration:none!important;box-shadow:0 7px 23px #ff891b27}
.hstSpV3Home:hover,.hstSpV3Home:focus-visible{box-shadow:0 0 20px #ff97328a}
@media(max-width:720px){
 .hstSpV3Overlay{padding:0;display:block}
 .hstSpV3Standalone{display:block;padding:0}
 .hstSpV3Dialog{width:100%;max-width:none;max-height:100dvh;min-height:100dvh;border-radius:0;border-left:0;border-right:0;display:flex;flex-direction:column;overflow:auto}
 .hstSpV3Top{padding:10px 14px 0;min-height:54px}
 .hstSpV3Body{display:flex;flex:1;flex-direction:column;align-items:stretch;gap:10px;padding:8px 12px max(18px,env(safe-area-inset-bottom))}
 .hstSpV3Art{width:100%;height:clamp(235px,42dvh,445px);min-height:0;flex:0 0 auto;border-radius:18px}
 .hstSpV3Info{align-items:center;text-align:center;flex:1}
 .hstSpV3Eyebrow{font-size:11px}
 .hstSpV3Name{font-size:clamp(26px,7.6vw,39px);margin:8px 0 4px}
 .hstSpV3Profession{font-size:17px;margin-bottom:12px}
 .hstSpV3Hint{font-size:13px;margin-bottom:10px}
 .hstSpV3Contacts{gap:7px}
 .hstSpV3Contact{min-height:94px;border-radius:16px;gap:6px;padding:8px 3px}
 .hstSpV3ContactIcon{width:41px;height:41px;border-radius:12px}
 .hstSpV3ContactIcon svg{width:25px;height:25px}
 .hstSpV3ContactSub{font-size:10px}
 .hstSpV3Home{margin-top:16px}
}
@media(max-width:360px){.hstSpV3Art{height:36dvh}.hstSpV3Contact{min-height:85px}.hstSpV3Contacts{gap:4px}}
@media(prefers-reduced-motion:reduce){.hstSpV3Contact,.hstSpV3Close{transition:none}.hstSpV3Contact[href]:hover{transform:none}}
