.grecaptcha-badge { 
    visibility: hidden !important; 
}

.page-template-template-homepage .col-full {
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Додатково для впевненості, якщо тема використовує стандартні класи контенту */
/*.page-template-template-homepage #content .col-full {
    max-width: 100% !important;
    width: 100% !important;
}*/

html.pum-open.pum-open-overlay.pum-open-scrollable body>*:not([aria-modal="true"]) {
    padding-right: 0px !important;
}

body.my-carousel-lightbox {
    overflow: hidden;
}

footer.elementor-slideshow__footer.elementor-lightbox-prevent-close {
    pointer-events: none;
}

.elementor-page .coca-image-compare-wrapper .coca-bais-container {
    border-radius: 25px;
}

.elementor-page .coca-image-compare-wrapper .coca-image-compare-handle {
    background: #d3cbcb;
    top: 65% !important;
}

.elementor-page .form-video .elementor-widget-video {
    border-radius: 1rem;
}

@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

/* ---------------------------------------------- Typography ----------------------------------------------  */

.elementor-page .title-row h2,
.elementor-page .dark-header h2 { 
    font-family: "Golos Text", sans-serif;
    text-align: center;  
}

.elementor-page .title-row p,
.elementor-page .dark-header p { 
    font-family: "Golos Text", sans-serif;
    margin-block-end: 0rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    text-align: center;  
}

.elementor-page .mydiscount-block div.mydiscount-icon,
.elementor-page .title-row div.hide-icon { 
    display: none;
}


.elementor-page .header-gradient h1 {
    font-size: 3rem;
    font-family: "Golos Text", sans-serif;
    font-weight: 800;
    letter-spacing: -0.025em;
    margin-bottom: .3rem;
}

.elementor-page .header-gradient h2 {
    font-size: 1.875rem;
    font-family: "Golos Text", sans-serif;
    font-weight: 800;
    letter-spacing: -0.025em;
    margin-bottom: .3rem;
}

.elementor-page .header-gradient h1,
.elementor-page .header-gradient h2 {
    background: linear-gradient(to bottom, #222639, #222639);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}

.elementor-page .header-gradient h1 span,
.elementor-page .header-gradient h2 span {
    background: linear-gradient(135deg, hsl(262, 80%, 58%) 0%, hsl(335, 80%, 58%) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    border-color: transparent;
    -webkit-text-fill-color: transparent;
}

.elementor-page .dark-row {
    background: linear-gradient(160deg, hsl(262, 45%, 12%) 0%, hsl(280, 40%, 8%) 50%, hsl(335, 35%, 10%) 100%);
}

.elementor-page .dark-row .header-gradient h1,
.elementor-page .dark-row .header-gradient h2 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff;
    background-clip: border-box;
    -webkit-background-clip: border-box;
    background: none;
    border-color: initial;
}

.elementor-page .dark-row .elementor-element .uc_carousel .owl-dots .owl-dot.active {
    background-color: #CECECE;
}



/* ---------------------------------------------- Hero + buttons ----------------------------------------------  */


.elementor-page .video-block .hero-video .elementor-custom-embed-image-overlay {
    pointer-events: none;
}

.peoplecount-wrap,
.ordercount-wrap {
    gap: .5rem;
    align-items: center;
    display: inline-flex;
    border-color: hsl(262 10% 92%);

    --tw-text-opacity: 1;
    color: rgb(5 150 105 / 1);

    font-family: "Golos Text", sans-serif;
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 500;

    padding-top: .25rem;
    padding-bottom: .25rem;

    padding-left: .75rem;
    padding-right: .75rem;

    background-color: #10b9811a;

    border-radius: 9999px;
}

.peoplecount-wrap svg,
.ordercount-wrap svg {
    display: block;

    width: .75rem;
    height: .75rem;
}

/*.ordercount-wrap {
    font-size: .875rem;
    line-height: 1.25rem;
}
*/

/* Приховуємо текст та іконку "битого" фото */
.elementor-page .small-photo-slider img.swiper-slide-image.swiper-lazy,
.elementor-page #vidguk-pictures img.swiper-slide-image.swiper-lazy {
    opacity: 0; /* Робимо картинку прозорою, поки вона не завантажиться */
    transition: opacity 0.3s ease-in-out;
}

/* Коли фото завантажилося (Elementor додає клас або підставляє src) */
.elementor-page .small-photo-slider img.swiper-slide-image.swiper-lazy.swiper-lazy-loaded,
.elementor-page #vidguk-pictures img.swiper-slide-image.swiper-lazy.swiper-lazy-loaded {
    opacity: 1;
}

.elementor-page .small-photo-slider .swiper-slide {
    background-color: #f0f0f0;
    min-height: 100px;
}

.elementor-page #vidguk-pictures .swiper-slide {
    background-color: #200f19;
    min-height: 100px;
}

