/* USER ADS — SLOTS (frontend) */

.ua-slot {position: relative; margin: 12px 0; width: 100%; max-width: 100%;}
.ua-slot * {box-sizing: border-box;}

/* Inner wrapper с фиксированным aspect-ratio по первому баннеру */
.ua-slot-inner {position: relative; width: 100%;}

/* Обычный баннер */
.ua-banner {display: none;}
.ua-banner.is-active {display: block;}

.ua-banner-link {display: block; text-decoration: none !important; color: inherit; transition: opacity 0.15s;}
.ua-banner-link:hover {opacity: 0.93; text-decoration: none;}

.ua-banner-img {display: block; width: 100%; height: auto; max-width: 100%; border: 0; border-radius: 6px;}

/* Классический сайдбар — не растягивать шире */
.ua-slot-sidebar_item .ua-banner-img {max-width: 300px; margin: 0 auto;}

/* Широкий баннер сверху */
.ua-slot-home_top .ua-banner-img {width: 100%; max-width: 1200px; margin: 0 auto;}

/* Видео */
.ua-banner-video {display: block; width: 100%; height: auto; border-radius: 6px;}

/* Popup */
.ua-slot-type-popup {margin: 0;}
.ua-popup-overlay {position: fixed; inset: 0; background: rgba(0, 0, 0, 0.65); z-index: 99999; display: flex; align-items: center; justify-content: center; padding: 20px; animation: ua-fade-in 0.25s ease;}
.ua-popup-window {position: relative; max-width: 500px; width: 100%; animation: ua-popup-up 0.3s ease;}
.ua-popup-content {background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);}
.ua-popup-close {position: absolute; top: -36px; right: 0; width: 32px; height: 32px; border: 0; background: rgba(255, 255, 255, 0.15); color: #fff; font-size: 22px; line-height: 1; border-radius: 50%; cursor: pointer; transition: 0.15s;}
.ua-popup-close:hover {background: rgba(255, 255, 255, 0.3);}
.ua-popup-content .ua-banner-img {border-radius: 8px;}

body.ua-popup-open {overflow: hidden;}

@keyframes ua-fade-in {from {opacity: 0;} to {opacity: 1;}}
@keyframes ua-popup-up {from {transform: translateY(30px); opacity: 0;} to {transform: translateY(0); opacity: 1;}}

/* Mobile */
@media (max-width: 767px) {
  .ua-popup-window {max-width: 100%;}
  .ua-popup-close {top: 6px; right: 6px; background: rgba(0, 0, 0, 0.4);}
}

/* Prefers reduced motion */
@media (prefers-reduced-motion: reduce) {
  .ua-popup-overlay, .ua-popup-window {animation: none;}
}