* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Unbounded', cursive;
        }
        
        body {
            background-color: #181919;
            color: #000;
            line-height: 1.6;
            padding: 0px;
            min-height: 10vh;
        }
        
        .container {
            max-width: 1200px;
            width: 100%;
            margin: 100px auto 0;
            border-radius: 10px;
            border: 1px solid rgba(255, 255, 255, 0.2);
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
        }
        
        .step {
		    position: absolute;
		    pointer-events: none;
		    z-index: 9999;
		    transition: opacity 0.6s ease, transform 0.6s ease;
		}
        
        /* Секции */
        .section {
            padding: 60px 40px;
            position: relative;
        }
        
        /* Секция 1 - Герой */
        .section-hero {
            background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)), url('https://adventurecrimea.ru/imgs/home_img/wallpaper_home.jpg') no-repeat center center;
            background-size: cover;
            color: white;
            border-radius: 0px;
            display: flex;
            align-items: center;
            min-height: 500px;
            position: relative;
            overflow: hidden;
        }
        
        .hero-content {
        	flex-direction: column;
            text-align: center;
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            gap: 10px;
            position: relative;
            z-index: 4;
        }
        
        .hero-text {
            text-align: center;
            flex: 1;
            max-width: 100%;
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(4px);
            border-radius: 15px 15px 15px 15px;
            padding: 20px 20px;
            border: 1px solid rgba(255, 255, 255, 0.5);
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 1s ease, transform 1s ease;
        }
        
        .hero-text.visible {
            opacity: 1;
            transform: translateY(0);
        }
        
        .hero-text h1 {
        	padding: 20px;
            font-size: 30px;
            line-height: 1.1;
            color: white;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
            font-weight: 300; /* Более тонкий шрифт для h1 */
        }
        
        .hero-text p {
        	padding: 20px;
            font-size: 16px;
            line-height: 1.3;
            font-weight: 250; /* Более тонкий шрифт для p */
        }
        
        .hero-image {
            flex: 1;
            position: relative;
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 1s ease 0.6s, transform 1s ease 0.3s;
        }
        
        .hero-image.visible {
            opacity: 1;
            transform: translateY(0);
        }

        @keyframes float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-20px); }
        }

        /* Затемнение для hero секции */
        .hero-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 1));
            z-index: 3;
        }
        
        
        /* Контейнер для фоновых изображений с анимацией */
        .hero-backgrounds {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 2;
        }
        
        .bg-image {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            opacity: 0;
            transition: opacity 1.5s ease-in-out;
            z-index: 2;
        }
        
        .bg-image.active {
            opacity: 1;
            z-index: 3;
        }
        
        .bg-image.zoom {
            animation: zoomBackground 7s ease-in-out;
        }
        
        @keyframes zoomBackground {
            0% { transform: scale(1); }
            100% { transform: scale(1.2); }
        }
        
        /*******************************/
        /*   Секция 2 - Регионы (FIX)  */
        /*******************************/
        .section-regions {
        background:#000;
        padding:60px 20px;
        border-radius:0px;
        margin-top:0px
        }
        
        .section-title {
        padding:25px;
        font-size:36px;
        color:#ffffff;
        font-weight:350;
        text-align:center;
        margin-bottom:8px
        }
        
        .section-subtitle {
        font-size:22px;
        font-weight:250;
        color:#ffffff;
        text-align:center;
        margin-bottom:28px
        }

        .regions-grid{
          display:grid;
          grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
          gap:24px;
          align-items:stretch;
          perspective:1200px; /* для 3D */
        }

        /* Внешний контейнер карточки (масштаб по hover) */
        .region-card{
          position:relative;
          width:100%;
          height:350px;
          border-radius:16px;
          transform-origin:center center;
          transition: transform .25s ease; /* масштаб при hover */
          -webkit-tap-highlight-color: transparent;
        }
        .region-card:hover{ transform: scale(1.04); }

        /* Внутренняя часть — та, которая вращается (rotateY) */
        .card-inner{
          position:relative;
          width:100%;
          height:100%;
          border-radius:16px;
          transform-style:preserve-3d;
          transition: transform .72s cubic-bezier(.2,.9,.28,1);
          will-change:transform;
          overflow:visible;
        }
        /* flipped state */
        .region-card.is-flipped .card-inner{
          transform: rotateY(180deg);
        }

        /* Общие стили для лицевой и тыльной стороны */
        .card-inner-face{
          position:absolute;
          inset:0;
          border-radius:16px;
          overflow:hidden;
          backface-visibility:hidden;
          -webkit-backface-visibility:hidden;
          display:block;
        }

        /* фон + стекло (overlay псевдоэлемент) */
        .card-inner-face .bg{
          position:absolute; 
          inset:0; 
          background-size:cover; 
          background-position:center;
          transform:translateZ(0);
        }
        .card-inner-face .glass{
          position:absolute; 
          inset:0;
          background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));
          backdrop-filter: blur(0px);
          -webkit-backdrop-filter: blur(0px);
        }
        /* Общие стили для лицевой и тыльной стороны */
        .card-front-face{
          position:absolute;
          inset:0;
          border-radius:16px;
          overflow:hidden;
          backface-visibility:hidden;
          -webkit-backface-visibility:hidden;
          display:block;
        }

        /* фон + стекло (overlay псевдоэлемент) */
        .card-front-face .bg{
          position:absolute; 
          inset:0; 
          background-size:cover; 
          background-position:center;
          transform:translateZ(0);
        }
        .card-front-face .glass{
          position:absolute; 
          inset:0;
          background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,.5));
          backdrop-filter: blur(5px);
          -webkit-backdrop-filter: blur(5px);
        }

        /* FRONT */
        .card-front { 
        z-index:2;
        }
        
        .front-inner{
          position:relative; 
          z-index:3; 
          height:100%;
          display:flex; 
          flex-direction:column; 
          align-items:center;
          justify-content:center;
          padding:22px 18px;
          text-align:center;
        }
        /* Аватар 100x100 */
        .avatar{
          width:100px; 
          height:100px; 
          border-radius:50%;
          overflow:hidden; 
          border:3px solid rgba(255,255,255,.95);
          box-shadow:0 6px 18px rgba(0,0,0,.6);
          background:#fff;
          display:flex; 
          align-items:center; 
          justify-content:center;
          margin-bottom:12px;
          flex: 0 0 auto;
        }
        .avatar img {
         width:100%; 
         height:100%; 
         object-fit:cover; 
         display:block; 
         }

        .front-title {
        font-size:22px;
        font-weight:300;
        color:#fff;
        margin-bottom:8px}

        /* + кнопка — снизу по центру (абсолютно позиционируем) */
        .region-plus{
          position:absolute;
          left:50%; transform:translateX(-50%);
          bottom:16px;
          width:56px; height:56px; border-radius:50%;
          display:flex; align-items:center; justify-content:center;
          background:rgba(255,255,255,.08);
          color:#fff; 
          font-size:22px; 
          line-height:1;
          border:1px solid rgba(255,255,255,.9);
          cursor:pointer;
          z-index:4;
          /* пульсация по умолчанию ПАУЗИРОВАНА — включится после outline или на hover */
          animation: pulse 1.8s ease-in-out infinite;
          animation-play-state: paused;
        }

        /* BACK */
        .card-back{  
        transform: rotateY(180deg); 
        z-index:1; 
        }
        
        .back-inner{
          position:relative; 
          z-index:3; height:100%;
          display:flex; 
          flex-direction:column; 
          align-items:center; 
          justify-content:center;
          padding:22px 24px; 
          text-align:center;
        }
        
        .back-desc { 
        font-size:16px;
        font-weight:250; 
        color:#ffffff; 
        max-width:90%; 
        margin-bottom:20px 
        }
        
        .region-btn{
          position:absolute;
          left:50%; transform:translateX(-50%);
          bottom:16px;
          display:inline-block;
          padding:10px 24px;
          border-radius:40px;
          background:rgba(255,255,255,.08);
          color:#fff;
          text-decoration:none;
          border:1px solid rgba(255,255,255,.95);
          z-index:4;
          cursor:pointer;
          /* как и + — пульсация паузирована по умолчанию */
          animation: pulse-small 1.8s ease-in-out infinite;
          animation-play-state: paused;
        }

        /* Пульсации и анимации */
        @keyframes pulse {
          0%{ transform:translateX(-50%) scale(1); opacity:1 }
          50%{ transform:translateX(-50%) scale(1.12); opacity:.85 }
          100%{ transform:translateX(-50%) scale(1); opacity:1 }
        }
        @keyframes pulse-small {
          0%{ transform:translateX(-50%) scale(1); opacity:1 }
          50%{ transform:translateX(-50%) scale(1.08); opacity:.9 }
          100%{ transform:translateX(-50%) scale(1); opacity:1 }
        }

        /* класс, который ставим из JS после проигрыша outline — включит анимацию */
        .pulse-on { animation-play-state: running !important }

        /* Контур — svg поверх карточки (анимация 1 раз) */
        .card-outline {
          position:absolute; 
          inset:0; 
          pointer-events:none; 
          z-index:5;
        }
        .card-outline svg { 
        width:100%; 
        height:100%; 
        display:block 
        }
        
        .card-outline rect { 
        fill:none; 
        stroke: rgba(255,255,255,.9); 
        stroke-width:1; 
        stroke-linecap:round; 
        stroke-linejoin:round; 
        opacity:.45 }

        /* Скрываем outline после проигрыша (JS будет убирать класс animate, но на всякий случай) */
        .card-outline.hidden { 
        opacity:0; 
        transition:opacity .3s linear; 
        pointer-events:none }

        /* accessibility / reduced motion */
        @media (prefers-reduced-motion: reduce) {
          .region-card, .card-inner, 
          .region-plus, .region-btn { 
          transition:none; animation:none !important;
          transform:none !important }
        }

        /* MOBILE: делаем карточки компактнее, сохраняя компоненты */
        @media (max-width:900px){
          .regions-grid {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 16px;
    }
    
    .region-card {
        height: 350px;
    }
    
    .avatar {
        width: 90px;
        height: 90px;
        margin-bottom: 8px;
    }
    
    .front-title {
        font-size: 16px;
    }
    
    .region-plus {
        width: 44px;
        height: 44px;
        font-size: 20px;
        bottom: 12px;
    }
    
    .back-desc {
        font-size: 14px;
        margin-bottom: 15px;
    }
    
    .region-btn {
        padding: 8px 18px;
        font-size: 14px;
        bottom: 12px;
    }
}        
@media (max-width: 768px) {
    .regions-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 карточки в ряд */
        gap: 12px;
    }
    
    .region-card {
        height: 300px;
    }
    
    .avatar {
        width: 90px;
        height: 90px;
    }
    
    .front-title {
        font-size: 15px;
    }
    
    .back-desc {
        font-size: 13px;
        -webkit-line-clamp: 3; /* Ограничение текста до 3 строк */
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

@media (max-width:540px){
    .regions-grid {
        grid-template-columns: repeat(2, 1fr); /* Всегда 2 карточки в ряд */
        gap: 10px;
    }
    
    .region-card {
        height: 300px;
    }
    
    .avatar {
        width: 100px;
        height: 100px;
        border-width: 2px;
    }
    
    .front-title {
        font-size: 14px;
        margin-bottom: 5px;
    }
    
    .region-plus {
        width: 35px;
        height: 35px;
        font-size: 18px;
        bottom: 10px;
    }
    
    .back-desc {
        font-size: 12px;
        margin-bottom: 10px;
        -webkit-line-clamp: 2; /* Ограничение текста до 2 строк на очень маленьких экранах */
    }
    
    .region-btn {
        padding: 6px 14px;
        font-size: 12px;
        bottom: 10px;
    }
}

@media (max-width: 360px) {
    .regions-grid {
        grid-template-columns: 1fr; /* На очень узких экранах - 1 карточка в ряд */
        gap: 8px;
    }
    
    .region-card {
        height: 200px;
    }
}

        /* утилиты для корректного позиционирования внутренних элементов */
        .front-inner, .back-inner { 
        pointer-events:none 
        }
        
         /* чтобы клики шли к контейнеру, не к внутренним блокам */
        .region-plus, .region-btn { 
        pointer-events:auto 
        } 
}        

