:root {
    --cities-rental-swiper-gap: 10px;
    --cities-rental-swiper-city-fs: 20px;
    --cities-rental-swiper-city-fw: 300;
    --cities-rental-swiper-rental-grid-templaes: 1fr 1fr 1fr;
    --cities-rental-swiper-rental-img-height: 250px;
    --cities-rental-swiper-rental-img-br: 25px;
    --cities-rental-swiper-rental-descr-fs: 18px;
    --cities-rental-swiper-rental-descr-color: darkgray;
    --cities-rental-swiper-rental-descr-fw: 400;
    --cities-rental-swiper-rental-descr-bold-fw: 500;
    --cities-rental-swiper-rental-descr-bold-color: #000000;
}

.cities_rental_swiper__header {
    padding: var(--partner-title-header-padding);
    font-weight: var(--partner-title-header-fw);
    margin: var(--partner-title-header-margin);
    max-width: var(--partner-title-header-mw);
    font-size: var(--partner-title-header-fs);
    white-space: break-spaces;
    box-sizing: border-box;
    text-align: start;
}

.cities_rental_swiper__block {
    padding: var(--partner-title-header-padding);
    margin: var(--partner-title-header-margin);
    max-width: var(--partner-title-header-mw);
    box-sizing: border-box;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    overflow: hidden;
    display: flex;
    width: 100%;
}

.cities_rental_swiper__tabs {
    margin-bottom: calc(2 * var(--cities-rental-swiper-gap));
    gap: var(--cities-rental-swiper-gap);
    justify-content: start;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    display: flex;
    width: 100%;
}

.cities_rental_swiper__tab {
    font-weight: var(--cities-rental-swiper-city-fw);
    font-size: var(--cities-rental-swiper-city-fs);
    padding: var(--partner-title-header-padding);
    cursor: pointer;
}

.cities_rental_swiper__tab:hover {
    color: var(--main-color-hover);
}

.cities_rental_swiper__tab:nth-child(2) {
    padding-inline-start: 0;
}

.cities_rental_swiper__tab:last-child {
    padding-inline-end: 0;
}

.cities_rental_swiper__tabs > input:checked + label.cities_rental_swiper__tab {
    color: var(--main-color);
}

.cities_rental_swiper__content {
    grid-template-columns:var(--cities-rental-swiper-rental-grid-templaes);
    gap: calc(2 * var(--cities-rental-swiper-gap));
    display: none;
    width: 100%;
}

.cities_rental_swiper__content.active {
    display: grid;
}

.cities_rental_swiper__content > .cities_rental_swiper__rental {
    gap: calc(var(--cities-rental-swiper-gap) / 2);
    flex-direction: column;
    justify-content: start;
    text-decoration: none;
    align-items: start;
    display: flex;
}

.cities_rental_swiper__content > .cities_rental_swiper__rental > .cities_rental_swiper__rental_photo {
    border-radius: var(--cities-rental-swiper-rental-img-br);
    height: var(--cities-rental-swiper-rental-img-height);
    width: auto;
}

.cities_rental_swiper__content > .cities_rental_swiper__rental > .cities_rental_swiper__rental_img {
    border-radius: var(--cities-rental-swiper-rental-img-br);
    height: var(--cities-rental-swiper-rental-img-height);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    object-fit: cover;
    width: 100%;
}

.cities_rental_swiper__content > .cities_rental_swiper__rental > .cities_rental_swiper__rental_address {
    color: var(--cities-rental-swiper-rental-descr-bold-color);
    font-weight: var(--cities-rental-swiper-rental-descr-fw);
    font-size: var(--cities-rental-swiper-rental-descr);
}

.cities_rental_swiper__content > .cities_rental_swiper__rental > .cities_rental_swiper__rental_summary {
    color: var(--cities-rental-swiper-rental-descr-color);
    font-size: var(--cities-rental-swiper-rental-descr);
    font-weight: var(--cities-rental-swiper-city-fw);
    white-space: break-spaces;
}

.cities_rental_swiper__content > .cities_rental_swiper__rental > .cities_rental_swiper__rental_price {
    font-weight: var(--cities-rental-swiper-rental-descr-bold-fw);
    color: var(--cities-rental-swiper-rental-descr-bold-color);
    font-size: var(--cities-rental-swiper-city-fs);
    text-align: end;
    width: 100%;
}

.cities_rental_swiper__content > .cities_rental_swiper__rental > .cities_rental_swiper__rental_available {
    font-weight: var(--cities-rental-swiper-rental-descr-bold-fw);
    color: var(--cities-rental-swiper-rental-descr-bold-color);
    font-size: var(--cities-rental-swiper-rental-descr-fs);
    text-align: end;
    width: 100%;
}


@media only screen and (max-width: 1200px) {
    :root {
        --cities-rental-swiper-rental-img-height: 220px;
        --cities-rental-swiper-gap: 8px;
    }
}

@media only screen and (max-width: 1024px) {
    :root {
        --cities-rental-swiper-rental-img-height: 250px;
        --cities-rental-swiper-gap: 10px;
        --cities-rental-swiper-rental-grid-templaes: 1fr 1fr;
    }
}

@media only screen and (max-width: 760px) {
    :root {
        --cities-rental-swiper-rental-img-height: 200px;
        --cities-rental-swiper-gap: 10px;
        --cities-rental-swiper-rental-grid-templaes: 1fr 1fr;
    }
}

@media only screen and (max-width: 640px) {
    :root {
        --cities-rental-swiper-rental-img-height: 250px;
        --cities-rental-swiper-gap: 10px;
        --cities-rental-swiper-rental-grid-templaes: 1fr;
    }
}

#rentals {
    scroll-margin-top: 150px;
}