.bem-zone{padding:56px 16px;margin:40px 0 0;background:linear-gradient(180deg,var(--bem-green-light,#eaf6e4) 0%,#fff 100%);border-radius:24px;clear:both;width:100%}
.bem-zone-inner{max-width:1100px;margin:0 auto;container-type:inline-size}
.bem-zone-head{text-align:center;max-width:720px;margin:0 auto 32px}
.bem-zone-head h2{font-weight:800;margin:0 0 10px}
.bem-zone-head p{color:#555;margin:0}
.bem-zone-badge{display:inline-block;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--bem-green,#65bc46),#3f8f28);margin-bottom:12px;position:relative;box-shadow:0 8px 20px rgba(101,188,70,.35)}
.bem-zone-badge::after{content:"";position:absolute;inset:14px;background:#fff;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.1 2 5 5.1 5 9c0 5.2 7 13 7 13s7-7.8 7-13c0-3.9-3.1-7-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.1 2 5 5.1 5 9c0 5.2 7 13 7 13s7-7.8 7-13c0-3.9-3.1-7-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") center/contain no-repeat}
.bem-zone-body{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:28px;align-items:start}
.bem-zone-map{position:relative;background:#fff;border-radius:20px;padding:18px;box-shadow:0 10px 30px rgba(0,0,0,.06);border-top:4px solid var(--bem-green,#65bc46)}
.bem-zone-svg,.bem-zone-inset{overflow:hidden}.bem-zone-svg{display:block;width:100%;height:auto;border-radius:12px}
.bem-zone-ctx path{fill:#f1f3f0;stroke:#fff;stroke-width:1.2}
.bem-zone-dep{fill:var(--bem-green,#65bc46);stroke:#fff;stroke-width:1.5;cursor:pointer;transition:fill .25s,filter .25s;outline:none}
.bem-zone-dep:nth-child(odd){fill:#58ab3b}
.bem-zone-dep.is-on,.bem-zone-dep:hover,.bem-zone-dep:focus{fill:#2f7a1c;filter:drop-shadow(0 4px 8px rgba(47,122,28,.35))}
.bem-zone-labels text{fill:#fff;font-weight:800;font-size:17px;text-anchor:middle;dominant-baseline:middle;pointer-events:none;paint-order:stroke;stroke:rgba(0,0,0,.12);stroke-width:2px}
.bem-zone-pin path{fill:#1f2a1b}
.bem-zone-pin text{font-size:13px;font-weight:700;fill:#1f2a1b;paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round}
.bem-zone-pulse{fill:rgba(31,42,27,.18);transform-origin:0 0;animation:bemZonePulse 2.2s ease-out infinite}
@keyframes bemZonePulse{0%{transform:scale(.3);opacity:1}100%{transform:scale(1.6);opacity:0}}
.bem-zone-inset-wrap{position:absolute;top:30px;right:30px;width:32%;max-width:190px;background:#fff;border-radius:14px;padding:6px 6px 4px;box-shadow:0 6px 18px rgba(0,0,0,.12);border:1px solid #e6ece3}
.bem-zone-inset-t{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#3f8f28;text-align:center;margin-bottom:2px}
.bem-zone-inset{display:block;width:100%;height:auto;border-radius:8px}
.bem-zone-inset .bem-zone-labels text{font-size:15px}
.bem-zone-dot{fill:#1f2a1b;stroke:#fff;stroke-width:1.5}
.bem-zone-legend{display:flex;gap:18px;justify-content:center;font-size:13px;color:#555;margin-top:8px}
.bem-zone-legend i{display:inline-block;width:14px;height:14px;border-radius:4px;vertical-align:-2px;margin-right:6px}
.bem-lg-in{background:var(--bem-green,#65bc46)}
.bem-lg-pin{background:#1f2a1b;border-radius:50% 50% 50% 0 !important;transform:rotate(-45deg)}
.bem-zone-side{display:flex;flex-direction:column;gap:18px}
.bem-zone-group{background:#fff;border-radius:20px;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.bem-zone-group h3{font-size:1.05rem;font-weight:800;margin:0 0 12px}
.bem-zone-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}
.bem-zone-list li{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;background:#f6f8f5;cursor:pointer;transition:background .2s,transform .2s;outline:none}
.bem-zone-list li.is-on,.bem-zone-list li:hover,.bem-zone-list li:focus{background:var(--bem-green-light,#eaf6e4);transform:translateX(3px)}
.bem-zone-num{flex:0 0 auto;min-width:32px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bem-green,#65bc46),#3f8f28);color:#fff;font-weight:800;font-size:13px}
.bem-zone-name{font-size:13.5px;font-weight:600;color:#1f2a1b;line-height:1.2}
.bem-zone-cta{display:block;text-align:center;padding:14px 18px;border-radius:14px;background:linear-gradient(135deg,var(--bem-green,#65bc46),#3f8f28);color:#fff !important;font-weight:700;text-decoration:none !important;box-shadow:0 8px 20px rgba(101,188,70,.3);transition:transform .2s,box-shadow .2s}
.bem-zone-cta:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(101,188,70,.4)}
.bem-zone .bem-zone-dep{opacity:0;transform:scale(.96);transform-box:fill-box;transform-origin:center}
.bem-zone.is-visible .bem-zone-dep{animation:bemZoneIn .6s ease forwards}
@keyframes bemZoneIn{to{opacity:1;transform:none}}
@container (max-width:780px){.bem-zone-body{grid-template-columns:1fr}.bem-zone-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}
@media (max-width:900px){.bem-zone-body{grid-template-columns:1fr}}
@media (max-width:600px){.bem-zone{padding:40px 10px}.bem-zone-map{padding:12px}.bem-zone-pin text{font-size:20px}.bem-zone-labels text{font-size:22px}.bem-zone-inset-wrap{position:static;width:70%;max-width:260px;margin:12px auto 0}}
@media (prefers-reduced-motion:reduce){.bem-zone .bem-zone-dep{opacity:1;transform:none;animation:none!important}.bem-zone-pulse{animation:none}}