.elementor-page .small-photo-slider .swiper-slide:has(.swiper-lazy-loaded),
.elementor-page #vidguk-pictures .swiper-slide:has(.swiper-lazy-loaded) {
    background-color: transparent;
}


.elementor-page .elementor-element.nicebutton a {
    background: linear-gradient(135deg, hsl(262, 80%, 58%) 0%, hsl(335, 80%, 58%) 100%);
    box-shadow: 0 8px 25px -5px hsl(262 70% 50% / .3);

    gap: .5rem;
    white-space: nowrap;
    justify-content: center;            
    align-items: center;
    display: inline-flex;
    height: 2.5rem;

    font-weight: 600;
    font-size: .875rem;
    line-height: 1.25rem;
    color: hsl(0 0% 100%);

    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;    
    border-radius: 9999px;
}

.elementor-page .elementor-element.nicebutton a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .15) 40%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .15) 60%, transparent 100%);
    background-size: 200% 100%;
    animation: shimmer 3s ease-in-out infinite;
    pointer-events: none;
    border-radius: inherit;
}

.elementor-page .elementor-element.herobutton a,
.elementor-page .elementor-element.mobile-herobutton a {
    background: linear-gradient(135deg, hsl(262, 80%, 58%) 0%, hsl(335, 80%, 58%) 100%);
    box-shadow: 0 8px 25px -5px hsl(262 70% 50% / .3);

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    width: 100%;

    height: 3rem; 
    padding: 0 1rem; 

    font-weight: 600;
    font-size: 1rem;
    color: #fff;
    /* щоб текст не рухався */
    line-height: 1; 

    border-radius: 9999px;
    white-space: nowrap;

    /* для стабільності */
    transform: translateZ(0); 
    transform-origin: center;
    backface-visibility: hidden;
    /* оптимізація рендерингу */
    will-change: transform; 

    /* плавне масштабування */
    transition: transform .2s ease; 
}

.elementor-page .mobile-herobutton-row .elementor-element.mobile-herobutton a {

    box-shadow: none;
    border-radius: 25px 25px 0px 0px;
    height: 3.25rem; 
    font-size: 1.125rem;

}

.elementor-page .elementor-element.herobutton a:hover,
.elementor-page .elementor-element.mobile-herobutton a:hover {
    transform: scale(1.05);
} 


.elementor-page .elementor-element.herobutton a:after,
.elementor-page .elementor-element.mobile-herobutton a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .15) 40%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .15) 60%, transparent 100%);
    background-size: 200% 100%;
    animation: shimmer 3s ease-in-out infinite;
    pointer-events: none;
    border-radius: inherit;
}

.elementor-page .hero-countdown {
    gap: 0.75rem;
    align-items: center;
    display: flex;
    color: hsl(340 75% 55%); 

    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 700;
}

.elementor-page .hero-countdown .mycountdown {
    gap: 0.375rem;
    display: flex;
    align-items: center;    
}

.elementor-page .hero-countdown .mycountdown {
    opacity: 0;
    transition: opacity 0.1s ease-in;
}
/* Клас, який додасть скрипт після розрахунку */
.elementor-page .hero-countdown .mycountdown.is-ready {
    opacity: 1;
}

.elementor-page .hero-countdown svg {
    width: 1rem;
    height: 1rem;
    color: hsl(340 75% 55%);
    fill: hsl(340 75% 55%);
}

.elementor-page .hero-countdown .mycountdown .countdown-block {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    background-color: hsl(340 75% 55% / .1);
    border-color: hsl(340 75% 55% / .2);
    border-style: solid;
    border-width: 1px;
    border-radius: .75rem;
    min-width: 40px;

    margin: 0rem .1rem;
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: center;
}

.elementor-page .hero-countdown .mycountdown .countdown-block .count-num {
    font-size: 1rem;
    line-height: 1.5rem;
    color: hsl(340 75% 55%);
    font-weight: 700;
    margin: 0;

}

.elementor-page .hero-countdown .mycountdown .countdown-block .count-text {
    display: block;
    margin-top: -10px;
    font-size: 10px;
    color: hsl(340 75% 55% / .7);
}

.elementor-page .hero-text {
    font-family: "Golos Text", sans-serif;
}

.elementor-page .hero-text .hero-social {
    gap: 0.5rem;
    display: flex;
    margin-top: 0.5rem;
    margin-left: 0.85rem;
}

