#map{height:400px;transition:.3s}.map-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:1000;opacity:0;transition:opacity .3s}.map-modal.active{display:flex;opacity:1}.map-modal-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.map-modal #map{width:100%;height:100%;border-radius:0}.map-controls{position:absolute;bottom:10px;right:10px;z-index:1001;display:flex;gap:8px}.map-section .map-controls{z-index:400}.map-section.active .map-controls{z-index:1001}.map-control-btn{background:#fff;padding:8px 12px;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1);cursor:pointer;display:flex;align-items:center;gap:4px;font-size:14px;transition:.2s;z-index:1001}.map-control-btn:hover{background:#f8f9fa;transform:translateY(-1px)}.header-nav a { /* Tailwind utility classes, keep in HTML */ }.header-nav a.active { /* Tailwind utility classes, keep in HTML */ }