.spct-office-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:clamp(16px,2.2vw,26px);margin-top:0}
.spct-office-card{position:relative;display:flex;flex-direction:column;min-width:0;height:100%;box-sizing:border-box;padding:clamp(24px,3vw,36px);overflow:hidden;border:1px solid color-mix(in srgb,var(--spct-primary) 11%,transparent);border-radius:24px;background:var(--spct-surface);box-shadow:0 18px 50px rgba(0,15,89,.065);transition:border-color .22s ease,box-shadow .22s ease}
.spct-office-card::before{content:none!important}
.spct-office-card:hover{border-color:color-mix(in srgb,var(--spct-primary) 20%,transparent);box-shadow:0 22px 58px rgba(0,15,89,.09)}
.spct-office-card .spct-office-panel__label{margin:0 0 5px;color:var(--spct-accent);font-size:13px;font-weight:750}
.spct-office-card h3{margin:0 0 22px;color:var(--spct-primary);font-size:clamp(21px,2vw,27px);line-height:1.45}
.spct-office-card .spct-office-line{min-height:72px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid color-mix(in srgb,var(--spct-primary) 9%,transparent)}
.spct-office-card .spct-office-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.spct-office-card .spct-office-contact{min-width:0;padding:12px;border-radius:14px;background:color-mix(in srgb,var(--spct-primary) 3%,#fff)}
.spct-office-phones{grid-column:1/-1;min-width:0;padding:14px 16px 16px;border-radius:14px;background:color-mix(in srgb,var(--spct-primary) 3%,#fff)}
.spct-office-phones__head{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin-bottom:11px;color:color-mix(in srgb,var(--spct-primary) 58%,#fff)}
.spct-office-phones__head svg{width:21px;height:21px;color:var(--spct-primary)}
.spct-office-phones__head small{font-size:13px;font-weight:700}
.spct-office-phones__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.spct-office-phones__list a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:42px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--spct-primary) 9%,transparent);border-radius:10px;background:rgba(255,255,255,.72);color:var(--spct-primary);font-size:14px;font-weight:800;line-height:1.2;text-decoration:none;transition:border-color .2s ease,background .2s ease,color .2s ease}
.spct-office-phones__list a:hover{border-color:color-mix(in srgb,var(--spct-accent) 55%,transparent);background:#fff;color:var(--spct-accent)}
.spct-office-map-wrap{margin-top:auto;padding-top:18px}
.spct-office-map{overflow:hidden;border:1px solid color-mix(in srgb,var(--spct-primary) 9%,transparent);border-radius:16px;aspect-ratio:16/7;background:#f3f5f8}
.spct-office-map iframe{display:block;width:100%;height:100%;border:0}
.spct-office-map--neshan{position:relative;min-height:240px;width:100%;max-width:100%;margin-inline:auto;direction:ltr;isolation:isolate}
.spct-office-map--neshan .mapboxgl-canvas-container,.spct-office-map--neshan .mapboxgl-canvas{max-width:100%!important}
@media(max-width:820px){.spct-office-grid{grid-template-columns:1fr}.spct-office-card .spct-office-line{min-height:0}}
@media(max-width:480px){.spct-office-card{padding:24px 18px}.spct-office-card .spct-office-contact-grid,.spct-office-phones__list{grid-template-columns:1fr}.spct-office-map{aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){.spct-office-card{transition:none}}