#d1302-popup-overlay {
display: none; position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgba(0,0,0,0.6);
z-index: 99999;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.3s ease;
} #d1302-popup-overlay.is-visible {
opacity: 1;
} .d1302-popup-container {
position: relative;
max-width: 600px;
width: auto;
text-align: center;
transform: scale(0.8);
transition: transform 0.3s ease;
}
#d1302-popup-overlay.is-visible .d1302-popup-container {
transform: scale(1);
} .d1302-popup-content img {
max-width: 100%;
height: auto;
display: block;
border-style: solid;
border-color: #ffffff;
box-shadow: 0 10px 25px rgba(0,0,0,0.5);
} .d1302-close-btn {
position: absolute;
top: -15px;
right: -15px;
background: #fff;
color: #333;
border-radius: 50%;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
font-weight: bold;
cursor: pointer;
box-shadow: 0 2px 5px rgba(0,0,0,0.3);
font-family: Arial, sans-serif;
z-index: 100;
}
.d1302-close-btn:hover { background: #eee; } @media (max-width: 768px) {
.d1302-popup-container { width: calc(100% - 40px); 
margin-left: 20px;
margin-right: 20px;
}
}