.neighborhood-panel{width:min(94vw,760px);max-height:min(790px,calc(100dvh - 96px));color:#39483d;background:#fff9ee;isolation:isolate}
.neighborhood-panel .shop-header{gap:12px;min-height:64px}
.neighborhood-panel .shop-title{flex:1;margin:0;font-size:clamp(20px,4vw,27px);line-height:1.15}
.neighborhood-panel .shop-close{min-width:44px;min-height:44px}
.neighborhood-body{padding:0 20px 22px;overflow:auto;overscroll-behavior:contain;min-height:0}
.neighborhood-intro{margin:2px 0 18px;line-height:1.55;font-size:14px;color:#586350}
.neighborhood-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.neighborhood-card{min-width:0;display:flex;flex-direction:column;background:#fffdf8;border:1px solid #e3dccf;border-radius:22px;overflow:hidden;padding:0 12px 12px}
.neighborhood-art{height:86px;position:relative;display:grid;place-items:center;color:#48523d;background:var(--place-color);margin:0 -12px 12px;border-bottom:5px solid #ffffff85}
.neighborhood-art:before{content:'';position:absolute;left:0;right:0;top:0;height:13px;background:repeating-linear-gradient(90deg,#ffffff80 0 15px,transparent 15px 30px);border-radius:0 0 9px 9px}
.neighborhood-art svg{filter:drop-shadow(0 3px 0 #ffffff70)}
.neighborhood-card h3{font:800 19px/1.15 var(--font-heading,var(--font-main));margin:0 0 8px;overflow-wrap:anywhere}
.neighborhood-card p{font-size:13px;line-height:1.5;margin:0 0 14px;color:#596452}
.neighborhood-actions{display:grid;gap:7px;margin-top:auto}
.neighborhood-panel button,.neighborhood-return button,.social-explore{min-height:44px;white-space:normal;overflow-wrap:anywhere}
.neighborhood-enter{background:#e4eedc;color:#34513b;border-color:#bccdb1}
.neighborhood-locate{background:#fffaf0;color:#536148}
.neighborhood-return{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(108px + env(safe-area-inset-bottom,0px));display:flex;gap:8px;padding:8px;max-width:calc(100vw - 20px);width:max-content;border:1px solid #dbd4c5;border-radius:18px;background:#fff9eeeF;box-shadow:0 4px 14px #384d3325;z-index:15;pointer-events:auto}
.neighborhood-return button{min-width:0;flex:1}
.social-explore{width:100%;margin:0 0 15px;background:#e5eedc}
@media(max-width:600px){.neighborhood-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.neighborhood-body{padding:0 12px 14px}.neighborhood-card{padding:0 10px 10px}.neighborhood-art{margin-inline:-10px;height:68px}.neighborhood-card h3{font-size:18px}.neighborhood-return{bottom:calc(102px + env(safe-area-inset-bottom,0px));font-size:12px}}
@media(max-width:350px){.neighborhood-grid{grid-template-columns:1fr}.neighborhood-art{height:58px}.neighborhood-return{width:calc(100vw - 20px)}}
@media(max-height:480px){.neighborhood-panel{bottom:12px;max-height:calc(100dvh - 24px)}.neighborhood-return{bottom:82px}}