.map-page-wrap{height:100vh;font-family:var(--font-sans),"Be Vietnam Pro",sans-serif;flex-direction:column;display:flex}.map-header{background:#1a1209;border-bottom:1px solid #c8a96e33;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;display:flex}.map-header-left{align-items:center;gap:12px;display:flex}.map-header-back{color:#fff6;font-size:12px;text-decoration:none;transition:color .15s}.map-header-back:hover{color:#ffffffb3}.map-header-divider{background:#ffffff1a;width:1px;height:12px}.map-header-count{color:#c8a96e;letter-spacing:2px;text-transform:uppercase;font-size:11px;font-weight:600}.map-header-title{color:#fff;margin:0;font-size:15px;font-weight:700}.map-body{flex:1;display:flex;overflow:hidden}.map-area{flex:1;position:relative}.map-container{width:100%;height:100%}.map-popup{z-index:1000;background:#fff;border:1px solid #e2d8c8;border-radius:14px;min-width:240px;max-width:300px;position:absolute;bottom:32px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 40px #0000002e}.map-popup-card-link{color:inherit;text-decoration:none;display:block}.map-popup-card-link:hover .map-popup-thumb-img{transform:scale(1.03)}.map-popup-thumb{width:100%;height:140px;overflow:hidden}.map-popup-thumb-img{object-fit:cover;width:100%;height:100%;transition:transform .2s;display:block}.map-popup-body{padding:12px 14px}.map-popup-name{color:#1a1209;margin-bottom:3px;font-size:15px;font-weight:700}.map-popup-province{color:#7a6a52;margin-bottom:10px;font-size:11px}.map-popup-footer{justify-content:space-between;align-items:center;display:flex}.map-popup-link{color:#c8a96e;font-size:12px;font-weight:700;text-decoration:none}.map-popup-close{cursor:pointer;color:#ccc;background:0 0;border:none;padding:2px 4px;font-size:13px;line-height:1}.map-sidebar{background:#1a1209;border-left:1px solid #c8a96e26;flex-direction:column;flex-shrink:0;width:280px;display:flex;overflow-y:auto}.map-sidebar-header{border-bottom:1px solid #c8a96e1a;flex-shrink:0;padding:16px 20px 12px}.map-sidebar-eyebrow{letter-spacing:3px;text-transform:uppercase;color:#c8a96e;margin-bottom:2px;font-size:10px;font-weight:600}.map-sidebar-title{color:#fff;font-size:15px;font-weight:700}.map-sidebar-item{cursor:pointer;text-align:left;background:0 0;border-top:none;border-bottom:1px solid #ffffff0a;border-left:3px solid #0000;border-right:none;justify-content:space-between;align-items:center;width:100%;padding:11px 20px;transition:background .15s;display:flex}.map-sidebar-item:hover{background:#ffffff0a}.map-sidebar-item.active{background:#c8a96e1f;border-left-color:#c8a96e}.map-sidebar-item-left{align-items:center;gap:10px;display:flex}.map-sidebar-item-icon{font-size:15px}.map-sidebar-item-label{color:#ffffffb3;font-size:13px;font-weight:500;transition:color .15s}.map-sidebar-item:hover .map-sidebar-item-label{color:#fffffff2}.map-sidebar-item.active .map-sidebar-item-label{color:#c8a96e;font-weight:700}.map-sidebar-item-count{color:#fff6;background:#ffffff14;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:700;transition:all .15s}.map-sidebar-item.active .map-sidebar-item-count{color:#1a1209;background:#c8a96e}.map-sidebar-footer{color:#fff3;border-top:1px solid #c8a96e1a;flex-shrink:0;margin-top:auto;padding:16px 20px;font-size:10px;line-height:1.5}@media (max-width:768px){.map-body{flex-direction:column}.map-area{flex:none;height:55vh}.map-sidebar{border-top:1px solid #c8a96e26;border-left:none;flex:1;width:100%;overflow-y:auto}.map-sidebar-footer{display:none}.map-popup{width:calc(100% - 32px);max-width:none;bottom:16px}}