.elementor-page .hero-text .hero-social .elementor-widget-image {
    border-color: hsl(0 0% 100%);
    border-width: 2px;
    border-radius: 9999px;
    border-style: solid;

    overflow: hidden;
    width: 2.5rem;
    height: 2.5rem;
    margin-left: -0.85rem;
}

.elementor-page .hero-text .hero-social img {
    display: block;
}

.elementor-page .hero-text .hero-social .hero-stars {
    font-size: 0.75rem;
    line-height: 0.85rem;
    color: hsl(230 12% 44%);
    margin-left: 0.35rem;
}

.elementor-page .hero-text .hero-social .hero-stars svg {
    fill: #facc15;
    color: #facc15;
    width: 1rem;
    height: 1rem;
}



/* ---------------------------------------------- NEW video-carousel */

/* 1. Контейнер слайдера */
.swiper.dream-swiper {
    max-width: 1290px;
    margin: 0 auto;
    overflow: hidden; /* Важливо для стабільності до ініціалізації */
    padding: 10px 0;
}

/* 2. Wrapper: додаємо flex, щоб слайди не ставали один під одного до запуску JS */
.dream-swiper .swiper-wrapper {
    display: flex;
    align-items: center;
}

/* 3. Слайди: ЗАДАЄМО БАЗОВУ ШИРИНУ до ініціалізації */
.dream-swiper .swiper-slide {
    flex-shrink: 0;
    /* Розрахунок: 100% / 5 слайдів = 20%. 
       Мінус відступи для коректності */

    width: 70%; /* 1.4 слайда для мобільних */
    cursor: pointer;
    box-sizing: border-box;
    padding: 0 0px; /* Імітація spaceBetween: 20 */
}

@media (min-width: 767px) {
    .dream-swiper .swiper-slide {
        width: 33.33%; /* 3 слайди для планшетів */
    }
}

/* Адаптивність для слайдів до запуску JS */
@media (min-width: 1024px) {
    .dream-swiper .swiper-slide {
        width: 20%; /* 5 слайдів */
    }
}


/* 4. Контейнер відео (aspect-ratio) */
.dream-swiper .video-container {
    position: relative;
    width: 100%;
    aspect-ratio: 9 / 16;
    background-color: #150d1f;
    border-radius: 15px;
    overflow: hidden;
    transition: transform 0.4s ease, filter 0.4s ease;
    transform: scale(0.95);
    filter: brightness(0.7);
}

.dream-swiper .img-base {
    position: absolute;
    /* Відступаємо по 1 пікселі, щоб відео її перекрило */
    top: 1px;
    left: 1px;
    width: calc(100% - 2px); 
    height: calc(100% - 2px);
    object-fit: cover;
    border-radius: 14px; /* Трохи менший радіус, щоб пасував до відступу */
    z-index: 1;
}

/* ВІДЕО (Прев'ю та Повне): На весь розмір контейнера */
.dream-swiper .vid-preview,
.dream-swiper .vid-full {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 2; /* Відео завжди над картинкою */
    /* Якщо є субпіксельні щілини, можемо додати невеликий scale */
    /* transform: scale(1.01); */
}

/* Зробив бо блюр перекривав відео інколи */
.dream-swiper .vid-full {
    pointer-events: none !important;
    z-index:8;
}

.debug-label {
    position:absolute; 
    bottom:40px; 
    left:10px; 
    z-index:100; 
    background:blue; 
    color:white; 
    padding:5px; 
    font-size:10px;
}


/* 6. АКТИВНИЙ СЛАЙД */
.dream-swiper .swiper-slide-active .video-container {
    transform: scale(1.04);
    filter: brightness(1);
    z-index: 10;
}

.dream-swiper .vid-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 15;
    
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    border-radius: 50%;
    
    display: flex;
    align-items: center;
    justify-content: center;
    
    color: #ffffff;
    pointer-events: none; /* Кліки проходять крізь іконку */
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.dream-swiper .vid-play-icon svg {
    width: 28px;
    height: 28px;
    margin-left: 0px;
}

/* Приховування іконки */
.dream-swiper .swiper-slide.is-loading .vid-play-icon,
.dream-swiper .vid-full[style*="opacity: 1"] ~ .vid-play-icon,
.dream-swiper .vid-full[style*="opacity:1"] ~ .vid-play-icon {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.8);
}

/* Кнопки управління */
.dream-swiper .video-controls-overlay {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 100;
    display: flex;
    gap: 10px;
    opacity: 0;
    pointer-events: auto !important;
    transition: opacity 0.3s ease;
}

