/*
 * Секция «Best Sellers» (подборка товаров) на главной странице.
 * Двухколоночная сетка карточек; внутри карточки — коллаж из основного
 * изображения/видео и двух дополнительных (grid-areas).
 * Разметка — inc/custom-homepage.php.
 */
.selected-products::before,
.selected-products::after {
    display: none !important;
}

.selected-products {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 5em;
    grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 1280px) {
    .selected-products {
        gap: 3em;
    }
}
@media screen and (max-width: 782px) {
    .selected-products {
        gap: 3em;
        grid-template-columns: 1fr;
    }
}
@media screen and (max-width: 480px) {
    .selected-products {
        gap: 1em;
    }
}

.selected-products__item:nth-child(even) {
    justify-items: end;
}
@media screen and (max-width: 782px) {
    .selected-products__item, .selected-products__item:nth-child(even) {
        justify-items: center;
    }
}

.selected-products__item-link {
    max-width: 612px;
    display: block;
}

.selected-products__item-preview {
    aspect-ratio: 1 / 1;
}

.selected-products__item-grid {
    display: grid;
    gap: 1em;
    grid-template-areas: 
        "main main item2"
        "main main item3";
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
}
@media screen and (max-width: 782px) {
    .selected-products__item-preview {
        /* grid-template-columns: 1fr; */
        gap: 10px;
    }
}

.selected-products__item-media:nth-child(1) {
    grid-area: main;
}

.selected-products__item-media:nth-child(2) {
    grid-area: item2;
}

.selected-products__item-media:nth-child(3) {
    grid-area: item3;
}

.selected-products__item-media {
    width: 100%;
    height: 100%;
}

.selected-products__item-media video,
.selected-products__item-media img {
    width: 100%;
    height: 100%;
    margin: 0 !important;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top;
       object-position: top;
}