.flying-girl {
  overflow: unset;
}

.slider {
  overflow: unset;
}

.l-section-header .title {
  text-align: start;
}

.card-blur__list li::marker {
  color: currentColor;
}

.tabs__openers .slider {
  overflow: hidden;
}

.flying-girl__top .title {
  text-align: start;
}

.flying-girl__bottom {
  text-align: left;
}

.reviews {
  overflow: unset;
}

.website-form__input {
  padding-block: 16px !important;
}

.website-form__input::placeholder {
  color: #dbdde0;
}

.section .container {
  padding: 0 var(--container-padding) !important;
  width: min(100%, var(--container-width)) !important;
}

.has-h-1-font-size {
  font-weight: 500;
}

strong {
  font-weight: 700;
}

.flying-girl__top .has-h-1-font-size {
  margin-bottom: 20px;
}

.l-section .title {
  text-align: start;
}

.section.reviews {
  overflow: hidden;
}

/* .website-form__input {
  border: 4px solid #f3f4f6;
} */
.website-form__input--error {
  border: 4px solid red;
}

.cta-section-newo .ui-column:nth-child(2) {
  position: relative;
  z-index: 1;
}

@media (max-width: 1200px) {
  .cta-section-newo figure {
    position: absolute;
    transform: scaleX(-1);
    top: 0;
    margin-bottom: 0;
    right: -300px;
  }

  .cta-section-newo .newo-container{
    border: 2px solid rgba(243, 244, 246, 0.20);
    background: rgba(243, 244, 246, 0.20);
    backdrop-filter: blur(14px);
    border-radius: 16px;
  }

  .process-step{
    flex-direction: column;
  }
}

.cta-section-newo .website-form__link {
  color: #000;
  text-align: start;
}

.cta-section-newo .website-form__button,
.cta-section-newo .wp-block-button__link {
  min-width: fit-content;
}

.header__logo svg mask {
  display: none;
}


@media (min-width:767px) {
    body{
        zoom: 0.8!important;
    }
}

@media (max-width:1200px) {
  body .without-br br{
    display: none!important;
  }
}

.tag-label{
  transition: 0.3s all;
}


.text-decoration-unset{
  text-decoration: unset;
}

.cky-btn-revisit-wrapper{
	background: #000!important;
	display: none!important;
}

.cky-btn{
	background: #000!important;
	border-color: #000!important;
}

.section br{
  
}

/* --- Visual Section --- */
:root {
  --color-bg: #FF6600;
  --color-text-dark: #000000;
  --color-purple: #9333EA;
  --color-white: #FFFFFF;
  --font-main: 'Inter', sans-serif;

  --fs-display: clamp(4rem, 10vw, 8rem); 
  --fs-h5: clamp(1.125rem, 2vw, 1.5rem); 

  --radius-small: 12px;
  --radius-full: 9999px;
  --element-height: 85px;
  --container-width: 1440px;

  /* --- ВАЖЛИВО: Змінні для градієнта --- */
  --gray-50: #F9FAFB;
  --gray-200: #E5E7EB;
}
.hero-visual {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  isolation: isolate;
  right: 5%;
  bottom: 0;
  max-width: 750px;
  z-index: 1;
}

.hero-image {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom;
  z-index: 10; 
}

#bubbles-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20; 
    pointer-events: none;
}

/* --- ОНОВЛЕНІ СТИЛІ КУЛЬОК --- */
.bubble {
  position: absolute;
  border-radius: 50%;
  /* М'який градієнт: білий центр → ледь сірий край */
  background: radial-gradient(circle at 35% 35%, 
      #ffffff 0%, 
      #ffffff 40%, 
      #d2cfcf 70%, 
      #e8e8e8 100%);
  /* Дуже м'яка тінь для об'єму */
  box-shadow: 
      inset -2px -2px 8px rgba(0, 0, 0, 0.06),
      inset 2px 2px 8px rgba(255, 255, 255, 0.9),
      0 2px 8px rgba(0, 0, 0, 0.08);
  cursor: pointer;
  will-change: transform, opacity;
  transition: transform 1.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 1.2s ease-in;
  pointer-events: auto;
}

.fly-away {
  transform: translate3d(0, -150vh, 0) !important;
  opacity: 0;
  pointer-events: none;
}

.hero__media{
  position: absolute;
  right: 5%;
  bottom: 0;
  width: 800px;
  z-index: 0;
}
.hero__media-content{
  height: 77%;
  position: absolute;
  right: 96px;
  top: 9.9%;
  border-radius: 15px;
  width: 47%;
  overflow: hidden;
}

@media (max-width: 1200px){
  .hero-visual{
    right: -250px;
  }
}

@media (max-width: 1024px){
  .hero__media{
    right: -5%;
    width: 600px;
    height: unset!important
  }

  .hero__media-content{
    right: 72px;
    border-radius: 11px;
  }
}

@media (max-width: 992px){
  .hero-visual{
    z-index: 0;
  }

  .section br{
    display: none;
  }
}

@media (max-width: 768px){
  .hero-visual{
    position: relative;
    right: unset;
    margin-bottom: -120px;
  }

  .hero__media{
    position: relative;
    width: auto;
    right: unset;
    margin-bottom: -120px;
  }
  .hero__media-content{
    right: 12%;
    border-radius: 4px;
  }
}

.image-hover-zoom:hover{
  scale: 1.05;
}
.image-hover-zoom{
  transition: 0.5s all;
}
/* .image-hover-zoom:hover{
  scale: 1.05;
} */

.ticker__card{
  padding-top: 0;
  padding-bottom: 0;
}

.parallax__holders{
  padding-top: 60px;
}

.tabs__content{
  height: unset;
}

.max-width-768{
  max-width:768px!important
}

/* Оптимізація рендерингу для секцій, крім першої */
main .section:not(:first-child),
main .wp-block-newo-section:not(:first-child),
footer#footer {
    content-visibility: auto;
    /* contain-intrinsic-size є критично важливим! 
       Він задає браузеру приблизну висоту блоку до того, як він буде відрендерений.
       Без цього скролбар буде "стрибати".
       Тут встановлено приблизну висоту 800px. Ви можете змінити це значення.
    */
    contain-intrinsic-size: 1px 800px; 
}

.website-form__input::-webkit-input-placeholder { color: black !important; }
.website-form__input::-moz-placeholder { color: black !important; }
.website-form__input:-ms-input-placeholder { color: black !important; }
.website-form__input::placeholder { color: black !important; }