/* General Styles - Images */
.tpl-grid-1img-2text__img {
    border-radius: 16px;
    overflow: hidden;
}

.tpl-grid-1img-2text__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    align-self: start;
}

/* Component styles */
.tpl-grid-1img-2text {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    row-gap: 16px;
}

.tpl-grid-1img-2text > :nth-child(2) {
    margin-top: calc(32px - 16px);
}

.tpl-grid-1img-2text__img {
    width: 100%;
    height: 256px;
}

.tpl-grid-1img-2text__description {
    display: flex;
    flex-direction: column;
    padding: 16px 16px 24px 16px;
    border-radius: 16px;
    background-color: var(--color-terciary-gray, #F8F7F5);
}

.tpl-grid-1img-2text__list {
    margin-top: 4px;
    list-style-type: initial;
    list-style-position: inside;
}

.tpl-grid-1img-2text__list li {
    margin-left: -4px;
    padding-left: 8px;
}

.tpl-grid-1img-2text__description .vs-text {
    margin-top: 4px;
    line-height: 18px;
}

.tpl-grid-1img-2text__description .vs-link-arrow {
    margin-top: 16px
}

@media (min-width: 1024px) {
    .tpl-grid-1img-2text {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto 1fr;
        grid-template-areas:
            "title description1"
            "img1 description1"
            "img1 description2";
        gap: 32px;
    }

    .tpl-grid-1img-2text > :nth-child(2) {
        margin-top: 0;
    }

    .tpl-grid-1img-2text__title-section {
        grid-area: title;
        align-self: center;
        height: fit-content;
        padding-block: 32px;
    }

    .tpl-grid-1img-2text__img {
        grid-area: img1;
        height: 336px;
    }

    .tpl-grid-1img-2text__description {
        row-gap: 8px;
        align-self: start;
        max-height: max-content;
        padding: 32px 32px 40px 32px;
    }

    .tpl-grid-1img-2text__description.part-1 {
        grid-area: description1;
    }

    .tpl-grid-1img-2text__description.part-2 {
        grid-area: description2;
    }

    .tpl-grid-1img-2text__description .vs-link-arrow {
        margin-top: 8px;
    }
}