.covering-type__content {
    grid-template-rows: 1fr auto 1fr;
}

.covering-type__wrapper {
    width: 100%;
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(auto-fill, minmax(300px, 350px));
    gap: .375rem;
    padding: 0 .25rem;
    grid-column: 1 / -1;
    grid-row: 2;
}

.covering-radio-card__inner {
    display: flex;
    flex-direction: column;
    text-align: justify;
    border-radius: .5rem;
    border: 1px solid var(--border-color);
    background-color: var(--bg-color-secondary);
    position: relative;
}

.covering-radio-card__image {
    width: 100%;
    height: 70px;
    border-radius: .5rem;
    object-fit: cover;
    box-shadow: 1px 2px 6px -1px hsla(var(--color-black), .1), 1px 2px 4px -2px hsla(var(--color-black), .1);
}

.covering-radio-card__text {
    display: flex;
    flex-direction: column;
    padding: 0.25rem .5rem .5rem;
}

.covering-radio-card__title {
    font-weight: 600;
    text-align: center;
}

.covering-radio-card__description {
    font-size: 1rem;
    max-height: 15vh;
    color: var(--text-color-primary);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--color-accent) var(--bg-color-secondary);
}

.covering-radio-card__description::after {
    content: attr(data-short);
}

.radio-card__input:checked + .covering-radio-card__inner > .covering-radio-card__text > .covering-radio-card__description::after {
    content: attr(data-full)
}

@media (min-width: 768px) {
    .covering-type__content {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {
    .covering-type__content {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {
    .covering-type__content {
        max-width: 1280px;
    }
}