.dream-swiper .video-controls-overlay button {
    background: #fcfcff;
    border: none;
    border-radius: 50%; 
    width: 40px; 
    height: 40px; 
    cursor: pointer;
    color: #1a1c1e;
    padding: 0; 
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(4px);

    pointer-events: auto !important;
    position: relative;
    z-index: 101;
}

.dream-swiper .video-controls-overlay button svg {
    width: 20px; 
    height: 20px;
    display: block;
}

.dream-swiper .video-controls-overlay button:hover {
    background: #d3d3d3;
}

    
/* Показуємо кнопки ТІЛЬКИ коли повне відео стає видимим */
.dream-swiper .swiper-slide .vid-full[style*="opacity: 1"] ~ .full-video-controls,
.dream-swiper .swiper-slide .vid-full[style*="opacity:1"] ~ .full-video-controls {
    opacity: 1;
    pointer-events: auto;
}


/* Ховаємо коротке прев'ю, коли увімкнено режим завантаження (is-loading) */
.dream-swiper .swiper-slide.is-loading .vid-preview {
    opacity: 0 !important;
    transition: opacity 0.2s ease;
}

/*  Гарантуємо, що під час завантаження картинка (яка блюриться) точно видима */
.dream-swiper .swiper-slide.is-loading .img-base {
    opacity: 1 !important;
    filter: blur(10px);
    transition: filter 0.3s ease;
    scale: 1.05; /* Трохи збільшуємо, щоб не було видно порожніх країв через блюр */
    z-index: 6; /* Трохи вище, щоб перекрити все */
}

/* Коли повне відео ВЖЕ грає (is-loading знято), ховаємо і прев'ю, і картинку */
.dream-swiper .vid-full[style*="opacity: 1"] ~ .vid-preview,
.dream-swiper .vid-full[style*="opacity:1"] ~ .vid-preview {
    opacity: 0 !important;
}



/* ---------------------------------------------- MAKET FORM ----------------------------------------------  */


.elementor-page .wpcf7-form {
    font-family: "Golos Text", sans-serif;
}

.elementor-page .maket-form .wpcf7-not-valid-tip {
    margin-bottom: 1rem;
}

.elementor-page .wpcf7-form .maket-form p,
.elementor-page .wpcf7-form .maket-form .wpcf7-button p,
.elementor-page .wpcf7-form .maket-form .form-progress p {
    margin-bottom: 0;
}

.elementor-page .wpcf7-form .maket-form {
    display: flex;
    flex-direction: column;
}

.elementor-page .wpcf7-form .maket-form .form-progress {
    margin-bottom: 1rem;
}

.elementor-page .wpcf7-form .maket-form .form-progress .progress-textblock p {
    justify-content: space-between;
    align-items: center;
    display: flex;
    margin-bottom: .5rem;
    color: hsl(230 12% 44%);
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.25rem;    
}

.elementor-page .wpcf7-form .maket-form .form-progress .progress-textblock .progress-text {
    color: #6826d9;
}

.elementor-page .wpcf7-form .maket-form .progress-image {
    background-color: hsl(262 12% 96%);
    border-radius: 9999px;
    overflow: hidden;
    width: 100%;
    height: .5rem;
}

.elementor-page .wpcf7-form .maket-form .progress-image .progress-bar {
    background: linear-gradient(135deg, hsl(262, 80%, 55%) 0%, hsl(300, 70%, 52%) 50%, hsl(335, 80%, 55%) 100%);
    border-radius: 9999px;
    height: 100%;
}

.elementor-page .wpcf7-form .maket-form .form-progress .progress-ok-message p {
    font-weight: 500;
    font-size: .75rem;
    line-height: 1rem;
    gap: .375rem;
    align-items: center;
    display: flex;
    margin-top: .5rem;
    color: rgb(5 150 105 / 1);
}

.elementor-page .wpcf7-form .messenger-group {
    order: 2;
}

.elementor-page .wpcf7-form .wpcf7-button {
    order: 3;
}

.elementor-page .wpcf7-form .wpcf7-form-control-wrap {
    order: 1;
}

.elementor-page .wpcf7-form .maket-form .wpcf7-submit {
    margin-bottom: 0.1rem;    
    margin-top: 1rem;         
}

.elementor-page .wpcf7 form .wpcf7-response-output {
    margin: 0.1rem 0.5em 1em 0.5em;
}

/* Контейнер кнопок */
.elementor-page .wpcf7-form .maket-form .messenger-group .wpcf7-form-control-wrap .radio-check-form {
    display: flex;
    gap: 0.5rem;       /* відстань між кнопками */
}

/* Ховаємо самі радіо */
.elementor-page .wpcf7-form .maket-form .messenger-group .wpcf7-form-control-wrap .radio-check-form input[type="radio"] {
    display: none;
}

