/* Shared customer experience. Loaded after page styles; no backend or admin scope. */
@font-face{font-family:"HH Arabic";src:url('/fonts/noto-sans-arabic-regular.ttf') format('truetype');font-weight:100 900;font-display:swap}
.hh-experience{--green:#073d3a;--ink:#173a36;--cream:#fbf8f0;--mint:#edf2ec;--coral:#a37b38;--gold:#a37b38;--line:#d9e0d8;--muted:#596b65;margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 "DM Sans",Arial,sans-serif}
.hh-experience *,.hh-experience *::before,.hh-experience *::after{box-sizing:border-box}
.hh-experience a{color:inherit}.hh-experience img{display:block;max-width:100%}
.hh-experience h1,.hh-experience h2,.hh-experience h3{color:inherit;letter-spacing:-.035em;text-wrap:balance;overflow-wrap:anywhere}
.hh-experience h1{font:400 clamp(36px,5vw,64px)/1.1 "Playfair Display",Georgia,serif}
.hh-experience h2{font:400 clamp(28px,3vw,40px)/1.18 "Playfair Display",Georgia,serif}
.hh-experience h3{font-weight:600}
.hh-experience :focus-visible{outline:3px solid #a37b38;outline-offset:4px}
.hh-experience :is(input:not([type=checkbox]):not([type=radio]),select,textarea){width:100%;min-width:0;max-width:100%;min-height:48px;padding:12px 14px;border:1px solid #bbc9c2;border-radius:10px;background:#fff;color:var(--ink);font:400 16px/1.5 "DM Sans",Arial,sans-serif}
.hh-experience textarea{min-height:112px;resize:vertical}.hh-experience input[type=checkbox],.hh-experience input[type=radio]{accent-color:var(--green)}
.hh-experience :where(label){font-size:14px;line-height:1.5}.hh-experience button{font:600 15px/1.4 "DM Sans",Arial,sans-serif;cursor:pointer}
.hh-experience button:disabled{cursor:wait;opacity:.6}.hh-experience :where(.button,.primary-button,.primary-action,.cta,.next-button,.submit-button){min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;background:var(--green);color:#fff;border:1px solid transparent;border-radius:12px;text-decoration:none;text-align:center}
.hh-experience :where(.secondary-action,.back-button){min-height:48px;padding:12px 20px;border:1px solid #bbc9c2;border-radius:12px;background:#fff;color:var(--ink)}
.hh-experience :where(.text-action){display:inline-flex;align-items:center;min-height:44px;color:var(--green);text-underline-offset:5px}
.hh-experience :where(.kicker,.eyebrow){font:700 11px/1.5 "DM Sans",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#856128}
.hh-experience :where(.small-note,.step-copy,.settlement){font-size:13px;line-height:1.6;color:var(--muted)}
.hh-experience :where(.panel,.journey-card,.auth-card,.story-card,.community-panel,.member-section){border:1px solid var(--line);border-radius:18px;box-shadow:none;background:#fff}
.hh-experience :where(.journey-shell,.results-shell,.public-community,.catalogue,.contact-page,.member-shell){width:min(1240px,calc(100% - 48px));margin-inline:auto}
.hh-experience :where(.page-hero,.legal-hero){background:var(--cream);color:var(--ink);padding:72px max(24px,calc((100vw - 1192px)/2)) 40px}
.hh-experience :where(.page-hero h1,.legal-hero h1){max-width:920px;margin:14px 0 20px}
.hh-experience :where(.page-hero>p:last-child,.legal-hero p){max-width:640px;font-size:17px;color:var(--muted)}
.hh-experience .page-hero h1 em{color:var(--green)}
.hh-experience .public-community{padding:24px 0 64px}.hh-experience .story-grid{gap:24px}.hh-experience .story-card{padding:28px}.hh-experience .stars{color:#856128}
.hh-experience .catalogue{padding:24px 0 64px;gap:20px}.hh-experience .catalogue article{background:#fff;padding:32px;border:1px solid var(--line);border-radius:18px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;color:var(--ink)}
.hh-experience .catalogue article.dark,.hh-experience .catalogue article.coral{background:#fff;color:var(--ink)}.hh-experience .chips a{min-height:44px;display:inline-flex;align-items:center;border:1px solid #c8d5cb;background:var(--mint);color:var(--ink)}
.hh-experience .bottom-cta{padding:48px 24px 64px;border-top:1px solid var(--line)}
.hh-experience .contact-page{padding:64px 0;gap:48px;min-height:0}.hh-experience .contact-copy>p:not(.kicker){font-size:17px}.hh-experience .contact-actions a{border-radius:14px;min-height:88px}.hh-experience .contact-page aside{border-radius:18px;padding:32px}
.hh-experience .contact-page aside a{background:var(--cream);border-radius:12px;color:var(--green)}
.hh-experience .legal-content{max-width:820px;padding:24px 24px 64px}.hh-experience .legal-content h2{font-size:28px}.hh-experience .legal-content p{font-size:16px;line-height:1.85}.hh-experience .legal-note{background:var(--mint)}
.hh-experience .auth-layout{width:min(1140px,calc(100% - 48px));min-height:0;margin:48px auto 72px;padding:0;gap:80px;align-items:center}
.hh-experience .auth-copy{color:var(--ink);padding:24px 0}.hh-experience .auth-copy p{color:var(--muted)}.hh-experience .auth-copy h1 em{color:var(--green)}
.hh-experience .auth-card{width:100%;padding:32px;max-width:480px}.hh-experience .auth-card h2{font-size:34px}.hh-experience .auth-card button{min-height:48px;background:var(--green);color:#fff;border-radius:12px}
.hh-experience .auth-card form{gap:18px}.hh-experience .auth-benefits span{border-color:var(--line);color:var(--muted)}
.hh-experience .circle-layout{width:min(1240px,calc(100% - 48px));margin:56px auto 72px;min-height:0;background:none;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:start}
.hh-experience .circle-intro{padding:16px 0;position:static;color:var(--ink);background:none}.hh-experience .circle-intro h1{font-size:clamp(36px,4vw,52px)}.hh-experience .circle-intro>p{color:var(--muted)}
.hh-experience .safety-note{background:var(--mint);border-color:var(--line);border-radius:14px;margin-top:24px}.hh-experience .safety-note span{color:var(--muted)}
.hh-experience .wizard-card{margin:0;padding:32px;border:1px solid var(--line);border-radius:18px;box-shadow:none;min-width:0}.hh-experience .progress{margin-bottom:28px}.hh-experience .step legend{font:400 30px/1.2 "Playfair Display",Georgia,serif}
.hh-experience .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.hh-experience .form-grid label{font-size:14px}.hh-experience .traveller-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.hh-experience .review-box,.hh-experience .journey-assurance div{background:var(--mint);border-radius:12px}.hh-experience .journey-assurance{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.hh-experience .preferences-detail{margin-top:24px;border-top:1px solid var(--line);padding-top:12px}
.hh-experience .preferences-detail summary{display:list-item;min-height:44px;padding:10px 0;cursor:pointer;color:var(--green);font-size:14px;font-weight:600}
.hh-experience .preferences-detail[open]>.form-grid{padding-top:16px}
.hh-experience .loading-card,.hh-experience #preview-departure[aria-busy=true]>p{min-height:280px;display:grid;place-items:center;border:1px solid var(--line);border-radius:18px;background:var(--mint);color:var(--muted)}
.hh-experience .trip-hero{gap:40px}.hh-experience .trip-copy{padding:32px}.hh-experience .detail-grid{gap:24px}.hh-experience .fact{border-radius:12px;background:var(--mint);color:var(--ink)}
.hh-experience .result-card{border-radius:18px;box-shadow:none}.hh-experience .result-score{background:var(--mint)}
.hh-experience .member-body{background:var(--cream)}.hh-experience .member-main{padding:48px 24px 64px;gap:24px}.hh-experience .member-welcome h1{font-size:clamp(36px,4vw,56px)}
.hh-experience .next-action-section{background:#fff}.hh-experience .next-action-card{background:var(--green);border-radius:14px}.hh-experience .next-action-card a,.hh-experience .next-action-card button{background:var(--cream);color:var(--green);border-radius:12px}
.hh-experience .referral-panel{background:var(--green);color:var(--cream)}
.hh-experience .referral-panel .copy-link input{background:#fff;color:var(--ink)}
.hh-experience .referral-panel .copy-link button{background:var(--cream);color:var(--green);border-radius:10px}
.hh-experience .auth-status,.hh-experience .wizard-status,.hh-experience .form-status{color:#9a3329}
.hh-experience.premium-journey{--gold:#856128}
.hh-experience dialog{width:min(720px,calc(100% - 32px));max-height:calc(100dvh - 48px);overflow:auto;border:1px solid var(--line);border-radius:18px;padding:28px;color:var(--ink);background:#fff}
.hh-experience dialog::backdrop{background:rgba(5,30,27,.5)}
.hh-experience .experience-footer{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:32px;padding:40px max(24px,calc((100vw - 1192px)/2));background:var(--green);color:var(--cream);font-size:13px;margin-top:24px}
.hh-experience .experience-footer strong{font-size:20px}.hh-experience .experience-footer p{max-width:260px;color:#d7e1d9;margin:10px 0}.hh-experience .experience-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.hh-experience .experience-footer a{min-height:44px;display:inline-flex;align-items:center;overflow-wrap:anywhere;text-decoration:none}
.hh-experience .experience-footer address{font-style:normal;display:grid;align-content:start}
.hh-experience .global-topbar{display:none!important}
html:lang(ar) .hh-experience,html:lang(ur) .hh-experience,html:lang(ar) .hh-experience :where(input,button,select,textarea,h1,h2,h3),html:lang(ur) .hh-experience :where(input,button,select,textarea,h1,h2,h3){font-family:"HH Arabic",Arial,sans-serif;letter-spacing:normal}
@media(max-width:900px){.hh-experience .auth-layout,.hh-experience .circle-layout{grid-template-columns:1fr;gap:24px;margin-top:32px}.hh-experience .auth-card{max-width:none}.hh-experience .auth-copy h1{font-size:40px}.hh-experience .circle-intro{max-width:640px}.hh-experience .safety-note{margin-top:16px}.hh-experience .catalogue article{grid-template-columns:1fr;gap:20px}.hh-experience .contact-page{grid-template-columns:1fr;gap:24px}.hh-experience .experience-footer{grid-template-columns:1fr 1fr}.hh-experience .experience-footer>div{grid-column:1/-1}}
@media(max-width:600px){.hh-experience :where(.journey-shell,.results-shell,.public-community,.catalogue,.contact-page,.member-shell,.auth-layout,.circle-layout){width:calc(100% - 32px)}.hh-experience .form-grid{grid-template-columns:1fr}.hh-experience .wizard-card,.hh-experience .auth-card{padding:24px 20px}.hh-experience .auth-layout{margin-bottom:40px}.hh-experience .circle-layout{margin-bottom:40px}.hh-experience .member-main{padding:24px 0 40px}.hh-experience :where(.page-hero,.legal-hero){padding:40px 16px 24px}.hh-experience .experience-footer{grid-template-columns:1fr;gap:20px;padding:32px 16px}.hh-experience .experience-footer>div{grid-column:auto}.hh-experience .trip-copy{padding:24px 20px}.hh-experience .contact-actions strong{font-size:18px;overflow-wrap:anywhere}.hh-experience .catalogue article{padding:24px}.hh-experience .contact-page{padding:32px 0}.hh-experience dialog{padding:24px 18px}.hh-experience .traveller-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.hh-experience *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Explicit page selectors beat legacy hero and link colors. */
.hh-experience .legal-hero p,.hh-experience .page-hero>p:not(.kicker){color:#596b65}
.hh-experience .empty-public a{color:#fff;background:#073d3a;display:inline-flex;align-items:center;justify-content:center;min-height:48px}
.hh-experience .trip-copy .eyebrow{color:#f2cf87}
.hh-experience [data-trip-date],.hh-experience [data-aed]{display:inline-block;direction:ltr;unicode-bidi:isolate}
.hh-experience .trip-description{unicode-bidi:plaintext}

.hh-experience .trip-date-range{display:inline-flex;direction:ltr;unicode-bidi:isolate;align-items:baseline;flex-wrap:wrap;column-gap:.3em}
.hh-experience [data-trip-date]{display:inline-flex;direction:ltr;white-space:pre;align-items:baseline}
.hh-experience [data-trip-date]>bdi{unicode-bidi:isolate}

/* Keep locale fields inside their shared row, independent of page form rules. */
.hh-experience :is(.hh-site-header,.member-header) .locale-tools{align-items:center!important;margin:0!important;height:50px!important;padding:3px!important}
.hh-experience :is(.hh-site-header,.member-header) .locale-control{display:block!important;padding:0!important;height:44px!important;min-height:44px!important;margin:0!important;overflow:visible!important}
.hh-experience :is(.hh-site-header,.member-header) .locale-control select{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;height:44px!important;min-height:44px!important;margin:0!important;padding-block:0!important;line-height:normal!important;border-radius:999px!important}
.hh-experience :is(.hh-site-header,.member-header) .locale-control>span[aria-hidden]{display:none!important}
.hh-experience .hh-site-header .header-utilities>.locale-tools>.locale-control{width:auto!important;min-width:0!important;max-width:none!important;inset:auto!important;transform:none!important}