/* Ad Container specific styles */
.ad-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 50px; /* Minimal height to avoid complete collapse if script lags, but small enough to not be a huge empty box */
    margin: 20px 0;
    text-align: center;
}

/* Side Ads */
.ad-side {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
    display: none; /* Hidden by default (mobile first) */
}

.ad-left {
    left: 10px;
}

.ad-right {
    right: 10px;
}

/* Show side ads only on very large screens */
/* Content is max 600px. Ads are 160px each. 
   600 + 160 + 160 = 920px. 
   Plus margins (e.g., 20px each side) -> 1000px roughly.
   To be safe and ensure no overlap, use 1200px or larger.
*/
@media (min-width: 1200px) {
    .ad-side {
        display: block;
    }
}