@layer pages {
    /* fixed image height, clamped text: every hotel card ends up the same size */
    .nur-hotel .nur-tour__media {
        height: 210px;
        aspect-ratio: auto;
    }

    .nur-hotel .nur-tour__title {
        display: -webkit-box;
        min-height: calc(2 * 1.15em);
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .nur-hotel__summary {
        display: -webkit-box;
        min-height: calc(3 * 1.6em);
        overflow: hidden;
        color: var(--nur-ink-soft);
        font-size: var(--nur-text-sm);
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .nur-hotel .nur-chips {
        flex-wrap: nowrap;
        overflow: hidden;
    }

    .nur-hotel .nur-chip--static {
        flex: none;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .nur-hotel__cta {
        margin-top: auto;
    }

    .nur-hotels__count {
        display: none;
        margin-bottom: var(--nur-space-4);
        color: var(--nur-ink-soft);
        font-size: var(--nur-text-sm);
    }

    [data-hotels-results].is-loading {
        opacity: 0.5;
        pointer-events: none;
    }

    .nur-hotel-map {
        overflow: hidden;
        aspect-ratio: 16 / 10;
        border: 1px solid var(--nur-line);
        border-radius: var(--nur-radius);
        background: var(--nur-sand-100);
    }

    .nur-hotel-map iframe {
        display: block;
        width: 100%;
        height: 100%;
        border: 0;
    }

    .nur-booking--offer {
        margin-top: var(--nur-space-5);
    }

    .nur-booking .nur-price-list {
        margin-block: var(--nur-space-3);
    }

    .nur-booking .nur-price-list a {
        color: var(--nur-primary);
        text-decoration: underline;
    }

    @media (min-width: 1024px) {
        .nur-hotels__count {
            display: block;
        }

        .nur-hotels__count + [data-hotels-results] .nur-tourlist--wide {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (min-width: 1280px) {
        .nur-hotels__count + [data-hotels-results] .nur-tourlist--wide {
            grid-template-columns: repeat(3, 1fr);
        }
    }
}