/* ═══════════════════════════════════════════════════════════════════════
   Thebes Core — front.css
   Every selector is at least two classes deep (.tv .tv-x) so Elementor /
   theme resets never win. Colours, fonts and radii come from :root tokens
   printed by TV_Tokens. Logical properties throughout (RTL-safe).
   Hovers are colour / shadow only — no transforms, no animations that can
   glitch. Reduced-motion users get none at all.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── root ── */
.tv, .tv * { box-sizing: border-box; }
.tv { font-family: var(--tv-font-body); color: var(--tv-ink); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
.tv img { max-width: 100%; height: auto; display: block; }
.tv a { color: inherit; text-decoration: none; }
.tv a:hover { text-decoration: none; }
.tv h1, .tv h2, .tv h3, .tv h4 { margin: 0; font-family: var(--tv-font-display); font-weight: var(--tv-heading-w); line-height: 1.12; letter-spacing: -0.01em; color: var(--tv-brand-deep); }
.tv-dark .tv h1, .tv-dark .tv h2, .tv-dark .tv h3, .tv-dark .tv h4 { color: var(--tv-ink); }
.tv p { margin: 0; }
.tv ul, .tv ol { margin: 0; padding: 0; list-style: none; }
.tv :focus-visible { outline: 3px solid var(--tv-accent); outline-offset: 3px; }
.tv button { font: inherit; cursor: pointer; }
.tv .tv-wrap { max-width: 1180px; margin-inline: auto; padding-inline: 28px; }
.tv .tv-wrap-narrow { max-width: 820px; }
.tv .tv-ico { width: 1.1em; height: 1.1em; flex: none; vertical-align: -0.15em; }
body.tv-canvas { margin: 0; background: var(--tv-base); }
body.tv-canvas .tv-main { display: block; }
.tv-site .tv-page-content { min-height: 40vh; }
@media (prefers-reduced-motion: reduce) { .tv *, .tv *::before, .tv *::after { transition: none !important; animation: none !important; } }

/* ── buttons ── */
.tv .tv-btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 13px 22px; border-radius: var(--tv-r-btn); font-weight: 600; font-size: 15px; line-height: 1; border: 1.5px solid transparent; cursor: pointer; text-decoration: none; font-family: var(--tv-font-body); white-space: nowrap; transition: background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease; }
.tv .tv-btn .tv-ico { width: 18px; height: 18px; }
.tv .tv-btn-sm { padding: 10px 16px; font-size: 14px; }
.tv .tv-btn-block { width: 100%; }
.tv .tv-btn-gold { background: var(--tv-accent); color: #1C1608; }
.tv .tv-btn-gold:hover { background: var(--tv-accent-dk); color: #1C1608; }
.tv .tv-btn-wa { background: var(--tv-wa); color: #fff; }
.tv .tv-btn-wa:hover { background: var(--tv-wa-dk); color: #fff; }
.tv .tv-btn-ghost { background: transparent; color: var(--tv-ink); border-color: currentColor; }
.tv .tv-btn-ghost:hover { background: var(--tv-surface); }
.tv-dark .tv .tv-btn-ghost:hover { background: rgba(255,255,255,.06); }
.tv .tv-btn-deep { background: var(--tv-brand-deep); color: #fff; }

/* ── small pieces ── */
.tv .tv-chip { display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px; border-radius: 999px; background: var(--tv-card); border: 1px solid var(--tv-line); font-size: 13px; font-weight: 500; color: var(--tv-ink); line-height: 1.3; }
.tv .tv-chip .tv-ico { width: 15px; height: 15px; color: var(--tv-nile); }
.tv .tv-badge { display: inline-block; padding: 4px 9px; border-radius: 6px; font-size: 11.5px; font-weight: 600; line-height: 1.3; }
.tv .tv-badge-nile { background: var(--tv-nile); color: #fff; }
.tv .tv-badge-gold { background: var(--tv-accent); color: #1C1608; }
.tv .tv-price { font-family: var(--tv-font-display); font-weight: 700; color: var(--tv-brand); font-size: 22px; line-height: 1; display: inline-block; white-space: nowrap; }
.tv .tv-price small { font-family: var(--tv-font-body); font-weight: 500; font-size: 12px; color: var(--tv-ink2); display: block; margin-block-end: 3px; white-space: normal; }
.tv .tv-price s { color: var(--tv-ink2); font-weight: 400; font-size: 15px; margin-inline-start: 6px; }
.tv .tv-price-xl { font-size: 36px; }
.tv .tv-price-xl small { font-size: 13px; }
.tv .tv-pylon { position: relative; padding-block-end: 14px; margin-block-end: 8px; }
.tv .tv-pylon::after { content: ""; position: absolute; inset-inline-start: 0; inset-block-end: 0; width: 64px; height: 6px; background: var(--tv-accent); clip-path: polygon(0 100%, 8% 0, 92% 0, 100% 100%); }
.tv .tv-pylon-center { text-align: center; }
.tv .tv-pylon-center::after { inset-inline-start: 50%; margin-inline-start: -32px; }
.tv .tv-fine { font-size: 12.5px; color: var(--tv-ink2); margin-block-start: 10px; }
.tv .tv-p { font-size: 16px; line-height: 1.7; color: var(--tv-ink); margin-block: 0 14px; }
.tv .tv-lead { font-size: 18px; color: var(--tv-ink2); line-height: 1.55; margin-block: 14px 24px; }
.tv .tv-crumbs { font-size: 13px; color: var(--tv-ink2); margin-block: 22px 8px; }
.tv .tv-crumbs a:hover { color: var(--tv-brand); }
.tv .tv-crumbs b { font-weight: 600; color: var(--tv-ink); }

/* ── sections ── */
.tv .tv-s { padding-block: 56px; background: var(--tv-base); }
.tv .tv-s-sand { background: var(--tv-surface); }
.tv .tv-s-dark { background: var(--tv-brand-deep); color: #fff; }
.tv .tv-s-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-block-end: 26px; }
.tv .tv-s-head h1, .tv .tv-s-head h2 { font-size: 34px; }
.tv .tv-s-head p { color: var(--tv-ink2); max-width: 560px; margin-block-start: 8px; font-size: 15.5px; }
.tv .tv-s-head-center { justify-content: center; text-align: center; }
.tv .tv-grid4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }

/* ── topbar ── */
.tv .tv-topbar { background: var(--tv-brand-deep); color: rgba(255,255,255,.85); font-size: 13px; }
.tv .tv-topbar .tv-wrap { display: flex; justify-content: space-between; align-items: center; min-height: 38px; gap: 16px; }
.tv .tv-topbar-l { display: flex; flex-wrap: wrap; gap: 4px 20px; align-items: center; }
.tv .tv-topbar-l > * { display: inline-flex; align-items: center; gap: 7px; }
.tv .tv-topbar .tv-ico { width: 14px; height: 14px; color: var(--tv-accent); }
.tv .tv-topbar em { font-style: normal; color: rgba(255,255,255,.55); }
.tv .tv-topbar a:hover { color: #fff; }
.tv .tv-lang { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; }
.tv .tv-lang a { color: rgba(255,255,255,.6); }
.tv .tv-lang a:hover { color: #fff; }
.tv .tv-lang .trp-ls-shortcode-current-language, .tv .tv-lang .trp-language-switcher { color: #fff; }
.tv .tv-lang .trp-ls-shortcode-language { background: var(--tv-brand-deep); }

/* ── header ── */
.tv .tv-header { background: var(--tv-base); border-block-end: 1px solid var(--tv-line); position: sticky; top: 0; z-index: 50; }
.tv .tv-header .tv-wrap { display: flex; align-items: center; justify-content: space-between; min-height: 78px; gap: 20px; }
.tv .tv-logo-link { flex: none; min-width: 0; }
.tv .tv-header .tv-nav { min-width: 0; }
/* Logo: height is fixed, width follows the image's own ratio — never cropped.
   Header and footer are configured independently in Studio → Global. */
.tv .tv-logo { display: inline-flex; align-items: center; gap: 12px; --tv-logo-h: 52px; }
.tv .tv-logo-img { flex: none; height: var(--tv-logo-h); width: auto; max-width: min(46vw, 420px); object-fit: contain; border-radius: 0; }
.tv .tv-logo-invert .tv-logo-img { filter: brightness(0) invert(1); }
.tv .tv-logo-plate { background: #fff; padding: 10px 14px; border-radius: var(--tv-r-md); }
.tv-dark .tv .tv-logo-plate { background: rgba(255,255,255,.92); }
.tv .tv-logo-txt b { font-family: var(--tv-font-display); font-weight: 600; font-size: 20px; letter-spacing: .06em; color: var(--tv-brand-deep); display: block; line-height: 1.05; }
.tv-dark .tv .tv-logo-txt b { color: var(--tv-ink); }
.tv .tv-logo-txt small { font-size: 11.5px; color: var(--tv-ink2); display: block; letter-spacing: .04em; margin-block-start: 2px; }
.tv .tv-logo-footer { flex-direction: column; align-items: flex-start; gap: 10px; }
.tv .tv-logo-footer .tv-logo-txt b { color: #fff; }
.tv .tv-logo-footer .tv-logo-txt small { color: rgba(255,255,255,.55); }
.tv .tv-nav-list { display: flex; gap: 26px; font-weight: 500; font-size: 15px; }
.tv .tv-nav-list li { position: relative; }
.tv .tv-nav-list > li > a { display: block; padding-block: 6px; border-block-end: 2px solid transparent; color: var(--tv-ink); }
.tv .tv-nav-list > li > a:hover { color: var(--tv-brand); }
.tv .tv-nav-list > li.current-menu-item > a, .tv .tv-nav-list > li.current_page_item > a, .tv .tv-nav-list > li.current-menu-ancestor > a { border-color: var(--tv-accent); }
.tv .tv-nav-list .sub-menu { position: absolute; inset-inline-start: 0; top: 100%; min-width: 240px; background: var(--tv-card); border: 1px solid var(--tv-line); border-radius: var(--tv-r-md); padding: 8px; box-shadow: 0 16px 40px -18px rgba(0,0,0,.35); opacity: 0; visibility: hidden; z-index: 60; }
.tv .tv-nav-list > li:hover > .sub-menu, .tv .tv-nav-list > li:focus-within > .sub-menu { opacity: 1; visibility: visible; }
.tv .tv-nav-list .sub-menu a { display: block; padding: 9px 12px; border-radius: 8px; font-size: 14px; }
.tv .tv-nav-list .sub-menu a:hover { background: var(--tv-surface); color: var(--tv-brand); }
.tv .tv-header-cta { display: flex; align-items: center; gap: 10px; }
.tv .tv-burger { display: none; width: 44px; height: 44px; border: 1px solid var(--tv-line); background: var(--tv-card); border-radius: 10px; align-items: center; justify-content: center; color: var(--tv-ink); }
.tv .tv-burger .tv-ico { width: 22px; height: 22px; }
.tv .tv-burger .tv-ico-close { display: none; }
.tv .tv-burger[aria-expanded="true"] .tv-ico-open { display: none; }
.tv .tv-burger[aria-expanded="true"] .tv-ico-close { display: block; }
.tv .tv-mobile { display: none; background: var(--tv-base); border-block-end: 1px solid var(--tv-line); }
.tv .tv-mobile[hidden] { display: none !important; }
.tv .tv-mobile-in { padding: 18px 20px 24px; display: grid; gap: 14px; }
.tv .tv-mobile .tv-nav-list { flex-direction: column; gap: 0; }
.tv .tv-mobile .tv-nav-list > li > a { padding: 12px 0; border-block-end: 1px solid var(--tv-line); font-size: 16px; }
.tv .tv-mobile .tv-nav-list .sub-menu { position: static; opacity: 1; visibility: visible; box-shadow: none; border: 0; background: transparent; padding: 0 0 6px 14px; }
.tv .tv-mobile .tv-nav-list .sub-menu a { padding: 8px 0; color: var(--tv-ink2); }
.tv .tv-mobile-meta { display: flex; justify-content: space-between; font-size: 13px; color: var(--tv-ink2); }
.tv .tv-mobile .tv-lang a { color: var(--tv-ink); }

/* ── hero ── */
.tv .tv-hero { position: relative; background: linear-gradient(180deg, var(--tv-sky1) 0%, var(--tv-sky2) 50%, var(--tv-sky3) 100%); }
.tv .tv-hero-photo { background-size: cover; background-position: center; }
.tv .tv-hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,calc(var(--tv-shade, .45) * 1.25)) 0%, rgba(0,0,0,calc(var(--tv-shade, .45) * .85)) 55%, rgba(0,0,0,calc(var(--tv-shade, .45) * .4)) 100%); }
.tv .tv-hero-scene { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.tv .tv-hero-scene i { position: absolute; display: block; }
.tv .tv-hero-stars { display: none !important; }
.tv-dark .tv .tv-hero-stars { display: block !important; inset: 0; background-image: radial-gradient(1px 1px at 12% 22%, #fff, transparent), radial-gradient(1.5px 1.5px at 30% 12%, #fff, transparent), radial-gradient(1px 1px at 44% 30%, #fff, transparent), radial-gradient(1px 1px at 78% 18%, #fff, transparent), radial-gradient(1.5px 1.5px at 88% 40%, #fff, transparent), radial-gradient(1px 1px at 20% 45%, #fff, transparent), radial-gradient(1px 1px at 66% 8%, #fff, transparent); opacity: .7; }
.tv .tv-hero-sun { inset-inline-start: 58%; inset-block-start: 52px; width: 210px; height: 210px; border-radius: 50%; background: radial-gradient(circle at 40% 35%, var(--tv-disc1), var(--tv-disc2)); box-shadow: 0 0 0 18px color-mix(in srgb, var(--tv-disc2) 14%, transparent), 0 0 0 44px color-mix(in srgb, var(--tv-disc2) 7%, transparent); }
.tv .tv-hero-m1, .tv .tv-hero-m2, .tv .tv-hero-m3 { inset-inline: 0; inset-block-end: 13%; height: 300px; }
.tv .tv-hero-m1 { background: var(--tv-m1); clip-path: polygon(0 100%, 0 62%, 9% 40%, 17% 55%, 27% 30%, 36% 52%, 44% 44%, 52% 60%, 60% 47%, 68% 70%, 76% 42%, 84% 58%, 92% 38%, 100% 55%, 100% 100%); }
.tv .tv-hero-m2 { background: var(--tv-m2); height: 230px; clip-path: polygon(0 100%, 0 78%, 8% 66%, 18% 74%, 26% 58%, 35% 72%, 46% 62%, 56% 76%, 64% 66%, 73% 80%, 82% 64%, 90% 76%, 100% 66%, 100% 100%); }
.tv .tv-hero-m3 { background: var(--tv-m3); height: 130px; clip-path: polygon(0 100%, 0 70%, 10% 84%, 20% 66%, 30% 80%, 40% 74%, 50% 86%, 60% 70%, 70% 82%, 80% 68%, 90% 80%, 100% 72%, 100% 100%); }
.tv .tv-hero-ground { inset-inline: 0; inset-block-end: 0; height: 13%; background: linear-gradient(180deg, var(--tv-ground1), var(--tv-ground2)); }
.tv .tv-hero-grid { position: relative; z-index: 3; display: grid; grid-template-columns: 1.05fr .95fr; gap: 28px 40px; padding-block: 72px 56px; min-height: 560px; align-items: end; }
.tv .tv-hero h1 { font-size: 54px; line-height: 1.04; max-width: 580px; color: var(--tv-hero-ink); }
.tv .tv-hero .tv-lead { color: var(--tv-hero-ink2); max-width: 540px; margin-block: 18px 26px; }
.tv .tv-hero-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.tv .tv-hero .tv-btn-ghost { color: var(--tv-hero-ink); }
.tv .tv-hero .tv-btn-ghost:hover { background: rgba(0,0,0,.06); }
.tv-dark .tv .tv-hero .tv-btn-ghost:hover { background: rgba(255,255,255,.08); }
.tv .tv-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-block-start: 26px; }
.tv .tv-hero .tv-chip { color: var(--tv-hero-ink); }
.tv-dark .tv .tv-hero .tv-chip { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.14); }
.tv .tv-hero-box { background: var(--tv-card); border-radius: var(--tv-r-lg); padding: 20px 22px; box-shadow: 0 20px 40px -20px rgba(0,0,0,.45); border: 1px solid var(--tv-line); justify-self: end; width: 100%; max-width: 400px; }
.tv .tv-hero-box h3 { font-size: 15px; color: var(--tv-ink2); font-family: var(--tv-font-body); font-weight: 600; margin-block-end: 8px; }
.tv .tv-hero-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 0; border-block-end: 1px solid var(--tv-line); }
.tv .tv-hero-row:hover b { color: var(--tv-brand); }
.tv .tv-hero-row > span:first-child { display: block; min-width: 0; }
.tv .tv-hero-row b { font-weight: 600; font-size: 15px; color: var(--tv-ink); display: block; line-height: 1.3; }
.tv .tv-hero-row small { font-size: 12.5px; color: var(--tv-ink2); display: block; margin-block-start: 2px; }
.tv .tv-hero-row .tv-price { font-size: 20px; }
.tv .tv-hero-all { display: block; text-align: center; margin-block-start: 12px; font-weight: 600; color: var(--tv-brand); font-size: 14px; }
.tv .tv-hero-all:hover { text-decoration: underline; }

/* ── trust ── */
.tv .tv-trust { background: var(--tv-surface); border-block: 1px solid var(--tv-line); }
.tv .tv-trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding-block: 20px; }
.tv .tv-trust-item { display: flex; gap: 12px; align-items: center; font-size: 14px; line-height: 1.35; }
.tv .tv-trust-item .tv-ico { width: 30px; height: 30px; color: var(--tv-brand); }
.tv .tv-trust-item b { display: block; color: var(--tv-ink); }
.tv .tv-trust-item span { color: var(--tv-ink2); font-size: 13px; }

/* ── categories ── */
.tv .tv-cats { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; }
.tv .tv-cats-5 { grid-template-columns: repeat(5, 1fr); }
.tv .tv-cats-4 { grid-template-columns: repeat(4, 1fr); }
.tv .tv-cats-3 { grid-template-columns: repeat(3, 1fr); }
/* 7+ categories: 6 across leaves a single orphan on the second row, 4 across doesn't */
.tv .tv-cats-7, .tv .tv-cats-8 { grid-template-columns: repeat(4, 1fr); }
.tv .tv-cat { position: relative; border-radius: var(--tv-r-md); overflow: hidden; aspect-ratio: 3 / 4; display: flex; align-items: flex-end; padding: 14px; color: #fff; background-size: cover; background-position: center; background-color: #6F655B; }
.tv .tv-cat::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.82)); }
.tv .tv-cat::after { content: ""; position: absolute; inset: 0; box-shadow: inset 0 0 0 0 var(--tv-accent); transition: box-shadow .15s ease; border-radius: inherit; }
.tv .tv-cat:hover::after { box-shadow: inset 0 0 0 3px var(--tv-accent); }
.tv .tv-cat-txt { position: relative; display: block; }
.tv .tv-cat-txt b { font-family: var(--tv-font-display); font-size: 18px; font-weight: 600; display: block; line-height: 1.15; color: #fff; }
.tv .tv-cat-txt small { font-size: 12px; opacity: .85; display: block; margin-block-start: 3px; }
/* default gradients per seeded slug when no image is set */
.tv .tv-cat-louxor-rive-est { background-image: linear-gradient(160deg, #E8C89A, #B85C3E 60%, #4A2A1E); }
.tv .tv-cat-louxor-rive-ouest { background-image: linear-gradient(160deg, #EAD9BC, #B99A6E 55%, #5E4630); }
.tv .tv-cat-nil-experiences { background-image: linear-gradient(160deg, #F2C8A0, #7F8B8C 45%, #1F3A4A); }
.tv .tv-cat-depuis-mer-rouge { background-image: linear-gradient(160deg, #F5D9A8, #D9A441 60%, #8B5A2B); }
.tv .tv-cat-assouan-abou-simbel { background-image: linear-gradient(160deg, #D7C7B0, #8E6A45 55%, #3E2A1C); }
.tv .tv-cat-mer-rouge-le-caire { background-image: linear-gradient(160deg, #BFE3E6, #3F9BA8 55%, #1F5F6E); }

/* ── trip card ── */
.tv .tv-card { background: var(--tv-card); border-radius: var(--tv-r-md); overflow: hidden; border: 1px solid var(--tv-line); display: flex; flex-direction: column; transition: box-shadow .15s ease, border-color .15s ease; }
.tv .tv-card:hover { box-shadow: 0 14px 30px -18px rgba(0,0,0,.35); border-color: var(--tv-accent); }
.tv .tv-card-ph { display: block; aspect-ratio: 4 / 3; position: relative; overflow: hidden; background: var(--tv-surface); }
.tv .tv-card-ph img { width: 100%; height: 100%; object-fit: cover; }
.tv .tv-card-ph .tv-badge { position: absolute; inset-inline-start: 12px; inset-block-start: 12px; }
.tv .tv-card-dur { position: absolute; inset-inline-end: 12px; inset-block-end: 12px; background: rgba(0,0,0,.55); color: #fff; font-size: 12px; font-weight: 500; padding: 5px 9px; border-radius: 6px; }
.tv .tv-card-bd { padding: 16px 16px 18px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.tv .tv-card-title { font-size: 19px; line-height: 1.2; }
.tv .tv-card-title a:hover { color: var(--tv-brand); }
.tv .tv-card-inc { display: flex; flex-wrap: wrap; gap: 5px 12px; font-size: 12.5px; color: var(--tv-ink2); }
.tv .tv-card-inc span::before { content: "✓ "; color: var(--tv-nile); font-weight: 700; }
.tv .tv-card-ft { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; margin-block-start: auto; padding-block-start: 10px; border-block-start: 1px solid var(--tv-line); }

/* ── steps ── */
.tv .tv-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; counter-reset: tvstep; }
.tv .tv-step { background: var(--tv-card); border: 1px solid var(--tv-line); border-radius: var(--tv-r-md); padding: 22px 22px 22px 68px; position: relative; }
.tv .tv-step::before { counter-increment: tvstep; content: counter(tvstep); position: absolute; inset-inline-start: 20px; inset-block-start: 20px; width: 34px; height: 34px; border-radius: 50%; background: var(--tv-accent); color: #1C1608; font-family: var(--tv-font-display); font-weight: 700; font-size: 16px; display: flex; align-items: center; justify-content: center; }
.tv .tv-step h3 { font-size: 19px; margin-block-end: 6px; }
.tv .tv-step p { font-size: 14.5px; color: var(--tv-ink2); }

/* ── why ── */
.tv .tv-why { display: grid; grid-template-columns: 1.1fr .9fr; gap: 48px; align-items: center; }
.tv .tv-s-dark h2 { color: #fff; }
.tv .tv-why-list { display: grid; gap: 14px; margin-block-start: 22px; }
.tv .tv-why-list li { display: flex; gap: 12px; align-items: flex-start; }
.tv .tv-why-list .tv-ico { width: 22px; height: 22px; color: var(--tv-accent); margin-block-start: 2px; }
.tv .tv-why-list b { display: block; color: #fff; font-weight: 600; }
.tv .tv-why-list span { color: rgba(255,255,255,.72); font-size: 14.5px; }
.tv .tv-why-visual { position: relative; border-radius: var(--tv-r-lg); overflow: hidden; aspect-ratio: 4 / 3; }
.tv .tv-why-img { width: 100%; height: 100%; object-fit: cover; }
.tv .tv-why-tag { position: absolute; inset-inline-start: 18px; inset-block-end: 18px; background: rgba(0,0,0,.55); color: #fff; border-radius: 12px; padding: 12px 16px; font-size: 13px; max-width: 260px; }
.tv .tv-why-tag b { display: block; font-family: var(--tv-font-display); font-size: 26px; color: var(--tv-accent); line-height: 1.1; margin-block-end: 2px; }

/* ── transfers ── */
.tv .tv-routes { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 32px; }
.tv .tv-route { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 0; border-block-end: 1px solid var(--tv-line); font-size: 15px; }
.tv .tv-route-txt b { display: block; font-weight: 600; color: var(--tv-ink); line-height: 1.3; }
.tv .tv-route-txt small { color: var(--tv-ink2); font-size: 13px; }
.tv .tv-route-end { display: flex; align-items: center; gap: 14px; flex: none; }
.tv .tv-route .tv-price { font-size: 20px; }

/* ── reviews ── */
.tv .tv-reviews { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.tv .tv-rev { background: var(--tv-card); border: 1px solid var(--tv-line); border-radius: var(--tv-r-md); padding: 22px; display: flex; flex-direction: column; gap: 12px; }
.tv .tv-stars { display: flex; gap: 2px; color: var(--tv-accent); }
.tv .tv-stars .tv-ico { width: 16px; height: 16px; }
.tv .tv-rev p { font-size: 15px; line-height: 1.6; color: var(--tv-ink); }
.tv .tv-rev footer { margin-block-start: auto; font-size: 13px; color: var(--tv-ink2); }
.tv .tv-rev footer b { color: var(--tv-ink); font-weight: 600; }

/* ── faq ── */
.tv .tv-faq { display: grid; gap: 10px; margin-block-start: 22px; }
.tv .tv-faq details { background: var(--tv-card); border: 1px solid var(--tv-line); border-radius: var(--tv-r-md); padding: 0 20px; }
.tv .tv-faq details[open] { border-color: var(--tv-accent); }
.tv .tv-faq summary { list-style: none; cursor: pointer; padding: 16px 32px 16px 0; font-weight: 600; font-size: 16px; position: relative; color: var(--tv-ink); }
.tv .tv-faq summary::-webkit-details-marker { display: none; }
.tv .tv-faq summary::after { content: "+"; position: absolute; inset-inline-end: 0; inset-block-start: 12px; font-size: 24px; font-weight: 400; color: var(--tv-brand); line-height: 1; }
.tv .tv-faq details[open] summary::after { content: "–"; }
.tv .tv-faq p { padding: 0 0 18px; color: var(--tv-ink2); font-size: 15px; line-height: 1.65; }

/* ── cta band ── */
.tv .tv-cta { background: linear-gradient(135deg, var(--tv-brand), color-mix(in srgb, var(--tv-brand) 70%, #000)); color: #fff; padding-block: 48px; }
.tv-dark .tv .tv-cta { background: var(--tv-brand-deep); }
.tv .tv-cta-in { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.tv .tv-cta h2 { font-size: 30px; color: #fff; max-width: 560px; }
.tv .tv-cta p { color: rgba(255,255,255,.82); margin-block-start: 8px; font-size: 15.5px; }

/* ── footer ── */
.tv .tv-footer { background: var(--tv-brand-deep); color: rgba(255,255,255,.72); font-size: 14px; }
.tv .tv-footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.1fr; gap: 36px; padding-block: 52px 36px; }
.tv .tv-footer h4 { color: #fff; font-size: 15px; font-family: var(--tv-font-body); font-weight: 600; margin-block-end: 12px; }
.tv .tv-footer a { display: block; padding-block: 4px; color: rgba(255,255,255,.72); }
.tv .tv-footer a:hover { color: #fff; }
.tv .tv-footer p { color: rgba(255,255,255,.6); line-height: 1.6; }
.tv .tv-footer-brand p { margin-block-start: 14px; font-size: 13.5px; }
.tv .tv-footer-menu { display: block; }
.tv .tv-socials { display: flex; gap: 8px; margin-block-start: 14px; }
.tv .tv-soc { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; border: 1px solid rgba(255,255,255,.2); padding: 0; }
.tv .tv-soc:hover { border-color: var(--tv-accent); color: var(--tv-accent); }
.tv .tv-soc .tv-ico { width: 18px; height: 18px; }
.tv .tv-footer-legal { border-block-start: 1px solid rgba(255,255,255,.1); font-size: 12.5px; color: rgba(255,255,255,.5); }
.tv .tv-footer-legal .tv-wrap { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-block: 18px; }

/* ── sticky mobile bar ── */
.tv .tv-sticky { display: none; position: fixed; inset-inline: 0; inset-block-end: 0; z-index: 60; background: var(--tv-card); border-block-start: 1px solid var(--tv-line); padding: 10px 14px calc(10px + env(safe-area-inset-bottom)); gap: 10px; box-shadow: 0 -8px 24px -16px rgba(0,0,0,.3); }
.tv .tv-sticky .tv-btn { flex: 1; }

/* ── archive ── */
.tv .tv-archive .tv-s-head { margin-block-end: 18px; }
.tv .tv-filters { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; margin-block-end: 24px; padding-block-end: 18px; border-block-end: 1px solid var(--tv-line); }
.tv .tv-filter-cats { display: flex; flex-wrap: wrap; gap: 8px; }
.tv .tv-filter-cats a { display: inline-block; padding: 8px 14px; border-radius: 999px; border: 1px solid var(--tv-line); background: var(--tv-card); font-size: 13.5px; font-weight: 500; color: var(--tv-ink); }
.tv .tv-filter-cats a:hover { border-color: var(--tv-brand); color: var(--tv-brand); }
.tv .tv-filter-cats a.is-on { background: var(--tv-brand-deep); color: #fff; border-color: var(--tv-brand-deep); }
.tv .tv-filter-form { display: flex; gap: 14px; flex-wrap: wrap; }
.tv .tv-filter-form label { display: inline-flex; align-items: center; gap: 8px; font-size: 13.5px; color: var(--tv-ink2); }
.tv .tv-filter-form select { font: inherit; font-size: 14px; padding: 8px 12px; border-radius: 8px; border: 1px solid var(--tv-line); background: var(--tv-card); color: var(--tv-ink); }
.tv .tv-pagination { display: flex; justify-content: center; gap: 6px; margin-block-start: 34px; flex-wrap: wrap; }
.tv .tv-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 12px; border-radius: 8px; border: 1px solid var(--tv-line); background: var(--tv-card); color: var(--tv-ink); font-weight: 500; }
.tv .tv-pagination .page-numbers:hover { border-color: var(--tv-brand); color: var(--tv-brand); }
.tv .tv-pagination .page-numbers.current { background: var(--tv-brand-deep); color: #fff; border-color: var(--tv-brand-deep); }
.tv .tv-empty { text-align: center; padding: 48px 20px; background: var(--tv-surface); border-radius: var(--tv-r-lg); }
.tv .tv-empty p { margin-block-end: 18px; color: var(--tv-ink2); }

/* ── single trip ── */
.tv .tv-trip-hero { display: grid; gap: 10px; margin-block: 14px 30px; border-radius: var(--tv-r-lg); overflow: hidden; }
.tv .tv-trip-hero-1 { grid-template-columns: 1fr; }
.tv .tv-trip-hero-2 { grid-template-columns: 2fr 1fr; }
.tv .tv-trip-hero-3 { grid-template-columns: 2fr 1fr; grid-template-rows: 1fr 1fr; }
.tv .tv-trip-hero-3 .tv-trip-img:first-child { grid-row: 1 / 3; }
.tv .tv-trip-img { min-height: 220px; background: var(--tv-surface); }
.tv .tv-trip-hero-1 .tv-trip-img { aspect-ratio: 21 / 9; }
.tv .tv-trip-hero-2 .tv-trip-img, .tv .tv-trip-hero-3 .tv-trip-img { aspect-ratio: auto; height: 100%; max-height: 520px; }
.tv .tv-trip-hero-3 .tv-trip-img:not(:first-child) { max-height: 255px; }
.tv .tv-trip-img img { width: 100%; height: 100%; object-fit: cover; }
.tv .tv-trip { display: grid; grid-template-columns: 1fr 380px; gap: 44px; align-items: start; }
.tv .tv-trip-main h1 { font-size: 40px; margin-block: 10px 14px; }
.tv .tv-trip-main h2 { font-size: 24px; margin-block-start: 34px; }
.tv .tv-metas { display: flex; flex-wrap: wrap; gap: 8px; margin-block-end: 22px; }
.tv .tv-prose { font-size: 16.5px; line-height: 1.7; }
.tv .tv-prose p { margin-block: 0 14px; }
.tv .tv-prose ul { list-style: disc; padding-inline-start: 22px; margin-block: 0 14px; }
.tv .tv-prose h2, .tv .tv-prose h3 { margin-block: 22px 8px; }
.tv .tv-tl { display: grid; gap: 0; margin-block-start: 10px; border-inline-start: 2px solid var(--tv-line); }
.tv .tv-tl > div { position: relative; padding: 0 0 16px 24px; font-size: 15px; color: var(--tv-ink); }
.tv .tv-tl > div::before { content: ""; position: absolute; inset-inline-start: -7px; inset-block-start: 6px; width: 12px; height: 12px; border-radius: 50%; background: var(--tv-accent); border: 2px solid var(--tv-base); }
.tv .tv-tl b { display: block; font-size: 12.5px; color: var(--tv-brand); font-weight: 600; letter-spacing: .03em; }
.tv .tv-two { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.tv .tv-list-ok, .tv .tv-list-no { display: grid; gap: 8px; margin-block-start: 10px; font-size: 15px; }
.tv .tv-list-ok li, .tv .tv-list-no li { padding-inline-start: 24px; position: relative; }
.tv .tv-list-ok li::before { content: "✓"; position: absolute; inset-inline-start: 0; color: var(--tv-nile); font-weight: 700; }
.tv .tv-list-no li::before { content: "–"; position: absolute; inset-inline-start: 0; color: var(--tv-ink2); font-weight: 700; }
.tv .tv-fact { background: var(--tv-card); border: 1px solid var(--tv-line); border-radius: var(--tv-r-lg); padding: 22px; box-shadow: 0 20px 40px -24px rgba(0,0,0,.5); position: sticky; top: 96px; }
.tv .tv-seg { display: grid; grid-template-columns: 1fr 1fr; background: var(--tv-surface); border-radius: var(--tv-r-btn); padding: 4px; margin-block-end: 14px; border: 1px solid var(--tv-line); }
.tv .tv-seg button { border: 0; background: transparent; text-align: center; padding: 9px 6px; font-size: 13.5px; font-weight: 600; border-radius: calc(var(--tv-r-btn) - 2px); color: var(--tv-ink2); transition: background-color .15s ease, color .15s ease; }
.tv .tv-seg button.is-on { background: var(--tv-brand-deep); color: #fff; }
.tv-dark .tv .tv-seg button.is-on { background: var(--tv-accent); color: #1C1608; }
.tv .tv-fact-rows { margin-block: 16px; display: grid; gap: 9px; font-size: 14px; }
.tv .tv-fact-rows div { display: flex; justify-content: space-between; gap: 12px; padding-block-end: 9px; border-block-end: 1px solid var(--tv-line); }
.tv .tv-fact-rows div span:first-child { color: var(--tv-ink2); }
.tv .tv-fact-rows div span:last-child { font-weight: 600; color: var(--tv-ink); text-align: end; }
.tv .tv-fact-rows em { font-style: normal; font-size: 12px; }
.tv .tv-fact .tv-btn + .tv-btn { margin-block-start: 8px; }
.tv .tv-related { margin-block-start: 56px; }
.tv .tv-related h2 { font-size: 28px; margin-block-end: 22px; }

/* ── contact ── */
.tv .tv-contact { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; }
.tv .tv-contact-cards { display: grid; gap: 10px; margin-block-start: 8px; }
.tv .tv-contact-card { display: flex; align-items: center; gap: 14px; padding: 16px 18px; background: var(--tv-card); border: 1px solid var(--tv-line); border-radius: var(--tv-r-md); }
.tv a.tv-contact-card:hover { border-color: var(--tv-brand); }
.tv .tv-contact-card .tv-ico { width: 28px; height: 28px; color: var(--tv-brand); }
.tv .tv-contact-card b { display: block; color: var(--tv-ink); }
.tv .tv-contact-card span { font-size: 13.5px; color: var(--tv-ink2); }
.tv .tv-map { margin-block-start: 22px; border-radius: var(--tv-r-md); overflow: hidden; border: 1px solid var(--tv-line); }
.tv .tv-map iframe { width: 100%; height: 300px; border: 0; display: block; }
.tv .tv-form { background: var(--tv-card); border: 1px solid var(--tv-line); border-radius: var(--tv-r-lg); padding: 26px; display: grid; gap: 14px; }
.tv .tv-form label { display: grid; gap: 6px; font-size: 13.5px; color: var(--tv-ink2); font-weight: 500; }
.tv .tv-form input, .tv .tv-form textarea { font: inherit; font-size: 15px; padding: 11px 13px; border-radius: 8px; border: 1px solid var(--tv-line); background: var(--tv-base); color: var(--tv-ink); width: 100%; }
.tv .tv-form input:focus, .tv .tv-form textarea:focus { border-color: var(--tv-brand); outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--tv-brand) 18%, transparent); }
.tv .tv-form-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.tv .tv-hp { position: absolute; inset-inline-start: -9999px; width: 1px; height: 1px; overflow: hidden; }
.tv .tv-form-msg:empty { display: none; }
.tv .tv-form-msg { padding: 12px 14px; border-radius: 8px; font-size: 14px; font-weight: 500; }
.tv .tv-form-msg.is-ok { background: color-mix(in srgb, var(--tv-nile) 14%, transparent); color: var(--tv-nile); }
.tv .tv-form-msg.is-ko { background: #FBE9E4; color: #9A3B1F; }
.tv .tv-form.is-busy button[type="submit"] { opacity: .6; pointer-events: none; }

/* WhatsApp accents on the contact page and the tour-page inquiry button */
.tv .tv-contact-card-wa .tv-ico { color: var(--tv-wa); }
.tv .tv-btn-wa-ghost .tv-ico { color: var(--tv-wa); }
.tv .tv-form-wa .tv-btn-wa { width: 100%; }
.tv .tv-form-wa input.is-missing, .tv .tv-form-wa input.is-missing:focus { border-color: #C2553A; box-shadow: 0 0 0 3px rgba(194,85,58,.18); }

/* ── about ── */
.tv .tv-about { display: grid; grid-template-columns: 1.1fr .9fr; gap: 48px; align-items: center; }
.tv .tv-about-visual { border-radius: var(--tv-r-lg); overflow: hidden; aspect-ratio: 4 / 5; }
.tv .tv-about-visual img { width: 100%; height: 100%; object-fit: cover; }
.tv .tv-inline { display: inline-block; }
.tv.tv-single { padding-block: 0 56px; background: var(--tv-base); }
.tv .tv-logo-link { display: inline-flex; }

/* ── responsive ── */
@media (max-width: 1100px) {
  .tv .tv-grid4 { grid-template-columns: repeat(3, 1fr); }
  .tv .tv-cats, .tv .tv-cats-5 { grid-template-columns: repeat(3, 1fr); }
  .tv .tv-hero h1 { font-size: 44px; }
  .tv .tv-trip { grid-template-columns: 1fr 340px; gap: 30px; }
  .tv .tv-footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 900px) {
  .tv .tv-nav, .tv .tv-header-cta .tv-btn { display: none; }
  .tv .tv-burger { display: inline-flex; }
  .tv .tv-mobile { display: block; }
  .tv .tv-topbar-hours, .tv .tv-topbar-cities { display: none; }
  .tv .tv-hero-grid { grid-template-columns: 1fr; padding-block: 48px 40px; min-height: 0; gap: 28px; }
  .tv .tv-hero-box { justify-self: stretch; max-width: none; }
  .tv .tv-hero-sun { width: 150px; height: 150px; inset-inline-start: auto; inset-inline-end: 6%; inset-block-start: 30px; }
  .tv .tv-hero-m1 { height: 200px; } .tv .tv-hero-m2 { height: 150px; } .tv .tv-hero-m3 { height: 90px; }
  .tv .tv-trust-grid { grid-template-columns: repeat(2, 1fr); }
  .tv .tv-grid4, .tv .tv-reviews, .tv .tv-steps { grid-template-columns: repeat(2, 1fr); }
  .tv .tv-cats, .tv .tv-cats-5, .tv .tv-cats-4, .tv .tv-cats-3 { grid-template-columns: repeat(2, 1fr); }
  .tv .tv-cat { aspect-ratio: 4 / 3; }
  .tv .tv-why, .tv .tv-about, .tv .tv-contact, .tv .tv-two { grid-template-columns: 1fr; }
  .tv .tv-routes { grid-template-columns: 1fr; }
  .tv .tv-trip { grid-template-columns: 1fr; }
  .tv .tv-fact { position: static; }
  .tv .tv-trip-hero-2, .tv .tv-trip-hero-3 { grid-template-columns: 1fr; grid-template-rows: auto; }
  .tv .tv-trip-hero-3 .tv-trip-img:first-child { grid-row: auto; }
  .tv .tv-trip-hero-3 .tv-trip-img:not(:first-child) { display: none; }
  .tv .tv-trip-hero-2 .tv-trip-img, .tv .tv-trip-hero-3 .tv-trip-img { aspect-ratio: 16 / 10; max-height: none; }
  .tv .tv-cta-in { flex-direction: column; align-items: flex-start; }
  .tv .tv-s-head { flex-direction: column; align-items: flex-start; }
  .tv .tv-s-head-center { align-items: center; }
  .tv .tv-sticky { display: flex; }
  body.tv-site { padding-block-end: 74px; }
}
@media (max-width: 560px) {
  .tv .tv-wrap { padding-inline: 18px; }
  .tv .tv-s { padding-block: 40px; }
  .tv .tv-hero h1 { font-size: 34px; }
  .tv .tv-hero .tv-lead { font-size: 16px; }
  .tv .tv-hero-actions .tv-btn { flex: 1; }
  .tv .tv-s-head h1, .tv .tv-s-head h2 { font-size: 27px; }
  .tv .tv-grid4, .tv .tv-reviews, .tv .tv-steps { grid-template-columns: 1fr; }
  .tv .tv-trust-grid { grid-template-columns: 1fr; gap: 12px; }
  .tv .tv-footer-grid { grid-template-columns: 1fr; gap: 26px; padding-block: 36px 26px; }
  .tv .tv-trip-main h1 { font-size: 30px; }
  .tv .tv-form-2 { grid-template-columns: 1fr; }
  .tv .tv-route { flex-wrap: wrap; }
  .tv .tv-route-end { width: 100%; justify-content: space-between; }
  .tv .tv-logo-txt small { display: none; }
  .tv .tv-topbar .tv-wrap { justify-content: center; }
}

/* ── gradient heading rule (scheme D) ─────────────────────────────────
   The pylon bevel is Egyptian; scheme D uses a soft gradient bar instead.
   Driven by the body class TV_Tokens prints, so no component changes. */
.tv-deco-gradient .tv .tv-pylon::after { width: 92px; height: 5px; border-radius: 99px; clip-path: none; background: linear-gradient(90deg, var(--tv-nile), var(--tv-accent)); }
.tv-deco-gradient .tv .tv-s-head { align-items: center; }
.tv-deco-gradient .tv h1, .tv-deco-gradient .tv h2, .tv-deco-gradient .tv h3 { letter-spacing: -0.02em; }
.tv-deco-gradient .tv .tv-card { box-shadow: 0 10px 30px -22px rgba(0,0,0,.4); }
.tv-deco-gradient .tv .tv-card-ph img, .tv-deco-gradient .tv .tv-cat { border-radius: calc(var(--tv-r-md) - 4px); }
.tv-deco-gradient .tv .tv-badge { border-radius: 999px; padding: 5px 11px; }

/* ── page / archive hero band ── */
.tv .tv-phero { position: relative; background: linear-gradient(180deg, var(--tv-sky1) 0%, var(--tv-sky2) 50%, var(--tv-sky3) 100%); background-size: cover; background-position: center; }
.tv .tv-phero-photo { background-color: var(--tv-brand-deep); }
.tv .tv-phero-shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,var(--tv-shade, .45)) 0%, rgba(0,0,0,calc(var(--tv-shade, .45) * .8)) 45%, rgba(0,0,0,calc(var(--tv-shade, .45) * 1.35)) 100%); }
.tv .tv-phero-in { position: relative; z-index: 3; padding-block: 48px 52px; }
.tv .tv-phero-sm .tv-phero-in { padding-block: 34px; }
.tv .tv-phero-lg .tv-phero-in { padding-block: 92px; }
.tv .tv-phero .tv-search { margin-block-start: 26px; }
.tv .tv-phero .tv-lead + .tv-search, .tv .tv-phero h1 + .tv-search { margin-block-start: 30px; }
.tv .tv-phero h1 { font-size: 42px; max-width: 760px; color: var(--tv-hero-ink); line-height: 1.08; }
.tv .tv-phero .tv-lead { color: var(--tv-hero-ink2); max-width: 640px; margin-block: 12px 0; }
.tv .tv-phero .tv-crumbs { margin-block: 0 12px; color: var(--tv-hero-ink2); }
.tv .tv-phero .tv-crumbs b { color: var(--tv-hero-ink); }
.tv .tv-phero-center .tv-phero-in { text-align: center; }
.tv .tv-phero-center h1, .tv .tv-phero-center .tv-lead { margin-inline: auto; }
.tv .tv-phero-center .tv-chips, .tv .tv-phero-center .tv-hero-actions { justify-content: center; }
.tv .tv-phero .tv-hero-scene { position: absolute; inset: 0; overflow: hidden; }
.tv .tv-phero .tv-hero-sun { width: 150px; height: 150px; inset-block-start: 18px; }
.tv .tv-phero .tv-hero-m1 { height: 170px; } .tv .tv-phero .tv-hero-m2 { height: 130px; } .tv .tv-phero .tv-hero-m3 { height: 80px; }

/* ── search form ── */
.tv .tv-search { display: flex; gap: 8px; align-items: stretch; background: var(--tv-card); border: 1px solid var(--tv-line); border-radius: var(--tv-r-lg); padding: 8px; box-shadow: 0 18px 40px -26px rgba(0,0,0,.5); max-width: 720px; }
.tv .tv-phero-center .tv-search, .tv .tv-search-hero { margin-inline: auto; }
.tv .tv-search-hero { margin-block-start: 18px; grid-column: 1 / -1; width: 100%; max-width: 860px; }
.tv .tv-search label { display: flex; min-width: 0; margin: 0; }
.tv .tv-search-cat { flex: 0 1 38%; }
.tv .tv-search-q { flex: 1 1 auto; }
.tv .tv-search select, .tv .tv-search input[type="search"] { font: inherit; font-size: 15px; width: 100%; padding: 12px 14px; border-radius: calc(var(--tv-r-lg) - 10px); border: 1px solid var(--tv-line); background: var(--tv-base); color: var(--tv-ink); min-width: 0; }
.tv .tv-search input[type="search"]::placeholder { color: var(--tv-ink2); }
.tv .tv-search select:focus, .tv .tv-search input:focus { outline: none; border-color: var(--tv-brand); box-shadow: 0 0 0 3px color-mix(in srgb, var(--tv-brand) 18%, transparent); }
.tv .tv-search-btn { background: var(--tv-accent); color: #1C1608; border-radius: calc(var(--tv-r-lg) - 10px); padding-inline: 20px; flex: none; }
.tv .tv-search-btn:hover { background: var(--tv-accent-dk); color: #1C1608; }
.tv .tv-inline-search { max-width: 720px; }
.tv .screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }

/* live suggestions under the search bar */
.tv .tv-search { position: relative; }
.tv .tv-search-drop { position: absolute; inset-inline: 0; inset-block-start: calc(100% + 6px); background: var(--tv-card); border: 1px solid var(--tv-line); border-radius: var(--tv-r-md); box-shadow: 0 24px 50px -24px rgba(0,0,0,.45); z-index: 40; overflow: hidden; text-align: start; }
.tv .tv-search-drop[hidden] { display: none; }
.tv .tv-sd-item { display: grid; grid-template-columns: 52px 1fr auto; align-items: center; gap: 12px; padding: 10px 14px; border-block-end: 1px solid var(--tv-line); color: var(--tv-ink); }
.tv .tv-sd-item:last-child { border: 0; }
.tv .tv-sd-item:hover, .tv .tv-sd-item.is-active { background: var(--tv-surface); }
.tv .tv-sd-item img, .tv .tv-sd-ph { width: 52px; height: 40px; border-radius: 6px; object-fit: cover; background: var(--tv-surface); display: block; }
.tv .tv-sd-ph { background: linear-gradient(160deg, #E8C89A, #B85C3E); }
.tv .tv-sd-txt { min-width: 0; }
.tv .tv-sd-txt b { display: block; font-weight: 600; font-size: 14.5px; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tv .tv-sd-txt small { display: block; font-size: 12px; color: var(--tv-ink2); margin-block-start: 2px; }
.tv .tv-sd-price { font-family: var(--tv-font-display); font-weight: 700; color: var(--tv-brand); font-size: 17px; white-space: nowrap; }
.tv .tv-sd-all { display: block; padding: 11px 14px; text-align: center; font-weight: 600; font-size: 13.5px; color: var(--tv-brand); background: var(--tv-surface); }
.tv .tv-sd-all:hover, .tv .tv-sd-all.is-active { background: var(--tv-line); }
.tv .tv-sd-none { padding: 14px; font-size: 13.5px; color: var(--tv-ink2); }

/* editor-only hint on an empty archive */
.tv .tv-admin-hint { margin-block-end: 16px; padding: 12px 16px; border: 1px dashed var(--tv-accent); border-radius: var(--tv-r-md); background: color-mix(in srgb, var(--tv-accent) 12%, transparent); font-size: 13.5px; }
.tv .tv-admin-hint b { color: var(--tv-brand-deep); }
.tv .tv-admin-hint a { font-weight: 600; color: var(--tv-brand); text-decoration: underline; }

/* ── moments photo strip ── */
.tv .tv-moments { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(220px, 1fr); gap: 16px; overflow-x: auto; padding-block: 12px 18px; scroll-snap-type: x mandatory; }
.tv .tv-moment { margin: 0; border-radius: var(--tv-r-lg); overflow: hidden; aspect-ratio: 3 / 4; background: var(--tv-surface); scroll-snap-align: center; box-shadow: 0 16px 34px -24px rgba(0,0,0,.5); }
.tv .tv-moment-a { transform: rotate(-1.2deg); }
.tv .tv-moment-b { transform: rotate(1.2deg); }
.tv .tv-moment img { width: 100%; height: 100%; object-fit: cover; }

/* ── tour page: secondary image strip under a full-width hero ── */
.tv .tv-trip-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-block: 22px 8px; }
.tv .tv-trip-strip .tv-trip-img { aspect-ratio: 4 / 3; min-height: 0; border-radius: var(--tv-r-md); overflow: hidden; }

@media (max-width: 900px) {
  .tv .tv-phero h1 { font-size: 30px; }
  .tv .tv-phero-lg .tv-phero-in { padding-block: 56px; }
  .tv .tv-search { flex-wrap: wrap; border-radius: var(--tv-r-md); }
  .tv .tv-search-cat, .tv .tv-search-q { flex: 1 1 100%; }
  .tv .tv-search-btn { width: 100%; }
  .tv .tv-moments { grid-auto-columns: minmax(170px, 1fr); }
  .tv .tv-trip-strip { grid-template-columns: repeat(2, 1fr); }
  .tv .tv-trip-strip .tv-trip-img:nth-child(3) { display: none; }
}

/* ── trips carousel ───────────────────────────────────────────────────
   Horizontal scroll with snap; the arrows just scroll the track, so it
   degrades to a normal swipe list with JS off and on touch devices. */
.tv .tv-carousel { position: relative; }
.tv .tv-car-track { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(268px, 1fr); gap: 18px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; padding-block-end: 6px; scrollbar-width: thin; }
.tv .tv-car-track > * { scroll-snap-align: start; }
.tv .tv-car-nav { position: absolute; inset-block-start: 38%; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--tv-line); background: var(--tv-card); color: var(--tv-ink); display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 24px -14px rgba(0,0,0,.5); z-index: 3; transition: background-color .15s ease, color .15s ease, border-color .15s ease; }
.tv .tv-car-nav:hover { background: var(--tv-accent); border-color: var(--tv-accent); color: #1C1608; }
.tv .tv-car-nav[hidden] { display: none; }
.tv .tv-car-prev { inset-inline-start: -18px; }
.tv .tv-car-next { inset-inline-end: -18px; }
.tv .tv-car-prev .tv-ico { transform: rotate(180deg); }
@media (prefers-reduced-motion: reduce) { .tv .tv-car-track { scroll-behavior: auto; } }

/* ── rich category cards ── */
.tv .tv-catcards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.tv .tv-catcard { display: flex; flex-direction: column; background: var(--tv-card); border: 1px solid var(--tv-line); border-radius: var(--tv-r-md); overflow: hidden; transition: box-shadow .15s ease, border-color .15s ease; }
.tv .tv-catcard:hover { border-color: var(--tv-accent); box-shadow: 0 14px 30px -18px rgba(0,0,0,.35); }
.tv .tv-catcard-ph { display: block; position: relative; aspect-ratio: 4 / 3; background-size: cover; background-position: center; background-color: var(--tv-surface); }
.tv .tv-catcard-tag { position: absolute; inset-inline-start: 12px; inset-block-start: 12px; background: rgba(255,255,255,.92); color: var(--tv-brand-deep); font-size: 11.5px; font-weight: 600; padding: 5px 11px; border-radius: 999px; }
.tv-dark .tv .tv-catcard-tag { background: rgba(0,0,0,.6); color: #fff; }
.tv .tv-catcard-bd { display: flex; flex-direction: column; gap: 7px; padding: 16px 16px 18px; flex: 1; }
.tv .tv-catcard-bd b { font-family: var(--tv-font-display); font-weight: var(--tv-heading-w); font-size: 20px; color: var(--tv-brand-deep); line-height: 1.15; }
.tv-dark .tv .tv-catcard-bd b { color: var(--tv-ink); }
.tv .tv-catcard-txt { font-size: 14px; color: var(--tv-ink2); line-height: 1.5; }
.tv .tv-catcard-cta { display: inline-flex; align-items: center; gap: 7px; margin-block-start: auto; padding-block-start: 10px; font-weight: 600; font-size: 14px; color: var(--tv-brand); }
.tv .tv-catcard-cta .tv-ico { width: 16px; height: 16px; }

/* ── offers / packages ── */
.tv .tv-offers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; align-items: start; }
.tv .tv-offer { position: relative; background: var(--tv-card); border: 1px solid var(--tv-line); border-radius: var(--tv-r-lg); padding: 24px 22px 22px; display: flex; flex-direction: column; gap: 6px; height: 100%; }
.tv .tv-offer-badge { position: absolute; inset-block-start: -11px; inset-inline-start: 22px; }
.tv .tv-offer h3 { font-size: 21px; }
.tv .tv-price-lg { font-size: 30px; margin-block-start: 6px; }
.tv .tv-offer-unit { font-size: 12.5px; color: var(--tv-ink2); }
.tv .tv-offer-list { margin-block: 14px 18px; font-size: 14.5px; gap: 9px; }
.tv .tv-offer .tv-btn { margin-block-start: auto; }

/* ── stats band ── */
.tv .tv-stats { background: var(--tv-surface); border-block: 1px solid var(--tv-line); }
.tv .tv-stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding-block: 34px; text-align: center; }
.tv .tv-stat b { display: block; font-family: var(--tv-font-display); font-weight: var(--tv-heading-w); font-size: 36px; color: var(--tv-brand); line-height: 1.05; }
.tv .tv-stat span { display: block; font-size: 13.5px; color: var(--tv-ink2); margin-block-start: 5px; }

@media (max-width: 1100px) {
  .tv .tv-catcards { grid-template-columns: repeat(3, 1fr); }
  .tv .tv-car-prev { inset-inline-start: 4px; }
  .tv .tv-car-next { inset-inline-end: 4px; }
}
@media (max-width: 900px) {
  .tv .tv-catcards, .tv .tv-offers { grid-template-columns: repeat(2, 1fr); }
  .tv .tv-stats-grid { grid-template-columns: repeat(2, 1fr); gap: 24px 14px; }
  .tv .tv-stat b { font-size: 30px; }
  /* the inline style sets --tv-logo-h, so the mobile size overrides the img rule itself */
  .tv .tv-logo-header .tv-logo-img { height: var(--tv-logo-h-m, var(--tv-logo-h)); }
}
@media (max-width: 560px) {
  .tv .tv-catcards, .tv .tv-offers { grid-template-columns: 1fr; }
  .tv .tv-car-track { grid-auto-columns: minmax(240px, 82%); }
  .tv .tv-car-nav { display: none; }
}

/* ── placeholder gradients ─────────────────────────────────────────────
   Declared last on purpose: they must win over the neutral background of
   .tv-card-ph / .tv-trip-img / .tv-why-visual at equal specificity. */
.tv .tv-ph-temple { background: linear-gradient(160deg, #E8C89A 0%, #B85C3E 60%, #4A2A1E 100%); }
.tv .tv-ph-west { background: linear-gradient(160deg, #EAD9BC 0%, #B99A6E 55%, #5E4630 100%); }
.tv .tv-ph-nile { background: linear-gradient(160deg, #F2C8A0 0%, #7F8B8C 45%, #1F3A4A 100%); }
.tv .tv-ph-sea { background: linear-gradient(160deg, #BFE3E6 0%, #3F9BA8 55%, #1F5F6E 100%); }
.tv .tv-ph-desert { background: linear-gradient(160deg, #F5D9A8 0%, #D9A441 60%, #8B5A2B 100%); }
.tv .tv-ph-stone { background: linear-gradient(160deg, #D7C7B0 0%, #8E6A45 55%, #3E2A1C 100%); }

/* ── hero text colour ────────────────────────────────────────────────
   Chosen per hero in Studio (auto / light / dark). Declared at the end of
   the sheet on purpose: the size rules above set a colour too, and at equal
   specificity the last rule wins — that is what made white text on a photo
   fall back to dark. */
.tv .tv-hero-light h1,
.tv .tv-hero-light h2,
.tv .tv-hero-light .tv-crumbs,
.tv .tv-hero-light .tv-crumbs a,
.tv .tv-hero-light .tv-crumbs b { color: #fff; }
.tv .tv-hero-light .tv-lead { color: rgba(255,255,255,.9); }
.tv .tv-hero-light .tv-chip { background: rgba(255,255,255,.16); border-color: rgba(255,255,255,.34); color: #fff; }
.tv .tv-hero-light .tv-chip .tv-ico { color: #fff; }
.tv .tv-hero-light .tv-btn-ghost { color: #fff; border-color: rgba(255,255,255,.75); }
.tv .tv-hero-light .tv-btn-ghost:hover { background: rgba(255,255,255,.16); }
.tv .tv-hero-light h1 { text-shadow: 0 2px 18px rgba(0,0,0,.35); }

.tv .tv-hero-dark h1,
.tv .tv-hero-dark h2 { color: var(--tv-hero-ink); }
.tv .tv-hero-dark .tv-lead { color: var(--tv-hero-ink2); }
.tv .tv-hero-dark .tv-crumbs { color: var(--tv-hero-ink2); }
.tv .tv-hero-dark .tv-crumbs b { color: var(--tv-hero-ink); }
.tv .tv-hero-dark .tv-btn-ghost { color: var(--tv-hero-ink); }
/* a dark choice over a photo needs the scrim inverted to stay readable */
.tv .tv-hero-photo.tv-hero-dark .tv-hero-shade,
.tv .tv-phero-photo.tv-hero-dark .tv-phero-shade { background: linear-gradient(180deg, rgba(255,255,255,calc(var(--tv-shade, .45) + .25)) 0%, rgba(255,255,255,calc(var(--tv-shade, .45) + .1)) 100%); }