.sticky-ads-root {
    position: fixed;
    top: 30%;
    left: 0;
    right: 0;
    pointer-events: none;
    z-index: 9999;
}

/* Base ad container */
.sticky-ad {
    position: fixed;
    top: 30%;
    max-width: 95vw;
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    border-radius: var(--border-radius);
    overflow: hidden;
    pointer-events: auto;
    opacity: 0;
    transform: translateX(50px);
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.sticky-ad--left {
    left: 20px;
    transform: translateX(-50px);
}
.sticky-ad--right {
    right: 20px;
    transform: translateX(50px);
}

.sticky-ad.is-visible {
    opacity: 1;
    transform: translateX(0);
}

.sticky-ad.is-hidden {
    opacity: 0;
}

.sticky-ad__close {
    position: absolute;
    top: 6px;
    right: 8px;
    background: transparent;
    border: none;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    color: #333;
}

.sticky-ad__content {
    padding: 16px 36px 16px 16px;
    font-size: 14px;
    line-height: 1.4;
}