.popup-banner-overlay {
    	position: fixed;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 100%;
    	background: rgba(0, 0, 0, 0.75);
    	backdrop-filter: blur(5px);
    	-webkit-backdrop-filter: blur(5px);
    	display: flex;
    	align-items: center;
    	justify-content: center;
    	z-index: 10000;
    	opacity: 0;
    	animation: fadeIn 0.4s ease forwards;
    }

    .popup-banner-content {
    	position: relative;
    	width: fit-content;
    	height: fit-content;
    	max-width: 90vw;
    	max-height: 90vh;
    	line-height: 0;
    	box-shadow: 0 30px 60px rgba(0, 0, 0, 0.6);
    	border-radius: 12px;
    }

    .popup-banner-content img {
    	max-width: 100%;
    	max-height: 90vh;
    	height: auto;
    	display: block;
    	border-radius: 12px;
    }

    /* Кнопка: темно-зеленая, без вращения */
    .popup-banner-close {
    	position: absolute;
    	top: -18px;
    	right: -18px;
    	width: 38px;
    	height: 38px;
    	background: #2d5a27;
    	border-radius: 50%;
    	cursor: pointer;
    	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
    	z-index: 10001;
    	border: 2px solid #ffffff;
    	transition: transform 0.2s ease, background-color 0.2s ease;
    	display: flex;
    	align-items: center;
    	justify-content: center;
    }

    /* Эффект при наведении: только увеличение */
    .popup-banner-close:hover {
    	background-color: #1e3d1a;
    	transform: scale(1.15);
    	/* Увеличивается без поворота */
    }

    /* Рисуем ровный крестик через псевдоэлементы */
    .popup-banner-close::before,
    .popup-banner-close::after {
    	content: '';
    	position: absolute;
    	width: 18px;
    	/* Длина палочки */
    	height: 2px;
    	/* Толщина палочки */
    	background-color: #ffffff;
    	border-radius: 2px;
    }

    /* Поворачиваем палочки, чтобы получился X */
    .popup-banner-close::before {
    	transform: rotate(45deg);
    }

    .popup-banner-close::after {
    	transform: rotate(-45deg);
    }

    @keyframes fadeIn {
    	to {
    		opacity: 1;
    	}
    }

    /* Мобильный адаптив */
    @media (max-width: 768px) {
    	.popup-banner-close {
    		top: -12px;
    		right: -12px;
    		width: 32px;
    		height: 32px;
    	}

    	.popup-banner-close::before,
    	.popup-banner-close::after {
    		width: 14px;
    	}
    }