.search-ad {
    display: flex;
    align-items: stretch;
    gap: 24px;

    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);

    padding: 16px;
    margin: 24px 0;
}

/* Left column */

.search-ad__left {
    flex: 0 0 42%;
    display: flex;
}

/* Right column */

.search-ad__right {
    flex: 0 0 58%;
    display: flex;
}

/* Marketing image */

.search-ad__image {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
    object-fit: contain;
}

/* Video */

.search-ad__video {
    width: 100%;
    height: 310px;
    display: block;
    border-radius: 8px;
    background: #000;
}

/* ---------- Tablet ---------- */

@media (max-width: 991px) {

    .search-ad {
        flex-direction: column;
        gap: 20px;
    }

    .search-ad__left,
    .search-ad__right {
        flex: none;
        width: 100%;
    }

    .search-ad__image,
    .search-ad__video {
        width: 100%;
        height: auto;
    }

}

/* ---------- Mobile ---------- */

@media (max-width: 576px) {

    .search-ad {
        padding: 12px;
        gap: 16px;
        border-radius: 10px;
    }

    .search-ad__image {
        border-radius: 6px;
    }

    .search-ad__video {
        border-radius: 6px;
    }

}