.branches-section{--b-green: #00D26A;--b-mint: #A7F3D0;--b-soft: #E6FBF1;--b-navy: #092C3E;position:relative;padding:96px 0;color:#fff;overflow:hidden;background:radial-gradient(900px 500px at 88% -10%,rgba(0,210,106,.22),transparent 60%),radial-gradient(700px 500px at 0% 105%,rgba(167,243,208,.12),transparent 60%),var(--b-navy)}.branches-head{max-width:720px;margin:0 auto 44px;text-align:center}.branches-eyebrow{display:inline-block;padding:6px 14px;font:600 12px/1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--b-mint);background:#00d26a1f;border:1px solid rgba(167,243,208,.28);border-radius:999px}.branches-section h2{margin:18px 0 12px;font-size:clamp(28px,4vw,42px);line-height:1.15;font-weight:700;color:#fff;background:linear-gradient(135deg,#fff 0%,var(--b-mint) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.branches-head p{margin:0;font-size:16px;line-height:1.6;color:#e6fbf1bf}.branches-map-wrap{padding:1.5px;border-radius:28px;background:linear-gradient(135deg,#00d26ab3,#a7f3d014 45%,#a7f3d066);box-shadow:0 30px 80px #0006}#branches-map{height:640px;border-radius:26px;background:linear-gradient(rgba(167,243,208,.04) 1px,transparent 1px) 0 0 / 40px 40px,linear-gradient(90deg,rgba(167,243,208,.04) 1px,transparent 1px) 0 0 / 40px 40px,radial-gradient(circle at 50% 40%,#0f4560,#0a3248 55%,#072636);outline:none}#branches-map:fullscreen{width:100vw;height:100vh;border-radius:0;background:#072636}.branches-map-wrap:has(#branches-map:fullscreen){padding:0;border-radius:0;box-shadow:none;background:none}.leaflet-container path.kz-region{fill:#a7f3d01a;stroke:#a7f3d073;stroke-width:1;stroke-linejoin:round;cursor:pointer;outline:none;transition:fill .25s,stroke .25s,filter .25s}.leaflet-container path.kz-region:hover{fill:#00d26a52;stroke:#00d26a;stroke-width:1.6;filter:drop-shadow(0 0 10px rgba(0,210,106,.55))}.leaflet-container path.kz-region.is-active{fill:#00d26a6b;stroke:#a7f3d0;stroke-width:1.8;filter:drop-shadow(0 0 14px rgba(0,210,106,.7))}.leaflet-container path.kz-object,.leaflet-container path.kz-object-halo{vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round;transition:stroke-width .2s,fill-opacity .2s,stroke .2s}.leaflet-container path.kz-object{cursor:pointer}.leaflet-container path.kz-object:hover{filter:drop-shadow(0 0 8px rgba(0,210,106,.85))}.leaflet-container path.kz-object-halo{pointer-events:none}.branch-pin{position:relative;width:22px;height:22px;transition:transform .2s}.branch-pin__pulse{position:absolute;inset:0;border-radius:50%;background:#00d26a80;animation:pin-pulse 2.4s ease-out infinite;animation-delay:calc(var(--i, 0) * .12s)}.branch-pin__core{position:absolute;inset:5px;border-radius:50%;background:#00d26a;border:2px solid #fff;box-shadow:0 0 0 3px #00d26a59,0 4px 10px #00000073;animation:pin-in .5s cubic-bezier(.2,1.4,.4,1) both;animation-delay:calc(var(--i, 0) * 45ms);transition:background .2s,border-color .2s}.branch-pin:hover,.branch-pin.active{transform:scale(1.3)}.branch-pin.active .branch-pin__core{background:#fff;border-color:#00d26a}@keyframes pin-pulse{0%{transform:scale(.6);opacity:.9}to{transform:scale(2.4);opacity:0}}@keyframes pin-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.leaflet-tooltip.branch-tooltip{padding:7px 12px;font:600 13px/1.2 system-ui,sans-serif;color:#fff;background:#092c3eeb;border:1px solid rgba(167,243,208,.35);border-radius:10px;box-shadow:0 8px 24px #00000059;backdrop-filter:blur(6px)}.leaflet-tooltip-top.branch-tooltip:before{border-top-color:#092c3eeb}.leaflet-control-zoom{border:0!important;border-radius:12px!important;overflow:hidden;box-shadow:0 6px 20px #00000059!important}.leaflet-control-zoom a{width:34px!important;height:34px!important;line-height:34px!important;color:#a7f3d0!important;background:#092c3ed9!important;border:0!important;backdrop-filter:blur(6px);transition:background .15s,color .15s}.leaflet-control-zoom a+a{border-top:1px solid rgba(167,243,208,.2)!important}.leaflet-control-zoom a:hover{color:#092c3e!important;background:#00d26a!important}.leaflet-control-attribution{font-size:10px;color:#a7f3d099!important;background:#092c3e99!important;border-radius:8px 0 0}.map-home-btn{padding:10px 16px;font:600 13px/1 system-ui,sans-serif;color:#092c3e;background:linear-gradient(135deg,#00d26a,#5ee9a8);border:0;border-radius:12px;box-shadow:0 6px 20px #00d26a59;cursor:pointer;transition:transform .15s,box-shadow .15s}.map-home-btn:hover{transform:translateY(-1px);box-shadow:0 10px 26px #00d26a80}.map-mode{display:inline-flex;padding:3px;background:#092c3ed9;border:1px solid rgba(167,243,208,.25);border-radius:12px;backdrop-filter:blur(6px);box-shadow:0 6px 20px #00000059}.map-mode-btn{padding:7px 14px;font:600 13px/1 system-ui,sans-serif;color:#a7f3d0;background:transparent;border:0;border-radius:9px;cursor:pointer;transition:background .15s,color .15s}.map-mode-btn:hover{color:#fff}.map-mode-btn.is-active{color:#092c3e;background:linear-gradient(135deg,#00d26a,#5ee9a8);box-shadow:0 2px 10px #00d26a66}.map-fs-btn{display:grid;place-items:center;width:34px;height:34px;padding:0;color:#a7f3d0;background:#092c3ed9;border:0;border-radius:12px;box-shadow:0 6px 20px #00000059;backdrop-filter:blur(6px);cursor:pointer;transition:background .15s,color .15s}.map-fs-btn:hover{color:#092c3e;background:#00d26a}.map-fs-btn.is-active{color:#092c3e;background:#a7f3d0}.map-count{display:flex;align-items:center;gap:8px;padding:9px 14px;font:500 13px/1 system-ui,sans-serif;color:#e6fbf1;background:#092c3ed9;border:1px solid rgba(167,243,208,.25);border-radius:999px;backdrop-filter:blur(6px)}.map-count:before{content:"";width:8px;height:8px;border-radius:50%;background:#00d26a;box-shadow:0 0 10px #00d26a}.map-count b{color:#00d26a;font-weight:700}.branch-modal{width:min(540px,calc(100% - 32px));max-height:calc(100vh - 48px);padding:0;border:0;border-radius:24px;background:#fff;color:#0f2a38;overflow:auto;box-shadow:0 30px 90px #092c3e80}.branch-modal::backdrop{background:#092c3eb3;backdrop-filter:blur(6px)}.branch-modal[open]{animation:branch-modal-in .25s ease-out}@keyframes branch-modal-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.branch-modal__inner{position:relative}.branch-modal__close{position:absolute;top:14px;right:14px;z-index:2;width:34px;height:34px;font-size:22px;line-height:1;color:#fff;background:#ffffff24;border:0;border-radius:50%;cursor:pointer;transition:background .15s}.branch-modal__close:hover{background:#ffffff47}.branch-modal__header{position:relative;padding:36px 64px 28px 28px;background:radial-gradient(320px 180px at 100% 0,rgba(0,210,106,.45),transparent 70%),#092c3e}.branch-modal__header:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--gradient-brand, linear-gradient(135deg, #00D26A 0%, #A7F3D0 50%, #092C3E 100%))}.branch-modal__header h2{margin:0;font-size:22px;line-height:1.3;font-weight:700;color:#fff}.branch-modal__body{padding:24px 28px 28px}.branch-modal__desc{margin:0 0 20px;font-size:14px;line-height:1.7;color:#3b5565}.branch-modal__head{display:flex;align-items:center;gap:14px;padding:14px;margin-bottom:20px;background:#e6fbf1;border-radius:16px}.branch-modal__avatar{flex:none;width:64px;height:64px;display:grid;place-items:center;border-radius:50%;font:700 20px/1 system-ui,sans-serif;color:#092c3e;background:linear-gradient(135deg,#00d26a,#a7f3d0);padding:3px;overflow:hidden}.branch-modal__avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;background:#fff}.branch-modal__role{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#0a8f4e;font-weight:600}.branch-modal__head h3{margin:4px 0 0;font-size:16px;line-height:1.3;font-weight:600;color:#092c3e}.branch-modal__contacts{list-style:none;margin:0;padding:0;display:grid;gap:10px}.branch-modal__contacts li{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.4}.branch-modal__contacts a{color:#092c3e;text-decoration:none;border-bottom:1px solid rgba(0,210,106,.5)}.branch-modal__contacts a:hover{color:#00a452}.branch-modal__ico{flex:none;width:36px;height:36px;display:grid;place-items:center;color:#00a452;background:#e6fbf1;border-radius:10px}.branch-modal__ico svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.branch-modal .muted{margin:0;color:#6b7f8c;font-size:14px}body:has(dialog[open]){overflow:hidden}@media(max-width:900px){.branches-section{padding:64px 0}#branches-map{height:460px}}@media(prefers-reduced-motion:reduce){.branch-pin__pulse,.branch-pin__core,.branch-modal[open]{animation:none}}.branch-flag{flex:none;width:40px;height:20px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px #ffffff59,0 3px 10px #00000059}h2#branch-modal-title{display:flex;align-items:center;gap:8px}h2#branch-modal-title span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
