.animated-heading .headline-wrapper > * > span > span:after {
    text-shadow: 16px 0px 16px rgba(0, 0, 0, 0.15);
    color: #ffffff;
}
 
.animated-heading .headline-wrapper > * > span > span {
    display: inline-block;
    position: relative;
    transform-style: preserve-3d;
    perspective: 550px;
    z-index: 1;
    opacity: 1;
    white-space: pre-wrap;
}
 
.animated-heading .headline-wrapper > * > span {
    white-space: normal;
}
 
.animated-heading .headline-wrapper > * > span > span:before,
.animated-heading .headline-wrapper > * > span > span:after {
    position: absolute;
    content: attr(data-letter);
    line-height: inherit;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    transition: all 0.3s;
}
 
.animated-heading .headline-wrapper > * > span > span:before {
    color: rgba(0, 0, 0, 0.12);
}
 
.animated-heading .headline-wrapper > * > span > span:before,
.animated-heading .headline-wrapper > * > span > span:after {
    transform-origin: var(--origin);
}
 
.animated-heading .headline-wrapper > * > span > span:hover:before {
    transform: var(--hover-before);
}
 
.animated-heading .headline-wrapper > * > span > span:hover:after {
    transform: var(--hover-after);
}
@media (min-width: 400px){
    .header-slider .ba-slideshow-caption:before {
  }
  
  .gridbox .header-slider:before {
    	left: -50px;
  }
  
  .header {
  	transition: background .3s ease-in-out;
    -webkit-transition: background .3s ease-in-out;
  }
  
  .header.fixed-header {
  		background: #564592;
	}
}

@-webkit-keyframes pulse {
    to {box-shadow: 0 0 0 35px rgba(232, 76, 61, 0);}
}

@keyframes pulse {
    to {box-shadow: 0 0 0 35px rgba(232, 76, 61, 0);}
}

.flashing-button a.ba-btn-transition {
    box-shadow: 0 0 0 0 #9f74e2 !important;
    -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

.flashing-button a.ba-btn-transition:hover{
    box-shadow: 0 0 0 0 #ffffff !important;
    -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    background: #ffffff !important;
}

.ba-item i {
	стиль шрифта: нормальный;
}

.ba-countdown > span {
	margin: 0;
}

.ba-countdown {
	display: flex;
    justify-content: center;
}

.ba-icon-wrapper i:before {
	box-sizing: content-box !important;
}

onclick="bs_fw.createOrder111"
}

.body {
   padding-top: 30px;
   >header, >footer {
      background-color: silver;
      }
   }
body >header {
   position: fixed;
   top: 0px;
   width: 100%;
   transition: all 0s;
   &.scrolled {
      background-color: wait;
      }
   }
.ba-icons:before {
	box-sizing: content-box !important;
}




/* ============================================================
   ЧАС ІНДИГО — CSS Override v3 (FINAL)
   Вставити в кінець поля CSS в Редакторі коду GridBox
   ВАЖЛИВО: НЕ змінює z-index нашого navbar!
   ============================================================ */

html, body {
  background: #080418 !important;
  background-color: #080418 !important;
  background-image: none !important;
}

/* Joomla native header — прозорий і НЕ fixed */
body > header,
body > header.fixed-header,
body > header.scrolled,
.header, .header.fixed-header, .header.scrolled,
#t3-header, .t3-header {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  /* НЕ ставимо z-index тут — наш navbar має свій 9000 */
}

/* GridBox / Joomla секції — прозорі */
.gridbox, .sppb-section, .sppb-row-container,
.sppb-col-addons, #sp-component, #sp-main-body,
.t3-content, .item-page, .blog, .com-content,
.body, .body > header, .body > footer {
  background-color: transparent !important;
  background-image: none !important;
}

/* Відео фон */
.chi6-vbg {
  position: fixed !important;
  top: 0 !important; left: 0 !important;
  width: 100vw !important; height: 100vh !important;
  z-index: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}
.chi6-vbg video {
  position: absolute !important;
  top: 50% !important; left: 50% !important;
  min-width: 100% !important; min-height: 100% !important;
  width: auto !important; height: auto !important;
  transform: translate(-50%,-50%) !important;
  object-fit: cover !important;
  opacity: 0.6 !important;
}

/* Контент сайту над відео, але НЕ наш navbar */
#t3-wrapper, #t3-content, #sp-component,
.t3-content, .gridbox, .sppb-section {
  position: relative !important;
  z-index: 1 !important;
}

/* Joomla GridBox inline background override */
.sppb-section[style*="background"],
.sppb-row-container[style*="background"],
.gridbox[style*="background"] {
  background-color: transparent !important;
  background-image: none !important;
}


/* ============================================================
   FOUC Prevention — ховаємо Joomla контент до завантаження
   нашого скрипта. Скрипт сам знімає opacity після готовності.
   ============================================================ */
#t3-wrapper,
#sp-component,
.t3-content,
.item-page,
.blog,
.com-content,
#sp-main-body {
  opacity: 0;
  transition: opacity 0.35s ease;
}

/* Якщо скрипт так і не завантажився — показуємо через 3s */
@keyframes chi6-fouc-fallback {
  to { opacity: 1; }
}
#t3-wrapper,
#sp-component,
.t3-content {
  animation: chi6-fouc-fallback 0.3s ease 3s forwards;
}