#cps-popup-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
display: flex;
align-items: center;
justify-content: center;
padding: 15px;
z-index: 999999;
}
#cps-popup {
position: relative;
background: #fff;
border-radius: 8px;
max-width: 700px; width: 100%;
overflow: hidden;
box-shadow: 0 0 20px rgba(0,0,0,0.3);
opacity: 0;
transform: scale(0.9);
animation: cps-popup-in 0.25s ease-out forwards;
}
@keyframes cps-popup-in {
to { opacity: 1; transform: scale(1); }
}
#cps-img {
width: 100%;
display: block;
}
#cps-close {
position: absolute;
top: 10px;
right: 12px;
font-size: 32px;
font-weight: bold;
cursor: pointer;
z-index: 10;
}
.cps-hidden {
display: none !important;
} @media (max-width: 768px) {
#cps-popup { max-width: 95%; }
}
@media (max-width: 480px) {
#cps-popup { max-width: 100%; border-radius: 6px; }
#cps-close { font-size: 28px; top: 8px; right: 10px; }
}