.map-container {width:100%;height:500px;position:relative;overflow:hidden;border-radius:1rem;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%)} .rp-map-wrapper {z-index:1} .map-canvas {width:100%;height:100%;z-index:1;display:none} .gm-style {z-index:1 !important} .rp-map-wrapper .gm-style .gm-style-iw-c {padding:0 !important;border-radius:14px !important;max-width:calc(100vw - 32px) !important;box-shadow:0 18px 42px rgba(15,23,42,0.24) !important} .rp-map-wrapper .gm-style .gm-style-iw-d {max-width:calc(100vw - 32px) !important;max-height:calc(100vh - 160px) !important;max-height:min(420px,calc(100vh - 160px)) !important;overflow-x:hidden !important;overflow-y:auto !important} .rp-map-wrapper .gm-style .gm-style-iw-chr {position:absolute;top:4px;right:4px;z-index:3} .rp-map-wrapper .gm-style .gm-ui-hover-effect {top:4px !important;right:4px !important;width:28px !important;height:28px !important;border-radius:999px !important;background:rgba(255,255,255,0.9) !important} .marker-label {display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:#f43f5e;color:#ffffff;font-size:22px;box-shadow:0 6px 14px rgba(15,23,42,0.35);border:2px solid #ffffff;cursor:pointer;transform-origin:center;transition:transform 0.15s ease-out,box-shadow 0.15s ease-out} .marker-label:hover {transform:scale(1.06);box-shadow:0 10px 22px rgba(15,23,42,0.4)} .marker-label--grouped {font-size:16px;font-weight:800;letter-spacing:-0.02em} .marker-label--local-catalog {background:#2563eb;box-shadow:0 6px 14px rgba(37,99,235,0.35)} .map-loading {display:flex;align-items:center;justify-content:center;height:100%} .map-loading-spinner {border:4px solid #f3f4f6;border-top:4px solid #ff4b81;border-radius:50%;width:50px;height:50px;animation:rp-map-spin 1s linear infinite} @keyframes rp-map-spin {0% {transform:rotate(0deg)} 100% {transform:rotate(360deg)}} .map-welcome-overlay {position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity 0.6s ease} .map-welcome-overlay.is-visible {opacity:1} .map-welcome-overlay.is-fading {opacity:0} .map-welcome-badge {display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 40px;border-radius:1.25rem;background:linear-gradient(135deg,rgba(255,241,242,0.97) 0%,rgba(255,228,230,0.97) 100%);backdrop-filter:blur(8px);box-shadow:0 14px 40px rgba(244,63,94,0.18),0 0 0 1px rgba(251,113,133,0.18) inset;color:#be123c;text-align:center;transform:scale(0.85);min-width:240px;transition:transform 0.5s cubic-bezier(0.34,1.56,0.64,1)} .map-welcome-overlay.is-visible .map-welcome-badge {transform:scale(1)} .map-welcome-overlay.is-fading .map-welcome-badge {transform:scale(0.85)} .map-welcome-count {font-size:3.25rem;font-weight:800;line-height:1;letter-spacing:-0.02em;color:#e11d48;text-shadow:0 4px 16px rgba(244,63,94,0.12)} .map-welcome-label {display:inline-flex;align-items:center;justify-content:center;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,0.92);border:1px solid rgba(251,113,133,0.18);font-size:1.05rem;font-weight:700;opacity:1;letter-spacing:0;line-height:1.15;color:#be123c;box-shadow:0 4px 14px rgba(244,63,94,0.08)} .map-welcome-icon {display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:999px;background:rgba(244,63,94,0.12);border:2px solid rgba(244,63,94,0.18);color:#e11d48;font-size:2rem;line-height:1;box-shadow:0 8px 20px rgba(244,63,94,0.1)} .rp-map-popup {max-width:240px;box-sizing:border-box;border-radius:0.75rem;overflow:hidden;box-shadow:0 10px 25px rgba(15,23,42,0.15);background:#ffffff;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-wrap:anywhere} .rp-map-popup--group {width:min(280px,calc(100vw - 48px));max-width:calc(100vw - 48px)} .rp-map-popup--local {width:min(300px,calc(100vw - 48px));max-width:calc(100vw - 48px);border:1px solid #bfdbfe;border-radius:14px;box-shadow:0 16px 34px rgba(15,23,42,0.16)} .rp-map-popup--local .rp-map-popup__body {padding:0} .rp-map-popup--local .rp-map-popup__link {width:auto;max-width:calc(100% - 24px);margin:0 12px 12px;padding:8px 10px;border-radius:10px;background:#2563eb;line-height:1.25} .rp-map-popup--local .rp-map-popup__badge,.rp-map-popup__group-item--local .rp-map-popup__badge {background:#dbeafe;color:#1d4ed8} .rp-map-popup__image-wrap {border-radius:0.75rem 0.75rem 0 0;overflow:hidden} .rp-map-popup__image {display:block;width:100%;max-width:100%;max-height:150px;object-fit:cover} .rp-map-popup__body {padding:8px 10px 10px} .rp-map-popup__eyebrow {display:flex;align-items:center;gap:7px;margin:0;padding:9px 40px 9px 12px;border-bottom:1px solid #dbeafe;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);color:#2563eb;font-size:10px;font-weight:800;letter-spacing:0;line-height:1.2;text-transform:uppercase} .rp-map-popup__eyebrow::before {content:"";display:inline-block;width:7px;height:7px;flex:0 0 auto;border-radius:999px;background:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,0.14)} .rp-map-popup__title {font-size:14px;font-weight:600;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px;text-align:center} .rp-map-popup--local .rp-map-popup__title {max-width:none;margin:0;padding:10px 12px 0;color:#0f172a;font-size:14px;font-weight:800;line-height:1.28;text-align:left;white-space:normal;overflow-wrap:anywhere} .rp-map-popup__address {margin:0 0 6px;color:#475569;font-size:12px;line-height:1.35;text-align:center} .rp-map-popup--local .rp-map-popup__address {margin:8px 12px 8px;padding:8px 9px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;color:#475569;font-size:11.5px;line-height:1.35;text-align:left;overflow-wrap:anywhere} .rp-map-popup__excerpt {margin:0 0 7px;color:#334155;font-size:12px;line-height:1.35;text-align:center} .rp-map-popup--local .rp-map-popup__excerpt {margin:0 12px 10px;color:#334155;font-size:12px;line-height:1.45;text-align:left;overflow-wrap:anywhere} .rp-map-popup__meta {display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;gap:6px;min-width:0;flex-wrap:wrap} .rp-map-popup--local .rp-map-popup__meta {justify-content:flex-start;margin:0 12px 10px} .rp-map-popup__badge {display:inline-flex;align-items:center;gap:4px;min-width:0;padding:2px 8px;border-radius:999px;font-size:11px;background:#fef2f2;color:#b91c1c;white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis} .rp-map-popup--local .rp-map-popup__badge {max-width:100%;padding:4px 9px;border-radius:999px;font-weight:700} .rp-map-popup__badge span:last-child {display:block;min-width:0;overflow:hidden;text-overflow:ellipsis} .rp-map-popup__date {font-size:11px;color:#6b7280;white-space:nowrap} .rp-map-popup__link {display:block;width:100%;margin-top:4px;padding:6px 0;border-radius:999px;background:#f43f5e;color:#ffffff;font-size:12px;font-weight:600;text-align:center;text-decoration:none;box-sizing:border-box;overflow-wrap:anywhere} .rp-map-popup__group-list {display:flex;flex-direction:column;gap:8px;margin-top:10px} .rp-map-popup__group-item {display:block;padding:10px;border:1px solid #f1f5f9;border-radius:0.85rem;background:#fffafb;text-decoration:none} .rp-map-popup__group-item:hover {border-color:#fda4af;background:#fff1f2} .rp-map-popup__group-item--local:hover {border-color:#93c5fd;background:#eff6ff} .rp-map-popup__group-item--local .rp-map-popup__group-link {color:#2563eb} .rp-map-popup__group-eyebrow {margin-bottom:4px;color:#2563eb;font-size:10px;font-weight:800;letter-spacing:0;line-height:1.2;text-transform:uppercase} .rp-map-popup__group-excerpt {margin-top:4px;color:#475569;font-size:11px;line-height:1.35;overflow-wrap:anywhere} .rp-map-popup__group-title {color:#0f172a;font-size:13px;font-weight:700;line-height:1.35;overflow-wrap:anywhere} .rp-map-popup__group-link {margin-top:4px;color:#e11d48;font-size:11px;font-weight:700} .rp-map-popup__group-meta {display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:6px;min-width:0;flex-wrap:wrap} .rp-map-popup__group-date {font-size:11px;color:#6b7280;white-space:nowrap} .rp-map-cluster-marker {width:40px;height:40px;border-radius:999px;background:rgba(244,63,94,0.95);border:3px solid rgba(255,255,255,0.9);box-shadow:0 6px 18px rgba(15,23,42,0.45);display:flex;align-items:center;justify-content:center;color:#ffffff;font-size:14px;font-weight:700;cursor:pointer;user-select:none} .rp-map-user-marker {width:18px;height:18px;border-radius:999px;background:#4b5563;border:3px solid rgba(255,255,255,0.9);box-shadow:0 0 0 4px rgba(75,85,99,0.35)}