.map-layout{flex-direction:column;width:100vw;height:100vh;font-family:Inter,sans-serif;display:flex;position:relative}.map-container{flex:2;width:100%;position:relative}.info-panel{z-index:10;background:#fff;flex:1;padding:32px;overflow-y:auto;box-shadow:-4px 0 20px #0000000d}.search-bar,.filter-select{border:1px solid #e5e7eb;border-radius:12px;width:100%;margin-bottom:20px;padding:14px;font-size:1rem}.search-bar:focus{border-color:#f59e0b;outline:none}.bar-card{cursor:pointer;border:1px solid #f3f4f6;border-radius:16px;align-items:center;gap:20px;margin-bottom:12px;padding:16px;transition:all .2s;display:flex}.bar-card:hover{background:#fffbeb;border-color:#fcd34d}.bar-card img{object-fit:cover;border-radius:12px;width:72px;height:72px}.bar-name{color:#111827;font-size:1.1rem;font-weight:700}.bar-meta{color:#6b7280;font-size:.9rem}.carousel{border-radius:24px;margin-bottom:24px;position:relative;overflow:hidden}.carousel img{object-fit:cover;width:100%;height:280px}.btn-back{cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;margin-bottom:16px;padding:8px 16px;font-weight:600}.btn-back:hover{background:#e5e7eb}.beer-marker{justify-content:center;align-items:center;display:flex;font-size:28px!important}@media (min-width:768px){.map-layout{flex-direction:row}.map-container{flex:3}.info-panel{flex:1}}