position: fixed;
top: 50%;
right: 20px;
transform: translateY(-50%);
width: 300px;
z-index: 999999;
background: #fff;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
border-radius: 8px;
overflow: hidden;
transition: all 0.3s ease;
}
#sticky-sidebar-ad .ad-close {
position: absolute;
top: -10px;
right: -10px;
width: 30px;
height: 30px;
background: #fff;
border-radius: 50%;
cursor: pointer;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 8px rgba(0,0,0,0.2);
font-size: 18px;
font-weight: bold;
color: #333;
transition: all 0.2s ease;
}
#sticky-sidebar-ad .ad-close:hover {
background: #f44336;
color: #fff;
transform: rotate(90deg);
}
#sticky-sidebar-ad .ad-container {
width: 300px;
height: 250px;
overflow: hidden;
background: #f5f5f5;
}
/* Responsive: Hide on mobile/tablet */
@media (max-width: 1024px) {
#sticky-sidebar-ad {
display: none !important;
}
}
/* Adjust position on smaller desktop screens */
@media (max-width: 1400px) {
#sticky-sidebar-ad {
right: 10px;
}
}
/* Hide when scrolled to bottom */
#sticky-sidebar-ad.hidden {
opacity: 0;
pointer-events: none;
}
