/* swisshero-rich — tall photo + solid pill-cornered panel with rotated circular badge */
.swisshero-rich__media {
    min-height: 24rem;
}

.swisshero-rich__img {
    aspect-ratio: 4 / 5;
}

.swisshero-rich__badge {
    width: 7.5rem;
    height: 7.5rem;
    flex: none;
}

.swisshero-rich__badge-text {
    transform: rotate(-8deg);
    max-width: 5.5rem;
}

.swisshero-rich__eyebrow {
    opacity: 0.85;
}

.swisshero-rich__desc {
    opacity: 0.9;
}

@media (min-width: 1024px) {
    .swisshero-rich__media {
        min-height: 32rem;
    }
}

/* advantages quad — icon tile sizing */
.advantages-quad__icon.advantages-quad__icon {
    width: 6rem;
    height: 6rem;
}

.advantages-quad__card.advantages-quad__card {
    transition: transform 200ms ease;
}

.advantages-quad__card.advantages-quad__card:hover {
    transform: translateY(-0.25rem);
}

@media (prefers-reduced-motion: reduce) {
    .advantages-quad__card.advantages-quad__card {
        transition: none;
    }
}

/* features promoband — dark promo panel + photo link cards (no colors) */
.features-promoband__panel {
    min-height: 20rem;
}

.features-promoband__media {
    aspect-ratio: 16 / 10;
}

.features-promoband__img.features-promoband__img {
    object-fit: cover;
}

@media (max-width: 1023px) {
    .features-promoband__panel {
        min-height: 0;
    }
}

/* tools-catalog band — dark search band with chip row (no colors) */
.tools-catalog-band {
    isolation: isolate;
}

.tools-catalog-band__blob {
    pointer-events: none;
    width: 20rem;
    height: 20rem;
    top: 0;
    right: 0;
    transform: translate(6rem, -6rem);
}

.tools-catalog-band__input.tools-catalog-band__input {
    min-height: 1.5rem;
}

.tools-catalog-band__chip,
.tools-catalog-band__highlight {
    white-space: nowrap;
}

/* blog-slider — faithful reproduction of the horizontal article card slider */
.blog-slider__track.blog-slider__track {
    scrollbar-width: none;
    max-width: 100%;
}

.blog-slider__track.blog-slider__track::-webkit-scrollbar {
    display: none;
}

.blog-slider__item {
    width: 18rem;
    max-width: calc(100vw - 2.5rem);
}

@media (min-width: 768px) {
    .blog-slider__item {
        width: 20rem;
    }
}

.blog-slider__media {
    aspect-ratio: 3 / 2;
}

.blog-slider__img.blog-slider__img {
    object-fit: cover;
}

.blog-slider__allcard img {
    object-fit: contain;
}

.blog-slider__nav-btn {
    transition: transform 150ms ease;
    width: 3rem;
    height: 3rem;
    flex: none;
}

.blog-slider__nav-btn:hover {
    transform: scale(1.05);
}