/* Кожна кнопка-лейбл */
.elementor-page .wpcf7-form .maket-form .messenger-group .wpcf7-form-control-wrap .radio-check-form label {
    flex: 1;                     /* рівна ширина для всіх кнопок */
    display: flex;                /* для центрування тексту */
    justify-content: center;
    align-items: center;
    padding: 0.75rem 1rem;
    border-radius: 1rem;

    color: hsl(230 10% 46%);
    background-color: lightgray;
    height: 3rem;

    font-weight: 600;
    font-size: 0.875rem;
    text-align: center;
    cursor: pointer;
}

/* Активна кнопка через клас active */
.elementor-page .wpcf7-form .maket-form .messenger-group .wpcf7-form-control-wrap .radio-check-form label.active {
    box-shadow: 0 8px 25px -5px hsl(262 70% 50% / .3);
    background: linear-gradient(135deg, hsl(262, 80%, 58%), hsl(335, 80%, 58%));
    color: #fff;
    /*transform: scale(1.03);*/
}

/* Якщо клас active на input (для сумісності) */
.elementor-page .wpcf7-form .maket-form .messenger-group .wpcf7-form-control-wrap .radio-check-form input[type="radio"]:checked + label {
    box-shadow: 0 8px 25px -5px hsl(262 70% 50% / .3);
    background: linear-gradient(135deg, hsl(262, 80%, 58%), hsl(335, 80%, 58%));
    color: #fff;
    /*transform: scale(1.03);*/
}

.elementor-page .wpcf7-form .maket-form .messenger-group .wpcf7-form-control-wrap .radio-check-form .wpcf7-list-item {
    margin: 0;
    flex: 1 1 0%;
}


/* input */
.elementor-page .wpcf7-form .maket-form input {
    background-color: hsl(262 30% 97%);
    outline-offset: 2px;
    outline: transparent solid 2px;
    color: #222639;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin-bottom: 1rem;
    height: 3.5rem;
    width: 100%;
    border-radius: 1rem;
    /*border-color: hsl(262 70% 50% / .1);*/
    border-width: 0px;
    border: none;    
}
/* 
.wpcf7-form .wpcf7-form-control-wrap input[type=tel] {
    width: 100%;
    height: 100%;
    border-width: 1px;
    border-radius: 50px;
    font-size: 14px;
    padding: 16px 26px;
} */


.elementor-page .wpcf7-form .maket-form input:focus {
    border-color: hsl(262 70% 50% / .55);
}

.elementor-page .wpcf7-form .maket-form .wpcf7-button input {
    box-shadow: 0 8px 25px -5px hsl(262 70% 50% / .3);
    background: linear-gradient(135deg, hsl(262, 80%, 58%) 0%, hsl(335, 80%, 58%) 100%);

    width: 100%;
    gap: 0.5rem;
    display: inline-flex;
    white-space: nowrap;
    justify-content: center;
    align-items: center;

    height: 3.5rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.75rem;
    color: hsl(0 0% 100%);

    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 1rem;
    border-width: 0px;
}

/*.page-template-elementor_canvas .wpcf7-form .maket-form .wpcf7-button input:hover {
    transform: scale(1.03);
}
*/

.elementor-page .wpcf7-form .maket-form .wpcf7-button p {
    position: relative;
    display: inline-block;
    width: 100%;
    transition: transform .2s ease; /* плавне масштабування */
    overflow: hidden;
}

.elementor-page .wpcf7-form .maket-form .wpcf7-button p:hover {
    transform: scale(1.03);
}

.elementor-page .wpcf7-form .maket-form .wpcf7-button p:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .15) 40%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .15) 60%, transparent 100%);
    background-size: 200% 100%;
    animation: shimmer 3s ease-in-out infinite;
    pointer-events: none;
    border-radius: inherit;
}


/* ---------------------------------------------- Acordeon  ----------------------------------------------  */

.elementor-page .questions-block .e-n-accordion .e-n-accordion-item .elementor-widget-container {
    font-family: "Golos Text", sans-serif;
    font-weight: 400;
    color: #626474;
    font-size: 1rem;
    line-height: 1.5;
}


.elementor-page .questions-block .e-n-accordion .e-n-accordion-item .e-n-accordion-item-title,
.elementor-page .questions-block .e-n-accordion .e-n-accordion-item .e-child {
    border: none;
}


.elementor-page .questions-block .e-n-accordion .e-n-accordion-item {
    padding: 0.5rem 0.75rem;
    box-shadow: 0 8px 30px -6px rgba(0, 0, 0, .08);
    background-color: hsl(0 0% 100%);
    border-color: hsl(0 0% 92%);
    border-width: 2px;
    border-radius: 1rem;
    border-style: solid;
    min-height: 4.25rem;
    margin-bottom: 1rem;
    overflow: hidden;  /* Приховуємо контент, якщо він вийде за межі */
    transition: all 0.3s ease-out; /* Плавна анімація для всіх змін */
}

