.ad-container {
    margin: 15px 0;
    text-align: center;
    overflow: hidden;
    contain: layout style paint;
    content-visibility: auto;
}

.ad-container img {
    max-width: 100%;
    height: auto;
}

.ad-header {
    margin-bottom: 15px;
}

.ad-sidebar {
    margin: 10px 0;
    padding: 10px;
    background: var(--bg-card);
    border-radius: 8px;
}

.ad-content {
    margin: 20px 0;
    padding: 15px;
    background: rgba(83, 111, 118, 0.1);
    border-radius: 10px;
    border: 1px solid var(--border-color);
}

.ad-footer {
    margin-top: 20px;
    padding: 15px 0;
    border-top: 1px solid var(--border-color);
}

.ad-mobile-only {
    display: none;
}

.ad-desktop-only {
    display: block;
}

@media (max-width: 768px) {
    .ad-mobile-only {
        display: block;
    }

    .ad-desktop-only {
        display: none;
    }

    .ad-container {
        margin: 10px 0;
    }

    .ad-content {
        padding: 10px;
        margin: 15px 0;
    }
}

@media (min-width: 769px) and (max-width: 991px) {
    .ad-mobile-only {
        display: block;
    }

    .ad-desktop-only {
        display: block;
    }
}

.ad-label {
    font-size: 10px;
    color: var(--text-muted);
    text-transform: uppercase;
    margin-bottom: 5px;
    opacity: 0.6;
}