/* P26 palette previews: colour-only. Layout, content and motion remain owned by P19-P25. */
html.fz-p22 body {
  background: var(--p26-canvas) !important;
  color: var(--p26-ink);
}

html.fz-p22 .ubar {
  border-bottom-color: var(--p26-dark-line);
  background: var(--p26-frame) !important;
}

html.fz-p22 .ubar .tb-item { color: var(--p26-on-dark-muted); }
html.fz-p22 .ubar .tb-item b { color: var(--p26-gold-highlight); }

html.fz-p22 .hd {
  border-bottom-color: var(--p26-line) !important;
  background: var(--p26-header) !important;
  box-shadow: 0 18px 42px -36px var(--p26-shadow) !important;
}

html.fz-p22 .brand .word,
html.fz-p22 .fzlogin--btn { color: var(--p26-ink) !important; }
html.fz-p22 .brand .slogan,
html.fz-p22 .hd__nav a { color: var(--p26-muted); }
html.fz-p22 .hd__nav a:hover,
html.fz-p22 .hd__nav a:focus-visible { color: var(--p26-gold-text); }

html.fz-p22 .fzlogin--btn {
  border-color: var(--p26-line) !important;
  background: var(--p26-surface-soft) !important;
}

html.fz-p22 .btn--wa,
html.fz-p20.fz-p22 #fz-main .sgo {
  border-color: var(--p26-gold-edge) !important;
  background: var(--p26-gold-button) !important;
  color: var(--p26-button-ink) !important;
  box-shadow: 0 16px 30px -22px var(--p26-gold-shadow) !important;
}

html.fz-p20.fz-p22 #fz-main.searchwrap {
  background: var(--p26-hero-fallback) !important;
}

html.fz-p20.fz-p22 #fz-main .searchwrap__bg {
  background:
    var(--p26-hero-overlay) center / 100% 100% no-repeat,
    url("/assets/formenzo-uae-hero-p25.jpg") center 64% / 100% auto no-repeat !important;
}

html.fz-p20.fz-p22 .fz-p20-kicker {
  border-color: var(--p26-kicker-line);
  background: var(--p26-kicker-bg);
  color: var(--p26-kicker-text);
  box-shadow: 0 14px 34px -28px var(--p26-shadow);
}

html.fz-p20.fz-p22 .fz-p20-kicker i {
  background: var(--p26-gold);
  box-shadow: 0 0 0 4px var(--p26-gold-halo);
}

html.fz-p20.fz-p22 #fz-main .fz-p20-copy h1 {
  color: var(--p26-hero-title) !important;
  text-shadow: var(--p26-title-shadow) !important;
}

html.fz-p20.fz-p22 #fz-main .fz-p20-copy h1 em {
  color: var(--p26-gold-highlight) !important;
}

html.fz-p20.fz-p22 #fz-main .fz-p20-copy > p {
  color: var(--p26-hero-copy) !important;
}

html.fz-p20.fz-p22 .fz-p20-livecard {
  border-color: var(--p26-live-line);
  background:
    linear-gradient(105deg, rgba(5, 14, 29, .98) 0%, rgba(13, 34, 58, .94) 58%, var(--p26-live-end) 100%),
    url("/assets/heroes/photo-1512453979798-5ea2-960.webp") center / cover no-repeat;
  box-shadow: 0 38px 82px -46px rgba(3, 11, 24, .96), inset 0 1px 0 rgba(255, 255, 255, .13);
}

html.fz-p20.fz-p22 #fz-main .search {
  border-color: var(--p26-search-line) !important;
  background: var(--p26-search-bg) !important;
  box-shadow: 0 30px 70px -44px var(--p26-shadow), inset 0 1px 0 rgba(255, 255, 255, .96) !important;
}

html.fz-p20.fz-p22 #fz-main .sf {
  background: var(--p26-field-bg) !important;
}

html.fz-p20.fz-p22 #fz-main .sf label { color: var(--p26-gold-text); }
html.fz-p20.fz-p22 #fz-main .sf select { color: var(--p26-ink); }

html.fz-p20.fz-p22 #fz-main #chips .c {
  border-color: var(--p26-chip-line) !important;
  background: var(--p26-chip-bg) !important;
  color: var(--p26-chip-text) !important;
}

