/* Базовый сброс и стили для демонстрации */
        .body {
            font-family: system-ui, -apple-system, sans-serif;
            background-color: #f5f5f7;
            margin: 0;
            padding: 20px;
        }

        /* ---------------------------------------------------- */
        /* Изолированные контейнеры для ОПРЕДЕЛЕННЫХ зон экрана */
        /* ---------------------------------------------------- */
        .popup-zone {
            position: fixed;
            z-index: 9999;
            display: flex;
            flex-direction: column;
            gap: 12px;
            pointer-events: none; /* Пропускают клики сквозь пустую зону */
            max-width: 370px;
			
        }

        /* Конкретные локации на экране */
        #zone-sauna { bottom: 220px; right: 20px; }
		#zone-wedd { bottom: 280px;  left: 20px; }
		
		
		
		#zone-top-right    { top: 20px; right: 20px; }
        #zone-bottom-left  { bottom: 20px; left: 20px; }
        #zone-center-right { top: 50%; right: 20px; transform: translateY(-50%); }
        #zone-top-center   { top: 20px; left: 50%; transform: translateX(-50%); align-items: center; }

        /* ---------------------------------------------------- */
        /* Стили самих попап-окон                               */
        /* ---------------------------------------------------- */
 
 
.custom-popup {
  position: relative !important;
  z-index: 999999 !important; /* Выносим окно на самый верхний слой сайта */
  pointer-events: auto !important; /* Принудительно разрешаем клики по окну */
  cursor: pointer !important;
  
  /* Ваши остальные стили */
  padding: 16px !important;
  box-sizing: border-box !important;
  background: #f0f0e8;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  margin-bottom: 10px;
  display: flex;
  align-items: flex-start;
  user-select: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
  opacity: 0;
  transform: translateY(10px);
}

.custom-popup.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Ссылки и текст внутри не должны мешать клику */
.popup-text {
  white-space: pre-line;
  font-family: sans-serif;
  font-size: 14px;
  color: #333;
  line-height: 1.4;
  pointer-events: none !important; /* Клик проходит сквозь текст на подложку окна */
}