.mod-ad-slot {
    display: grid;
    grid-template-columns: repeat(var(--mod-ad-columns, 2), minmax(0, 300px));
    gap: 14px;
    justify-content: center;
    margin: 24px auto;
    padding: 12px 0;
    max-width: min(100%, calc(300px * var(--mod-ad-columns, 2) + 14px * (var(--mod-ad-columns, 2) - 1)));
    min-height: 260px;
}

.mod-ad-item {
    min-width: 0;
}

.mod-ad-link {
    display: block;
    text-decoration: none;
}

.mod-ad-media {
    display: block;
    position: relative;
    aspect-ratio: 6 / 5;
    width: 100%;
    overflow: hidden;
    border-radius: 6px;
    background: #f6f2eb;
    border: 1px solid #94a3b8;
}

.mod-ad-media img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 5px;
    object-fit: contain;
    object-position: center;
    background: #f6f2eb;
}

.mod-ad-media img.is-landscape {
    padding: 8px 6px;
}

.mod-ad-media img.is-portrait {
    padding: 4px;
}

@media (max-width: 767px) {
    .mod-ad-slot {
        grid-template-columns: minmax(0, 300px);
        max-width: 300px;
        min-height: 0;
    }

    .mod-ad-slot .mod-ad-item:nth-child(n+2) {
        display: none;
    }
}