.elementor-page .questions-block .e-n-accordion .e-n-accordion-content {
    max-height: 0; /* Початкова висота */
    padding: 0 1.5rem; /* Відступи для контенту */
    overflow: hidden; /* Приховуємо контент */
    background-color: #f9f9f9;
    transition: max-height 0.3s ease-out, padding 0.3s ease-out; /* Анімація зміни висоти */
}

.elementor-page .questions-block .e-n-accordion .e-n-accordion-content.open {
    max-height: 500px;  /* Висота контенту при відкритті */
    padding: 1rem 1.5rem; /* Відступи при відкритті */
}



/* ---------------------------------------------- Quote Block ----------------------------------------------  */

.elementor-page .quote-block {
    /*max-width: 48rem;*/
    width: 100%;
    margin-left: auto;
    margin-right: auto;    
}

.elementor-page .quote-block .e-con-inner {
    background-color: rgba(255, 255, 255, 0.05);
    padding: 1.375rem;
    opacity: 1;
    
    border-style: solid;
    border-radius: 1.5rem;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.1); 
}

.elementor-page .quote-block .elementor-testimonial-content {
    font-size: 1rem;
    line-height: 1.25rem;
    color: hsl(0 0% 100%);
    font-weight: 400;
    margin-bottom: 1.5rem;
}

.elementor-page .quote-block .elementor-icon-wrapper .elementor-icon svg {
    color: hsl(0 0% 100% / .2);
    fill: hsl(0 0% 100% / .2);  
    height: 1.5rem;      
}

.elementor-page .quote-block .elementor-element .quote-stars {
    margin-top: -30px;
    margin-left: 100px;
}

.elementor-page .quote-block .elementor-element .quote-stars svg {
    fill: #facc15;
    color: #facc15;
    width: .9rem;
    height: .9rem;
}

.elementor-page .quote-block .elementor-testimonial-meta .elementor-testimonial-meta-inner {
    display: flex;
    justify-content: center;
}

.elementor-page .quote-block .elementor-testimonial-meta .elementor-testimonial-meta-inner .elementor-testimonial-name {
    padding-top: 13px;
}


.elementor-page .quote-block .elementor-widget-testimonial .elementor-testimonial-name {
    font-weight: 700;
    color: hsl(0 0% 100%);
    font-size: .875rem;
    line-height: 1.25rem;    
}


/* ---------------------------------------------- Popup  ----------------------------------------------  */


/* div#pum-11615 {
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    background-color: rgb(203 203 203 / 70%);
}

div#popmake-11615.pum-container {
    padding: 1rem 1.5rem 1rem;
    background-color: hsl(0 0% 100% / 0.8);
    border-color: hsl(262 10% 92% / 0.3);
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);

    display: flex !important;
    align-content: center;
    flex-wrap: wrap;
}

div#popmake-11615 p {
    color: #626474;
    font-family: "Golos Text", Sans-serif;
}

div#popmake-11615 .thanks-icon {
    display: flex;
    width: 5rem;
    height: 5rem;
    box-shadow: 0 8px 30px -5px hsl(262 70% 50% / .25), 0 4px 12px -4px hsl(335 80% 55% / .15);
    background: linear-gradient(135deg, hsl(262, 80%, 55%) 0%, hsl(300, 70%, 52%) 50%, hsl(335, 80%, 55%) 100%);
    border-radius: 9999px;
    justify-content: center;
    align-items: center;
    margin: 0 auto 1rem auto;
}

div#popmake-11615 .thanks-icon svg {
    width: 2rem;
    height: 2rem;
    margin-top: 8px;
    color: #ffffff;
    display: block;
    transform: translate(0, 0) rotate(-45deg) skew(0) skewY(0) scaleX(1) scaleY(1);
}

div#popmake-11615 a.popup-tglink {
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    color: #ffffff;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5rem;
    background-color: rgb(14 165 233 / 1);
    border-radius: 1.5rem;
    gap: .75rem;
    justify-content: center;
    align-items: center;
    height: 3.5rem;
    display: flex;
    max-width: 20rem;
    margin: 0 auto;
    text-decoration: none;
}

div#popmake-11615 a.popup-tglink:before {
    content: "✈️";
}

div#popmake-11615 .popmake-content h2 {
    font-family: "Golos Text", Sans-serif;
    margin-block-end: 1.15rem;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
}

div#popmake-11615 .popmake-content .has-text-align-center {
    text-align: center;
}

div#popmake-11615 .small-gray-text {
    color: hsl(230 12% 44% / 0.6);
    font-size: 0.75rem;
    line-height: 1rem;
    margin-top: 1.5rem;
}

div#popmake-11615 a.popup-tglink:hover {
    background-color: rgb(2 132 199 / 1);
    transition: transform .2s ease;
    overflow: hidden;
    transform: scale(1.03);
} */



