/* Approved FAQ. Scoped so other marketing pages, Hotel Search, Navbar and Footer are unaffected. */
.marketing-shell .tf-page{--tf-ink:#0b1949;--tf-muted:#566587;--tf-pink:#f42fa8;--tf-purple:#8527ff;max-width:1260px;margin:0 auto 34px;padding:14px 4px 0;color:var(--tf-ink);font-family:Tajawal,'DM Sans',system-ui,sans-serif;overflow:clip}
.marketing-shell .tf-page *, .marketing-shell .tf-page *::before,.marketing-shell .tf-page *::after{box-sizing:border-box}
.marketing-shell .tf-page :is(h1,h2,h3,p){margin:0}
.marketing-shell .tf-page svg{width:24px;height:24px;flex:none}
.marketing-shell .tf-page button{cursor:pointer;font:inherit}
.marketing-shell .tf-hero{height:390px;border-radius:17px;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(6,18,57,.66) 0%,rgba(10,26,67,.43) 43%,rgba(8,15,43,.03) 100%),var(--tf-hero,url('./assets/about-reference/santorini-composite.webp')) center 53%/cover no-repeat;color:white}
.marketing-shell .tf-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,13,48,.06),transparent 65%);pointer-events:none}
.marketing-shell .tf-page[dir=rtl] .tf-hero{background-image:linear-gradient(90deg,rgba(6,18,57,.68),rgba(11,29,74,.36) 50%,rgba(5,17,55,.04)),var(--tf-hero,url('./assets/about-reference/santorini-composite.webp'))}
.marketing-shell .tf-hero-inner{position:relative;z-index:1;padding:51px 55px 48px;max-width:765px;direction:inherit;text-align:start}
.marketing-shell .tf-page[dir=rtl] .tf-hero-inner{margin-inline-start:auto;margin-inline-end:0}
.marketing-shell .tf-hero-kicker,.marketing-shell .tf-eyebrow{display:block;color:#fa38b2;letter-spacing:2px;font-size:12px;font-weight:900;margin-bottom:14px}
.marketing-shell .tf-hero h1{font-size:clamp(38px,4.1vw,61px);line-height:1.1;font-weight:900;color:#fff}
.marketing-shell .tf-hero p{font-size:clamp(17px,1.7vw,24px);line-height:1.55;font-weight:700;max-width:600px;margin-top:15px;color:#fff}
.marketing-shell .tf-search{margin-top:34px;display:flex;align-items:center;background:#fff;box-shadow:0 16px 40px rgba(0,4,48,.23);border:1px solid rgba(223,229,248,.96);border-radius:15px;min-height:69px;max-width:770px;padding:7px;gap:5px;color:#3d5077}
.marketing-shell .tf-search-field{display:flex;flex:1;align-items:center;gap:12px;padding-inline:16px;min-width:0}
.marketing-shell .tf-search-field svg{width:19px;height:19px;color:#657698}
.marketing-shell .tf-search input{min-width:0;flex:1;max-width:100%;height:48px;border:0!important;box-shadow:none!important;outline-offset:3px;background:transparent!important;font-size:15px;color:#182958!important;text-align:start}
.marketing-shell .tf-search input::placeholder{color:#6e7e9b}
.marketing-shell .tf-search-submit,.marketing-shell .tf-pill{background:linear-gradient(105deg,#ff7467,#f62b9e 52%,#8627fa);border:0;color:white!important;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:15px;font-weight:900;text-decoration:none;box-shadow:0 6px 16px rgba(213,50,181,.19)}
.marketing-shell .tf-search-submit{min-width:116px;min-height:53px}
.marketing-shell .tf-search-clear{border:0;background:transparent;color:#4e6187;display:grid;place-items:center;padding:8px;border-radius:8px}
.marketing-shell .tf-search-clear[hidden]{display:none}
.marketing-shell .tf-search-clear svg{width:17px;height:17px}
.marketing-shell .tf-wrap{padding:23px 14px 0}
.marketing-shell .tf-categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:36px}
.marketing-shell .tf-category{background:#fff;min-width:0;padding:23px 15px 19px;display:flex;align-items:center;flex-direction:column;gap:10px;text-align:center;border:1px solid #e3e7f2;border-radius:15px;min-height:208px;box-shadow:0 6px 20px rgba(31,35,92,.065);color:#101b51;transition:transform .22s,border-color .22s,box-shadow .22s,background-color .22s}
.marketing-shell .tf-category:is(:hover,:focus-visible),.marketing-shell .tf-category.is-active{border-color:#de81e6;box-shadow:0 16px 33px rgba(104,54,174,.16),0 3px 8px rgba(238,61,160,.07);transform:translateY(-5px)}
.marketing-shell .tf-category-icon{width:63px;height:63px;display:grid;place-items:center;border-radius:50%;color:#ec30af;background:#ffecf8;transition:transform .22s}
.marketing-shell .tf-category-icon svg{width:30px;height:30px}
.marketing-shell .tf-category:is(:hover,:focus-visible) .tf-category-icon{transform:scale(1.06)}
.marketing-shell .tf-accent-travel,.marketing-shell .tf-accent-general{color:#7e29f5;background:#f0eaff}
.marketing-shell .tf-accent-community{color:#ff6b46;background:#fff0e9}
.marketing-shell .tf-accent-account{color:#c738ad;background:#ffeaf5}
.marketing-shell .tf-category strong{font-size:16px;line-height:1.45;font-weight:900}
.marketing-shell .tf-category small{font-size:14px;line-height:1.52;color:#52627f;max-width:185px}
.marketing-shell .tf-category-action{display:inline-flex;align-items:center;gap:5px;color:#ee2ca3;font-size:13px;font-weight:900;margin-top:auto}
.marketing-shell .tf-category-action svg{width:14px;height:14px}
.marketing-shell .tf-main-layout{display:grid;grid-template-columns:minmax(0,1fr) 333px;gap:26px;align-items:start}
.marketing-shell .tf-qa-column{min-width:0}
.marketing-shell .tf-result-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:4px 0 18px}
.marketing-shell .tf-result-heading h2{font-size:clamp(25px,2.35vw,34px);font-weight:900;line-height:1.28}
.marketing-shell .tf-result-heading p{font-size:15px;line-height:1.6;color:var(--tf-muted);margin-top:5px}
.marketing-shell .tf-results-meta{display:flex;align-items:center;gap:9px;white-space:nowrap;color:var(--tf-muted);font-size:12px}
.marketing-shell .tf-results-meta button,.marketing-shell .tf-empty button{border:1px solid #dfb7e8;background:white;color:#a029bd;font-weight:800;padding:7px 10px;border-radius:9px}
.marketing-shell .tf-accordion{display:grid;gap:9px}
.marketing-shell .tf-faq-item{min-width:0;border:1px solid #e7eaf4;border-radius:12px;box-shadow:0 4px 13px rgba(16,36,77,.03);overflow:hidden;background:#fff}
.marketing-shell .tf-faq-item.is-open{border-color:#f7d4ec;box-shadow:0 8px 24px rgba(196,56,146,.06)}
.marketing-shell .tf-faq-item h3{font-size:inherit}
.marketing-shell .tf-faq-item h3 button{display:flex;align-items:center;gap:15px;width:100%;border:0;background:#fff;text-align:start;padding:8px 13px;color:#0e1b4d;font-size:16px;font-weight:800;line-height:1.4;min-height:58px}
.marketing-shell .tf-faq-item.is-open h3 button{background:#fff1f8}
.marketing-shell .tf-question-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#f5eaff;color:#7e2cf0}
.marketing-shell .tf-question-icon.tf-icon-booking,.marketing-shell .tf-question-icon.tf-icon-community{color:#f52ba8;background:#ffe7f5}
.marketing-shell .tf-question-icon.tf-icon-travel{color:#ff7045;background:#fff0e9}
.marketing-shell .tf-expand{display:grid;place-items:center;margin-inline-start:auto;color:#182a58}
.marketing-shell .tf-expand svg{width:17px;height:17px;transition:transform .2s}
.marketing-shell .tf-faq-item.is-open .tf-expand svg{transform:rotate(180deg)}
.marketing-shell .tf-answer{padding:14px 20px 20px;background:linear-gradient(180deg,#fff7fb,#fff)}
.marketing-shell .tf-answer[hidden]{display:none}
.marketing-shell .tf-answer p{font-size:15px;color:#4f5d7b;line-height:1.85;overflow-wrap:anywhere}
.marketing-shell .tf-sidebar{display:grid;gap:20px}
.marketing-shell .tf-support,.marketing-shell .tf-topic-panel{background:linear-gradient(135deg,#fff7fd,#f7f7ff);border:1px solid #f0e8f4;border-radius:17px;padding:30px 24px;text-align:center;box-shadow:0 10px 27px rgba(35,33,102,.055)}
.marketing-shell .tf-support{min-height:315px;display:flex;align-items:center;flex-direction:column;justify-content:center}
.marketing-shell .tf-side-icon{display:grid;place-items:center;width:67px;height:67px;color:#f52cb3;border-radius:50%;background:#ffe8f7;margin-bottom:18px}
.marketing-shell .tf-support h2{font-size:23px;line-height:1.35;font-weight:900;color:#111b4b}
.marketing-shell .tf-support p{color:#536380;font-size:15.5px;line-height:1.75;margin:12px 0 22px}
.marketing-shell .tf-pill{min-height:43px;padding:10px 21px}
.marketing-shell .tf-pill svg{width:16px;height:16px}
.marketing-shell .tf-bottom-cta .tf-pill{min-height:49px;padding-inline:26px;background:linear-gradient(110deg,#ff635f,#f522a4 46%,#7622f3);box-shadow:0 9px 24px rgba(179,36,176,.31)}
.marketing-shell .tf-topic-panel h3{font-size:20px;font-weight:900;text-align:start;margin-bottom:17px}
.marketing-shell .tf-topic-list{display:grid;gap:7px}
.marketing-shell .tf-topic-list button{width:100%;min-height:41px;text-align:start;background:#fff;border:1px solid #eef0f8;border-radius:8px;display:flex;align-items:center;gap:9px;color:#233361;padding:8px 11px;font-size:14px;font-weight:700;line-height:1.35}
.marketing-shell .tf-topic-list button svg{width:15px;height:15px}
.marketing-shell .tf-empty{text-align:center;padding:54px 20px;background:#fff;border:1px dashed #e1c9ef;border-radius:14px;color:#415479}
.marketing-shell .tf-empty svg{margin:auto;color:#ae39e7}
.marketing-shell .tf-empty h3{font-size:20px;margin:10px 0}
.marketing-shell .tf-empty p{font-size:15px;margin-bottom:10px}
.marketing-shell .tf-bottom-cta{margin-top:34px;border-radius:17px;min-height:246px;display:flex;align-items:center;justify-content:flex-start;padding:30px 52px;background:linear-gradient(270deg,rgba(255,244,251,.85) 4%,rgba(255,240,250,.72) 32%,rgba(255,236,247,.04) 70%,transparent 86%),var(--tf-final,url('./assets/about-reference/cta-traveler.webp')) center/cover no-repeat;overflow:hidden}
.marketing-shell .tf-cta-copy{max-width:450px;text-align:start}
.marketing-shell .tf-cta-copy h2{font-size:clamp(27px,2.75vw,40px);font-weight:900;line-height:1.22}
.marketing-shell .tf-cta-copy p{font-size:16px;line-height:1.72;color:#455470;margin:10px 0 20px}
.marketing-shell .tf-page[dir=ltr] .tf-hero{background-position:center;}
.marketing-shell .tf-page[dir=ltr] .tf-bottom-cta{background-image:linear-gradient(90deg,rgba(255,244,251,.85) 4%,rgba(255,240,250,.72) 32%,rgba(255,236,247,.04) 70%,transparent 86%),var(--tf-final,url('./assets/about-reference/cta-traveler.webp'))}
.marketing-shell .tf-page :is(button,a,input):focus-visible{outline:3px solid #7935ff;outline-offset:2px}
[data-theme=dark] .marketing-shell .tf-page{--tf-ink:#f7f7ff;--tf-muted:#c9d2e5}
[data-theme=dark] .marketing-shell .tf-page :is(.tf-category,.tf-faq-item,.tf-faq-item h3 button,.tf-support,.tf-topic-panel,.tf-topic-list button,.tf-empty){background:#1a2d45;color:#f7f8ff;border-color:#3c526d}
[data-theme=dark] .marketing-shell .tf-page :is(.tf-category strong,.tf-topic-panel h3,.tf-support h2,.tf-cta-copy h2,.tf-faq-item h3 button){color:#f7f8ff}
[data-theme=dark] .marketing-shell .tf-page :is(.tf-category small,.tf-result-heading p,.tf-support p,.tf-topic-list button,.tf-answer p){color:#d0d7e5}
[data-theme=dark] .marketing-shell .tf-page .tf-answer{background:#17283e}
[data-theme=dark] .marketing-shell .tf-page .tf-faq-item.is-open h3 button{background:#3c2849}
/* English heading wraps to two lines on wide screens; reserve equal breathing room below search. */
@media(min-width:761px){
.marketing-shell .tf-page[dir=ltr] .tf-hero-inner{padding-top:39px}
.marketing-shell .tf-page[dir=ltr] .tf-hero h1{font-size:clamp(39px,3.65vw,53px)}
.marketing-shell .tf-page[dir=ltr] .tf-hero p{font-size:clamp(17px,1.5vw,20px)}
.marketing-shell .tf-page[dir=ltr] .tf-search{margin-top:25px}
}
@media(max-width:1000px){.marketing-shell .tf-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.marketing-shell .tf-main-layout{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.marketing-shell .tf-hero-inner{padding:48px 33px}}
@media(max-width:760px){.marketing-shell .tf-page{padding:10px 3px}.marketing-shell .tf-hero{height:auto;min-height:370px}.marketing-shell .tf-hero-inner{padding:46px 26px 52px;max-width:100%}.marketing-shell .tf-hero p{max-width:520px}.marketing-shell .tf-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-shell .tf-main-layout{grid-template-columns:1fr}.marketing-shell .tf-sidebar{grid-template-columns:1fr 1fr}.marketing-shell .tf-bottom-cta{padding:32px}.marketing-shell .tf-wrap{padding:18px 9px 0}}
@media(max-width:520px){.marketing-shell .tf-page{padding:8px 3px 0}.marketing-shell .tf-hero{min-height:405px;background-position:59% center}.marketing-shell .tf-hero-inner{padding:44px 20px 48px}.marketing-shell .tf-hero h1{font-size:37px}.marketing-shell .tf-hero p{font-size:18px;line-height:1.55}.marketing-shell .tf-search{margin-top:28px;min-height:59px}.marketing-shell .tf-search-submit{min-width:79px;min-height:46px}.marketing-shell .tf-search-field{padding-inline:9px;gap:5px}.marketing-shell .tf-search input{font-size:14px}.marketing-shell .tf-wrap{padding:16px 7px 0}.marketing-shell .tf-categories{gap:9px}.marketing-shell .tf-category{padding:19px 10px;min-height:190px}.marketing-shell .tf-category-icon{width:56px;height:56px}.marketing-shell .tf-category strong{font-size:15px}.marketing-shell .tf-category small{font-size:13.5px}.marketing-shell .tf-result-heading{display:block}.marketing-shell .tf-results-meta{margin-top:9px}.marketing-shell .tf-faq-item h3 button{font-size:15px;gap:10px;padding:8px 10px}.marketing-shell .tf-question-icon{width:36px;height:36px}.marketing-shell .tf-question-icon svg{width:19px;height:19px}.marketing-shell .tf-sidebar{grid-template-columns:1fr}.marketing-shell .tf-bottom-cta{min-height:310px;background-position:39% center;padding:24px;align-items:flex-end}.marketing-shell .tf-bottom-cta::before{content:'';position:absolute}.marketing-shell .tf-cta-copy{max-width:350px}.marketing-shell .tf-bottom-cta{background-image:linear-gradient(0deg,rgba(255,240,250,.97),rgba(255,238,250,.79) 39%,rgba(255,236,247,.04) 83%),var(--tf-final,url('./assets/about-reference/cta-traveler.webp'))}.marketing-shell .tf-page[dir=ltr] .tf-bottom-cta{background-image:linear-gradient(0deg,rgba(255,240,250,.97),rgba(255,238,250,.79) 39%,rgba(255,236,247,.04) 83%),var(--tf-final,url('./assets/about-reference/cta-traveler.webp'))}}
@media(prefers-reduced-motion:reduce){.marketing-shell .tf-page *{transition:none!important;scroll-behavior:auto!important}}

.marketing-shell .tf-more{display:block;margin:16px auto 0;border:1px solid #efd0ef;border-radius:20px;background:#fff;color:#a42bd4;font-size:14px;font-weight:900;padding:10px 24px;min-height:42px}
[data-theme=dark] .marketing-shell .tf-more{background:#1c2d47;color:#f5d7ff}
/* Accessible-only label: the application's global CSS does not define sr-only. */
.marketing-shell .tf-page .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.marketing-shell .tf-page[dir=ltr] .tf-category-action svg,
.marketing-shell .tf-page[dir=ltr] .tf-topic-list button svg{transform:scaleX(-1)}
[data-theme=dark] .marketing-shell .tf-bottom-cta{background-image:linear-gradient(270deg,rgba(12,19,49,.73),rgba(12,19,49,.59) 42%,rgba(12,19,49,.03)),var(--tf-final,url('./assets/about-reference/cta-traveler.webp'))}
[data-theme=dark] .marketing-shell .tf-page[dir=ltr] .tf-bottom-cta{background-image:linear-gradient(90deg,rgba(12,19,49,.73),rgba(12,19,49,.59) 42%,rgba(12,19,49,.03)),var(--tf-final,url('./assets/about-reference/cta-traveler.webp'))}
[data-theme=dark] .marketing-shell .tf-page .tf-cta-copy p{color:#e1e4f3}
