[data-mall-map-demo]{--mm-ink:#0c213b;--mm-green:#385547;--mm-muted:#62746b;--mm-line:#d6e2d9;position:relative;padding:88px 40px 62px;background:#ecf3ed;color:var(--mm-ink);overflow:hidden;scroll-margin-top:90px}
[data-mall-map-demo] *{box-sizing:border-box}
[data-mall-map-demo] [hidden]{display:none!important}
[data-mall-map-demo] button{font:inherit}
.mm-inner{max-width:1240px;margin:auto}
.mm-intro{max-width:680px;margin-bottom:36px}
.mm-intro h2{font-size:clamp(32px,3.5vw,48px);line-height:1.13;letter-spacing:-.045em;font-weight:750;margin:0 0 16px}
.mm-intro p{font-size:16px;line-height:1.7;color:var(--mm-muted);margin:0;max-width:570px}
.mm-floor-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.mm-floor-tabs{display:flex;gap:8px;flex-wrap:wrap}
.mm-floor-tabs button{display:flex;gap:10px;align-items:center;border:1px solid transparent;background:transparent;padding:11px 16px;border-radius:10px;color:var(--mm-green);cursor:pointer;min-height:46px;transition:background .18s,color .18s}
.mm-floor-tabs button b{font-size:15px;font-weight:700}
.mm-floor-tabs button span{font-size:12px}
.mm-floor-tabs button[aria-selected=true]{background:#385547;color:#fff}
.mm-floor-tabs button:disabled{cursor:default;opacity:1}
.mm-floor-bar>p{font-size:12px;color:var(--mm-muted);margin:0;white-space:nowrap}
.mm-explorer{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:stretch}
.mm-canvas{position:relative;min-width:0;height:680px;background:#f1f4f0;border:1px solid #d7e2d9;border-radius:22px;overflow:hidden}
.mm-floor-panel{height:100%;width:100%}
.mm-floor-panel>svg{display:block;width:100%;height:100%;touch-action:pan-y;outline:none}
.mm-floor-panel>svg[data-mm-zoomed=true]{touch-action:none;cursor:grab}
[data-mm-ready=true] [data-mall-store]{cursor:pointer;outline:none}
[data-mm-ready=true] [data-mall-store]>rect:first-of-type{transition:stroke .16s,stroke-width .16s}
[data-mm-ready=true] [data-mall-store]:hover>rect:first-of-type,[data-mm-ready=true] [data-mall-store]:focus-visible>rect:first-of-type{stroke:#3b7658;stroke-width:4}
[data-mm-ready=true] [data-mall-store][aria-pressed=true]>rect:first-of-type{stroke:#205b3c;stroke-width:5;filter:drop-shadow(0 0 7px #fff)}
.mm-view-controls{position:absolute;left:18px;bottom:18px;display:flex;align-items:center;gap:1px;padding:4px;border:1px solid var(--mm-line);background:rgba(255,255,255,.96);border-radius:12px;box-shadow:0 4px 15px rgba(35,59,44,.05)}
.mm-view-controls button{width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;border-radius:8px;cursor:pointer;color:var(--mm-green);font-size:24px}
.mm-view-controls button:hover{background:#eef4ee}
.mm-view-controls button:disabled{opacity:.3;cursor:default}
.mm-view-controls span{font-size:10px;min-width:43px;text-align:center;color:var(--mm-muted)}
.mm-view-controls svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.mm-store-panel{min-width:0;display:flex;flex-direction:column;justify-content:flex-start;border-left:1px solid #ccdacf;padding:32px 0 20px 26px}
.mm-context{font-size:12px;color:var(--mm-green);margin:0 0 17px}
.mm-store-panel h3{font-size:28px;line-height:1.14;letter-spacing:-.035em;font-weight:700;margin:0 0 20px;max-width:240px}
.mm-store-note{font-size:13px;line-height:1.75;color:var(--mm-muted);margin:0 0 25px}
.mm-store-fields{margin:0 0 24px}
.mm-store-fields>div{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid #d6e2d9;font-size:12px;line-height:1.5}
.mm-store-fields dt{color:var(--mm-muted);margin:0}
.mm-store-fields dd{font-weight:600;text-align:right;margin:0}
.mm-browse-summary{margin-top:auto;border-top:1px solid var(--mm-line);padding-top:24px;display:flex;gap:7px;align-items:baseline;flex-wrap:wrap;color:var(--mm-muted);font-size:11px}
.mm-browse-summary strong{font-size:36px;color:var(--mm-green);line-height:1;font-weight:700;letter-spacing:-.04em}
.mm-browse-summary i{height:3px;width:3px;border-radius:50%;background:#a2b5a8;align-self:center;margin:0 3px}
.mm-legend{display:flex;flex-wrap:wrap;gap:12px 20px;margin:22px 0 26px;font-size:11px;color:var(--mm-muted)}
.mm-legend>span{display:flex;align-items:center;gap:7px}
.mm-legend i{height:9px;width:9px;border-radius:2px;border:1px solid rgba(45,73,53,.07)}
.mm-directories{border-top:1px solid #cfddD2}
.mm-directory{border-bottom:1px solid var(--mm-line)}
.mm-directory summary{display:flex;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;padding:18px 0;font-size:13px;font-weight:600;color:var(--mm-green)}
.mm-directory summary::-webkit-details-marker{display:none}
.mm-directory summary>span{font-weight:400;color:var(--mm-muted)}
.mm-directory summary>span::after{content:'+';font-size:16px;margin-left:14px;display:inline-block;min-width:10px;text-align:center}
.mm-directory[open] summary>span::after{content:'−'}
.mm-directory-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 14px;padding-bottom:22px}
.mm-directory-list button{min-width:0;min-height:44px;display:flex;align-items:baseline;gap:10px;text-align:left;padding:11px 10px;border:0;background:transparent;border-radius:8px;cursor:pointer;color:var(--mm-ink);font-size:12px;line-height:1.4}
.mm-directory-list button:disabled{cursor:default;opacity:1}
.mm-directory-list button:hover:not(:disabled),.mm-directory-list button[aria-pressed=true]{background:#dfeadf}
.mm-directory-list button span{color:var(--mm-muted);font-size:10px;flex-shrink:0}
.mm-directory-list button b{font-weight:500}
.mm-caption{font-size:11px;line-height:1.7;color:var(--mm-muted);margin:20px 0 0}
[data-mall-map-demo] button:focus-visible,[data-mall-map-demo] summary:focus-visible,.mm-floor-panel>svg:focus-visible{outline:3px solid #78a48a;outline-offset:3px}
@media(max-width:1000px){.mm-explorer{grid-template-columns:minmax(0,1fr) 235px;gap:18px}.mm-store-panel{padding-left:20px}.mm-canvas{height:590px}.mm-floor-tabs button{padding:10px 12px}.mm-floor-tabs button span{font-size:11px}}
@media(max-width:750px){[data-mall-map-demo]{padding:64px 20px 44px}.mm-intro{margin-bottom:27px}.mm-intro h2{font-size:34px}.mm-intro p{font-size:14px}.mm-floor-bar{display:block;margin-bottom:17px}.mm-floor-tabs{gap:6px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.mm-floor-tabs button{display:block;text-align:center;padding:10px 4px;min-height:53px}.mm-floor-tabs button b{display:block;font-size:15px}.mm-floor-tabs button span{display:block;font-size:9px;margin-top:4px}.mm-floor-bar>p{margin-top:13px;font-size:11px}.mm-explorer{display:flex;flex-direction:column;gap:23px}.mm-canvas{height:auto;aspect-ratio:1340/1310;min-height:340px;width:100%;border-radius:17px}.mm-floor-panel{position:absolute;inset:0}.mm-view-controls{left:10px;bottom:10px;padding:2px;border-radius:10px}.mm-view-controls button{width:44px;height:44px}.mm-store-panel{display:block;border-left:0;border-top:1px solid var(--mm-line);padding:24px 0 0}.mm-context{margin-bottom:10px;font-size:11px}.mm-store-panel h3{font-size:25px;max-width:none;margin-bottom:12px}.mm-store-note{font-size:12px;margin-bottom:19px;max-width:460px}.mm-store-fields{margin-bottom:18px}.mm-browse-summary{padding-top:18px;margin-top:18px}.mm-browse-summary strong{font-size:28px}.mm-legend{gap:10px 15px;font-size:10px;margin:24px 0 22px}.mm-directory-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px}.mm-directory-list button{padding:11px 4px;font-size:11px;gap:6px}.mm-caption{font-size:10px}}
@media(prefers-reduced-motion:reduce){[data-mall-map-demo] *,[data-mall-map-demo] *::before,[data-mall-map-demo] *::after{transition:none!important;animation:none!important}}