/*----*/


.pum-open-overlay .pum.pum-theme-10634 {
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    background-color: rgb(203 203 203 / 70%);
}

.pum-open .pum-container.theme-10634 {
    display: flex !important;
    align-content: center;
    flex-wrap: wrap;
}

.pum-container.theme-10634 {
    padding: 1rem 1.5rem 1rem;
    background-color: hsl(0 0% 100% / 0.8);
    border-color: hsl(262 10% 92% / 0.3);
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
}

.pum-container.theme-10634 p {
    color: #626474;
    font-family: "Golos Text", Sans-serif;
}

.pum-container.theme-10634 .thanks-icon {
    display: flex;
    width: 5rem;
    height: 5rem;
    box-shadow: 0 8px 30px -5px hsl(262 70% 50% / .25), 0 4px 12px -4px hsl(335 80% 55% / .15);
    background: linear-gradient(135deg, hsl(262, 80%, 55%) 0%, hsl(300, 70%, 52%) 50%, hsl(335, 80%, 55%) 100%);
    border-radius: 9999px;
    justify-content: center;
    align-items: center;
    margin: 0 auto 1rem auto;
}

.pum-container.theme-10634 .thanks-icon svg {
    width: 2rem;
    height: 2rem;
    margin-top: 8px;
    color: #ffffff;
    display: block;
    transform: translate(0, 0) rotate(-45deg) skew(0) skewY(0) scaleX(1) scaleY(1);
}

.pum-container.theme-10634 a.popup-tglink {
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    color: #ffffff;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5rem;
    background-color: rgb(14 165 233 / 1);
    border-radius: 1.5rem;
    gap: .75rem;
    justify-content: center;
    align-items: center;
    height: 3.5rem;
    display: flex;
    max-width: 20rem;
    margin: 0 auto;
    text-decoration: none;
}

.pum-container.theme-10634 a.popup-tglink:before {
    content: "✈️";
}

.pum-container.theme-10634 .popmake-content h2 {
    font-family: "Golos Text", Sans-serif;
    margin-block-end: 1.15rem;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
}

.pum-container.theme-10634 .popmake-content .has-text-align-center {
    text-align: center;
}

.pum-container.theme-10634 .small-gray-text {
    color: hsl(230 12% 44% / 0.6);
    font-size: 0.75rem;
    line-height: 1rem;
    margin-top: 1.5rem;
}

.pum-container.theme-10634 a.popup-tglink:hover {
    background-color: rgb(2 132 199 / 1);
    transition: transform .2s ease;
    overflow: hidden;
    transform: scale(1.03);
}




/* ---------------------------------------------- АДАПТИВ  ----------------------------------------------  */

.elementor-page .video-block .hero-video .elementor-wrapper {
    max-height: 35vh;
    margin: 0 auto;
}

.elementor-page .elementor-element.mobile-herobutton-row {
  display: none;
}

.elementor-page .elementor-element.mobile-herobutton-row.show {
    display: flex;
    position: fixed;
    bottom: 0px;
    border: 0;
    margin: 0;
    z-index: 999;
    padding: 0px;
    background: none;
}

/*
.page-template-elementor_canvas .theme-82 .popmake-content .wp-block-button {
    position: sticky;
    bottom: -1px;
    background: #fff;
    padding: 5px 0px 6px;
}


.page-template-elementor_canvas .theme-82 .wp-block-columns .wp-block-column p {
    margin-block-start: 14px;
}*/


/* Мобільні (маленькі телефони) */
@media (min-width: 424px) {

/*    .page-template-elementor_canvas .theme-82 .popmake-content .popup-countdown .mycountdown div:first-child { 
        display: inline-block;
    }

    .page-template-elementor_canvas .mydiscount-block .middle-countdown .mycountdown div:first-child { 
        display: inline-block;
    }*/

}

/* Мобільні (маленькі телефони) */
@media (min-width: 480px) {

    .elementor-page .mydiscount-block div.mydiscount-icon,
    .elementor-page .title-row div.hide-icon { 
        display: inline-block;
    }

    .elementor-page .wpcf7-form .maket-form .wpcf7-button input {
        height: 4rem;
        font-size: 1.125rem;
    }

}

