.office-marker-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.office-marker-modal{background:#fff;border-radius:12px;width:100%;max-width:360px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000004d}.office-marker-modal-close{color:#fff;z-index:2;background:#0006;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;line-height:1;transition:background .15s;display:flex;position:absolute;top:8px;right:8px}.office-marker-modal-close:hover{background:#0009}.office-marker-modal-photo{background:linear-gradient(135deg,#6b4226,#8b6e5d);width:100%;height:180px;position:relative;overflow:hidden}.office-marker-modal-photo img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.office-marker-modal-photo-fallback{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.office-marker-modal-photo-fallback img{-o-object-fit:contain;object-fit:contain;opacity:.6;width:64px;height:64px}.office-marker-modal-body{padding:20px}.office-marker-modal-body h3{font-family:var(--hl-font-bold);color:var(--hl-brown,#5a3e36);margin:0 0 12px;font-size:18px;font-weight:700;line-height:1.3}.office-marker-modal-address{color:#4b5563;margin:0 0 16px;font-size:14px;line-height:1.5}.office-marker-modal-contact{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.office-marker-modal-contact a{color:#374151;align-items:center;gap:8px;font-size:14px;text-decoration:none;transition:color .15s;display:flex}.office-marker-modal-contact a:hover{color:var(--hl-blue,#12b5ea)}.office-marker-modal-contact svg{color:#9ca3af;flex-shrink:0;width:16px;height:16px}.office-marker-modal-link{text-align:center;background:var(--hl-brown,#5a3e36);color:#fff;border-radius:6px;width:100%;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s;display:block}.office-marker-modal-link:hover{background:#4a3028}:root.dark .office-marker-modal{background:#1a1a1a;box-shadow:0 20px 60px #0009}:root.dark .office-marker-modal-body h3{color:#fff}:root.dark .office-marker-modal-address{color:#9ca3af}:root.dark .office-marker-modal-contact a,:root.dark .office-marker-modal-contact button{color:#d1d5db}:root.dark .office-marker-modal-contact a:hover,:root.dark .office-marker-modal-contact button:hover{color:#12b5ea}:root.dark .office-marker-modal-contact svg{color:#6b7280}:root.dark .office-marker-modal-link{color:#fff;background:#12b5ea}:root.dark .office-marker-modal-link:hover{background:#0e9ac8}@media (max-width:480px){.office-marker-modal{max-width:100%}.office-marker-modal-photo{height:140px}}