.store-location-page {
    display: flex;
    flex-direction: column;
    gap: 0;
}
.store-location-layout {
    display: flex;
    gap: 24px;
    align-items: flex-start;
}
.store-location-lhs {
    flex: 0 0 420px;
    max-height: 80vh;
    overflow-y: auto;
}
.store-location-rhs {
    flex: 1;
    position: sticky;
    top: 80px;
}
#map1 {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 8px;
    overflow: hidden;
}
.district-panel {
    display: none;
}
.district-panel.active {
    display: block;
}
.district-tab-item {
    cursor: pointer;
}
.store-card {
    cursor: pointer;
    transition: border-color 0.2s, box-shadow 0.2s;
    border-bottom: solid #8DC63F 1px;
    padding: 5px;
    padding-bottom: 15px;
}
.store-card.active {
    background: #E2F1CF;
    text-shadow: 0 0 0 1px #000;
}
@media (max-width: 768px) {
    .store-location-layout {
        flex-direction: column;
    }
    .store-location-lhs {
        flex: unset;
        width: 100%;
        max-height: 50vh;
    }
    .store-location-rhs {
        width: 100%;
        position: static;
    }
    #map1 {
        aspect-ratio: 4 / 3;
    }
}