:root {
--t2t-hero-start-height: calc(100vh + 305px);
--t2t-hero-normal-height: 100vh;
--t2t-hero-min-height: 50vh;
--t2t-content-header-height: 80px;
--t2t-animation-speed: 1.8s;
--t2t-ease-hero: cubic-bezier(0.33, 0.01, 0.18, 1.01);
--t2t-ease-content: cubic-bezier(0.25, 0.46, 0.45, 0.94);
--t2t-fade-duration: 1.2s;
--t2t-content-overlap: 150px; /* ✅ Отступ перекрытия картинки */
}

/* Hero — фон */
#t2t-hero-block {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--t2t-hero-start-height);
  background-image: url('https://tour2turkey.com/wp-content/uploads/2026/01/4ed5f5d0576bcc71f2cf00d219aef909116b5ee2.png');
  background-size: cover;
  background-position: center center;
  z-index: 1;
  transform: translateY(-2.5px);
  transition: height var(--t2t-animation-speed) var(--t2t-ease-hero),
              transform var(--t2t-animation-speed) var(--t2t-ease-hero);
  will-change: height, transform;
}

#t2t-hero-block.t2t-normal {
  height: var(--t2t-hero-normal-height);
  transform: translateY(0);
}

#t2t-hero-block.t2t-minimized {
  height: var(--t2t-hero-min-height);
}

/* Заголовок */
.t2t-hero-main-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 2.8rem;
  font-weight: bold;
  text-shadow: 2px 2px 12px rgba(0, 0, 0, 0.8);
  z-index: 2;
  opacity: 1;
  transition: opacity var(--t2t-fade-duration) ease-out;
	text-align:center;
}

.t2t-hero-main-title.t2t-fade-out {
  opacity: 0;
}

/* Контент — выезжает снизу */
.t2t-content-slide-up {
  position: relative;
  z-index: 2;
  width: 100%;
  margin: 0;
  padding: 0;
  /* ✅ Контент перекрывает картинку на 50px снизу */
  margin-top: calc(var(--t2t-hero-min-height) - var(--t2t-content-overlap));
  opacity: 0;
  transform: translateY(0px) translateZ(0);
  will-change: transform, opacity;
  transition: 
    transform 1.2s var(--t2t-ease-content),
    opacity 1.2s ease-out;
}

.t2t-content-slide-up.t2t-visible {
  opacity: 1;
  transform: translateY(0) translateZ(0);
}

.t2t-content-wrapper-box {
  width: 100%;
  background: white;
  border-radius: 24px 24px 0 0;
  overflow: hidden;
}

.t2t-content-top-bar {
  height: var(--t2t-content-header-height);
  background: rgba(246, 246, 246, 0);
  background: linear-gradient(180deg, rgba(246, 246, 246, 0) 0%, rgba(246, 246, 246, 1) 65%);
  min-height: 120px;
}

.t2t-content-body-area {
  min-height: 35vh;
}