html.fz-p20.fz-p22 #fz-main #chips .c:hover,
html.fz-p20.fz-p22 #fz-main #chips .c:focus-visible {
  border-color: var(--p26-gold) !important;
  background: var(--p26-surface) !important;
  color: var(--p26-gold-text) !important;
}

html.fz-p20.fz-p22 .fz-p20-status { color: var(--p26-hero-copy); }

html.fz-p22 .fzticker {
  border-color: var(--p26-ticker-line) !important;
  background: var(--p26-ticker) !important;
}

html.fz-p22 .fzticker span { color: var(--p26-ticker-text); }
html.fz-p22 .fzticker b,
html.fz-p22 .fzticker .fztk__hd { color: var(--p26-ticker-price); }
html.fz-p22 .fzticker i { color: var(--p26-ticker-muted); }
html.fz-p22 .fzticker .fztk__lg { background: var(--p26-surface); }

html.fz-p22 #offers {
  border-top-color: var(--p26-line) !important;
  background: var(--p26-offers) !important;
}

html.fz-p22 #results {
  border-top-color: var(--p26-line) !important;
  background: var(--p26-results) !important;
}

html.fz-p22 #guides {
  border-top-color: var(--p26-line) !important;
  background: var(--p26-guides) !important;
}

html.fz-p22 :is(#compare, #emirates, #how) {
  background: var(--p26-section-surface) !important;
}

html.fz-p22 :is(#why, #faq) {
  background: var(--p26-section-accent) !important;
}

html.fz-p22 .sec.alt:not(#why):not(#faq) {
  background: var(--p26-section-surface) !important;
}

html.fz-p22 .sec-h .lbl,
html.fz-p22 .sec-h a { color: var(--p26-gold-text) !important; }
html.fz-p22 .sec-h h2 { color: var(--p26-ink) !important; }
html.fz-p22 .sec-h p { color: var(--p26-muted) !important; }

html.fz-p19.fz-p22 #offers .pkgcard,
html.fz-p19.fz-p22 #results .card,
html.fz-p22 :is(.guide, .type, .emi, .qa) {
  border-color: var(--p26-line) !important;
  background: var(--p26-surface) !important;
  box-shadow: 0 24px 54px -42px var(--p26-shadow) !important;
}

html.fz-p19.fz-p22 #offers .pkgcard.feat {
  border-color: var(--p26-gold-edge) !important;
}

html.fz-p22 :is(#offers .qsrow.hot, #results .qsl__main) {
  border-color: rgba(216, 166, 60, .3) !important;
  background: linear-gradient(135deg, #fff9ea, #f5e8c8) !important;
}

html.fz-p22 :is(.pbadge.verified, .qstag) {
  background: var(--p26-gold) !important;
  color: var(--p26-button-ink) !important;
}

html.fz-p19.fz-p22 :is(.fz-p19-pricing-note, .fz-p19-filters, .fz-p19-portal__shell, .rail) {
  border-color: var(--p26-line) !important;
  background: var(--p26-surface) !important;
  box-shadow: 0 24px 52px -44px var(--p26-shadow) !important;
}

html.fz-p19.fz-p22 .fz-p19-portal__intro {
  background: var(--p26-portal) !important;
}

html.fz-p22 :is(.cta, .cta-band) {
  border-top-color: var(--p26-dark-line) !important;
  background: var(--p26-cta) !important;
}

html.fz-p22 .cta-band h2 { color: var(--p26-hero-title) !important; }
html.fz-p22 .cta-band p { color: var(--p26-hero-copy) !important; }

html.fz-p22 .cta-band .btn--green {
  background: var(--p26-gold-button) !important;
  color: var(--p26-button-ink) !important;
}

html.fz-p22 .fzfoot { background: var(--p26-footer) !important; }

@media (max-width: 760px) {
  html.fz-p20.fz-p22 #fz-main .searchwrap__bg {
    background:
      var(--p26-hero-overlay-mobile) center / 100% 100% no-repeat,
      url("/assets/formenzo-uae-hero-p25.jpg") 72% center / auto 100% no-repeat !important;
  }

  html.fz-p22 .hd { background: var(--p26-header-solid) !important; }
  html.fz-p20.fz-p22 #fz-main .search { background: var(--p26-search-solid) !important; }
}