@media screen and (max-width: 749px) {
    :root {
        --header-height: 3rem;
    }
}

#map .trixie-pin img {
    object-position: center right;
}

@media screen and (max-width: 749px) {
    #map h1 {
        font-size: var(--fs-4xl);
    }
}

/* ── Map ── */
.trixie-store-locator__map {
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: var(--br-card);
    overflow: hidden;
    z-index: 1;
}

.trixie-store-locator__map .leaflet-tile-pane {
    filter: saturate(1.25);
}

@media screen and (max-width: 749px) {
    .trixie-store-locator__map {
        aspect-ratio: 4 / 3;
    }
}

/* ── Pins ── */
.trixie-store-locator__pin {
    background: none !important;
    border: none !important;
    cursor: pointer;
}

.trixie-store-locator__pin svg {
    width: 100%;
    height: 100%;
    display: block;
    transition: transform var(--transition-fast) var(--cubic-bezier);
    transform-origin: center bottom;
}

.trixie-store-locator__pin:hover {
    z-index: 1000 !important;
}

.trixie-store-locator__pin:hover svg {
    transform: scale(1.2);
}

.trixie-store-locator__pin.is-active {
    z-index: 1001 !important;
}

.trixie-store-locator__pin.is-active svg {
    transform: scale(1.8);
}

/* ── Details ── */
.trixie-store-locator__details {
    transition: opacity var(--transition-fast) var(--cubic-bezier);
}

.trixie-store-locator__details.is-fading {
    opacity: 0;
}

.trixie-store-locator__logo-img {
    max-width: 175px;
    height: auto;
}

.trixie-store-locator__image {
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background-color: var(--trixie-blue);
}

.trixie-store-locator__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.trixie-store-locator .leaflet-control-attribution {
    display: none;
}