/* =========================================================
   Home page — Tavelo-style layer (index.php only).
   Loaded after style.css via $extraCss. All selectors are
   scoped to .page-index or .tv-* so inner pages are untouched.
   ========================================================= */

.page-index {
  --tv-teal:   var(--brand);
  --tv-navy:   #243090;
  --tv-text:   #6f7a92;
  --tv-soft:   #eaf5fc;
  --tv-red:    #f03c24;
  --tv-orange: #f7941d;
  --tv-shadow: 0 10px 35px rgba(36, 48, 144, .08);
  --tv-font:   'Barlow', var(--ff-body);
  font-family: 'Roboto', var(--ff-body);
}
/* Scoped to <main> so the shared navy footer keeps its own colours. */
.page-index main h1, .page-index main h2, .page-index main h3, .page-index main h4 { font-family: var(--tv-font); color: var(--tv-navy); }
.page-index main p { color: var(--tv-text); }

/* ── Transparent header over the hero ─────────────────── */
.page-index .topbar { position: absolute; top: 0; left: 0; right: 0; z-index: 1031; background: transparent; border-bottom: 1px solid rgba(255, 255, 255, .12); }
.page-index .site-header:not(.is-stuck) { position: absolute; top: 0; left: 0; right: 0; background: transparent; box-shadow: none; }
@media (min-width: 992px) { .page-index .site-header:not(.is-stuck) { top: 37px; } }
.page-index .site-header.is-stuck { position: fixed; top: 0; left: 0; right: 0; animation: tvDrop .45s ease; }
@keyframes tvDrop { from { transform: translateY(-100%); } to { transform: none; } }
.page-index .site-header:not(.is-stuck) .main-nav > .nav-item > .nav-link { color: #fff; }
.page-index .site-header:not(.is-stuck) .main-nav > .nav-item > .nav-link:hover,
.page-index .site-header:not(.is-stuck) .main-nav > .nav-item > .nav-link.active { color: var(--tv-teal); }
.page-index .site-header:not(.is-stuck) .brand-text,
.page-index .site-header:not(.is-stuck) .brand-text strong { color: #fff; }
.page-index .site-header:not(.is-stuck) .brand-text small { color: rgba(255, 255, 255, .75); }
.page-index .site-header:not(.is-stuck) .navbar-toggler { color: #fff; }

/* ── Shared bits ───────────────────────────────────────── */
.tv-section { padding: 90px 0; position: relative; }
.tv-bg-soft { background: var(--tv-soft); }
.tv-head { max-width: 680px; margin-bottom: 40px; }
.tv-head.text-center .tv-sub { margin-inline: auto; }
.tv-badge {
  display: inline-flex; align-items: center; gap: .45rem; background: var(--tv-teal); color: #fff;
  font-family: var(--tv-font); font-weight: 700; font-size: .85rem; letter-spacing: .12em; text-transform: uppercase;
  padding: 3px 14px 3px 3px; border-radius: 50px; margin-bottom: 12px;
}
.tv-badge i { width: 24px; height: 24px; border-radius: 50%; background: #fff; color: var(--tv-teal); display: grid; place-items: center; font-size: .8rem; }
.tv-title { font-size: clamp(1.9rem, 3.2vw, 2.75rem); font-weight: 700; line-height: 1.2; margin-bottom: .6rem; }
.tv-title span { color: var(--tv-teal); }
.tv-sub { max-width: 560px; margin-bottom: 0; }
.tv-text { line-height: 1.8; }
.tv-muted { color: var(--tv-text); font-size: .8em; }

.tv-btn {
  display: inline-flex; align-items: center; gap: .5rem; background: var(--tv-teal); color: #fff;
  font-family: var(--tv-font); font-weight: 600; font-size: 1rem; padding: .75rem 1.6rem; border-radius: 50px;
  box-shadow: 0 8px 20px rgba(30, 159, 214, .35); border: 0; transition: .3s;
}
.tv-btn:hover { background: var(--tv-navy); color: #fff; transform: translateY(-2px); }
.tv-btn--sm { font-size: .88rem; padding: .5rem 1.1rem; box-shadow: none; }

.tv-pills { gap: .6rem; margin-bottom: 40px; flex-wrap: wrap; }
.tv-pills .nav-link {
  border: 1px solid var(--tv-teal); border-radius: 50px; color: var(--tv-navy); background: #fff;
  font-family: var(--tv-font); font-weight: 600; padding: .5rem 1.25rem; display: inline-flex; gap: .4rem; align-items: center;
}
.tv-pills .nav-link.active { background: var(--tv-teal); color: #fff; }

.page-index .swiper-nav { border: 0; color: var(--tv-teal); box-shadow: var(--tv-shadow); width: 44px; height: 44px; }
.page-index .swiper-nav:hover { background: var(--tv-teal); color: #fff; }
.tv-slider .swiper-pagination-bullet { width: 11px; height: 11px; background: transparent; border: 1px solid var(--tv-teal); opacity: 1; }
.tv-slider .swiper-pagination-bullet-active { background: var(--tv-teal); }

/* ── Hero ──────────────────────────────────────────────── */
.tv-hero__slide { height: 620px; background-size: cover; background-position: center; position: relative; display: grid; place-items: center; overflow: hidden; }
.tv-hero__slide::before { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5, 14, 38, .65) 0%, rgba(5, 14, 38, .45) 55%, rgba(5, 14, 38, .6) 100%); }
.tv-hero__inner { position: relative; z-index: 2; text-align: center; padding: 60px 0 120px; }
.page-index .tv-hero__inner h1 { color: #fff; font-weight: 700; font-size: clamp(2.4rem, 5.6vw, 4.6rem); line-height: 1.1; margin-bottom: 1rem; }
.page-index .tv-hero__inner p { color: #fff; font-size: clamp(1rem, 1.6vw, 1.3rem); margin: 0; }

/* ── Search card ───────────────────────────────────────── */
.tv-search-wrap { position: relative; z-index: 5; margin-top: -150px; }
.tv-search { position: relative; background: #fff; border-radius: 30px; padding: 54px 30px 30px; box-shadow: 0 20px 60px rgba(36, 48, 144, .14); }
.tv-search__top { position: absolute; top: -27px; left: 30px; right: 200px; }
.tv-search__tabs { display: inline-flex; flex-wrap: wrap; gap: .4rem; background: #fff; border-radius: 50px; padding: 6px; box-shadow: var(--tv-shadow); }
.tv-search__tabs .nav-link {
  background: var(--tv-soft); color: var(--tv-navy); border-radius: 50px; padding: .45rem 1rem;
  font-family: var(--tv-font); font-weight: 600; font-size: .92rem; display: inline-flex; gap: .4rem; align-items: center;
}
.tv-search__tabs .nav-link i { color: var(--tv-teal); }
.tv-search__tabs .nav-link.active { background: var(--tv-teal); color: #fff; }
.tv-search__tabs .nav-link.active i { color: #fff; }
.tv-search__go {
  position: absolute; top: -24px; right: 30px; background: var(--tv-teal); color: #fff; border: 6px solid #fff;
  border-radius: 50px; padding: .55rem 1.5rem; font-family: var(--tv-font); font-weight: 600; box-shadow: var(--tv-shadow); transition: .3s;
}
.tv-search__go:hover { background: var(--tv-navy); }
.tv-search__trip { display: flex; flex-wrap: wrap; gap: 1.3rem; margin-bottom: 1rem; }
.tv-search__trip .form-check-label { font-weight: 500; color: var(--tv-navy); }

.tv-field { position: relative; background: var(--tv-soft); border-radius: 20px; padding: 14px 18px; height: 100%; min-height: 96px; }
.tv-field label { display: block; font-size: .85rem; color: var(--tv-text); margin-bottom: 2px; }
.tv-field input, .tv-field select {
  display: block; width: 100%; border: 0; background: transparent; outline: none; padding: 0;
  font-family: var(--tv-font); font-weight: 600; font-size: 1.2rem; color: var(--tv-navy);
}
.tv-field select { appearance: none; cursor: pointer; }
.tv-field .tv-field__sub { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: .82rem; color: var(--tv-text); margin-top: 2px; }
.tv-field__hint { display: block; font-size: .78rem; color: var(--tv-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 26px; }
.tv-field__icon { position: absolute; top: 14px; right: 16px; color: var(--tv-teal); font-size: 1.35rem; pointer-events: none; }
.tv-field input::-webkit-calendar-picker-indicator { opacity: .55; cursor: pointer; }
.tv-field--dates { display: flex; gap: 14px; }
.tv-field--dates > div { flex: 1; min-width: 0; }
.tv-field--dates input { font-size: 1rem; }
.tv-field--dates [data-return-field]:has(input:disabled) { opacity: .45; }
.tv-pair { position: relative; display: flex; gap: 12px; height: 100%; }
.tv-pair .tv-field { flex: 1; min-width: 0; }
.tv-swap {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2;
  width: 40px; height: 40px; border-radius: 50%; border: 4px solid #fff; background: var(--tv-teal); color: #fff; display: grid; place-items: center;
}
.tv-swap:hover { background: var(--tv-navy); }

/* ── About ─────────────────────────────────────────────── */
.tv-about__media { position: relative; height: 420px; }
.tv-about__img1 { position: absolute; left: 0; top: 20px; width: 52%; height: 300px; object-fit: cover; border-radius: 200px; z-index: 2; }
.tv-about__img2 { position: absolute; right: 0; bottom: 0; width: 48%; height: 400px; object-fit: cover; border-radius: 300px; }
.tv-about__years {
  position: absolute; left: 41%; top: 160px; z-index: 3; width: 130px; height: 130px; border-radius: 50%;
  background: var(--tv-teal); color: #fff; border: 8px solid #fff; display: grid; place-content: center; text-align: center;
  font-family: var(--tv-font); font-weight: 600; font-size: .85rem; line-height: 1.15; box-shadow: var(--tv-shadow);
}
.tv-about__years strong { font-size: 2.2rem; font-weight: 700; display: block; }
.tv-mini { display: flex; gap: .9rem; align-items: flex-start; background: #fff; border-radius: 20px; border-left: 3px solid var(--tv-teal); box-shadow: var(--tv-shadow); padding: 18px; height: 100%; }
.tv-mini__icon { flex: 0 0 56px; height: 56px; border-radius: 50%; background: var(--tv-teal); color: #fff; display: grid; place-items: center; font-size: 1.5rem; }
.tv-mini h4 { font-size: 1.1rem; margin-bottom: .2rem; }
.tv-mini p { font-size: .88rem; margin: 0; line-height: 1.6; }

/* ── Features ──────────────────────────────────────────── */
.tv-features__img img { width: 100%; height: 400px; object-fit: cover; border-radius: 220px; }
.tv-feature { display: flex; gap: 1rem; align-items: center; background: #fff; border-radius: 25px; box-shadow: var(--tv-shadow); padding: 22px; margin-bottom: 20px; }
.tv-feature:last-child { margin-bottom: 0; }
.tv-feature__icon { flex: 0 0 66px; height: 66px; border-radius: 50%; background: var(--tv-soft); color: var(--tv-teal); display: grid; place-items: center; font-size: 1.8rem; transition: .3s; }
.tv-feature:hover .tv-feature__icon { background: var(--tv-teal); color: #fff; }
.tv-feature h4 { font-size: 1.2rem; margin-bottom: .25rem; }
.tv-feature p { font-size: .9rem; margin: 0; line-height: 1.6; }

/* ── Destinations ─────────────────────────────────────── */
.tv-dest-area { padding-bottom: 150px; }
.tv-dest { display: block; position: relative; padding-bottom: 54px; }
.tv-dest__media { display: block; height: 320px; border-radius: 200px; overflow: hidden; }
.tv-dest__media img { width: 100%; height: 100%; object-fit: cover; transition: .6s; }
.tv-dest:hover .tv-dest__media img { transform: scale(1.08); }
.tv-dest__plate {
  position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 84%; background: #fff; border-radius: 22px;
  box-shadow: var(--tv-shadow); padding: 14px 12px; text-align: center; display: flex; flex-direction: column; gap: 4px; align-items: center;
}
.tv-dest__plate strong { font-family: var(--tv-font); font-size: 1.2rem; color: var(--tv-navy); line-height: 1.2; }
.tv-dest:hover .tv-dest__plate strong { color: var(--tv-teal); }
.tv-dest__price { font-size: .82rem; color: var(--tv-text); }

/* ── Counter ───────────────────────────────────────────── */
.tv-counter { position: relative; z-index: 3; margin-top: -90px; }
.tv-counter__band {
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1.5rem; padding: 32px 50px 32px 0;
  margin-left: calc((100vw - 100%) / -2); padding-left: calc((100vw - 100%) / 2);
  width: calc(80% + (100vw - 100%) / 2); border-radius: 0 120px 0 0;
  background:
    repeating-radial-gradient(circle at 100% 0%, rgba(255, 255, 255, .09) 0 2px, transparent 2px 16px),
    linear-gradient(90deg, #24a8d8 0%, var(--tv-teal) 100%);
}
.tv-counter__item { display: flex; gap: 1rem; align-items: center; }
.tv-counter__icon { width: 70px; height: 70px; border-radius: 18px; background: #fff; color: var(--tv-teal); display: grid; place-items: center; font-size: 2rem; }
.tv-counter__item strong { display: block; font-family: var(--tv-font); font-size: 2.6rem; font-weight: 700; color: var(--tv-navy); line-height: 1; }
.tv-counter__item strong small { font-size: .6em; margin-left: 2px; }
.tv-counter__item > div > span { color: var(--tv-navy); font-weight: 500; }

/* ── Cards (flights / hotels / tours / cars / explore) ─── */
.tv-card { background: #fff; border-radius: 25px; padding: 12px; box-shadow: var(--tv-shadow); height: 100%; display: flex; flex-direction: column; transition: .35s; }
.tv-card:hover { transform: translateY(-6px); box-shadow: 0 18px 45px rgba(36, 48, 144, .13); }
.tv-card__media { position: relative; }
.tv-card__media img { width: 100%; height: 200px; object-fit: cover; border-radius: 20px; display: block; }
.tv-card .tv-card__wish {
  position: absolute; top: auto; left: 16px; bottom: -17px; width: 36px; height: 36px; border-radius: 50%;
  background: var(--tv-teal); color: #fff; border: 3px solid #fff; display: grid; place-items: center; font-size: .9rem;
}
.tv-card__badge {
  position: absolute; top: 14px; right: 14px; background: var(--tv-teal); color: #fff; font-family: var(--tv-font);
  font-weight: 700; font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; padding: 4px 12px; border-radius: 50px;
}
.tv-card__badge.is-red { background: var(--tv-red); }
.tv-card__body { padding: 28px 8px 6px; flex: 1; display: flex; flex-direction: column; }
.tv-card__type { font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--tv-teal); margin-bottom: 4px; }
.tv-card__title { font-size: 1.22rem; font-weight: 700; margin-bottom: .45rem; line-height: 1.25; }
.tv-card__title a { color: var(--tv-navy); }
.tv-card__title a:hover { color: var(--tv-teal); }
.tv-card__route { font-size: 1.1rem; font-weight: 700; margin-bottom: .55rem; display: flex; align-items: center; gap: .45rem; flex-wrap: wrap; }
.tv-card__route > i:first-child { color: var(--tv-teal); }
.tv-card__meta { font-size: .88rem; margin-bottom: .45rem; display: flex; gap: .45rem; align-items: flex-start; }
.tv-card__meta i { color: var(--tv-teal); }
.tv-card__row { display: flex; justify-content: space-between; gap: .5rem; font-size: .85rem; color: var(--tv-navy); font-weight: 500; margin-bottom: .45rem; }
.tv-card__row i { color: var(--tv-teal); }
.tv-rating { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem; font-size: .85rem; margin-bottom: .55rem; }
.tv-rating__chip { background: var(--tv-orange); color: #fff; border-radius: 6px; padding: 1px 7px; font-weight: 700; font-size: .78rem; }
.tv-rating__chip i { font-size: .7rem; }
.tv-rating__word { color: var(--tv-teal); font-weight: 500; }
.tv-rating__count { color: var(--tv-navy); }
.tv-specs { list-style: none; padding: 0; margin: 0 0 .6rem; display: grid; grid-template-columns: 1fr 1fr; gap: .35rem .75rem; font-size: .85rem; color: var(--tv-text); }
.tv-specs i { color: var(--tv-teal); margin-right: .25rem; }
.tv-card__foot { margin-top: auto; border-top: 1px solid #e8eef4; padding-top: 12px; display: flex; flex-wrap: wrap; gap: .4rem; justify-content: space-between; align-items: center; }
.tv-price { color: var(--tv-navy); font-size: .9rem; }
.tv-price strong { color: var(--tv-red); font-family: var(--tv-font); font-size: 1.25rem; }
.tv-price small { color: var(--tv-text); }
.tv-link { color: var(--tv-navy); font-weight: 600; font-size: .9rem; }
.tv-link:hover { color: var(--tv-teal); }


/* hotels: soft rings behind the slider */
.tv-waves { overflow: hidden; }
.tv-waves::before { content: ''; position: absolute; left: 50%; top: 55%; width: 1400px; height: 1400px; transform: translate(-50%, -20%); border-radius: 50%; background: repeating-radial-gradient(circle, rgba(30, 159, 214, .07) 0 2px, transparent 2px 26px); pointer-events: none; }
.tv-waves .container { position: relative; }

/* ── Video ─────────────────────────────────────────────── */
.tv-video { overflow: hidden; }
.tv-video__media { position: relative; height: 360px; border-radius: 200px 0 0 200px; background-size: cover; background-position: center; display: grid; place-items: center; }
@media (min-width: 992px)  { .tv-video__media { margin-right: calc((100vw - 960px) / -2 - 12px); } }
@media (min-width: 1200px) { .tv-video__media { margin-right: calc((100vw - 1140px) / -2 - 12px); } }
@media (min-width: 1400px) { .tv-video__media { margin-right: calc((100vw - 1320px) / -2 - 12px); } }
.tv-play { width: 96px; height: 96px; border-radius: 50%; background: var(--tv-red); color: #fff; display: grid; place-items: center; font-size: 2.4rem; animation: tvPulse 2.2s infinite; }
.tv-play:hover { color: #fff; transform: scale(1.06); }
@keyframes tvPulse { 0% { box-shadow: 0 0 0 0 rgba(240, 60, 36, .55); } 70% { box-shadow: 0 0 0 28px rgba(240, 60, 36, 0); } 100% { box-shadow: 0 0 0 0 rgba(240, 60, 36, 0); } }

/* ── Offers ────────────────────────────────────────────── */
.tv-offer { display: flex; gap: 16px; align-items: center; background: #fff; border-radius: 25px; padding: 12px; height: 100%; box-shadow: var(--tv-shadow); }
.tv-offer > img { flex: 0 0 38%; width: 38%; height: 128px; object-fit: cover; border-radius: 20px; }
.tv-offer__body { min-width: 0; }
.tv-offer h4 { font-size: 1.12rem; margin-bottom: .3rem; }
.tv-offer p { font-size: .86rem; line-height: 1.55; margin-bottom: .5rem; }
.tv-offer__code { display: inline-block; border: 1px dashed var(--tv-teal); color: var(--tv-teal); border-radius: 6px; font-size: .72rem; font-weight: 700; letter-spacing: .08em; padding: 2px 8px; margin-bottom: .6rem; }

/* ── CTA ───────────────────────────────────────────────── */
.tv-cta__box {
  position: relative; z-index: 2; max-width: 620px; margin: 0 auto -110px; text-align: center;
  background: rgba(255, 255, 255, .94); border-radius: 30px; padding: 36px 40px; box-shadow: 0 20px 60px rgba(36, 48, 144, .12);
}
.tv-cta__box h2 { font-size: clamp(1.6rem, 3vw, 2.4rem); }
.tv-cta__box h2 span { color: var(--tv-teal); }
.tv-cta__img { height: 300px; border-radius: 300px; background-size: cover; background-position: center; }

/* ── Why choose ────────────────────────────────────────── */
.tv-choose { position: relative; display: flex; gap: 1.1rem; align-items: center; background: #fff; border-radius: 70px; box-shadow: var(--tv-shadow); padding: 18px 30px 18px 18px; margin-bottom: 30px; }
.tv-choose__num { position: absolute; top: -11px; left: 22px; background: var(--tv-red); color: #fff; font-size: .72rem; font-weight: 700; border-radius: 50px; padding: 1px 9px; }
.tv-choose__icon { flex: 0 0 68px; height: 68px; border-radius: 50%; background: var(--tv-teal); color: #fff; display: grid; place-items: center; font-size: 1.8rem; }
.tv-choose h4 { font-size: 1.2rem; margin-bottom: .2rem; }
.tv-choose p { font-size: .9rem; margin: 0; line-height: 1.6; }
.tv-choose__media { position: relative; height: 380px; }
.tv-choose__img1 { position: absolute; left: 0; bottom: 20px; width: 48%; height: 250px; object-fit: cover; border-radius: 200px; border: 8px solid #fff; z-index: 2; box-shadow: var(--tv-shadow); }
.tv-choose__img2 { position: absolute; right: 0; top: 0; width: 60%; height: 100%; object-fit: cover; border-radius: 300px; }
.tv-choose__plane { position: absolute; left: 8%; top: 10px; font-size: 3rem; color: #c3cad8; transform: rotate(-30deg); }

/* ── Cars ──────────────────────────────────────────────── */
.tv-cars { background: radial-gradient(circle at 15% 20%, rgba(255, 255, 255, .55) 0 18%, transparent 18.2%), linear-gradient(180deg, #d3ebf8 0%, var(--tv-soft) 100%); }

/* ── Team ──────────────────────────────────────────────── */
.tv-team { padding-bottom: 10px; }
.tv-team__img { width: 100%; max-width: 230px; aspect-ratio: 1; margin: 0 auto; border-radius: 50%; overflow: hidden; }
.tv-team__img img { width: 100%; height: 100%; object-fit: cover; transition: .5s; }
.tv-team:hover .tv-team__img img { transform: scale(1.07); }
.tv-team__plate { position: relative; display: flex; justify-content: space-between; align-items: center; gap: .5rem; background: #fff; border-radius: 50px; box-shadow: var(--tv-shadow); padding: 12px 12px 12px 24px; margin: -42px 18px 0; }
.tv-team__plate h4 { font-size: 1.12rem; margin: 0; }
.tv-team__plate span { font-size: .84rem; color: var(--tv-teal); }
.tv-team__share { flex: 0 0 42px; height: 42px; border-radius: 50%; background: var(--tv-teal); color: #fff; display: grid; place-items: center; }
.tv-team__share:hover { background: var(--tv-navy); color: #fff; }

/* ── App ───────────────────────────────────────────────── */
.tv-app__media { position: relative; height: 380px; }
.tv-app__blob { position: absolute; left: 4%; bottom: 0; width: 82%; aspect-ratio: 1; max-height: 360px; border-radius: 50%; background: var(--tv-soft); }
.tv-app__phone {
  position: absolute; left: 18%; top: 30px; width: 190px; height: 340px; border-radius: 38px; border: 10px solid #101828;
  overflow: hidden; transform: rotate(-10deg); box-shadow: 0 30px 60px rgba(16, 24, 40, .25); background: #101828;
}
.tv-app__phone img { width: 100%; height: 100%; object-fit: cover; }
.tv-app__thumb { position: absolute; border-radius: 50%; object-fit: cover; border: 6px solid #fff; box-shadow: 0 0 0 3px var(--tv-teal), var(--tv-shadow); }
.tv-app__thumb--1 { width: 100px; height: 100px; left: 50%; top: 0; }
.tv-app__thumb--2 { width: 124px; height: 124px; left: 56%; top: 120px; }
.tv-checks { list-style: none; padding: 0; margin: 1rem 0 1.6rem; }
.tv-checks li { display: flex; gap: .6rem; align-items: center; margin-bottom: .6rem; color: var(--tv-navy); font-weight: 500; }
.tv-checks i { color: var(--tv-teal); font-size: 1.2rem; }
.tv-store { display: inline-flex; gap: .6rem; align-items: center; background: #000; color: #fff; border-radius: 10px; padding: .6rem 1.1rem; }
.tv-store:hover { color: #fff; background: var(--tv-navy); }
.tv-store i { font-size: 1.7rem; }
.tv-store span { font-family: var(--tv-font); font-weight: 700; font-size: 1.05rem; line-height: 1.1; }
.tv-store small { display: block; font-size: .62rem; font-weight: 500; letter-spacing: .04em; }

/* ── Testimonials ─────────────────────────────────────── */
.tv-testi { position: relative; overflow: hidden; padding: 80px 0 120px; background-size: cover; background-position: center; }
.tv-testi::before { content: ''; position: absolute; inset: 0; background: rgba(28, 36, 110, .86); }
.tv-testi .tv-title, .tv-testi .tv-title span { color: #fff; }
.tv-quote { display: flex; gap: 24px; align-items: center; background: #fff; border-radius: 130px; padding: 18px 40px 18px 18px; height: 100%; position: relative; }
.tv-quote__avatar { flex: 0 0 130px; height: 130px; border-radius: 50%; padding: 8px; border: 4px solid transparent; border-left-color: var(--tv-teal); border-bottom-color: var(--tv-teal); transform: rotate(20deg); }
.tv-quote__avatar img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; transform: rotate(-20deg); }
.tv-quote__mark { position: absolute; top: 18px; right: 50px; font-size: 3.6rem; line-height: 1; color: var(--tv-teal); }
.tv-quote h4 { font-size: 1.3rem; margin-bottom: 0; }
.tv-quote__role { color: var(--tv-teal); font-size: .88rem; }
.tv-quote p { font-size: .9rem; line-height: 1.65; margin: .5rem 0; }
.tv-testi .swiper-pagination-bullet { border-color: #fff; }
.tv-testi .swiper-pagination-bullet-active { background: #fff; }
.tv-testi__mark {
  position: absolute; left: 50%; bottom: -46px; transform: translateX(-50%); white-space: nowrap; pointer-events: none;
  font-family: var(--tv-font); font-weight: 800; font-size: clamp(5rem, 15vw, 13rem); letter-spacing: .08em; line-height: 1;
  color: transparent; -webkit-text-stroke: 2px rgba(255, 255, 255, .14);
}

/* ── Blog ──────────────────────────────────────────────── */
.tv-blog { position: relative; display: flex; flex-direction: column; background: #fff; border-radius: 30px; box-shadow: var(--tv-shadow); padding: 14px 14px 26px; margin-top: 14px; height: calc(100% - 14px); }
.tv-blog__date { position: absolute; top: -13px; left: 50%; transform: translateX(-50%); z-index: 2; background: var(--tv-teal); color: #fff; font-size: .82rem; font-weight: 500; border-radius: 50px; padding: 3px 16px; white-space: nowrap; }
.tv-blog__media img { width: 100%; height: 190px; object-fit: cover; border-radius: 25px; }
.tv-blog__meta { display: flex; flex-wrap: wrap; gap: 1rem; font-size: .84rem; color: var(--tv-navy); padding: 14px 6px 12px; border-bottom: 1px solid #e8eef4; }
.tv-blog__meta i { color: var(--tv-teal); }
.tv-blog__title { font-size: 1.15rem; line-height: 1.35; margin: 12px 6px 14px; }
.tv-blog__title a { color: var(--tv-navy); }
.tv-blog__title a:hover { color: var(--tv-teal); }
.tv-blog .tv-btn { align-self: flex-start; margin: auto 6px 0; }

/* ── Partners strip over footer ───────────────────────── */
.tv-partners { background: linear-gradient(180deg, #fff 50%, var(--navy-deep) 50%); }
.tv-partners__tab { background: #fff; border-radius: 0 0 60px 0; padding: 10px 40px 34px 0; }
.tv-partners__slider { padding: 0 !important; }
.tv-partner {
  display: grid; place-items: center; height: 76px; border: 1px solid #e3eaf1; border-radius: 50px; padding: 0 16px; text-align: center;
  font-family: var(--tv-font); font-weight: 800; font-size: 1.05rem; letter-spacing: .02em;
  background: linear-gradient(90deg, var(--tv-navy), var(--tv-teal)); -webkit-background-clip: text; background-clip: text; color: transparent;
}

/* ── Responsive ───────────────────────────────────────── */
@media (max-width: 1199px) {
  .tv-search__top { right: 30px; }
  .tv-search__go { position: static; margin-top: 18px; width: 100%; border: 0; padding: .9rem; }
  .tv-search { padding-top: 70px; }
}
@media (max-width: 991px) {
  .tv-section { padding: 70px 0; }
  .tv-hero__slide { height: 580px; }
  .tv-about__media { height: 400px; }
  .tv-features__img img { height: 360px; }
  .tv-counter__band { width: auto; margin-left: 0; padding: 26px; border-radius: 30px; display: grid; grid-template-columns: 1fr 1fr; }
  .tv-video__media { height: 320px; border-radius: 160px; }
  .tv-dest-area { padding-bottom: 150px; }
}
@media (max-width: 767px) {
  .tv-section { padding: 56px 0; }
  .tv-head { margin-bottom: 32px; }
  .tv-hero__slide { height: 560px; }
  .tv-hero__inner { padding: 40px 0 150px; }
  .tv-search-wrap { margin-top: -150px; }
  .tv-search { padding: 22px 16px 18px; border-radius: 22px; }
  .tv-search__top { position: static; margin-bottom: 14px; }
  .tv-search__tabs { display: flex; flex-wrap: nowrap; overflow-x: auto; box-shadow: none; padding: 0; border-radius: 0; scrollbar-width: none; }
  .tv-search__tabs .nav-link { white-space: nowrap; }
  .tv-pair { flex-direction: column; }
  .tv-swap { transform: translate(-50%, -50%) rotate(90deg); }
  .tv-about__media { height: 330px; }
  .tv-about__img1 { height: 220px; }
  .tv-about__img2 { height: 300px; }
  .tv-about__years { width: 104px; height: 104px; top: 110px; font-size: .72rem; }
  .tv-about__years strong { font-size: 1.7rem; }
  .tv-dest__media { height: 280px; }
  .tv-counter__band { grid-template-columns: 1fr 1fr; gap: 1rem; padding: 20px; }
  .tv-counter__icon { width: 50px; height: 50px; font-size: 1.4rem; border-radius: 14px; }
  .tv-counter__item strong { font-size: 1.8rem; }
  .tv-counter__item > div > span { font-size: .8rem; }
  .tv-video__media { height: 260px; border-radius: 40px; }
  .tv-offer { flex-direction: column; align-items: stretch; }
  .tv-offer > img { width: 100%; height: 170px; }
  .tv-cta__box { margin: 0 6px -50px; padding: 24px 20px; }
  .tv-cta__img { height: 220px; border-radius: 40px; }
  .tv-choose { border-radius: 26px; padding: 18px; align-items: flex-start; }
  .tv-choose__icon { flex-basis: 54px; height: 54px; font-size: 1.4rem; }
  .tv-choose__media { height: 300px; }
  .tv-choose__img1 { height: 200px; }
  .tv-app__media { height: 330px; }
  .tv-app__phone { width: 160px; height: 300px; left: 8%; }
  .tv-app__thumb--1 { width: 90px; height: 90px; left: 58%; }
  .tv-app__thumb--2 { width: 110px; height: 110px; left: 60%; top: 120px; }
  .tv-quote { flex-direction: column; text-align: center; border-radius: 30px; padding: 26px 20px; }
  .tv-quote__avatar { flex-basis: auto; width: 130px; height: 130px; }
  .tv-quote__mark { right: 24px; font-size: 2.6rem; }
  .tv-testi { padding: 56px 0 100px; }
  .tv-partners__tab { padding-right: 0; border-radius: 0 0 30px 30px; }
}

/* ── Outline button ────────────────────────────────────── */
.tv-btn--outline { background: #fff; color: var(--tv-teal); box-shadow: inset 0 0 0 2px var(--tv-teal); }
.tv-btn--outline:hover { background: var(--tv-teal); color: #fff; }

/* ── Category card (transport / tours / themes / retreats) ─ */
.tv-cat { display: flex; flex-direction: column; height: 100%; background: #fff; border-radius: 24px; padding: 8px; box-shadow: var(--tv-shadow); transition: .35s; }
.tv-cat:hover { transform: translateY(-6px); box-shadow: 0 18px 45px rgba(36, 48, 144, .13); }
.tv-cat__media img { display: block; width: 100%; height: 180px; object-fit: cover; border-radius: 18px; }
.tv-cat__body { position: relative; flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center; background: #fff; border-radius: 22px 22px 0 0; margin-top: -28px; padding: 32px 12px 10px; }
.tv-cat__icon { position: absolute; top: -24px; left: 50%; transform: translateX(-50%); width: 50px; height: 50px; border-radius: 50%; background: var(--tv-teal); color: #fff; border: 4px solid #fff; display: grid; place-items: center; font-size: 1.15rem; box-shadow: var(--tv-shadow); }
.tv-cat__title { font-size: 1.18rem; font-weight: 700; margin-bottom: .55rem; }
.tv-cat__title a { color: var(--tv-navy); }
.tv-cat__title a:hover { color: var(--tv-teal); }
.tv-cat__list { list-style: none; padding: 0; margin: 0 0 1rem; align-self: stretch; text-align: left; }
.tv-cat__list li { position: relative; padding-left: .95rem; font-size: .86rem; margin-bottom: .25rem; }
.tv-cat__list li::before { content: ''; position: absolute; left: 0; top: .55rem; width: 5px; height: 5px; border-radius: 50%; background: var(--tv-teal); }
.tv-cat__list a { color: var(--tv-text); }
.tv-cat__list a:hover { color: var(--tv-teal); }
.tv-cat__text { font-size: .84rem; line-height: 1.55; margin-bottom: .9rem; }
.tv-cat .tv-btn { margin-top: auto; }
/* tours: big rounded tops */
.tv-cat--arch { border-radius: 90px 90px 26px 26px; }
.tv-cat--arch .tv-cat__media img { height: 230px; border-radius: 84px 84px 18px 18px; }
.tv-cat--arch .tv-cat__body { border-radius: 40px 40px 0 0; margin-top: -40px; padding-top: 36px; }
/* themes / experiences: compact */
.tv-cat--compact { border-radius: 18px; padding: 6px; }
.tv-cat--compact .tv-cat__media img { height: 120px; border-radius: 14px; }
.tv-cat--compact .tv-cat__body { margin-top: -18px; padding: 26px 6px 6px; border-radius: 16px 16px 0 0; }
.tv-cat--compact .tv-cat__icon { width: 40px; height: 40px; top: -20px; font-size: .95rem; border-width: 3px; }
.tv-cat--compact .tv-cat__title { font-size: .98rem; margin-bottom: .4rem; }
.tv-cat--compact .tv-cat__list li { font-size: .78rem; }
.tv-cat--compact .tv-cat__list { margin-bottom: .7rem; }
/* retreats: tall photo, text */
.tv-cat--tall { border-radius: 20px; padding: 6px; }
.tv-cat--tall .tv-cat__media img { height: 230px; border-radius: 16px; }
.tv-cat--tall .tv-cat__body { margin-top: -26px; padding: 30px 8px 6px; border-radius: 18px 18px 0 0; }
.tv-cat--tall .tv-cat__title { font-size: 1.02rem; }

/* ── Split card (health / business / services / resources) ─ */
.tv-split { display: flex; height: 100%; background: #fff; border-radius: 22px; overflow: hidden; box-shadow: var(--tv-shadow); transition: .35s; }
.tv-split:hover { transform: translateY(-5px); box-shadow: 0 18px 45px rgba(36, 48, 144, .13); }
.tv-split__media { flex: 0 0 44%; }
.tv-split__media img { width: 100%; height: 100%; min-height: 300px; object-fit: cover; display: block; }
.tv-split__body { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; padding: 20px 16px; }
.tv-split__icon { width: 46px; height: 46px; border-radius: 50%; background: var(--tv-soft); color: var(--tv-teal); display: grid; place-items: center; font-size: 1.25rem; margin-bottom: .7rem; }
.tv-split__title { font-size: 1.12rem; font-weight: 700; margin-bottom: .6rem; line-height: 1.25; }
.tv-split__title a { color: var(--tv-navy); }
.tv-split__title a:hover { color: var(--tv-teal); }
.tv-split__list { list-style: none; padding: 0; margin: 0 0 1rem; }
.tv-split__list li { display: flex; gap: .4rem; font-size: .82rem; color: var(--tv-text); margin-bottom: .3rem; }
.tv-split__list i { color: var(--tv-teal); }
.tv-split__text { font-size: .8rem; line-height: 1.5; margin-bottom: .8rem; }
.tv-split .tv-btn { margin-top: auto; }
.tv-split--narrow .tv-split__media { flex-basis: 36%; }
.tv-split--narrow .tv-split__media img { min-height: 280px; }
.tv-split--mini { border-radius: 18px; }
.tv-split--mini .tv-split__media { flex-basis: 42%; }
.tv-split--mini .tv-split__media img { min-height: 200px; }
.tv-split--mini .tv-split__body { padding: 14px 12px; }
.tv-split--mini .tv-split__icon { width: 38px; height: 38px; font-size: 1rem; margin-bottom: .5rem; }
.tv-split--mini .tv-split__title { font-size: 1rem; margin-bottom: .35rem; }
.tv-split--mini .tv-btn--sm { font-size: .78rem; padding: .4rem .8rem; }

/* ── Trust strip ───────────────────────────────────────── */
.tv-trust { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); background: #fff; border-radius: 20px; box-shadow: var(--tv-shadow); padding: 18px 10px; margin-top: 30px; }
.tv-trust__item { display: flex; gap: .7rem; align-items: center; padding: 6px 16px; }
.tv-trust__item + .tv-trust__item { border-left: 1px solid #e3eaf3; }
.tv-trust__item > i { flex: 0 0 auto; font-size: 1.7rem; color: var(--tv-teal); }
.tv-trust__item strong { display: block; font-family: var(--tv-font); color: var(--tv-navy); font-size: .98rem; }
.tv-trust__item span { display: block; font-size: .78rem; color: var(--tv-text); }

/* Partner | Contact banner: keep its white copy (main h3/p colours above would override it) */
.page-index .split-banner__inner h3 { color: #fff; font-size: 1.6rem; }
.page-index .split-banner__inner p { color: #e3ecf8; }
.page-index .split-banner__inner .btn { font-family: var(--tv-font); font-weight: 600; padding: .55rem 1.2rem; }
.tv-cta { padding-bottom: 20px; }
.tv-blog-area { padding-bottom: 50px; }

@media (max-width: 991px) {
  .tv-trust__item + .tv-trust__item { border-left: 0; }
}
@media (max-width: 575px) {
  .tv-split { flex-direction: column; }
  .tv-split__media img { min-height: 0; height: 180px; }
  .tv-split--mini { flex-direction: row; }
  .tv-split--mini .tv-split__media img { height: 100%; min-height: 170px; }
  .tv-trust { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 767px) {
  /* Counter overlaps the destinations section less on phones so the buttons above stay clear. */
  .tv-dest-area { padding-bottom: 80px; }
  .tv-counter { margin-top: -50px; }
}