/* Start:/local/components/impulseit/location.stock.page/templates/.default/style.css?17885212363602*/
.area-pharmacies-page-map-wrapper {
    padding: 20px 0 36px;
}

@media screen and (max-width: 1100px) {
    .area-pharmacies-page-map-wrapper {
        padding: 16px 0 30px;
    }
}

@media screen and (max-width: 767px) {
    .area-pharmacies-page-map-wrapper {
        padding: 0 0 24px;
    }
}

.description-block-pharmacy {
    padding: 20px 0;
}

.description-block-pharmacy__wrapper {
    display: flex;
    gap: 12px;
    flex-direction: column;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 14px;
    background-color: #F2F2F2;
}

.description-block-pharmacy__title {
    margin: 0;
    font: 500 20px/24px 'Oceanic Grotesk Compact', sans-serif;
    color: #1E1E1E;
}

.description-block-pharmacy__text {
    margin: 0;
    font: 400 16px/19px 'Oceanic Grotesk Compact', sans-serif;
    color: #1E1E1E;
}

.description-block-pharmacy__text--link {
    text-decoration: underline;
    text-decoration-skip-ink: none;
    transition: .3s ease color;
}

@media (hover: hover) {
    .description-block-pharmacy__text--link:hover {
        color: #FF0000;
    }
}

@media screen and (max-width: 1100px) {
    .description-block-pharmacy {
        padding: 16px 0 12px 0;
    }

    .description-block-pharmacy__wrapper {
        padding: 16px;
        gap: 8px;
    }

    .description-block-pharmacy__title {
        font-size: 16px;
        line-height: 20px;
    }

    .description-block-pharmacy__text {
        font-size: 14px;
        line-height: 17px;
    }
}

@media screen and (max-width: 767px) {
    .description-block-pharmacy {
        padding: 0 0 12px 0;
    }

    .description-block-pharmacy__wrapper {
        padding: 12px;
    }

    .description-block-pharmacy__title {
        font-size: 14px;
        line-height: 17px;
    }

    .description-block-pharmacy__text {
        font-size: 12px;
        line-height: 14px;
    }
}

/* list */
.region__cities-container {
    padding: 20px 0 36px 0;
}

.regions__cities {
    padding: 11px;
    border-radius: 14px;
    border: 1px solid #DEDEDE;
    box-sizing: border-box;
}

.regions__cities-city {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: grid;
    gap: 8px 12px;
    grid-template-columns: repeat(5, minmax(auto, 1fr));
}

.city__item {
    display: flex;
    gap: 4px;
    align-items: center;
    margin: 0;
    font: 400 16px/19px 'Oceanic Grotesk Compact', sans-serif;
    color: #1E1E1E;
    transition: .3s ease;
}

.city__item::after {
    content: "";
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    background: url(/local/templates/.default/img/map/city-arrow.svg) no-repeat center center / contain;
    transition: background-image .3s ease;
}

@media (hover: hover) {
    .city__item:hover {
        color: #FF0000;
    }

    .city__item:hover::after {
        background-image: url(/local/templates/.default/img/map/city-arrow--active.svg);
    }
}

@media screen and (max-width: 1100px) {
    .region__cities-container {
        padding: 30px 0;
    }

    .regions__cities-city {
        grid-template-columns: repeat(4, minmax(auto, 1fr))
    }

    .city__item {
        font-size: 14px;
        line-height: 17px;
    }
}

@media screen and (max-width: 767px) {
    .region__cities-container {
        padding: 24px 0;
    }

    .regions__cities-city {
        grid-template-columns: repeat(3, minmax(auto, 100%));
    }

    .city__item {
        font-size: 12px;
        line-height: 14px;
    }
}

@media screen and (max-width: 374px) {
    .regions__cities-city {
        grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
    }
}
/* End */
/* /local/components/impulseit/location.stock.page/templates/.default/style.css?17885212363602 */