.interactive-map{width:100%;max-width:1200px;margin:0 auto;padding:60px 20px;box-sizing:border-box;overflow:hidden}.interactive-map__container{max-width:1000px;margin-left:auto;margin-right:auto}.interactive-map__header{text-align:center;margin-bottom:40px}.interactive-map__heading{font-size:2.5rem;font-weight:700;color:#1a1a1a;margin:0 0 16px;line-height:1.2}.interactive-map__subheading{font-size:1.125rem;color:#666;max-width:600px;margin:0 auto}.interactive-map__container{position:relative;width:100%;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.interactive-map__map{width:100%;max-width:100%;min-height:400px}.interactive-map__controls{position:absolute;top:16px;left:16px;z-index:5}.interactive-map__toggle{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:none;border-radius:8px;box-shadow:0 2px 8px #00000026;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.interactive-map__toggle:hover{box-shadow:0 4px 12px #0003}.interactive-map__toggle:focus{outline:2px solid #0066cc;outline-offset:2px}.interactive-map__toggle[aria-pressed=true]{background:#06c;color:#fff}.interactive-map__toggle[aria-pressed=true] svg{stroke:#fff}.interactive-map__toggle svg{flex-shrink:0;stroke:#374151;transition:stroke .2s ease}.interactive-map__map .mapboxgl-canvas-container,.interactive-map__map .mapboxgl-canvas{width:100%!important;max-width:100%!important}.interactive-map__preview-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8f4fc,#d0e8f5);border:2px dashed #0066cc}.interactive-map__preview-content{text-align:center;color:#06c}.interactive-map__preview-content svg{margin-bottom:16px;opacity:.7}.interactive-map__preview-content p{font-size:1.25rem;font-weight:600;margin:0 0 8px}.interactive-map__preview-content small{font-size:.875rem;opacity:.8}.interactive-map__error{display:flex;align-items:center;justify-content:center;background:#fff5f5;border:1px solid #feb2b2;border-radius:12px}.interactive-map__error p{color:#c53030;font-size:1rem;margin:0;padding:20px}.mapboxgl-popup{max-width:320px!important;z-index:10}.mapboxgl-popup-content{padding:0;border-radius:12px;box-shadow:0 4px 20px #00000026;overflow:hidden}.mapboxgl-popup-close-button{font-size:20px;padding:8px 12px;color:#666;right:0;top:0}.mapboxgl-popup-close-button:hover{background:transparent;color:#1a1a1a}.map-popup{padding:20px}.map-popup__region{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#06c;margin:0 0 4px}.map-popup__title{font-size:1.25rem;font-weight:700;color:#1a1a1a;margin:0 0 8px;line-height:1.3}.map-popup__description{font-size:.875rem;color:#666;margin:0 0 16px;line-height:1.5}.map-popup__cta{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#06c!important;color:#fff!important;text-decoration:none!important;border-radius:6px;font-size:.875rem;font-weight:600;transition:background-color .2s ease,transform .2s ease}.map-popup__cta:hover{background:#0052a3!important;transform:translateY(-1px);color:#fff!important}.map-popup__cta svg{width:16px;height:16px;stroke:#fff!important;fill:none!important}.interactive-map__regions-list{margin-top:40px;display:none}.interactive-map__regions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.mapboxgl-ctrl-group{border-radius:8px!important;overflow:hidden;box-shadow:0 2px 10px #0000001a!important}.mapboxgl-ctrl-group button{width:36px!important;height:36px!important}.interactive-map-marker{width:32px;height:32px;background:#06c;border:3px solid #fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #0003;transition:transform .2s ease,box-shadow .2s ease}.interactive-map-marker:hover{transform:scale(1.15);box-shadow:0 4px 12px #0000004d}.interactive-map-marker.active{background:#004d99;transform:scale(1.2)}@media (max-width: 768px){.interactive-map{padding:40px 16px}.interactive-map__heading{font-size:1.75rem}.interactive-map__subheading{font-size:1rem}.interactive-map__map{min-height:350px}.interactive-map__controls{top:12px;left:12px}.interactive-map__toggle{padding:8px 12px;font-size:13px}.interactive-map__toggle svg{width:16px;height:16px}.mapboxgl-popup{max-width:280px!important}.map-popup{padding:16px}.map-popup__title{font-size:1.125rem}}@media (max-width: 480px){.interactive-map__heading{font-size:1.5rem}.interactive-map__map{min-height:300px}}.interactive-map__map.loading:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#06c;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}