/* Секция с кнопками навигации по регионам */
        .section-region-nav {
            background: #000;
            padding: 40px 20px;
            text-align: center;
        }
        
        /* Секция с кнопками навигации по регионам */
        .section-region-nav {
            background: #000;
            padding: 40px 20px;
            text-align: center;
        }
        
        /* Кнопки навигации по регионам */
        .region-navigation {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 20px;
            flex-wrap: wrap;
            max-width: 1200px;
            margin: 0 auto;
        }
        
        .region-nav-btn {
            display: inline-block;
            background-color: #000;
            color: white;
            padding: 12px 25px;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 300;
            transition: all 0.3s;
            border: 1px solid white;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
            text-align: center;
            min-width: 160px;
            flex-shrink: 0;
        }
        
        .region-nav-btn:hover {
            background-color: white;
            color: #000;
            transform: translateY(-3px);
            box-shadow: 0 8px 15px rgba(0, 0, 0, 0.4);
        }
        
        /* Адаптация для планшетов */
        @media (max-width: 768px) {
            .section-region-nav {
                padding: 30px 15px;
            }
            
            .region-navigation {
                gap: 15px;
            }
            
            .region-nav-btn {
                padding: 10px 20px;
                min-width: 140px;
                font-size: 14px;
            }
        }
        
        /* Адаптация для мобильных устройств */
        @media (max-width: 480px) {
            .section-region-nav {
                padding: 20px 10px;
            }
            
            .region-navigation {
                flex-direction: column;
                gap: 12px;
            }
            
            .region-nav-btn {
                width: 100%;
                max-width: 280px;
                min-width: auto;
                padding: 12px 20px;
                font-size: 14px;
            }
        }
        
        /* Адаптация для очень маленьких экранов */
        @media (max-width: 360px) {
            .section-region-nav {
                padding: 15px 5px;
            }
            
            .region-navigation {
                gap: 10px;
            }
            
            .region-nav-btn {
                padding: 10px 15px;
                font-size: 13px;
                max-width: 250px;
            }
        }        
        /* Секция 3 - Виджет */
        .section-widget {
            background: #000000;
            padding: 0px 0;
            position: relative;
            min-height: 600px;
            display: flex;
            align-items: center;
        }
        
        .widget-container {
            max-width: 100%;
            min-height: 100%;
            padding: 0px 0px;
            margin: 0 auto;
            border-radius: 0px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            width: 100%;
            height: 100%;
            position: absolute;
        }
        
        .widget-container iframe {
            width: 100%;
            height: 100%;
            border: none;
        }
        
		.widget-text-overlay {
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 30%;
		    height: 100%;
		    display: flex;
		    flex-direction: column;
		    justify-content: center;
		    padding: 20px;
		    z-index: 10;
		    background: rgba(255, 255, 255, 0.1);
		    backdrop-filter: blur(10px);
		    border-right: 1px solid rgba(255, 255, 255, 0.2);
		}        
        .widget-text-overlay h2 {
            color: white;
            font-size: 32px;
            line-height: 1;
            margin-bottom: 10px;
            font-weight: 300;
        }
        
        .widget-text-overlay p {
            color: #e0e0e0;
            font-size: 18px;
            line-height: 1.2;
            font-weight: 300;
        }
        
        /* Секция 4 - Виджет */
        .section-widget-new {
            background: #000000;
            padding: 0px 0px;
            text-align: center;
        }
        
        .widget-new-container {
            max-width: 100%;
            margin: 0 auto;
            border-radius: 15px;
            overflow: hidden;
            min-height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        /* Логотип в навигации */
        .nav-logo {
            position: fixed;
            top: 20px;
            left: 20px;
            z-index: 1000;
            display: flex;
            align-items: center;
            gap: 15px;
            background-color: rgba(0, 0, 0, 0.8);
            border: 1px solid white;
            padding: 15px;
            border-radius: 50px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
        }
        
        .nav-logo img {
            height: 40px;
            width: auto;
        }

        /* Навигационная панель */
        .nav-bar {
            position: fixed;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background-color: rgba(0, 0, 0, 0.8);
            border: 1px solid white;
            padding: 15px;
            border-radius: 50px;
            display: flex;
            gap: 15px;
            backdrop-filter: blur(5px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
        }
        
        .nav-btn {
            background-color: rgba(255, 255, 255, 0.35);
            color: white;
            border: 1px solid white;
            padding: 12px 25px;
            border-radius: 50px;
            cursor: pointer;
            transition: all 0.3s;
            font-weight: 300;
            font-size: 14px;
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: 8px;
            position: relative;
        }
        
        .nav-btn:hover {
            background-color: rgba(255, 255, 255, 0.5);
            transform: translateY(-2px);
        }
        
        /* Выпадающее меню для кнопки "Направления" */
        .dropdown {
            position: relative;
        }
        
        .dropdown-content {
            position: absolute;
            top: 100%;
            right: 0;
            background-color: rgba(0, 0, 0, 0.9);
            min-width: 200px;
            border-radius: 15px;
            font-weight: 300;
            padding: 10px 0;
            margin-top: 10px;
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
            opacity: 0;
            visibility: hidden;
            transform: translateY(-10px);
            transition: all 0.3s ease;
            z-index: 1001;
        }
        
        .dropdown:hover .dropdown-content {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }
        
        .dropdown-item {
            display: block;
            padding: 12px 20px;
            color: white;
            text-decoration: none;
            transition: all 0.3s;
            font-size: 14px;
        }
        
        .dropdown-item:hover {
            background-color: rgba(255, 255, 255, 0.1);
        }
        
        /* Бургер меню */
        .burger-menu {
            display: none;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 50px;
            height: 50px;
            background-color: rgba(0, 0, 0, 0.8);
            border-radius: 50%;
            cursor: pointer;
            position: fixed;
            top: 25px;
            right: 25px;
            z-index: 1001;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
        }
        
        .burger-line {
            width: 25px;
            height: 3px;
            background-color: white;
            margin: 2.5px 0;
            border-radius: 2px;
            transition: all 0.3s;
        }
        
        .mobile-nav {
            position: fixed;
            top: 0;
            right: -300px;
            width: 300px;
            height: 100vh;
            background-color: rgba(0, 0, 0, 0.95);
            z-index: 1002;
            padding: 100px 30px 30px;
            display: flex;
            flex-direction: column;
            gap: 20px;
            transition: right 0.3s ease;
            backdrop-filter: blur(10px);
            overflow-y: auto;
        }
        
        .mobile-nav.active {
            right: 0;
        }
        
        .mobile-nav-logo {
            position: absolute;
            top: 30px;
            left: 30px;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .mobile-nav-logo img {
            height: 40px;
            width: auto;
        }
        
        .mobile-nav-logo span {
            font-weight: 700;
            color: white;
            font-size: 18px;
        }
        
        .mobile-nav-btn {
            background-color: rgba(255, 255, 255, 0.35);
            color: white;
            border: 1px solid white;
            padding: 15px 25px;
            border-radius: 50px;
            cursor: pointer;
            transition: all 0.3s;
            font-weight: 300;
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: 10px;
            justify-content: center;
        }
        
        .mobile-nav-btn:hover {
            background-color: rgba(255, 255, 255, 0.5);
        }
        
        .mobile-dropdown-btn {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
        }
        
        .mobile-dropdown-content {
            display: none;
            font-weight: 300;
            flex-direction: column;
            padding: 10px 0 0 20px;
            gap: 15px;
        }
        
        .mobile-dropdown-content a {
            color: white;
            text-decoration: none;
            padding: 10px 15px;
            border-radius: 8px;
            background-color: rgba(255, 255, 255, 0.1);
            transition: all 0.3s;
        }
        
        .mobile-dropdown-content a:hover {
            background-color: rgba(255, 255, 255, 0.2);
        }
        
        .close-menu {
            position: absolute;
            top: 30px;
            right: 30px;
            color: white;
            font-size: 24px;
            cursor: pointer;
            z-index: 1003;
        }
        
        /* Адаптивность */
        @media (max-width: 900px) {
            .nav-bar {
                display: none;
            }
            
            .burger-menu {
                display: flex;
            }
            
            .section {
                padding: 40px 20px;
            }
            
            .hero-content {
                flex-direction: column;
                text-align: center;
            }
            
            .hero-text {
                max-width: 100%;
                margin-bottom: 30px;
            }
            
            .hero-text h1 {
                font-size: 32px;
            }
            
            .section-title {
                font-size: 28px;
            }
            
            .section-subtitle {
                font-size: 18px;
            }
            
            .region-navigation {
        		flex-direction: column;
        		align-items: center;
    		}

            
            .widget-container {
                height: 100%;
                weight: 100%
            }
            
		    .widget-text-overlay {
		        display: none;
		    }            
            .widget-text-overlay h2 {
                display: none;
            }
            
            .widget-text-overlay p {
                display: none;
            }
            
            .nav-logo {
                top: 15px;
                left: 15px;
                padding: 8px 12px;
            }
            
            .nav-logo img {
                height: 35px;
            }
            
            .nav-logo span {
                font-size: 16px;
            }
            
            /* Упрощенные анимации для мобильных устройств */
            .hero-text, .hero-image {
                transition: opacity 0.7s ease, transform 0.7s ease;
            }
            
            .hero-image {
                transition: opacity 0.7s ease 0.2s, transform 0.7s ease 0.2s;
            }
            
            .bg-image.zoom {
                animation: zoomBackground 10s ease-in-out;
            }

        }
        
        @media (max-width: 600px) {
            .nav-logo span {
                display: none;
            }
            
            .nav-logo {
                padding: 10px;
            }
            
            .hero-text h1 {
                font-size: 28px;
            }
            
            .hero-text p {
                font-size: 18px;
            }
            
            .section-title {
                font-size: 24px;
            }
            
            .section-subtitle {
                font-size: 16px;
            }
            
            .widget-text-overlay {
                display: none;
            }
            
            .widget-text-overlay h2 {
                display: none;
            }
            
            .widget-text-overlay p {
                display: none;
            }
            
            .hero-text, .hero-image {
                transition: opacity 0.5s ease, transform 0.5s ease;
            }
            
            .hero-image {
                transition: opacity 0.5s ease 0.1s, transform 0.5s ease 0.1s;
            }
            
            .bg-image.zoom {
                animation: zoomBackground 12s ease-in-out;
            }
}                        

		@media (max-width: 600px) {
		    .widget-text-overlay {
		        display: none;
		    }
		}

        /* Отключение анимаций для пользователей, которые предпочитают reduced motion */
        @media (prefers-reduced-motion: reduce) {
            .hero-text, .hero-image, .bg-image, .region-card, .region-card-bg {
                animation: none;
                transition: none;
            }
            
            .hero-text, .hero-image {
                opacity: 1;
                transform: none;
            }
            
            .bg-image {
                transition: opacity 1.5s ease-in-out;
            }
            
            .region-card:hover {
                transform: none;
            }
            
            .region-card:hover .region-card-bg {
                transform: none;
            }
        }