/* Планшети */
@media (min-width: 768px) {


    /* div#popmake-11615.pum-container {
        width: 38rem !important;
        height: auto !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important; 
        display: block !important;
    }

    .pum div#popmake-11615 {
        padding: 2rem 2.5rem 1.5rem;
    } */


    .pum-open .pum-container.theme-10634 {
        width: 38rem !important;
        height: auto !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important; 
        display: flex !important;
    }

    .pum .pum-container.theme-10634 {
        padding: 2rem 2.5rem 1.5rem;
    }

    

/*
    Елементор виводить картинка через постер, а не оверлей фон
    .elementor-page .video-block .elementor-custom-embed-image-overlay {
        background-image: url('top-image-big.webp') !important;
    }*/


/*    .page-template-elementor_canvas .theme-82 .wp-block-gutsliders-photo-carousel.has__pagination {
        margin-bottom: 30px;
    }

    .page-template-elementor_canvas .owl-dots, 
    .page-template-elementor_canvas .owl-nav {
        display: block;
    }

    .page-template-elementor_canvas .theme-82 .popmake-content .popup-countdown .mycountdown div:first-child { 
        display: block;
    }

    .page-template-elementor_canvas .magic-image-block img {
        max-width: 260px;
    }

    .page-template-elementor_canvas .magic-number2.elementor-widget-heading {
        right: -15px;
    }

    .page-template-elementor_canvas .theme-82 .popmake-content .wp-block-columns {
        padding: 1rem 1.5rem;
        gap: 2rem;
    }


    .page-template-elementor_canvas div#popmake-97,
    .page-template-elementor_canvas div#popmake-93 {
        padding: 2rem 2.5rem 1rem;
    }


    .page-template-elementor_canvas .theme-82 .wp-block-columns {
        flex-wrap: nowrap !important;
    }

    .page-template-elementor_canvas .popmake-content .wp-block-button {
        position: static;
        background: none;
    }

    .page-template-elementor_canvas .top-header-line {
        position: sticky;
    }*/


    .elementor-page .elementor-element.mobile-herobutton-row,
    .elementor-page .elementor-element.mobile-herobutton-row.show {
        display: none;
    }

    .elementor-page .video-block .hero-video .elementor-wrapper {
        max-height: none;
        margin: 0;
    }

    .elementor-page .questions-block .e-n-accordion .e-n-accordion-item {
        padding: 0.5rem 1.5rem;
    }

    .elementor-page .title-row p,
    .elementor-page .dark-header p {
        font-size: 1.125rem;
        line-height: 1.75rem;   
    }

    .elementor-page .quote-block .e-con-inner {
        padding: 3rem;
    }

/*   

    .page-template-elementor_canvas .price-block {
        margin: 1.25em;
    }*/

}

/* Content-based breakpoint */
@media (min-width: 900px) {

/*        .page-template-elementor_canvas .theme-82 .popmake-content .popup-countdown .mycountdown div:first-child { 
        display: inline-block;
    }*/

}


/* Модальне вікно */
@media (min-width: 1024px) {


    .elementor-page .header-gradient h1 {
        font-size: 3.5rem;
    }

    .elementor-page .header-gradient h2 {
        font-size: 3rem;
    }

/*    .page-template-elementor_canvas .pum-container.theme-82.pum-responsive.pum-responsive-medium {
        margin-left: -35%;
        width: 80%;
    }

    .page-template-elementor_canvas .theme-82 .wp-block-columns .wp-block-column p {
        margin-block-start: 24px;
    }
*/

    .elementor-page .small-photo-slider .swiper-slide,
    .elementor-page #vidguk-pictures .swiper-slide {
        min-height: 135px;
    }

}

/* Ноутбуки */
@media (min-width: 1025px) {

/*    html.pum-open.pum-open-overlay.pum-open-scrollable body>*:not([aria-modal="true"]) {
        padding-right: 15px !important;
    }*/

}

/* Великі екрани */
@media (min-width: 1440px) {

/*    .page-template-elementor_canvas .popmake-content .wp-block-button a {
        height: 3.5rem;  
        padding: 0 6rem;  
    }


    .page-template-elementor_canvas .pum-container.theme-82.pum-responsive.pum-responsive-medium,
    .page-template-elementor_canvas .pum-container.pum-responsive {
        margin-left: -30%;
        width: 60%;
    }

    .page-template-elementor_canvas .theme-82 .popmake-content .wp-block-columns {
        padding: 2rem 2.5rem;
    }
*/

    .elementor-page .small-photo-slider .swiper-slide,
    .elementor-page #vidguk-pictures .swiper-slide  {
        min-height: 195px;
    }

}