.awd-overlay {
display: none; position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7); z-index: 9998; transition: opacity 0.3s ease; opacity: 0; pointer-events: none; }
.awd-overlay.is-visible {
opacity: 1; pointer-events: auto; } .awd-popup {
display: none; position: fixed;
top: 50%;
left: 50%; -webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); padding: 20px;
z-index: 9999;  max-width: 90%;
max-height: 80vh;
overflow: auto; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); box-sizing: border-box;   -webkit-transition: opacity 0.3s ease, transform 0.3s ease;
-moz-transition: opacity 0.3s ease, transform 0.3s ease;
-o-transition: opacity 0.3s ease, transform 0.3s ease;
transition: opacity 0.3s ease, transform 0.3s ease;
opacity: 0;   -webkit-transform: translate(-50%, -50%) scale(0.95);
-moz-transform: translate(-50%, -50%) scale(0.95);
-ms-transform: translate(-50%, -50%) scale(0.95);
-o-transform: translate(-50%, -50%) scale(0.95);
transform: translate(-50%, -50%) scale(0.95); pointer-events: none;  text-align: center; }
.awd-popup.is-visible {
opacity: 1;   -webkit-transform: translate(-50%, -50%) scale(1);
-moz-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
-o-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
pointer-events: auto; } .awd-popup.awd-button-align-left {
text-align: left;
}
.awd-popup.awd-button-align-center {
text-align: center;
}
.awd-popup.awd-button-align-right {
text-align: right;
} .awd-popup[data-popup-width] {
max-width: none; }
.awd-popup[data-popup-height] {
max-height: none; } .awd-close-btn {
position: absolute;
top: 10px;
right: 10px;
background: none;
border: none;
font-size: 20px;
cursor: pointer;
color: #333;
line-height: 1;
padding: 0;
z-index: 10000; }
.awd-close-btn:hover {
color: #000;
} .awd-popup-content {  background: none; } .awd-popup-button {
display: inline-block; margin-top: 15px; padding: 10px 20px;   text-decoration: none; border-radius: 4px; font-weight: bold;  -webkit-transition: background-color 0.2s ease, transform 0.1s ease;
-moz-transition: background-color 0.2s ease, transform 0.1s ease;
-o-transition: background-color 0.2s ease, transform 0.1s ease;
transition: background-color 0.2s ease, transform 0.1s ease;
border: none; cursor: pointer;  } .awd-popup-button:hover {  -webkit-transform: translateY(-1px);
-moz-transform: translateY(-1px);
-ms-transform: translateY(-1px);
-o-transform: translateY(-1px);
transform: translateY(-1px); }  .awd-popup.awd-popup-lightbox {   }