/* Privacy-first map surfaces for EVNET Biznes. */
.biz-location-studio {
  grid-column: 1 / -1;
  overflow: hidden;
  border: 1px solid rgba(55,145,138,.16);
  border-radius: 25px;
  background: linear-gradient(145deg,#fff,#f0fdfb);
  box-shadow: 0 18px 45px rgba(55,145,138,.09);
}
.biz-location-studio-head {
  display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 22px 18px;
}
.biz-location-studio-head h3 { margin:0 0 6px;font-size:1.05rem;letter-spacing:-.025em; }
.biz-location-studio-head p { margin:0;color:var(--biz-muted);font-size:.72rem;line-height:1.55; }
.biz-map-privacy-chip { display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 12px;border-radius:999px;background:#d5f5f2;color:#2a706a;font-size:.66rem;font-weight:800;white-space:nowrap; }
.biz-map-privacy-chip::before { content:"";width:7px;height:7px;border-radius:50%;background:#5bbdb7;box-shadow:0 0 0 4px rgba(91,189,183,.14); }
.biz-map-picker-wrap { position:relative;height:390px;margin:0 10px 10px;overflow:hidden;border:1px solid rgba(55,145,138,.14);border-radius:20px;background:#dff7f5; }
.biz-map-picker-wrap .biz-map-picker,
.biz-map-panel .biz-map-canvas,
.biz-detail-map-wrap .biz-detail-map-canvas { position:absolute!important;inset:0;width:100%;height:100%; }
.biz-map-picker-wrap::after { content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45);border-radius:inherit; }
.biz-map-center-pin { position:absolute;z-index:5;left:50%;top:50%;width:54px;height:65px;transform:translate(-50%,-84%);filter:drop-shadow(0 12px 13px rgba(18,58,56,.22));pointer-events:none;animation:bizMapPinFloat 2.8s ease-in-out infinite; }
.biz-map-center-pin svg { width:100%;height:100%; }
.biz-map-center-dot { position:absolute;z-index:4;left:50%;top:50%;width:12px;height:12px;border:3px solid #fff;border-radius:50%;background:#37918a;transform:translate(-50%,-50%);box-shadow:0 6px 17px rgba(18,58,56,.24);pointer-events:none; }
.biz-map-privacy-radius { position:absolute;z-index:3;left:50%;top:50%;width:190px;height:190px;border:2px dashed rgba(55,145,138,.42);border-radius:50%;background:rgba(129,216,208,.13);transform:translate(-50%,-50%);pointer-events:none;transition:.35s ease;animation:bizMapRadiusPulse 4s ease-in-out infinite; }
.biz-map-picker-wrap[data-privacy="exact"] .biz-map-privacy-radius { width:58px;height:58px;border-style:solid;background:rgba(129,216,208,.18); }
.biz-map-picker-wrap[data-privacy="city"] .biz-map-privacy-radius { width:290px;height:290px; }
.biz-map-picker-wrap[data-privacy="hidden"] .biz-map-privacy-radius { width:110%;height:110%;border:0;border-radius:0;background:rgba(246,251,250,.74);backdrop-filter:blur(5px);animation:none; }
.biz-map-picker-wrap[data-privacy="hidden"] .biz-map-center-pin,.biz-map-picker-wrap[data-privacy="hidden"] .biz-map-center-dot { opacity:.18; }
.biz-map-tools { position:absolute;z-index:8;top:13px;left:13px;right:13px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;pointer-events:none; }
.biz-map-style-switch { display:flex;gap:3px;padding:4px;border:1px solid rgba(18,58,56,.1);border-radius:13px;background:rgba(255,255,255,.9);box-shadow:0 10px 28px rgba(18,58,56,.12);backdrop-filter:blur(14px);pointer-events:auto; }
.biz-map-style-switch button,.biz-map-geolocate { min-height:38px;border:0;border-radius:10px;background:transparent;color:var(--biz-ink-soft);font:inherit;font-size:.66rem;font-weight:800;cursor:pointer; }
.biz-map-style-switch button { padding:0 11px; }
.biz-map-style-switch button.is-active { background:#37918a;color:#fff; }
.biz-map-geolocate { display:inline-flex;align-items:center;gap:7px;padding:0 12px;background:#fff;box-shadow:0 10px 28px rgba(18,58,56,.12);pointer-events:auto; }
.biz-map-geolocate svg { width:16px;height:16px;color:#37918a; }
.biz-map-geolocate[data-state="loading"] { opacity:.62; }
.biz-map-geolocate[data-state="error"] { color:#b35e50; }
.biz-map-status { position:absolute;z-index:8;left:50%;bottom:14px;display:flex;align-items:center;gap:8px;max-width:calc(100% - 28px);min-height:38px;padding:0 13px;border:1px solid rgba(18,58,56,.08);border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 10px 28px rgba(18,58,56,.12);color:var(--biz-ink-soft);font-size:.64rem;font-weight:750;transform:translateX(-50%);backdrop-filter:blur(14px);white-space:nowrap; }
.biz-map-status i { width:7px;height:7px;border-radius:50%;background:#81d8d0; }
.biz-map-coordinate { color:var(--biz-muted);font-variant-numeric:tabular-nums; }
.biz-location-privacy-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 10px 10px; }
.biz-location-privacy-item { display:flex;gap:10px;padding:13px;border-radius:15px;background:rgba(255,255,255,.72);color:var(--biz-muted);font-size:.64rem;line-height:1.45; }
.biz-location-privacy-item svg { flex:0 0 auto;width:18px;height:18px;color:#37918a; }
.biz-location-privacy-item strong { display:block;margin-bottom:3px;color:var(--biz-ink);font-size:.68rem; }

.biz-result-tools { display:flex;align-items:center;gap:8px; }
.biz-view-switch { display:flex;gap:3px;padding:4px;border:1px solid var(--biz-line);border-radius:14px;background:#fff; }
.biz-view-btn { display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--biz-muted);font:inherit;font-size:.72rem;font-weight:800;cursor:pointer; }
.biz-view-btn svg { width:16px;height:16px; }
.biz-view-btn.is-active { background:#37918a;color:#fff;box-shadow:0 7px 18px rgba(55,145,138,.2); }
.biz-map-panel { position:relative;display:none;height:700px;overflow:hidden;border:1px solid rgba(55,145,138,.16);border-radius:28px;background:#dff7f5;box-shadow:0 20px 55px rgba(55,145,138,.12); }
.biz-map-panel.is-active { display:block; }
.biz-map-panel-head { position:absolute;z-index:8;left:14px;top:14px;display:flex;align-items:center;gap:9px;padding:7px 9px 7px 13px;border:1px solid rgba(18,58,56,.1);border-radius:999px;background:rgba(255,255,255,.93);box-shadow:0 10px 30px rgba(18,58,56,.13);backdrop-filter:blur(16px); }
.biz-map-panel-head span { font-size:.68rem;font-weight:800; }
.biz-map-close { display:grid;place-items:center;width:35px;height:35px;border:0;border-radius:50%;background:#f0fdfb;color:#123a38;font-size:1.15rem;cursor:pointer; }
.biz-map-search-area { position:absolute;z-index:9;left:50%;top:14px;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 17px;border:1px solid rgba(18,58,56,.12);border-radius:999px;background:#123a38;color:#fff;font:inherit;font-size:.7rem;font-weight:850;box-shadow:0 13px 35px rgba(18,58,56,.2);transform:translateX(-50%);cursor:pointer; }
.biz-map-search-area[hidden] { display:none; }
.biz-map-search-area svg { width:16px;height:16px;color:#81d8d0; }
.biz-map-empty-note { position:absolute;z-index:7;left:50%;top:50%;display:none;width:min(340px,calc(100% - 40px));padding:21px;border:1px solid rgba(55,145,138,.14);border-radius:20px;background:rgba(255,255,255,.92);box-shadow:0 18px 48px rgba(18,58,56,.14);text-align:center;transform:translate(-50%,-50%);backdrop-filter:blur(16px); }
.biz-map-empty-note.is-visible { display:block; }
.biz-map-empty-note strong { display:block;margin-bottom:7px;font-size:.9rem; }
.biz-map-empty-note span { color:var(--biz-muted);font-size:.72rem;line-height:1.5; }
.biz-map-sheet { position:absolute;z-index:9;left:14px;bottom:14px;width:min(360px,calc(100% - 28px));padding:17px;border:1px solid rgba(18,58,56,.1);border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 20px 55px rgba(18,58,56,.18);backdrop-filter:blur(18px);transform:translateY(calc(100% + 30px));opacity:0;transition:.35s cubic-bezier(.22,1,.36,1); }
.biz-map-sheet.is-visible { transform:none;opacity:1; }
.biz-map-sheet small { color:#37918a;font-size:.62rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em; }
.biz-map-sheet h3 { margin:8px 0 6px;font-size:1rem; }
.biz-map-sheet p { margin:0 0 14px;color:var(--biz-muted);font-size:.72rem; }
.biz-map-sheet-bottom { display:flex;align-items:center;justify-content:space-between;gap:12px; }
.biz-map-sheet-bottom strong { font-size:1.05rem; }
.biz-map-sheet-bottom a { display:inline-flex;align-items:center;min-height:38px;padding:0 13px;border-radius:999px;background:#5bbdb7;color:#0a3d3a;font-size:.7rem;font-weight:800; }

.biz-map-popup .maplibregl-popup-content { overflow:hidden;width:285px;padding:0;border:0;border-radius:20px;box-shadow:0 24px 60px rgba(18,58,56,.22); }
.biz-map-popup .maplibregl-popup-close-button { z-index:2;right:7px;top:7px;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.9);font-size:18px; }
.biz-map-popup-card img,.biz-map-popup-art { width:100%;height:125px;object-fit:cover; }
.biz-map-popup-art { display:grid;place-items:center;background:linear-gradient(135deg,#fff,#d5f5f2,#81d8d0);color:#2a706a;font-size:.7rem;font-weight:900;letter-spacing:.12em; }
.biz-map-popup-body { padding:15px; }
.biz-map-popup-kicker { color:#37918a;font-size:.6rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em; }
.biz-map-popup-body h3 { margin:7px 0 5px;font-size:.9rem;line-height:1.3; }
.biz-map-popup-body p { margin:0 0 12px;color:#718a88;font-size:.68rem; }
.biz-map-popup-body > div { display:flex;align-items:center;justify-content:space-between;gap:10px; }
.biz-map-popup-body strong { font-size:1rem; }
.biz-map-popup-body a { color:#37918a;font-size:.7rem;font-weight:850; }

.biz-detail-map-panel { overflow:hidden;padding:0; }
.biz-detail-map-head { display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:27px 29px 20px; }
.biz-detail-map-head h2 { margin:8px 0 0; }
.biz-detail-map-head p { max-width:450px;margin:7px 0 0;color:var(--biz-muted);font-size:.75rem;line-height:1.5; }
.biz-detail-map-wrap { position:relative;height:360px;margin:0 10px 10px;overflow:hidden;border-radius:21px;background:#dff7f5; }
.biz-detail-map-badge { display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border-radius:999px;background:#d5f5f2;color:#2a706a;font-size:.64rem;font-weight:800;white-space:nowrap; }
.biz-detail-map-badge::before { content:"";width:7px;height:7px;border-radius:50%;background:#5bbdb7; }

.biz-map-fallback { position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:9px;padding:30px;background:linear-gradient(145deg,#fff,#d5f5f2);text-align:center; }
.biz-map-fallback svg { width:92px;height:92px; }
.biz-map-fallback strong { font-size:.9rem; }
.biz-map-fallback span { max-width:360px;color:#718a88;font-size:.72rem;line-height:1.5; }
.maplibregl-ctrl-group { overflow:hidden;border:1px solid rgba(18,58,56,.1)!important;border-radius:13px!important;box-shadow:0 10px 28px rgba(18,58,56,.12)!important; }
.maplibregl-ctrl button { width:38px!important;height:38px!important; }
.maplibregl-ctrl-attrib { border-radius:8px 0 0 0;background:rgba(255,255,255,.76)!important; }

@keyframes bizMapPinFloat { 0%,100%{transform:translate(-50%,-84%)} 50%{transform:translate(-50%,-91%)} }
@keyframes bizMapRadiusPulse { 0%,100%{opacity:.65;transform:translate(-50%,-50%) scale(.98)} 50%{opacity:1;transform:translate(-50%,-50%) scale(1.04)} }

@media (max-width:850px) {
  .biz-result-tools { gap:6px; }
  .biz-view-btn span { display:none; }
  .biz-view-btn { width:40px;padding:0; }
  .biz-map-panel.is-active { position:fixed;z-index:1200;inset:64px 0 0;height:auto;border:0;border-radius:0; }
  .biz-map-panel-head { top:12px;left:12px; }
  .biz-map-search-area { top:14px;max-width:calc(100% - 190px);white-space:nowrap; }
  .biz-map-sheet { left:10px;bottom:10px;width:calc(100% - 20px);border-radius:22px; }
  body:has(.biz-map-panel.is-active) { overflow:hidden; }
}

@media (max-width:680px) {
  .biz-location-studio-head { align-items:flex-start;flex-direction:column;padding:19px 17px 15px; }
  .biz-map-privacy-chip { white-space:normal; }
  .biz-map-picker-wrap { height:350px;margin:0 7px 7px;border-radius:18px; }
  .biz-map-tools { left:9px;right:9px;top:9px; }
  .biz-map-style-switch button { padding:0 9px; }
  .biz-map-geolocate { width:42px;padding:0;justify-content:center; }
  .biz-map-geolocate span { display:none; }
  .biz-map-status { bottom:10px;font-size:.6rem; }
  .biz-map-coordinate { display:none; }
  .biz-location-privacy-grid { grid-template-columns:1fr;padding:0 7px 7px; }
  .biz-location-privacy-item { padding:12px; }
  .biz-detail-map-head { align-items:flex-start;flex-direction:column;padding:22px 20px 17px; }
  .biz-detail-map-wrap { height:310px;margin:0 7px 7px;border-radius:18px; }
  .biz-results-head { flex-wrap:wrap; }
  .biz-result-tools { width:100%;justify-content:space-between;order:2; }
  .biz-view-switch { flex:1; }
  .biz-view-btn { width:auto;flex:1; }
  .biz-view-btn span { display:inline; }
  .biz-sort { flex:0 0 122px; }
}

@media (max-width:380px) {
  .biz-map-search-area { top:64px;max-width:calc(100% - 24px); }
  .biz-map-status { max-width:calc(100% - 16px);padding-inline:10px; }
  .biz-map-status > span:first-of-type { max-width:210px;overflow:hidden;text-overflow:ellipsis; }
  .biz-detail-map-wrap { height:285px; }
}

@media (prefers-reduced-motion:reduce) {
  .biz-map-center-pin,.biz-map-privacy-radius { animation:none; }
  .biz-map-sheet { transition:none; }
}