/* AleoFly v204: premium motion layer. */

:root {
  --premium-red: #e50914;
  --premium-red-soft: rgba(229, 9, 20, 0.18);
  --premium-red-glow: rgba(229, 9, 20, 0.38);
}

#site-header.site-header {
  isolation: isolate;
  overflow: hidden !important;
  transform: translateZ(0);
  transition:
    background 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease,
    backdrop-filter 220ms ease,
    transform 220ms ease !important;
}

#site-header.site-header > * {
  position: relative;
  z-index: 2;
}

#site-header.site-header::before {
  content: "" !important;
  position: absolute !important;
  inset: -35% -18% !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 16% 42%, rgba(229, 9, 20, 0.22), transparent 28%),
    radial-gradient(circle at 62% 25%, rgba(255, 255, 255, 0.92), transparent 24%),
    radial-gradient(circle at 78% 78%, rgba(229, 9, 20, 0.16), transparent 26%),
    linear-gradient(100deg, rgba(255, 214, 220, 0.58), rgba(255, 255, 255, 0.7), rgba(255, 214, 220, 0.52)) !important;
  background-size: 170% 170%, 150% 150%, 180% 180%, 220% 100% !important;
  opacity: 0.92 !important;
  filter: blur(0.2px) saturate(1.12) !important;
  animation: aleoAuroraDrift 28s ease-in-out infinite alternate !important;
}

#site-header.site-header::after {
  content: "" !important;
  position: absolute !important;
  left: 8% !important;
  right: 8% !important;
  bottom: 0 !important;
  z-index: 3 !important;
  height: 2px !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, transparent 0%, rgba(229, 9, 20, 0.15) 22%, #e50914 50%, rgba(229, 9, 20, 0.16) 78%, transparent 100%) !important;
  background-size: 220% 100% !important;
  box-shadow: 0 0 18px rgba(229, 9, 20, 0.56), 0 -2px 12px rgba(229, 9, 20, 0.16) !important;
  animation: aleoHeaderLine 4.6s linear infinite !important;
}

body.aleo-header-scrolled #site-header.site-header {
  background: rgba(255, 242, 245, 0.68) !important;
  border-color: rgba(229, 9, 20, 0.28) !important;
  box-shadow: 0 20px 48px rgba(15, 23, 42, 0.14), 0 0 34px rgba(229, 9, 20, 0.16) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.35) !important;
  backdrop-filter: blur(22px) saturate(1.35) !important;
}

body.aleo-header-scrolled #site-header.site-header > .brand.brand-image-lockup {
  min-width: 222px !important;
  width: 222px !important;
  max-width: 222px !important;
  flex-basis: 222px !important;
}

body.aleo-header-scrolled #site-header.site-header .brand-image-lockup .brand-logo-image {
  width: 214px !important;
  max-width: 214px !important;
  height: 72px !important;
  max-height: 72px !important;
}

#site-header.site-header .brand-logo-image {
  transform-origin: 45% 52%;
  filter: drop-shadow(0 0 10px rgba(229, 9, 20, 0.18));
  animation: aleoPhoenixPulse 6s ease-in-out infinite, aleoPhoenixFlutter 4.8s ease-in-out infinite !important;
}

.header-theme-mobile-svg {
  display: none;
}

.aleo-home-art {
  position: relative;
  isolation: isolate;
}

.aleo-home-art::before,
.aleo-home-art::after {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  border-radius: 50%;
}

.aleo-home-art::before {
  width: min(38vw, 420px);
  aspect-ratio: 1;
  right: 10%;
  bottom: 4%;
  border: 1px solid rgba(229, 9, 20, 0.12);
  background:
    radial-gradient(circle at 50% 50%, rgba(229, 9, 20, 0.12), transparent 58%),
    repeating-radial-gradient(circle at center, rgba(229, 9, 20, 0.12) 0 1px, transparent 1px 18px),
    repeating-conic-gradient(from 0deg, rgba(229, 9, 20, 0.1) 0 1deg, transparent 1deg 18deg);
  opacity: 0.55;
  animation: aleoGlobeRotate 42s linear infinite;
}

.aleo-home-art::after {
  width: min(4.8vw, 52px);
  aspect-ratio: 1;
  right: 34%;
  top: 22%;
  background:
    radial-gradient(circle, rgba(229, 9, 20, 0.72) 0 12%, transparent 13%),
    radial-gradient(circle, rgba(229, 9, 20, 0.44) 0 12%, transparent 13%);
  background-size: 16px 16px, 22px 22px;
  animation: aleoNetworkBlink 3.8s ease-in-out infinite;
}

.home-hero-art-img {
  position: relative;
  z-index: 1;
  transform-origin: 48% 52%;
  animation: aleoPhoenixHeroFloat 6s ease-in-out infinite !important;
  filter: drop-shadow(0 18px 34px rgba(229, 9, 20, 0.18));
}

.aleo-feature-strip > div,
.product-trust-grid > span,
.account-safe-strip > span,
.home-benefit-bar > span,
.popular-country-card,
.home-trip-card,
.explore-card,
.region-showcase-card,
.card.plan-card,
.home-plan-card,
.one-country-plan-card,
.multi-plan-card,
.account-esim-card {
  transform: translateZ(0);
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease,
    filter 180ms ease !important;
}

.aleo-feature-strip > div,
.product-trust-grid > span,
.account-safe-strip > span,
.home-benefit-bar > span,
.home-trip-card,
.popular-country-card,
.home-plan-card,
.one-country-plan-card,
.card.plan-card,
.multi-plan-card {
  position: relative;
  overflow: hidden;
}

.aleo-feature-strip > div:hover,
.product-trust-grid > span:hover,
.account-safe-strip > span:hover,
.home-benefit-bar > span:hover,
.home-trip-card:hover,
.popular-country-card:hover,
.explore-card:hover,
.region-showcase-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.12), 0 0 24px rgba(229, 9, 20, 0.08) !important;
}

.home-plan-card:hover,
.one-country-plan-card:hover,
.card.plan-card:hover,
.multi-plan-card:hover {
  transform: translateY(-4px) scale(1.02) !important;
  box-shadow: 0 22px 54px rgba(15, 23, 42, 0.14), 0 0 28px rgba(229, 9, 20, 0.1) !important;
}

[data-buy],
.btn-buy,
.product-buy-now,
.one-country-buy,
.home-plan-action,
.top-pick-modal-buy,
.btn,
button.btn,
a.btn {
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
  transition:
    transform 140ms ease,
    box-shadow 220ms ease,
    filter 220ms ease,
    background-color 220ms ease !important;
}

[data-buy]:hover,
.btn-buy:hover,
.product-buy-now:hover,
.one-country-buy:hover,
.home-plan-action:hover,
.top-pick-modal-buy:hover,
.btn:hover {
  box-shadow: 0 14px 34px rgba(229, 9, 20, 0.26), 0 0 22px rgba(229, 9, 20, 0.2) !important;
  filter: saturate(1.08);
}

[data-buy]:active,
.btn-buy:active,
.product-buy-now:active,
.one-country-buy:active,
.home-plan-action:active,
.top-pick-modal-buy:active,
.btn:active {
  transform: translateY(2px) translateZ(0) !important;
}

.premium-ripple {
  position: absolute;
  left: var(--ripple-x);
  top: var(--ripple-y);
  width: var(--ripple-size);
  height: var(--ripple-size);
  z-index: 5;
  pointer-events: none;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.62) 0, rgba(229, 9, 20, 0.22) 42%, transparent 68%);
  transform: translate(-50%, -50%) scale(0);
  animation: aleoRipple 620ms ease-out forwards;
  mix-blend-mode: screen;
}

.badge-discount,
.one-country-discount,
.multi-card-discount,
.home-plan-price small,
.account-premium-badge,
.section-pill {
  animation: aleoDiscountPulse 7s ease-in-out infinite;
}

.country-search-popover:not([hidden]),
.multi-destination-picker:not([hidden]),
.top-pick-modal,
.account-menu:not([hidden]) {
  animation: aleoMenuIn 200ms ease both;
  transform-origin: top center;
}

main.app {
  view-transition-name: aleofly-page;
}

main.app.premium-route-enter > * {
  animation: aleoRouteEnter 260ms ease both;
}

.skeleton,
.sk-line,
.sk-pill,
.state.loading {
  position: relative;
  overflow: hidden;
}

.skeleton::after,
.sk-line::after,
.sk-pill::after,
.state.loading::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, 0.72) 45%, transparent 72%);
  transform: translateX(-120%);
  animation: aleoSkeletonSweep 1.25s ease-in-out infinite;
}

.state.loading .spinner {
  display: none !important;
}

.state.loading {
  min-height: 180px;
  border-radius: 16px;
  background:
    linear-gradient(#f8fafc, #f8fafc) 24px 32px / 42% 18px no-repeat,
    linear-gradient(#eef2f7, #eef2f7) 24px 66px / 68% 14px no-repeat,
    linear-gradient(#f8fafc, #f8fafc) 24px 108px / calc(100% - 48px) 44px no-repeat,
    #fff;
}

.state.loading p {
  opacity: 0;
}

@media (max-width: 980px) {
  #site-header.site-header {
    grid-template-columns: minmax(166px, 1fr) auto !important;
    gap: 6px !important;
    padding-inline: 10px !important;
    overflow: visible !important;
  }

  #site-header.site-header::before,
  #site-header.site-header::after {
    border-radius: inherit;
  }

  #site-header.site-header > .brand.brand-image-lockup {
    grid-column: 1 !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
    justify-self: start !important;
  }

  #site-header.site-header .brand-image-lockup .brand-logo-image {
    width: min(178px, 100%) !important;
    max-width: min(178px, 100%) !important;
    height: 62px !important;
    object-position: left center !important;
  }

  #site-header.site-header > .header-actions {
    grid-column: 2 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    gap: 4px !important;
    justify-content: flex-end !important;
  }

  #site-header.site-header .account-header-action,
  #site-header.site-header .header-actions > a[href="/login"]:not(.mobile-notification-action) {
    display: none !important;
  }

  #site-header.site-header .header-lang-shell {
    width: 46px !important;
    min-width: 46px !important;
    flex-basis: 46px !important;
  }

  #site-header.site-header .header-currency-shell {
    width: 54px !important;
    min-width: 54px !important;
    flex-basis: 54px !important;
  }

  #site-header.site-header .mobile-notification-action {
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    flex-basis: 34px !important;
    overflow: visible !important;
  }

  #site-header.site-header .header-notification-badge {
    right: -2px !important;
    top: -4px !important;
  }
}

@media (max-width: 370px) {
  #site-header.site-header {
    grid-template-columns: minmax(148px, 1fr) auto !important;
    padding-inline: 8px !important;
  }

  #site-header.site-header .brand-image-lockup .brand-logo-image {
    width: min(160px, 100%) !important;
  }
}

/* v198 final header fit: full-bleed top, compact account, no mobile overlap. */
@media (min-width: 981px) {
  body {
    padding-top: 148px !important;
  }

  body #site-header.site-header {
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 128px !important;
    height: 128px !important;
    margin-top: 0 !important;
    transform: none !important;
    padding: 0 clamp(22px, 3vw, 54px) !important;
    gap: clamp(14px, 1.4vw, 24px) !important;
    border-radius: 0 0 22px 22px !important;
    border-right: 0 !important;
    border-left: 0 !important;
  }

  body #site-header.site-header > .brand.brand-image-lockup {
    min-width: 320px !important;
    width: 320px !important;
    max-width: 320px !important;
    flex-basis: 320px !important;
  }

  body #site-header.site-header .brand-image-lockup .brand-logo-image {
    width: 312px !important;
    max-width: 312px !important;
    height: 106px !important;
    max-height: 106px !important;
  }

  body #site-header.site-header > .top-nav {
    min-width: 500px !important;
    justify-content: center !important;
    gap: clamp(18px, 1.75vw, 34px) !important;
  }

  body #site-header.site-header > .top-nav a {
    font-size: 16px !important;
  }

  body #site-header.site-header > .header-actions {
    gap: 8px !important;
  }

  body #site-header.site-header .header-lang-shell {
    width: 68px !important;
    min-width: 68px !important;
    flex-basis: 68px !important;
  }

  body #site-header.site-header .header-currency-shell {
    width: 82px !important;
    min-width: 82px !important;
    flex-basis: 82px !important;
  }

  body #site-header.site-header .mobile-notification-action {
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    flex-basis: 54px !important;
  }
}

@media (min-width: 981px) and (max-width: 1880px) {
  body #site-header.site-header .account-header-action,
  body #site-header.site-header .header-actions > a[href="/login"]:not(.mobile-notification-action) {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    flex: 0 0 58px !important;
    padding: 0 !important;
    gap: 0 !important;
  }

  body #site-header.site-header .account-header-action .account-label,
  body #site-header.site-header .account-header-action .header-caret,
  body #site-header.site-header .header-actions > a[href="/login"]:not(.mobile-notification-action) .account-label,
  body #site-header.site-header .header-actions > a[href="/login"]:not(.mobile-notification-action) .header-caret {
    display: none !important;
  }

  body #site-header.site-header .account-header-action .account-avatar,
  body #site-header.site-header .header-actions > a[href="/login"]:not(.mobile-notification-action) .account-avatar {
    margin: 0 !important;
  }
}

@media (min-width: 981px) {
  body.aleo-header-scrolled {
    padding-top: 118px !important;
  }

  body.aleo-header-scrolled #site-header.site-header {
    top: 10px !important;
    right: auto !important;
    left: 50% !important;
    width: min(calc(100vw - 32px), 1460px) !important;
    min-height: 82px !important;
    height: 82px !important;
    padding: 0 18px 0 32px !important;
    gap: clamp(12px, 1.1vw, 18px) !important;
    border-radius: 17px !important;
    border-right: 1px solid rgba(229, 9, 20, 0.22) !important;
    border-left: 1px solid rgba(229, 9, 20, 0.22) !important;
    transform: translateX(-50%) !important;
  }

  body.aleo-header-scrolled #site-header.site-header > .top-nav {
    min-width: 450px !important;
    gap: clamp(14px, 1.25vw, 24px) !important;
  }

  body.aleo-header-scrolled #site-header.site-header .account-header-action,
  body.aleo-header-scrolled #site-header.site-header .header-actions > a[href="/login"]:not(.mobile-notification-action) {
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    flex: 0 0 54px !important;
    padding: 0 !important;
    gap: 0 !important;
  }

  body.aleo-header-scrolled #site-header.site-header .account-label,
  body.aleo-header-scrolled #site-header.site-header .account-header-action .header-caret,
  body.aleo-header-scrolled #site-header.site-header .header-actions > a[href="/login"]:not(.mobile-notification-action) .header-caret {
    display: none !important;
  }
}

@media (max-width: 980px) {
  body {
    padding-top: 96px !important;
  }

  body #site-header.site-header {
    top: 8px !important;
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
    grid-template-columns: minmax(150px, 1fr) max-content !important;
    padding-inline: 10px !important;
    gap: 4px !important;
    overflow: visible !important;
  }

  body #site-header.site-header > .header-actions {
    grid-column: 2 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: max-content !important;
    gap: 3px !important;
    justify-content: flex-end !important;
    overflow: visible !important;
  }

  body #site-header.site-header .header-lang-shell {
    width: 44px !important;
    min-width: 44px !important;
    flex-basis: 44px !important;
  }

  body #site-header.site-header .header-currency-shell {
    width: 50px !important;
    min-width: 50px !important;
    flex-basis: 50px !important;
  }

  body #site-header.site-header .header-theme-toggle,
  body #site-header.site-header .header-actions > button[data-toggle-theme-quick].header-theme-toggle {
    display: grid !important;
    position: relative !important;
    width: 27px !important;
    min-width: 27px !important;
    max-width: 27px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    flex: 0 0 27px !important;
    padding: 0 !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.46) !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body #site-header.site-header .header-theme-toggle .header-theme-icon {
    display: none !important;
  }

  body #site-header.site-header .header-theme-toggle .header-theme-mobile-svg {
    display: block !important;
    width: 17px !important;
    height: 17px !important;
    fill: none !important;
    stroke: #080d19 !important;
    stroke-width: 2.2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  body #site-header.site-header .account-header-action,
  body #site-header.site-header[data-mobile-header="true"] .account-header-action,
  body #site-header.site-header .header-actions > a[href="/login"]:not(.mobile-notification-action),
  body #site-header.site-header .header-actions > a[href="/account"].account-header-action {
    display: none !important;
    visibility: hidden !important;
    position: absolute !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    flex: 0 0 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body #site-header.site-header .mobile-notification-action {
    display: grid !important;
    position: relative !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    flex: 0 0 32px !important;
    overflow: visible !important;
  }

  body #site-header.site-header .mobile-notification-action .header-bell-icon {
    display: none !important;
  }

  body #site-header.site-header .mobile-notification-action .header-notification-svg {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    fill: none !important;
    stroke: #080d19 !important;
    stroke-width: 2.25 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  body #site-header.site-header .header-notification-badge {
    top: -3px !important;
    right: -3px !important;
    z-index: 6 !important;
  }
}

/* v204 mobile header simplification: logo + language + currency only. */
@media (max-width: 980px) {
  body #site-header.site-header .header-theme-toggle,
  body #site-header.site-header .mobile-notification-action,
  body #site-header.site-header .account-header-action,
  body #site-header.site-header .header-actions > a[href="/login"],
  body #site-header.site-header .header-actions > a[href="/account"] {
    display: none !important;
    visibility: hidden !important;
    position: absolute !important;
    inset: auto !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    flex: 0 0 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
  }

  body #site-header.site-header > .header-actions {
    gap: 6px !important;
  }

  body #site-header.site-header .header-lang-shell {
    width: 50px !important;
    min-width: 50px !important;
    flex-basis: 50px !important;
  }

  body #site-header.site-header .header-currency-shell {
    width: 58px !important;
    min-width: 58px !important;
    flex-basis: 58px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 1ms !important;
  }
}

@keyframes aleoAuroraDrift {
  0% { background-position: 0% 45%, 40% 10%, 80% 80%, 0% 50%; }
  100% { background-position: 72% 56%, 18% 42%, 18% 20%, 100% 50%; }
}

@keyframes aleoHeaderLine {
  0% { background-position: 120% 0; opacity: 0.72; }
  50% { opacity: 1; }
  100% { background-position: -120% 0; opacity: 0.72; }
}

@keyframes aleoPhoenixPulse {
  0%, 78%, 100% { filter: drop-shadow(0 0 8px rgba(229, 9, 20, 0.16)); }
  84% { filter: drop-shadow(0 0 20px rgba(229, 9, 20, 0.42)); }
}

@keyframes aleoPhoenixFlutter {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-1.5px) rotate(-0.35deg); }
}

@keyframes aleoPhoenixHeroFloat {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-2px) scale(1.004); }
}

@keyframes aleoGlobeRotate {
  to { transform: rotate(360deg); }
}

@keyframes aleoNetworkBlink {
  0%, 100% { opacity: 0.22; transform: scale(0.96); }
  45% { opacity: 0.72; transform: scale(1.04); }
  62% { opacity: 0.36; }
}

@keyframes aleoRipple {
  to { transform: translate(-50%, -50%) scale(1); opacity: 0; }
}

@keyframes aleoDiscountPulse {
  0%, 82%, 100% { transform: scale(1); box-shadow: none; }
  88% { transform: scale(1.045); box-shadow: 0 0 18px rgba(229, 9, 20, 0.18); }
}

@keyframes aleoMenuIn {
  from { opacity: 0; transform: translateY(-8px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes aleoRouteEnter {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes aleoSkeletonSweep {
  to { transform: translateX(120%); }
}

/* AleoFly v251: keep the compact notification bell visible after EN on mobile. */
@media (max-width: 980px) {
  body #site-header.site-header > .header-actions {
    gap: 4px !important;
  }

  body #site-header.site-header .header-lang-shell { order: 1 !important; }
  body #site-header.site-header .mobile-notification-action { order: 2 !important; }
  body #site-header.site-header .header-currency-shell { order: 3 !important; }

  body #site-header.site-header .mobile-notification-action,
  body #site-header.site-header .header-actions > .mobile-notification-action {
    display: grid !important;
    visibility: visible !important;
    position: relative !important;
    inset: auto !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    flex: 0 0 34px !important;
    place-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid #edf1f6 !important;
    border-radius: 999px !important;
    background: #fff !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    overflow: visible !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05) !important;
  }

  body #site-header.site-header .mobile-notification-action::before,
  body #site-header.site-header .mobile-notification-action::after {
    display: none !important;
    content: none !important;
  }

  body #site-header.site-header .mobile-notification-action .header-notification-svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    fill: none !important;
    stroke: #080d19 !important;
    stroke-width: 2.2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  body #site-header.site-header .header-notification-badge {
    top: -2px !important;
    right: -2px !important;
    width: 15px !important;
    min-width: 15px !important;
    height: 15px !important;
    border-width: 2px !important;
    font-size: 8px !important;
  }

  body #site-header.site-header .header-notification-menu {
    top: calc(100% + 9px) !important;
    right: 0 !important;
    width: min(292px, calc(100vw - 24px)) !important;
    max-height: min(360px, calc(100vh - 110px)) !important;
    border-radius: 16px !important;
  }
}

/* AleoFly v253: desktop notification popover must escape and sit below the header. */
@media (min-width: 981px) {
  body #site-header.site-header {
    overflow: visible !important;
  }

  body #site-header.site-header::before {
    inset: 0 !important;
    border-radius: inherit !important;
  }

  body #site-header.site-header > .header-actions {
    position: relative !important;
    z-index: 20 !important;
    overflow: visible !important;
  }

  body #site-header.site-header .header-notification-menu {
    top: calc(100% + 48px) !important;
    right: 0 !important;
    z-index: 5000 !important;
  }
}

/* AleoFly v263: final dark/mobile theme toggle override loaded after all header patches. */
body #site-header.site-header .header-theme-toggle,
body #site-header.site-header .header-actions > button[data-toggle-theme-quick].header-theme-toggle {
  display: inline-grid !important;
  visibility: visible !important;
  position: relative !important;
  inset: auto !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  place-items: center !important;
}

body #site-header.site-header .header-theme-toggle .header-theme-mobile-svg {
  display: none !important;
}

body #site-header.site-header .header-theme-toggle .header-theme-icon {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: #111827 !important;
  box-shadow: inset -6px 0 0 rgba(255, 255, 255, 0.95) !important;
}

html[data-theme='dark'] body #site-header.site-header {
  border-color: rgba(255, 80, 96, 0.18) !important;
  background:
    radial-gradient(circle at 10% 40%, rgba(229, 9, 20, 0.22) 0, rgba(229, 9, 20, 0.08) 30%, transparent 56%),
    linear-gradient(90deg, rgba(14, 18, 29, 0.96), rgba(19, 24, 37, 0.96) 52%, rgba(32, 17, 27, 0.96)) !important;
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.36) !important;
}

html[data-theme='dark'] body #site-header.site-header > .brand.brand-image-lockup {
  border: 1px solid rgba(255, 255, 255, 0.58) !important;
  border-radius: 22px !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 242, 245, 0.9)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74), 0 14px 30px rgba(0, 0, 0, 0.24) !important;
}

html[data-theme='dark'] body #site-header.site-header .header-select-shell,
html[data-theme='dark'] body #site-header.site-header .header-icon-button,
html[data-theme='dark'] body #site-header.site-header .header-theme-toggle,
html[data-theme='dark'] body #site-header.site-header .mobile-notification-action,
html[data-theme='dark'] body #site-header.site-header .account-header-action {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.10) !important;
  color: #f7f9fd !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 12px 26px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme='dark'] body #site-header.site-header .header-theme-toggle .header-theme-icon {
  background: #ffd166 !important;
  box-shadow: 0 0 0 3px rgba(255, 209, 102, 0.12), 0 0 18px rgba(255, 209, 102, 0.28) !important;
}

html[data-theme='dark'] body #site-header.site-header .header-notification-svg {
  stroke: #f7f9fd !important;
}

@media (max-width: 980px) {
  body #site-header.site-header .header-theme-toggle,
  body #site-header.site-header .header-actions > button[data-toggle-theme-quick].header-theme-toggle {
    order: 4 !important;
    display: inline-grid !important;
    visibility: visible !important;
    position: relative !important;
    inset: auto !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    flex: 0 0 30px !important;
    padding: 0 !important;
    border: 1px solid #edf1f6 !important;
    border-radius: 999px !important;
    background: #fff !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05) !important;
  }

  body #site-header.site-header .header-theme-toggle .header-theme-icon {
    width: 14px !important;
    height: 14px !important;
    box-shadow: inset -5px 0 0 rgba(255, 255, 255, 0.95) !important;
  }

  html[data-theme='dark'] body #site-header.site-header {
    background:
      radial-gradient(circle at 42% 0%, rgba(229, 9, 20, 0.22), transparent 48%),
      linear-gradient(180deg, #101624 0%, #0c101a 76%) !important;
  }

  html[data-theme='dark'] body #site-header.site-header .header-theme-toggle,
  html[data-theme='dark'] body #site-header.site-header .mobile-notification-action {
    border-color: rgba(255, 255, 255, 0.12) !important;
    background: rgba(255, 255, 255, 0.08) !important;
  }
}

/* AleoFly v264: complete dark-mode repair for web desktop/mobile storefront. */
html[data-theme='dark'] {
  --bg: #070b13;
  --surface: #121824;
  --surface-soft: #171f2d;
  --text: #f7f9fd;
  --muted: #a9b4c3;
  --border: rgba(255, 255, 255, 0.12);
  --brand-tint: rgba(255, 76, 92, 0.18);
  --home-red: #ff4f61;
  --home-blue: #69a8ff;
  --home-ink: #f7f9fd;
  --home-muted: #a9b4c3;
  --home-line: rgba(255, 255, 255, 0.12);
  --home-shadow: 0 22px 58px rgba(0, 0, 0, 0.38);
  --home-ref-red: #ff4f61;
  --home-ref-blue: #69a8ff;
  --home-ref-ink: #f7f9fd;
  --home-ref-muted: #a9b4c3;
  --home-ref-line: rgba(255, 255, 255, 0.12);
  color-scheme: dark;
  background: #070b13 !important;
}

html[data-theme='dark'] body {
  background:
    radial-gradient(circle at 16% 0%, rgba(229, 9, 20, 0.16), transparent 30%),
    radial-gradient(circle at 86% 10%, rgba(59, 130, 246, 0.13), transparent 32%),
    linear-gradient(180deg, #090d16 0%, #070b13 42%, #050810 100%) !important;
  color: var(--text) !important;
}

html[data-theme='dark'] main.app,
html[data-theme='dark'] main.app:has(.aleo-home-v59),
html[data-theme='dark'] main.app:has(.checkout-page-v113),
html[data-theme='dark'] main.app:has(.one-country-page),
html[data-theme='dark'] main.app:has(.global-category-page-v258),
html[data-theme='dark'] main.app:has(.account-dashboard-v174),
html[data-theme='dark'] main.app:has(.support-page-v228) {
  background:
    radial-gradient(circle at 12% 0%, rgba(229, 9, 20, 0.12), transparent 26%),
    radial-gradient(circle at 82% 12%, rgba(37, 99, 235, 0.10), transparent 30%),
    linear-gradient(180deg, #0b101a 0%, #070b13 54%, #050810 100%) !important;
  color: var(--text) !important;
}

html[data-theme='dark'] body:has(.aleo-home-v59),
html[data-theme='dark'] body:has(.checkout-page-v113),
html[data-theme='dark'] body:has(.one-country-page),
html[data-theme='dark'] body:has(.global-category-page-v258),
html[data-theme='dark'] body:has(.account-dashboard-v174),
html[data-theme='dark'] body:has(.support-page-v228) {
  background:
    radial-gradient(circle at 16% 0%, rgba(229, 9, 20, 0.15), transparent 30%),
    linear-gradient(180deg, #0a0f19 0%, #070b13 100%) !important;
}

html[data-theme='dark'] :where(
  .aleo-home-v59,
  .aleo-home-desktop-ref,
  .one-country-page,
  .global-category-page-v258,
  .checkout-page-v113,
  .account-dashboard-v174,
  .support-page-v228,
  .about-page-v226,
  .coverage-page,
  .web-plan-detail,
  .reviews-page
) {
  color: var(--text) !important;
}

html[data-theme='dark'] :where(
  h1,
  h2,
  h3,
  h4,
  strong,
  b,
  .row-head h2,
  .account-settings-head-v183 h1,
  .account-side-user strong
) {
  color: var(--text) !important;
}

html[data-theme='dark'] :where(
  p,
  small,
  em,
  li,
  dd,
  dt,
  .muted,
  .field-hint,
  .plan-meta,
  .row-head small,
  .home-trip-selector p,
  .home-trip-copy small,
  .home-plan-specs dt,
  .home-plan-price del,
  .popular-country-card small,
  .account-settings-head-v183 p,
  .support-grid-v228 p,
  .review-card p
) {
  color: var(--muted) !important;
}

html[data-theme='dark'] :where(
  .home-trip-selector,
  .aleo-home-v59 .aleo-finder-card,
  .aleo-home-v59 .aleo-search-panel,
  .aleo-home-v59 .aleo-plan-showcase,
  .aleo-home-v59 .aleo-benefit-bar,
  .aleo-home-desktop-ref .aleo-finder-card,
  .aleo-home-desktop-ref .aleo-search-panel,
  .home-trip-card,
  .home-best-price-row,
  .home-plan-card,
  .popular-country-card,
  .plan-card,
  .plan-finder-card,
  .region-showcase-card,
  .card,
  .auth-card,
  .order-summary,
  .payment-sheet,
  .stripe-payment-box,
  .checkout-payment-choice,
  .checkout-login-required,
  .checkout-card-panel,
  .checkout-secure-kicker,
  .account-side-panel,
  .account-main-panel,
  .account-settings-card-v183,
  .account-security-list-v183,
  .account-continue-card-v184,
  .account-order-card-v183,
  .account-order-card-v184,
  .account-esim-summary-card,
  .account-esim-row-v175,
  .account-esim-hero-card-v175,
  .account-esim-setup-card-v175,
  .account-safe-strip,
  .wallet-card,
  .cashback-tier-card,
  .cashback-summary-card,
  .cashback-info,
  .cashback-panel,
  .one-country-plan-card,
  .one-country-category-card,
  .global-type-card-v258,
  .global-plan-card-v258,
  .support-status-card-v228,
  .support-grid-v228 article,
  .support-contact-band-v228,
  .review-card,
  .product-reviews-card,
  .reviews-page-card,
  .flow-search-card,
  .flow-type-card,
  .multi-plan-card,
  .top-picks-type-card-v214,
  .top-pick-modal-card
) {
  border-color: var(--border) !important;
  background:
    linear-gradient(180deg, rgba(24, 31, 45, 0.96), rgba(15, 20, 32, 0.98)) !important;
  color: var(--text) !important;
  box-shadow: 0 20px 54px rgba(0, 0, 0, 0.34) !important;
}

html[data-theme='dark'] .aleo-home-desktop-ref .aleo-home-hero,
html[data-theme='dark'] .aleo-home-v59 .aleo-home-hero {
  border-color: rgba(255, 80, 96, 0.16) !important;
  background:
    radial-gradient(circle at 74% 44%, rgba(229, 9, 20, 0.24), transparent 24%),
    linear-gradient(105deg, #101624 0%, #141b2a 46%, #26131d 100%) !important;
  box-shadow: 0 22px 64px rgba(0, 0, 0, 0.34) !important;
}

html[data-theme='dark'] .aleo-home-desktop-ref .home-hero-art-img {
  filter: saturate(1.08) contrast(1.04) drop-shadow(0 26px 46px rgba(0, 0, 0, 0.32)) !important;
  mix-blend-mode: normal !important;
}

html[data-theme='dark'] .home-hero-trust {
  color: var(--text) !important;
}

html[data-theme='dark'] .home-trust-copy,
html[data-theme='dark'] .home-trust-stars {
  color: var(--text) !important;
}

html[data-theme='dark'] .aleo-home-v59 .aleo-feature-strip div,
html[data-theme='dark'] .aleo-home-desktop-ref .aleo-feature-strip div,
html[data-theme='dark'] .aleo-home-desktop-ref .popular-country-card,
html[data-theme='dark'] .aleo-home-v59 .popular-country-card,
html[data-theme='dark'] .home-plan-specs div,
html[data-theme='dark'] .account-esim-row-stats span,
html[data-theme='dark'] .account-esim-detail-metrics-v175 span,
html[data-theme='dark'] .account-continue-metrics-v184 b,
html[data-theme='dark'] .checkout-progress-step,
html[data-theme='dark'] .checkout-card-panel-toggle,
html[data-theme='dark'] .review-locked,
html[data-theme='dark'] .review-form {
  border-color: var(--border) !important;
  background: rgba(255, 255, 255, 0.055) !important;
  color: var(--text) !important;
  box-shadow: none !important;
}

html[data-theme='dark'] .home-trip-card.home-one,
html[data-theme='dark'] .home-trip-card.home-one:hover,
html[data-theme='dark'] .home-trip-card.home-one:focus-visible {
  background:
    linear-gradient(90deg, rgba(229, 9, 20, 0.22), rgba(24, 31, 45, 0.96) 62%, rgba(15, 20, 32, 0.98)) !important;
}

html[data-theme='dark'] .home-trip-card.home-multi,
html[data-theme='dark'] .home-trip-card.home-multi:hover,
html[data-theme='dark'] .home-trip-card.home-multi:focus-visible {
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.22), rgba(24, 31, 45, 0.96) 62%, rgba(15, 20, 32, 0.98)) !important;
}

html[data-theme='dark'] :where(
  input,
  select,
  textarea,
  .app-input,
  .search-field input,
  .country-search-popover,
  .one-country-category-search input,
  .buyer-support-order-v228 select,
  .buyer-support-compose-v228 textarea
) {
  border-color: var(--border) !important;
  background: rgba(255, 255, 255, 0.075) !important;
  color: var(--text) !important;
  box-shadow: none !important;
}

html[data-theme='dark'] :where(input, textarea)::placeholder {
  color: #8290a4 !important;
}

html[data-theme='dark'] :where(
  .filter-chip,
  .data-type-chips button,
  .btn-ghost,
  .see-all,
  .home-plan-heart,
  .plan-tabs button,
  .global-sort-v258,
  .global-tool-pill-v258,
  .global-view-toggle-v258,
  .one-country-grid-options,
  .one-country-clear,
  .coverage-expand,
  .buyer-support-tabs-v228 button,
  .buyer-support-issue-grid-v228 button
) {
  border-color: var(--border) !important;
  background: rgba(255, 255, 255, 0.065) !important;
  color: #ff7482 !important;
}

html[data-theme='dark'] :where(
  .filter-chip.active,
  .plan-tabs button.active,
  .buyer-support-tabs-v228 button.active,
  .buyer-support-issue-grid-v228 button.active,
  .account-option-card-v183 button.active,
  .preference-row.is-selected
) {
  border-color: rgba(255, 80, 96, 0.34) !important;
  background: rgba(229, 9, 20, 0.20) !important;
  color: #fff !important;
}

html[data-theme='dark'] :where(
  .badge,
  .pill,
  .status,
  .section-pill,
  .home-plan-label,
  .home-plan-price small,
  .network-icon,
  .network-icon-more,
  .plan-flag-more,
  .review-verified,
  .account-premium-badge
) {
  border-color: rgba(255, 80, 96, 0.20) !important;
  background: rgba(229, 9, 20, 0.16) !important;
  color: #ff7482 !important;
}

html[data-theme='dark'] .home-plan-label.popular,
html[data-theme='dark'] .home-plan-label.most-popular,
html[data-theme='dark'] .review-verified:not(.review-verified-soft),
html[data-theme='dark'] .account-order-status-success {
  border-color: rgba(34, 197, 94, 0.22) !important;
  background: rgba(34, 197, 94, 0.14) !important;
  color: #86efac !important;
}

html[data-theme='dark'] .home-best-price-row,
html[data-theme='dark'] .account-safe-strip,
html[data-theme='dark'] .support-contact-band-v228 {
  background:
    linear-gradient(90deg, rgba(229, 9, 20, 0.18), rgba(37, 99, 235, 0.10)) !important;
}

html[data-theme='dark'] .plan-purchase-panel,
html[data-theme='dark'] .install-card,
html[data-theme='dark'] .cashback-summary-card,
html[data-theme='dark'] .cashback-info,
html[data-theme='dark'] .cashback-panel {
  border-color: var(--border) !important;
  background: linear-gradient(180deg, rgba(24, 31, 45, 0.97), rgba(14, 19, 30, 0.99)) !important;
  color: var(--text) !important;
}

html[data-theme='dark'] .flag-badge {
  background: rgba(255, 255, 255, 0.10) !important;
  color: var(--text) !important;
}

html[data-theme='dark'] .site-footer,
html[data-theme='dark'] .site-footer-dark {
  border-top-color: var(--border) !important;
  background: linear-gradient(180deg, #090d16, #050810) !important;
  color: var(--muted) !important;
}

html[data-theme='dark'] .site-footer :where(a, strong, h2, h3) {
  color: var(--text) !important;
}

html[data-theme='dark'] .bottom-nav {
  border-color: var(--border) !important;
  background: rgba(10, 15, 24, 0.94) !important;
  box-shadow: 0 -18px 44px rgba(0, 0, 0, 0.38) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

html[data-theme='dark'] .bottom-nav a {
  color: #aeb9c9 !important;
}

html[data-theme='dark'] .bottom-nav a.is-active {
  background: rgba(229, 9, 20, 0.16) !important;
  color: #ff7482 !important;
}

@media (max-width: 760px) {
  html[data-theme='dark'] .aleo-home-desktop-ref .aleo-home-hero,
  html[data-theme='dark'] .aleo-home-v59 .aleo-home-hero {
    background:
      radial-gradient(circle at 82% 28%, rgba(229, 9, 20, 0.20), transparent 34%),
      linear-gradient(180deg, #111827 0%, #0d1320 58%, #090d16 100%) !important;
  }

  html[data-theme='dark'] .home-trip-selector,
  html[data-theme='dark'] .aleo-home-v59 .aleo-finder-card,
  html[data-theme='dark'] .home-plan-card {
    border-radius: 18px !important;
  }

  html[data-theme='dark'] .home-trip-card,
  html[data-theme='dark'] .home-plan-card,
  html[data-theme='dark'] .popular-country-card {
    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.30) !important;
  }
}

/* AleoFly v264.1: high-specificity dark text pass for legacy home/header rules. */
html[data-theme='dark'] body #site-header.site-header {
  border-color: rgba(255, 80, 96, 0.20) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(229, 9, 20, 0.22), transparent 34%),
    radial-gradient(circle at 84% 12%, rgba(59, 130, 246, 0.12), transparent 28%),
    linear-gradient(90deg, rgba(8, 12, 21, 0.98), rgba(13, 18, 30, 0.98) 54%, rgba(15, 19, 30, 0.98)) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.42) !important;
}

html[data-theme='dark'] body #site-header.site-header::before {
  background:
    radial-gradient(circle at 14% 40%, rgba(229, 9, 20, 0.16), transparent 30%),
    radial-gradient(circle at 68% 20%, rgba(96, 165, 250, 0.11), transparent 26%),
    linear-gradient(100deg, rgba(8, 12, 21, 0.92), rgba(13, 18, 30, 0.90), rgba(18, 23, 36, 0.92)) !important;
  opacity: 0.96 !important;
  filter: saturate(1.08) !important;
}

html[data-theme='dark'] body #site-header.site-header::after {
  background: linear-gradient(90deg, transparent 0%, rgba(229, 9, 20, 0.18) 22%, #ff3f52 50%, rgba(229, 9, 20, 0.20) 78%, transparent 100%) !important;
  box-shadow: 0 0 20px rgba(229, 9, 20, 0.58), 0 -2px 12px rgba(229, 9, 20, 0.18) !important;
}

html[data-theme='dark'] body #site-header.site-header > .top-nav a {
  color: #f7f9fd !important;
}

html[data-theme='dark'] body #site-header.site-header > .top-nav a.active,
html[data-theme='dark'] body #site-header.site-header > .top-nav a:hover,
html[data-theme='dark'] body #site-header.site-header > .top-nav a:focus-visible {
  color: #ff5363 !important;
}

html[data-theme='dark'] body #site-header.site-header .header-select-shell,
html[data-theme='dark'] body #site-header.site-header .header-icon-button,
html[data-theme='dark'] body #site-header.site-header .header-theme-toggle,
html[data-theme='dark'] body #site-header.site-header .mobile-notification-action,
html[data-theme='dark'] body #site-header.site-header .account-header-action {
  border-color: rgba(255, 255, 255, 0.14) !important;
  background: rgba(255, 255, 255, 0.09) !important;
  color: #f7f9fd !important;
}

html[data-theme='dark'] .aleo-home-v59 .hero-copy h1,
html[data-theme='dark'] .aleo-home-desktop-ref .hero-copy h1,
html[data-theme='dark'] .aleo-home-v59 .hero-copy h1:not(.ignore),
html[data-theme='dark'] .aleo-home-desktop-ref .hero-copy h1:not(.ignore) {
  color: #f7f9fd !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.38) !important;
}

html[data-theme='dark'] .aleo-home-v59 .hero-copy h1 span,
html[data-theme='dark'] .aleo-home-desktop-ref .hero-copy h1 span {
  color: #ff4f61 !important;
}

html[data-theme='dark'] .aleo-home-v59 .hero-sub,
html[data-theme='dark'] .aleo-home-desktop-ref .hero-copy .hero-sub {
  color: #cbd5e1 !important;
  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.34) !important;
}

html[data-theme='dark'] .aleo-home-v59 .aleo-feature-strip div,
html[data-theme='dark'] .aleo-home-desktop-ref .aleo-feature-strip div {
  border-color: rgba(255, 255, 255, 0.14) !important;
  background: rgba(255, 255, 255, 0.065) !important;
}

html[data-theme='dark'] .aleo-home-v59 .aleo-feature-strip strong,
html[data-theme='dark'] .aleo-home-desktop-ref .aleo-feature-strip strong {
  color: #f7f9fd !important;
}

html[data-theme='dark'] .aleo-home-v59 .aleo-feature-strip small,
html[data-theme='dark'] .aleo-home-desktop-ref .aleo-feature-strip small {
  color: #aeb9c9 !important;
}

html[data-theme='dark'] .home-trip-selector h2,
html[data-theme='dark'] .home-trip-card strong,
html[data-theme='dark'] .home-best-price-row strong,
html[data-theme='dark'] .popular-country-card strong,
html[data-theme='dark'] .home-plan-card strong,
html[data-theme='dark'] .home-plan-title,
html[data-theme='dark'] .row-head h2 {
  color: #f7f9fd !important;
}

html[data-theme='dark'] .home-trip-selector p,
html[data-theme='dark'] .home-trip-card small,
html[data-theme='dark'] .home-best-price-row small,
html[data-theme='dark'] .popular-country-card small,
html[data-theme='dark'] .home-plan-card small {
  color: #c5cfdd !important;
}

@media (max-width: 760px) {
  html[data-theme='dark'] body #site-header.site-header {
    background:
      radial-gradient(circle at 18% 0%, rgba(229, 9, 20, 0.20), transparent 38%),
      linear-gradient(180deg, rgba(10, 15, 24, 0.99), rgba(9, 13, 22, 0.99)) !important;
  }

  body #site-header.site-header > .brand.brand-image-lockup {
    width: clamp(164px, 48vw, 212px) !important;
    min-width: 0 !important;
    max-width: clamp(164px, 48vw, 212px) !important;
    flex-basis: clamp(164px, 48vw, 212px) !important;
  }

  body #site-header.site-header .brand-image-lockup .brand-logo-image {
    width: min(176px, 100%) !important;
    max-width: min(176px, 100%) !important;
  }

  body #site-header.site-header > .header-actions {
    position: absolute !important;
    top: 50% !important;
    right: auto !important;
    left: calc(100% - 80px) !important;
    z-index: 5 !important;
    display: flex !important;
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    justify-content: flex-end !important;
    transform: translateY(-50%) !important;
    overflow: visible !important;
  }

  body #site-header.site-header .header-lang-shell {
    position: fixed !important;
    top: 26px !important;
    right: 10px !important;
    left: auto !important;
    z-index: 1000 !important;
    display: grid !important;
    width: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
    flex-basis: 68px !important;
  }

  body #site-header.site-header .header-lang-shell .lang-select {
    width: 100% !important;
    min-width: 0 !important;
    font-size: 12px !important;
  }

  body #site-header.site-header .header-currency-shell {
    display: none !important;
  }

  html[data-theme='dark'] .aleo-home-v59 .hero-sub,
  html[data-theme='dark'] .aleo-home-desktop-ref .hero-copy .hero-sub {
    color: #d7deea !important;
  }
}

@media (max-width: 480px) {
  body #site-header.site-header {
    grid-template-columns: minmax(0, 1fr) max-content !important;
    padding-inline: 10px !important;
  }

  body #site-header.site-header > .brand.brand-image-lockup {
    width: min(232px, calc(100vw - 150px)) !important;
    min-width: 0 !important;
    max-width: min(232px, calc(100vw - 150px)) !important;
  }

  body #site-header.site-header .brand-image-lockup .brand-logo-image {
    width: min(176px, 100%) !important;
    max-width: min(176px, 100%) !important;
  }

  body #site-header.site-header > .header-actions {
    left: calc(100% - 80px) !important;
    right: auto !important;
    max-width: 70px !important;
    flex: 0 0 70px !important;
  }
}

/* AleoFly v265: transparent-logo header reset + compact locale controls. */
@media (min-width: 981px) {
  body {
    padding-top: 118px !important;
  }

  body.aleo-header-scrolled {
    padding-top: 104px !important;
  }
}

body #site-header.site-header {
  overflow: visible !important;
}

@media (min-width: 981px) {
  body #site-header.site-header {
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(190px, auto) minmax(380px, 1fr) auto !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 104px !important;
    height: 104px !important;
    padding: 0 clamp(26px, 3vw, 52px) !important;
    gap: clamp(18px, 2vw, 34px) !important;
    align-items: center !important;
  }

  body.aleo-header-scrolled #site-header.site-header {
    top: 8px !important;
    width: min(calc(100vw - 32px), 1460px) !important;
    min-height: 78px !important;
    height: 78px !important;
    padding: 0 18px 0 28px !important;
  }
}

body #site-header.site-header > .brand.brand-image-lockup,
body:has(.aleo-home-v59) #site-header.site-header > .brand.brand-image-lockup,
body:has(.checkout-page-v113) #site-header.site-header > .brand.brand-image-lockup,
body:has(.one-country-page) #site-header.site-header > .brand.brand-image-lockup,
body:has(.one-country-category-page) #site-header.site-header > .brand.brand-image-lockup,
body:has(.account-dashboard-v174) #site-header.site-header > .brand.brand-image-lockup,
body:has(.account-data-shell-v175) #site-header.site-header > .brand.brand-image-lockup,
body:has(.auth-page) #site-header.site-header > .brand.brand-image-lockup,
body:has(.login-card) #site-header.site-header > .brand.brand-image-lockup {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  flex: 0 0 auto !important;
  justify-self: start !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme='dark'] body #site-header.site-header > .brand.brand-image-lockup,
html[data-theme='light'] body #site-header.site-header > .brand.brand-image-lockup,
html[data-theme='dark'] body:has(.aleo-home-v59) #site-header.site-header > .brand.brand-image-lockup,
html[data-theme='light'] body:has(.aleo-home-v59) #site-header.site-header > .brand.brand-image-lockup,
html[data-theme='dark'] body:has(.checkout-page-v113) #site-header.site-header > .brand.brand-image-lockup,
html[data-theme='light'] body:has(.checkout-page-v113) #site-header.site-header > .brand.brand-image-lockup,
html[data-theme='dark'] body:has(.one-country-page) #site-header.site-header > .brand.brand-image-lockup,
html[data-theme='light'] body:has(.one-country-page) #site-header.site-header > .brand.brand-image-lockup,
html[data-theme='dark'] body:has(.one-country-category-page) #site-header.site-header > .brand.brand-image-lockup,
html[data-theme='light'] body:has(.one-country-category-page) #site-header.site-header > .brand.brand-image-lockup,
html[data-theme='dark'] body:has(.account-dashboard-v174) #site-header.site-header > .brand.brand-image-lockup,
html[data-theme='light'] body:has(.account-dashboard-v174) #site-header.site-header > .brand.brand-image-lockup,
html[data-theme='dark'] body:has(.account-data-shell-v175) #site-header.site-header > .brand.brand-image-lockup,
html[data-theme='light'] body:has(.account-data-shell-v175) #site-header.site-header > .brand.brand-image-lockup,
html[data-theme='dark'] body:has(.auth-page) #site-header.site-header > .brand.brand-image-lockup,
html[data-theme='light'] body:has(.auth-page) #site-header.site-header > .brand.brand-image-lockup,
html[data-theme='dark'] body:has(.login-card) #site-header.site-header > .brand.brand-image-lockup,
html[data-theme='light'] body:has(.login-card) #site-header.site-header > .brand.brand-image-lockup {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body #site-header.site-header .brand-image-lockup .brand-logo-image,
body:has(.aleo-home-v59) #site-header.site-header .brand-image-lockup .brand-logo-image,
body:has(.checkout-page-v113) #site-header.site-header .brand-image-lockup .brand-logo-image,
body:has(.one-country-page) #site-header.site-header .brand-image-lockup .brand-logo-image,
body:has(.one-country-category-page) #site-header.site-header .brand-image-lockup .brand-logo-image,
body:has(.account-dashboard-v174) #site-header.site-header .brand-image-lockup .brand-logo-image,
body:has(.account-data-shell-v175) #site-header.site-header .brand-image-lockup .brand-logo-image,
body:has(.auth-page) #site-header.site-header .brand-image-lockup .brand-logo-image,
body:has(.login-card) #site-header.site-header .brand-image-lockup .brand-logo-image {
  display: block !important;
  width: clamp(176px, 14.2vw, 244px) !important;
  max-width: clamp(176px, 14.2vw, 244px) !important;
  height: auto !important;
  max-height: 86px !important;
  object-fit: contain !important;
  object-position: left center !important;
  animation: none !important;
  filter:
    drop-shadow(0 1px 0 rgba(255, 255, 255, 0.42))
    drop-shadow(0 10px 18px rgba(0, 0, 0, 0.22)) !important;
}

body #site-header.site-header > .top-nav {
  min-width: 0 !important;
}

body #site-header.site-header > .header-actions {
  position: relative !important;
  inset: auto !important;
  z-index: 4 !important;
  display: flex !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin: 0 0 0 auto !important;
  overflow: visible !important;
  transform: none !important;
}

body #site-header.site-header .header-select-shell,
body:has(.aleo-home-v59) #site-header.site-header .header-select-shell,
body:has(.checkout-page-v113) #site-header.site-header .header-select-shell,
body:has(.one-country-page) #site-header.site-header .header-select-shell,
body:has(.one-country-category-page) #site-header.site-header .header-select-shell,
body:has(.account-dashboard-v174) #site-header.site-header .header-select-shell,
body:has(.account-data-shell-v175) #site-header.site-header .header-select-shell {
  position: relative !important;
  inset: auto !important;
  display: inline-flex !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  transform: none !important;
}

body #site-header.site-header .header-lang-shell,
body:has(.aleo-home-v59) #site-header.site-header .header-lang-shell,
body:has(.checkout-page-v113) #site-header.site-header .header-lang-shell,
body:has(.one-country-page) #site-header.site-header .header-lang-shell,
body:has(.account-dashboard-v174) #site-header.site-header .header-lang-shell {
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  flex: 0 0 58px !important;
}

body #site-header.site-header .header-currency-shell,
body:has(.aleo-home-v59) #site-header.site-header .header-currency-shell,
body:has(.checkout-page-v113) #site-header.site-header .header-currency-shell,
body:has(.one-country-page) #site-header.site-header .header-currency-shell,
body:has(.account-dashboard-v174) #site-header.site-header .header-currency-shell {
  display: inline-flex !important;
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  flex: 0 0 72px !important;
}

body #site-header.site-header .header-select-shell::before {
  content: attr(data-short) !important;
  left: 13px !important;
  max-width: calc(100% - 30px) !important;
  color: #f8fafc !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body #site-header.site-header .header-select-shell::after {
  right: 11px !important;
  width: 6px !important;
  height: 6px !important;
  color: #f8fafc !important;
}

body #site-header.site-header .header-actions .lang-select,
body #site-header.site-header .header-actions .currency-select {
  color: transparent !important;
  opacity: 0 !important;
}

body #site-header.site-header .header-icon-button,
body #site-header.site-header .header-actions > button[data-toggle-theme-quick],
body #site-header.site-header .header-actions > .mobile-notification-action,
body #site-header.site-header .account-header-action {
  width: 52px !important;
  min-width: 52px !important;
  max-width: 52px !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  flex: 0 0 52px !important;
}

html[data-theme='dark'] body #site-header.site-header .header-select-shell,
html[data-theme='dark'] body #site-header.site-header .header-icon-button,
html[data-theme='dark'] body #site-header.site-header .header-theme-toggle,
html[data-theme='dark'] body #site-header.site-header .mobile-notification-action,
html[data-theme='dark'] body #site-header.site-header .account-header-action {
  border-color: rgba(255, 255, 255, 0.15) !important;
  background: rgba(255, 255, 255, 0.09) !important;
  color: #f8fafc !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 12px 24px rgba(0, 0, 0, 0.26) !important;
}

html[data-theme='dark'] body #site-header.site-header .brand-image-lockup .brand-logo-image {
  filter:
    drop-shadow(0 1px 0 rgba(255, 255, 255, 0.52))
    drop-shadow(0 12px 24px rgba(0, 0, 0, 0.38)) !important;
}

html[data-theme='dark'] main.app:has(.search-choice-page) {
  background:
    radial-gradient(circle at 16% 0%, rgba(229, 9, 20, 0.16), transparent 34%),
    radial-gradient(circle at 86% 18%, rgba(37, 99, 235, 0.11), transparent 32%),
    linear-gradient(180deg, #080c14 0%, #090d16 48%, #050810 100%) !important;
}

html[data-theme='dark'] .search-choice-page {
  color: #f7f9fd !important;
}

html[data-theme='dark'] .search-choice-head h1,
html[data-theme='dark'] .search-choice-card strong,
html[data-theme='dark'] .search-benefit strong {
  color: #f7f9fd !important;
}

html[data-theme='dark'] .search-choice-head p,
html[data-theme='dark'] .search-choice-card small,
html[data-theme='dark'] .search-benefit small {
  color: #c5cfdd !important;
}

html[data-theme='dark'] .search-choice-card,
html[data-theme='dark'] .search-choice-card.one,
html[data-theme='dark'] .search-choice-card.multi,
html[data-theme='dark'] .search-choice-card.global,
html[data-theme='dark'] .search-choice-benefits,
html[data-theme='dark'] .search-benefit {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: linear-gradient(180deg, rgba(22, 29, 42, 0.97), rgba(13, 18, 29, 0.99)) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.34) !important;
}

html[data-theme='dark'] .search-choice-card::before {
  background: rgba(255, 255, 255, 0.045) !important;
}

html[data-theme='dark'] .search-card-action {
  background: rgba(255, 255, 255, 0.09) !important;
  color: #ff5363 !important;
}

html[data-theme='dark'] .search-choice-skyline,
html[data-theme='dark'] .search-choice-skyline::before {
  opacity: 0.22 !important;
  background: linear-gradient(180deg, rgba(229, 9, 20, 0.12), rgba(37, 99, 235, 0.10)) !important;
}

@media (max-width: 980px) {
  body {
    padding-top: 92px !important;
  }

  body #site-header.site-header {
    top: 8px !important;
    right: auto !important;
    left: 8px !important;
    display: grid !important;
    grid-template-columns: minmax(118px, 1fr) auto !important;
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    min-height: 72px !important;
    height: 72px !important;
    padding: 0 8px !important;
    gap: 6px !important;
    align-items: center !important;
    border-radius: 16px !important;
    transform: none !important;
  }

  body #site-header.site-header > .brand.brand-image-lockup {
    grid-column: 1 !important;
    width: auto !important;
    max-width: calc(100vw - 166px) !important;
  }

  body #site-header.site-header .brand-image-lockup .brand-logo-image {
    width: clamp(116px, 33vw, 148px) !important;
    max-width: clamp(116px, 33vw, 148px) !important;
    max-height: 58px !important;
  }

  body #site-header.site-header > .top-nav {
    display: none !important;
  }

  body #site-header.site-header > .header-actions {
    grid-column: 2 !important;
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    gap: 4px !important;
    transform: none !important;
  }

  body #site-header.site-header .header-select-shell {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
  }

  body #site-header.site-header .header-lang-shell {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    flex: 0 0 44px !important;
  }

  body #site-header.site-header .header-currency-shell {
    display: inline-flex !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    flex: 0 0 48px !important;
  }

  body #site-header.site-header .header-select-shell::before {
    left: 8px !important;
    max-width: calc(100% - 20px) !important;
    font-size: 10px !important;
  }

  body #site-header.site-header .header-select-shell::after {
    right: 7px !important;
    width: 5px !important;
    height: 5px !important;
  }

  body #site-header.site-header .header-icon-button,
  body #site-header.site-header .header-actions > button[data-toggle-theme-quick] {
    display: inline-grid !important;
    visibility: visible !important;
    position: relative !important;
    inset: auto !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    flex: 0 0 36px !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  body #site-header.site-header .mobile-notification-action,
  body #site-header.site-header .header-actions > .mobile-notification-action {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    flex: 0 0 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body #site-header.site-header .account-header-action,
  body #site-header.site-header .header-actions > a[href="/login"],
  body #site-header.site-header .header-actions > a[href="/account"] {
    display: none !important;
  }
}

@media (max-width: 380px) {
  body #site-header.site-header .header-currency-shell {
    display: inline-flex !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    flex: 0 0 44px !important;
  }

  body #site-header.site-header > .brand.brand-image-lockup {
    max-width: calc(100vw - 156px) !important;
  }

  body #site-header.site-header .brand-image-lockup .brand-logo-image {
    width: clamp(104px, 31vw, 132px) !important;
    max-width: clamp(104px, 31vw, 132px) !important;
  }
}

@media (max-width: 980px) {
  html[data-theme] body #site-header.site-header > .brand.brand-image-lockup,
  html[data-theme] body:has(.aleo-home-v59) #site-header.site-header > .brand.brand-image-lockup,
  html[data-theme] body:has(.checkout-page-v113) #site-header.site-header > .brand.brand-image-lockup,
  html[data-theme] body:has(.one-country-page) #site-header.site-header > .brand.brand-image-lockup,
  html[data-theme] body:has(.one-country-category-page) #site-header.site-header > .brand.brand-image-lockup,
  html[data-theme] body:has(.account-dashboard-v174) #site-header.site-header > .brand.brand-image-lockup,
  html[data-theme] body:has(.account-data-shell-v175) #site-header.site-header > .brand.brand-image-lockup,
  html[data-theme] body:has(.auth-page) #site-header.site-header > .brand.brand-image-lockup,
  html[data-theme] body:has(.login-card) #site-header.site-header > .brand.brand-image-lockup {
    width: auto !important;
    max-width: calc(100vw - 166px) !important;
    height: 58px !important;
    flex: 0 1 auto !important;
  }

  html[data-theme] body #site-header.site-header .brand-image-lockup .brand-logo-image,
  html[data-theme] body:has(.aleo-home-v59) #site-header.site-header .brand-image-lockup .brand-logo-image,
  html[data-theme] body:has(.checkout-page-v113) #site-header.site-header .brand-image-lockup .brand-logo-image,
  html[data-theme] body:has(.one-country-page) #site-header.site-header .brand-image-lockup .brand-logo-image,
  html[data-theme] body:has(.one-country-category-page) #site-header.site-header .brand-image-lockup .brand-logo-image,
  html[data-theme] body:has(.account-dashboard-v174) #site-header.site-header .brand-image-lockup .brand-logo-image,
  html[data-theme] body:has(.account-data-shell-v175) #site-header.site-header .brand-image-lockup .brand-logo-image,
  html[data-theme] body:has(.auth-page) #site-header.site-header .brand-image-lockup .brand-logo-image,
  html[data-theme] body:has(.login-card) #site-header.site-header .brand-image-lockup .brand-logo-image {
    width: clamp(116px, 33vw, 148px) !important;
    max-width: clamp(116px, 33vw, 148px) !important;
    height: auto !important;
    max-height: 58px !important;
  }

  html[data-theme] body #site-header.site-header .header-select-shell,
  html[data-theme] body:has(.aleo-home-v59) #site-header.site-header .header-select-shell,
  html[data-theme] body:has(.checkout-page-v113) #site-header.site-header .header-select-shell,
  html[data-theme] body:has(.one-country-page) #site-header.site-header .header-select-shell,
  html[data-theme] body:has(.one-country-category-page) #site-header.site-header .header-select-shell,
  html[data-theme] body:has(.account-dashboard-v174) #site-header.site-header .header-select-shell,
  html[data-theme] body:has(.account-data-shell-v175) #site-header.site-header .header-select-shell {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
  }

  html[data-theme] body #site-header.site-header .header-lang-shell,
  html[data-theme] body:has(.aleo-home-v59) #site-header.site-header .header-lang-shell,
  html[data-theme] body:has(.checkout-page-v113) #site-header.site-header .header-lang-shell,
  html[data-theme] body:has(.one-country-page) #site-header.site-header .header-lang-shell,
  html[data-theme] body:has(.account-dashboard-v174) #site-header.site-header .header-lang-shell {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    flex: 0 0 44px !important;
  }

  html[data-theme] body #site-header.site-header .header-currency-shell,
  html[data-theme] body:has(.aleo-home-v59) #site-header.site-header .header-currency-shell,
  html[data-theme] body:has(.checkout-page-v113) #site-header.site-header .header-currency-shell,
  html[data-theme] body:has(.one-country-page) #site-header.site-header .header-currency-shell,
  html[data-theme] body:has(.account-dashboard-v174) #site-header.site-header .header-currency-shell {
    display: inline-flex !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    flex: 0 0 48px !important;
  }

  html[data-theme] body #site-header.site-header .header-actions > button[data-toggle-theme-quick].header-theme-toggle {
    display: inline-grid !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    flex: 0 0 36px !important;
  }
}

/* AleoFly v266: close remaining light-mode leaks on dark pages. */
html[data-theme='dark'] main.app:has(.coverage-page-v225),
html[data-theme='dark'] main.app:has(.region-page-v211),
html[data-theme='dark'] main.app:has(.one-country-category-page),
html[data-theme='dark'] main.app:has(.global-category-page-v258),
html[data-theme='dark'] main.app:has(.reviews-page),
html[data-theme='dark'] main.app:has(.about-page-v226) {
  background:
    radial-gradient(circle at 16% 0%, rgba(229, 9, 20, 0.15), transparent 34%),
    radial-gradient(circle at 86% 16%, rgba(37, 99, 235, 0.11), transparent 32%),
    linear-gradient(180deg, #080c14 0%, #070b13 48%, #050810 100%) !important;
  color: var(--text) !important;
}

html[data-theme='dark'] body:has(.coverage-page-v225),
html[data-theme='dark'] body:has(.region-page-v211),
html[data-theme='dark'] body:has(.one-country-category-page),
html[data-theme='dark'] body:has(.reviews-page),
html[data-theme='dark'] body:has(.about-page-v226) {
  background:
    radial-gradient(circle at 14% 0%, rgba(229, 9, 20, 0.16), transparent 32%),
    linear-gradient(180deg, #090d16 0%, #060a12 100%) !important;
}

html[data-theme='dark'] :where(
  .coverage-page-v225,
  .region-page-v211,
  .one-country-category-page,
  .global-category-page-v258,
  .reviews-page,
  .about-page-v226,
  .support-page-v228
) {
  color: var(--text) !important;
}

html[data-theme='dark'] :where(
  .coverage-hero-v225,
  .support-hero-v228,
  .reviews-hero,
  .about-hero-copy-v226,
  .about-mission-v226,
  .about-section-v226
) {
  border-color: rgba(255, 80, 96, 0.16) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(229, 9, 20, 0.18), transparent 34%),
    radial-gradient(circle at 86% 12%, rgba(37, 99, 235, 0.10), transparent 30%),
    linear-gradient(135deg, rgba(18, 24, 38, 0.98), rgba(11, 16, 27, 0.99)) !important;
  color: var(--text) !important;
  box-shadow: 0 22px 58px rgba(0, 0, 0, 0.34) !important;
}

html[data-theme='dark'] .region-hero-v211 {
  border-color: rgba(255, 80, 96, 0.16) !important;
  background:
    linear-gradient(90deg, rgba(9, 13, 22, 0.94) 0%, rgba(13, 18, 30, 0.92) 48%, rgba(18, 24, 38, 0.78) 100%),
    var(--region-image) center / cover no-repeat !important;
  color: var(--text) !important;
  box-shadow: 0 24px 68px rgba(0, 0, 0, 0.38) !important;
}

html[data-theme='dark'] :where(
  .coverage-hero-panel-v225,
  .coverage-directory-v225,
  .coverage-note-v225,
  .coverage-assurance-v225 span,
  .coverage-hero-stats-v225 span,
  .coverage-region-strip a,
  .region-switch-v211,
  .region-flag-rail-v211,
  .region-country-directory-v211,
  .region-country-card-v211,
  .region-hero-stats-v211 span,
  .region-hero-side-v211,
  .region-plans-v211,
  .one-country-category-search,
  .one-country-category-sort,
  .one-country-category-cta,
  .one-country-load-more,
  .one-country-category-filter-bar label,
  .one-country-category-benefits,
  .one-country-category-benefits span,
  .multi-trip-panel,
  .multi-filter-bar,
  .multi-search-prompt,
  .multi-filter-select,
  .reviews-hero-score,
  .support-contact-list-v228 a,
  .home-testimonial-card,
  .aleo-home-v59 .aleo-benefit-bar > div,
  .footer-trust-wrap,
  .footer-trust-strip
) {
  border-color: var(--border) !important;
  background:
    linear-gradient(180deg, rgba(23, 29, 42, 0.96), rgba(14, 19, 30, 0.99)) !important;
  color: var(--text) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.30) !important;
}

html[data-theme='dark'] :where(
  .coverage-search-v225,
  .coverage-search-v225 input,
  .one-country-category-search input,
  .one-country-category-search button,
  .one-country-category-sort select,
  .one-country-category-filter-bar select,
  .multi-filter-select select,
  .flow-search-card input
) {
  border-color: var(--border) !important;
  background: transparent !important;
  color: var(--text) !important;
}

html[data-theme='dark'] :where(
  .coverage-hero-v225 p,
  .coverage-directory-v225 p,
  .coverage-country-card small,
  .coverage-assurance-v225 small,
  .region-hero-v211 p,
  .region-country-card-v211 small,
  .one-country-category-search input::placeholder,
  .one-country-category-benefits small,
  .multi-search-prompt p,
  .support-contact-list-v228 span,
  .about-page-v226 p,
  .reviews-hero p,
  .home-testimonial-card p,
  .home-testimonial-card small
) {
  color: var(--muted) !important;
}

html[data-theme='dark'] :where(
  .coverage-hero-v225 h1,
  .coverage-directory-v225 h2,
  .coverage-group-v225 h3,
  .coverage-country-card strong,
  .region-hero-v211 h1,
  .region-country-card-v211 strong,
  .one-country-category-benefits strong,
  .multi-trip-panel h2,
  .multi-search-prompt h3,
  .reviews-hero h1,
  .about-page-v226 h1,
  .about-page-v226 h2,
  .support-contact-list-v228 b,
  .home-testimonial-card strong
) {
  color: var(--text) !important;
}

html[data-theme='dark'] .coverage-country-card,
html[data-theme='dark'] .one-country-category-card,
html[data-theme='dark'] .global-plan-card-v258,
html[data-theme='dark'] .multi-plan-card {
  border-color: var(--border) !important;
  background:
    linear-gradient(180deg, rgba(23, 29, 42, 0.96), rgba(14, 19, 30, 0.99)) !important;
  color: var(--text) !important;
}

html[data-theme='dark'] .region-switch-v211 a,
html[data-theme='dark'] .region-hero-actions-v211 a,
html[data-theme='dark'] .coverage-hero-actions-v225 a,
html[data-theme='dark'] .coverage-region-strip a,
html[data-theme='dark'] .one-country-category-filter-bar label,
html[data-theme='dark'] .multi-filter-select {
  color: var(--text) !important;
}

html[data-theme='dark'] .region-switch-v211 a.active,
html[data-theme='dark'] .region-switch-v211 a:hover,
html[data-theme='dark'] .coverage-region-strip a:hover,
html[data-theme='dark'] .one-country-category-filter-bar label:focus-within,
html[data-theme='dark'] .multi-filter-select:focus-within {
  border-color: rgba(255, 80, 96, 0.34) !important;
  background: rgba(229, 9, 20, 0.18) !important;
  color: #fff !important;
}

html[data-theme='dark'] .footer-trust-wrap {
  border-color: var(--border) !important;
  background: #070b13 !important;
  box-shadow: none !important;
}

html[data-theme='dark'] .footer-trust-strip {
  background:
    linear-gradient(90deg, rgba(23, 29, 42, 0.95), rgba(12, 17, 28, 0.98)) !important;
}

/* AleoFly v267: darken remaining category hero artwork that looked like light leaks. */
html[data-theme='dark'] main.app:has(.multi-country-page),
html[data-theme='dark'] body:has(.multi-country-page) {
  background:
    radial-gradient(circle at 13% 0%, rgba(229, 9, 20, 0.16), transparent 33%),
    radial-gradient(circle at 86% 13%, rgba(37, 99, 235, 0.10), transparent 30%),
    linear-gradient(180deg, #080c14 0%, #060a12 100%) !important;
}

html[data-theme='dark'] .multi-country-page {
  color: var(--text) !important;
  --multi-line: var(--border);
  --multi-muted: var(--muted);
}

html[data-theme='dark'] body main.app .multi-country-page .multi-hero {
  border: 1px solid rgba(255, 80, 96, 0.16) !important;
  background:
    radial-gradient(circle at 18% 22%, rgba(229, 9, 20, 0.18), transparent 28%),
    radial-gradient(circle at 82% 28%, rgba(255, 80, 96, 0.14), transparent 26%),
    linear-gradient(100deg, rgba(16, 22, 36, 0.98) 0%, rgba(14, 19, 31, 0.98) 52%, rgba(35, 18, 29, 0.96) 100%) !important;
  box-shadow: 0 22px 62px rgba(0, 0, 0, 0.36) !important;
}

html[data-theme='dark'] body main.app .multi-country-page .multi-hero::after {
  background:
    radial-gradient(circle at 20% 38%, rgba(229, 9, 20, 0.18), transparent 28%),
    radial-gradient(circle at 76% 50%, rgba(255, 80, 96, 0.16), transparent 24%),
    linear-gradient(100deg, transparent, rgba(255, 80, 96, 0.12), transparent) !important;
  mix-blend-mode: normal !important;
  opacity: 0.92 !important;
}

html[data-theme='dark'] body main.app .multi-country-page .multi-hero img {
  filter: brightness(0.58) saturate(1.08) contrast(1.05) !important;
  opacity: 0.88 !important;
}

html[data-theme='dark'] :where(
  .multi-trip-actions,
  .multi-result-summary,
  .multi-results-shell,
  .multi-featured-plans,
  .multi-destination-picker,
  .multi-country-page .selected-destination-strip,
  .multi-country-page .flow-country-popover,
  .multi-country-page .flow-search-card,
  .multi-country-page .multi-destination-search,
  .multi-country-page .multi-add-destination,
  .multi-country-page .multi-area-open,
  .multi-country-page .multi-card-details
) {
  border-color: var(--border) !important;
  background: linear-gradient(180deg, rgba(23, 29, 42, 0.96), rgba(14, 19, 30, 0.99)) !important;
  color: var(--text) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.30) !important;
}

html[data-theme='dark'] :where(
  .multi-hero h1,
  .multi-hero b,
  .multi-panel-title strong,
  .multi-result-summary > strong,
  .multi-results-shell h2
) {
  color: var(--text) !important;
}

html[data-theme='dark'] :where(
  .multi-hero p,
  .multi-hero small,
  .multi-result-summary,
  .multi-country-page .flow-search-card input::placeholder
) {
  color: var(--muted) !important;
}

html[data-theme='dark'] .one-country-category-hero-art {
  filter: brightness(0.54) saturate(1.06) contrast(1.06) !important;
  opacity: 0.86 !important;
}

html[data-theme='dark'] .one-country-category-hero::after {
  background:
    radial-gradient(circle at 76% 48%, rgba(8, 11, 18, 0) 0 28%, rgba(8, 11, 18, 0.62) 72%, #101624 100%),
    linear-gradient(90deg, #101624 0%, rgba(16, 22, 36, 0.98) 39%, rgba(16, 22, 36, 0.52) 68%, rgba(16, 22, 36, 0.10) 100%) !important;
}

/* AleoFly v267b: mobile Home may keep body.theme-dark while html data-theme is reset. */
body.theme-dark:has(.aleo-home-v59),
body.theme-dark main.app:has(.aleo-home-v59),
body.theme-dark .aleo-home-v59 {
  background:
    radial-gradient(circle at 13% 0%, rgba(229, 9, 20, 0.16), transparent 33%),
    radial-gradient(circle at 86% 13%, rgba(37, 99, 235, 0.10), transparent 30%),
    linear-gradient(180deg, #080c14 0%, #060a12 100%) !important;
  color: var(--text) !important;
}

body.theme-dark .app-loader.is-hidden {
  background: transparent !important;
}

body.theme-dark :where(
  .aleo-home-v59 .aleo-home-hero,
  .home-trip-selector,
  .aleo-home-v59 .aleo-finder-card,
  .aleo-home-v59 .aleo-search-panel,
  .aleo-home-v59 .aleo-plan-showcase,
  .aleo-home-v59 .aleo-benefit-bar,
  .home-recommended-plans,
  .home-plan-card,
  .home-best-price-row
) {
  border-color: var(--border) !important;
  background:
    linear-gradient(180deg, rgba(23, 29, 42, 0.96), rgba(14, 19, 30, 0.99)) !important;
  color: var(--text) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.30) !important;
}

body.theme-dark :where(
  .home-trip-card,
  .home-trip-card.home-one,
  .home-trip-card.home-multi,
  .aleo-home-v59 .aleo-feature-strip div,
  .home-plan-specs div
) {
  border-color: var(--border) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--text) !important;
}

body.theme-dark :where(
  .home-trip-selector h2,
  .home-trip-card strong,
  .home-trip-card b,
  .home-plan-card strong,
  .home-plan-title,
  .aleo-home-v59 .hero-copy h1
) {
  color: var(--text) !important;
}

body.theme-dark :where(
  .home-trip-selector p,
  .home-trip-card small,
  .home-trip-card p,
  .home-best-price-row small,
  .home-plan-card small,
  .aleo-home-v59 .hero-sub
) {
  color: var(--muted) !important;
}

body.theme-dark :where(
  .home-trip-icon,
  .home-plan-label,
  .home-plan-flag,
  .home-plan-heart
) {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--text) !important;
}

/* AleoFly v267c: high-specificity body.theme-dark fallback for routes that reset html[data-theme]. */
body.theme-dark,
body.theme-dark main.app,
body.theme-dark main.app:has(.aleo-home-v59),
body.theme-dark main.app:has(.coverage-page-v225),
body.theme-dark main.app:has(.support-page-v228),
body.theme-dark main.app:has(.region-page-v211),
body.theme-dark main.app:has(.one-country-category-page),
body.theme-dark main.app:has(.multi-country-page),
body.theme-dark main.app:has(.reviews-page),
body.theme-dark main.app:has(.about-page-v226) {
  --bg: #080c14;
  --panel: #111827;
  --panel-soft: #172033;
  --text: #f7f9fd;
  --muted: #aeb9c9;
  --border: rgba(255, 255, 255, 0.14);
  background:
    radial-gradient(circle at 13% 0%, rgba(229, 9, 20, 0.16), transparent 33%),
    radial-gradient(circle at 86% 13%, rgba(37, 99, 235, 0.10), transparent 30%),
    linear-gradient(180deg, #080c14 0%, #060a12 100%) !important;
  color: var(--text) !important;
}

body.theme-dark main.app .aleo-home-v59 .aleo-home-hero,
body.theme-dark main.app .aleo-feature-strip div,
body.theme-dark main.app .home-trip-selector,
body.theme-dark main.app .home-trip-card,
body.theme-dark main.app .home-trip-icon,
body.theme-dark main.app .home-recommended-plans,
body.theme-dark main.app .home-plan-card,
body.theme-dark main.app .home-best-price-row,
body.theme-dark main.app .coverage-hero-v225,
body.theme-dark main.app .coverage-hero-panel-v225,
body.theme-dark main.app .coverage-directory-v225,
body.theme-dark main.app .coverage-note-v225,
body.theme-dark main.app .coverage-assurance-v225 span,
body.theme-dark main.app .coverage-hero-stats-v225 span,
body.theme-dark main.app .coverage-country-card,
body.theme-dark main.app .coverage-region-strip a,
body.theme-dark main.app .support-hero-v228,
body.theme-dark main.app .support-contact-band-v228,
body.theme-dark main.app .support-status-card-v228,
body.theme-dark main.app .support-grid-v228 article,
body.theme-dark main.app .support-contact-list-v228 a,
body.theme-dark main.app .region-switch-v211,
body.theme-dark main.app .region-flag-rail-v211,
body.theme-dark main.app .region-country-directory-v211,
body.theme-dark main.app .region-country-card-v211,
body.theme-dark main.app .region-hero-stats-v211 span,
body.theme-dark main.app .region-hero-side-v211,
body.theme-dark main.app .region-plans-v211,
body.theme-dark main.app .one-country-category-hero,
body.theme-dark main.app .one-country-category-search,
body.theme-dark main.app .one-country-category-sort,
body.theme-dark main.app .one-country-category-cta,
body.theme-dark main.app .one-country-load-more,
body.theme-dark main.app .one-country-category-filter-bar label,
body.theme-dark main.app .one-country-category-benefits,
body.theme-dark main.app .one-country-category-benefits span,
body.theme-dark main.app .one-country-category-card,
body.theme-dark main.app .multi-trip-panel,
body.theme-dark main.app .multi-filter-bar,
body.theme-dark main.app .multi-search-prompt,
body.theme-dark main.app .multi-filter-select,
body.theme-dark main.app .multi-trip-actions,
body.theme-dark main.app .multi-result-summary,
body.theme-dark main.app .multi-results-shell,
body.theme-dark main.app .multi-featured-plans,
body.theme-dark main.app .multi-destination-picker,
body.theme-dark main.app .multi-country-page .selected-destination-strip,
body.theme-dark main.app .multi-country-page .flow-country-popover,
body.theme-dark main.app .multi-country-page .flow-search-card,
body.theme-dark main.app .multi-country-page .multi-destination-search,
body.theme-dark main.app .multi-country-page .multi-add-destination,
body.theme-dark main.app .multi-country-page .multi-destination-open,
body.theme-dark main.app .multi-country-page .selected-destination-empty,
body.theme-dark main.app .multi-country-page .multi-area-open,
body.theme-dark main.app .multi-country-page .multi-card-details,
body.theme-dark main.app .multi-country-page .multi-more-filters,
body.theme-dark main.app .multi-country-page .btn-ghost,
body.theme-dark main.app .multi-plan-card,
body.theme-dark main.app .reviews-hero,
body.theme-dark main.app .reviews-hero-score,
body.theme-dark main.app .review-card,
body.theme-dark main.app .about-hero-copy-v226,
body.theme-dark main.app .about-mission-v226,
body.theme-dark main.app .about-section-v226,
body.theme-dark main.app .footer-trust-wrap,
body.theme-dark main.app .footer-trust-strip {
  border-color: var(--border) !important;
  background:
    linear-gradient(180deg, rgba(23, 29, 42, 0.96), rgba(14, 19, 30, 0.99)) !important;
  color: var(--text) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.30) !important;
}

body.theme-dark #site-header.site-header,
body.theme-dark.aleo-header-scrolled #site-header.site-header {
  border-color: rgba(255, 80, 96, 0.18) !important;
  background:
    radial-gradient(circle at 0% 50%, rgba(229, 9, 20, 0.28), transparent 28%),
    linear-gradient(100deg, rgba(81, 13, 34, 0.96) 0%, rgba(22, 28, 42, 0.96) 54%, rgba(31, 47, 74, 0.96) 100%) !important;
  color: var(--text) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.32) !important;
}

body.theme-dark #site-header.site-header::before {
  background:
    radial-gradient(circle at 16% 42%, rgba(229, 9, 20, 0.18), transparent 30%),
    radial-gradient(circle at 74% 46%, rgba(59, 130, 246, 0.12), transparent 30%),
    linear-gradient(100deg, rgba(81, 13, 34, 0.75), rgba(18, 26, 42, 0.88), rgba(31, 47, 74, 0.80)) !important;
  opacity: 1 !important;
}

body.theme-dark #site-header.site-header a,
body.theme-dark #site-header.site-header button,
body.theme-dark #site-header.site-header .header-select-shell::before {
  color: var(--text) !important;
}

body.theme-dark #site-header.site-header .header-select-shell,
body.theme-dark #site-header.site-header .header-icon-button,
body.theme-dark #site-header.site-header .header-actions > button[data-toggle-theme-quick],
body.theme-dark #site-header.site-header .account-header-action {
  border-color: rgba(255, 255, 255, 0.14) !important;
  background: rgba(255, 255, 255, 0.10) !important;
  color: var(--text) !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.24) !important;
}

body.theme-dark main.app .region-hero-v211 {
  border-color: rgba(255, 80, 96, 0.16) !important;
  background:
    linear-gradient(90deg, rgba(9, 13, 22, 0.94) 0%, rgba(13, 18, 30, 0.92) 48%, rgba(18, 24, 38, 0.78) 100%),
    var(--region-image) center / cover no-repeat !important;
  color: var(--text) !important;
  box-shadow: 0 24px 68px rgba(0, 0, 0, 0.38) !important;
}

body.theme-dark main.app .multi-country-page .multi-hero {
  border: 1px solid rgba(255, 80, 96, 0.16) !important;
  background:
    radial-gradient(circle at 18% 22%, rgba(229, 9, 20, 0.18), transparent 28%),
    radial-gradient(circle at 82% 28%, rgba(255, 80, 96, 0.14), transparent 26%),
    linear-gradient(100deg, rgba(16, 22, 36, 0.98) 0%, rgba(14, 19, 31, 0.98) 52%, rgba(35, 18, 29, 0.96) 100%) !important;
  box-shadow: 0 22px 62px rgba(0, 0, 0, 0.36) !important;
}

body.theme-dark main.app .multi-country-page .multi-hero::after {
  z-index: 2 !important;
  background:
    linear-gradient(rgba(7, 11, 19, 0.46), rgba(7, 11, 19, 0.46)),
    radial-gradient(circle at 20% 38%, rgba(229, 9, 20, 0.18), transparent 28%),
    radial-gradient(circle at 76% 50%, rgba(255, 80, 96, 0.16), transparent 24%),
    linear-gradient(100deg, transparent, rgba(255, 80, 96, 0.12), transparent) !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

body.theme-dark main.app .multi-country-page .multi-hero img {
  z-index: 1 !important;
  filter: brightness(0.38) saturate(1.05) contrast(1.12) !important;
  opacity: 0.78 !important;
}

body.theme-dark main.app .one-country-category-hero-art {
  filter: brightness(0.54) saturate(1.06) contrast(1.06) !important;
  opacity: 0.86 !important;
}

body.theme-dark main.app .one-country-category-hero::after {
  background:
    radial-gradient(circle at 76% 48%, rgba(8, 11, 18, 0) 0 28%, rgba(8, 11, 18, 0.62) 72%, #101624 100%),
    linear-gradient(90deg, #101624 0%, rgba(16, 22, 36, 0.98) 39%, rgba(16, 22, 36, 0.52) 68%, rgba(16, 22, 36, 0.10) 100%) !important;
}

body.theme-dark main.app .coverage-search-v225,
body.theme-dark main.app .coverage-search-v225 input,
body.theme-dark main.app .one-country-category-search input,
body.theme-dark main.app .one-country-category-search button,
body.theme-dark main.app .one-country-category-sort select,
body.theme-dark main.app .one-country-category-filter-bar select,
body.theme-dark main.app .multi-filter-select select,
body.theme-dark main.app .flow-search-card input {
  border-color: var(--border) !important;
  background: transparent !important;
  color: var(--text) !important;
}

body.theme-dark main.app .flow-country-row,
body.theme-dark main.app .country-result-row,
body.theme-dark main.app .country-search-popover {
  border-color: var(--border) !important;
  background: linear-gradient(180deg, rgba(23, 29, 42, 0.98), rgba(14, 19, 30, 0.99)) !important;
  color: var(--text) !important;
}

body.theme-dark .bottom-nav {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: rgba(13, 18, 29, 0.96) !important;
  box-shadow: 0 -16px 42px rgba(0, 0, 0, 0.34) !important;
}

body.theme-dark .bottom-nav a {
  color: var(--muted) !important;
}

body.theme-dark .bottom-nav a.is-active {
  color: #ff5a69 !important;
  background: rgba(255, 80, 96, 0.12) !important;
}

body.theme-dark main.app .aleo-home-v59 .hero-copy h1,
body.theme-dark main.app .aleo-home-v59 .hero-copy h1::first-line,
body.theme-dark main.app .home-trip-selector h2,
body.theme-dark main.app .home-trip-card strong,
body.theme-dark main.app .home-trip-card b,
body.theme-dark main.app .coverage-hero-v225 h1,
body.theme-dark main.app .coverage-directory-v225 h2,
body.theme-dark main.app .coverage-group-v225 h3,
body.theme-dark main.app .coverage-country-card strong,
body.theme-dark main.app .region-hero-v211 h1,
body.theme-dark main.app .region-country-card-v211 strong,
body.theme-dark main.app .one-country-category-hero h1,
body.theme-dark main.app .one-country-category-benefits strong,
body.theme-dark main.app .multi-hero h1,
body.theme-dark main.app .multi-hero b,
body.theme-dark main.app .multi-panel-title strong,
body.theme-dark main.app .multi-result-summary > strong,
body.theme-dark main.app .reviews-hero h1,
body.theme-dark main.app .review-card strong,
body.theme-dark main.app .about-page-v226 h1,
body.theme-dark main.app .about-page-v226 h2,
body.theme-dark main.app .support-contact-list-v228 b {
  color: var(--text) !important;
}

body.theme-dark main.app .home-trip-selector p,
body.theme-dark main.app .home-trip-card small,
body.theme-dark main.app .home-trip-card p,
body.theme-dark main.app .coverage-hero-v225 p,
body.theme-dark main.app .coverage-directory-v225 p,
body.theme-dark main.app .coverage-country-card small,
body.theme-dark main.app .coverage-assurance-v225 small,
body.theme-dark main.app .region-hero-v211 p,
body.theme-dark main.app .region-country-card-v211 small,
body.theme-dark main.app .one-country-category-search input::placeholder,
body.theme-dark main.app .one-country-category-benefits small,
body.theme-dark main.app .multi-hero p,
body.theme-dark main.app .multi-hero small,
body.theme-dark main.app .multi-search-prompt p,
body.theme-dark main.app .support-contact-list-v228 span,
body.theme-dark main.app .about-page-v226 p,
body.theme-dark main.app .reviews-hero p,
body.theme-dark main.app .review-card p {
  color: var(--muted) !important;
}

body.theme-dark main.app .aleo-home-v59 .hero-sub {
  color: var(--muted) !important;
}

/* AleoFly v268: dark skeleton/loading placeholders during live data fetches. */
body.theme-dark main.app .skeleton,
body.theme-dark main.app .card.skeleton,
body.theme-dark main.app .sk-line,
body.theme-dark main.app .sk-pill,
body.theme-dark main.app .state.loading {
  border-color: var(--border) !important;
  background:
    linear-gradient(#151d2d, #151d2d) 24px 32px / 42% 18px no-repeat,
    linear-gradient(#1d2638, #1d2638) 24px 66px / 68% 14px no-repeat,
    linear-gradient(#151d2d, #151d2d) 24px 108px / calc(100% - 48px) 44px no-repeat,
    linear-gradient(180deg, rgba(23, 29, 42, 0.96), rgba(14, 19, 30, 0.99)) !important;
  color: transparent !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.30) !important;
}

body.theme-dark main.app .skeleton::after,
body.theme-dark main.app .sk-line::after,
body.theme-dark main.app .sk-pill::after,
body.theme-dark main.app .state.loading::after {
  background: linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, 0.10) 45%, transparent 72%) !important;
}

/* AleoFly v269: close dark-mode leaks on the recommended/top-picks category page. */
body.theme-dark main.app:has(.top-picks-page-v214),
body.theme-dark main.app .top-picks-page-v214 {
  --bg: #080c14;
  --panel: #111827;
  --panel-soft: #172033;
  --text: #f7f9fd;
  --muted: #aeb9c9;
  --border: rgba(255, 255, 255, 0.14);
  background:
    radial-gradient(circle at 13% 0%, rgba(229, 9, 20, 0.16), transparent 33%),
    radial-gradient(circle at 86% 13%, rgba(37, 99, 235, 0.10), transparent 30%),
    linear-gradient(180deg, #080c14 0%, #060a12 100%) !important;
  color: var(--text) !important;
}

body.theme-dark main.app .top-picks-hero-v214 {
  border-color: rgba(255, 80, 96, 0.18) !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(229, 9, 20, 0.18), transparent 30%),
    radial-gradient(circle at 84% 26%, rgba(255, 80, 96, 0.14), transparent 28%),
    linear-gradient(105deg, rgba(16, 22, 36, 0.98) 0%, rgba(14, 19, 31, 0.98) 52%, rgba(35, 18, 29, 0.96) 100%) !important;
  color: var(--text) !important;
  box-shadow: 0 24px 68px rgba(0, 0, 0, 0.38) !important;
}

body.theme-dark main.app .top-picks-hero-v214::before,
body.theme-dark main.app .top-picks-hero-v214::after {
  background:
    linear-gradient(rgba(7, 11, 19, 0.30), rgba(7, 11, 19, 0.30)),
    radial-gradient(circle at 72% 36%, rgba(255, 80, 96, 0.15), transparent 32%) !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

body.theme-dark main.app .top-picks-hero-visual-v214 img {
  filter: brightness(0.50) saturate(1.08) contrast(1.08) !important;
  opacity: 0.86 !important;
}

body.theme-dark main.app .top-picks-stats-v214 span,
body.theme-dark main.app .top-picks-actions-v214 a,
body.theme-dark main.app .top-picks-type-card-v214,
body.theme-dark main.app .top-picks-assurance-v214 span,
body.theme-dark main.app .top-picks-live-pill-v214,
body.theme-dark main.app .top-picks-page-v214 .aleo-plan-showcase,
body.theme-dark main.app .top-picks-page-v214 .plan-card,
body.theme-dark main.app .top-picks-page-v214 .plan-finder-card,
body.theme-dark main.app .top-picks-modal-dialog,
body.theme-dark main.app .top-pick-modal-card {
  border-color: var(--border) !important;
  background:
    linear-gradient(180deg, rgba(23, 29, 42, 0.96), rgba(14, 19, 30, 0.99)) !important;
  color: var(--text) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.30) !important;
}

body.theme-dark main.app .top-picks-type-card-v214.one,
body.theme-dark main.app .top-picks-type-card-v214.multi,
body.theme-dark main.app .top-picks-type-card-v214.global {
  background:
    radial-gradient(circle at 15% 10%, rgba(229, 9, 20, 0.10), transparent 26%),
    linear-gradient(180deg, rgba(23, 29, 42, 0.96), rgba(14, 19, 30, 0.99)) !important;
}

body.theme-dark main.app .top-picks-actions-v214 a:first-child {
  border-color: rgba(255, 80, 96, 0.35) !important;
  background: #e50914 !important;
  color: #fff !important;
  box-shadow: 0 18px 38px rgba(229, 9, 20, 0.26) !important;
}

body.theme-dark main.app .top-picks-hero-copy-v214 h1,
body.theme-dark main.app .top-picks-stats-v214 b,
body.theme-dark main.app .top-picks-assurance-v214 b,
body.theme-dark main.app .top-picks-type-card-v214 strong,
body.theme-dark main.app .top-picks-type-card-v214 b,
body.theme-dark main.app .top-picks-page-v214 .row-head h2,
body.theme-dark main.app .top-picks-page-v214 .plan-card strong,
body.theme-dark main.app .top-pick-modal-card h3,
body.theme-dark main.app .top-pick-modal-price strong {
  color: var(--text) !important;
}

body.theme-dark main.app .top-picks-hero-copy-v214 > p:not(.eyebrow),
body.theme-dark main.app .top-picks-stats-v214 small,
body.theme-dark main.app .top-picks-assurance-v214 small,
body.theme-dark main.app .top-picks-type-card-v214 small,
body.theme-dark main.app .top-picks-page-v214 .plan-card small,
body.theme-dark main.app .top-pick-modal-card p,
body.theme-dark main.app .top-pick-modal-price del,
body.theme-dark main.app .top-pick-modal-price small {
  color: var(--muted) !important;
}

body.theme-dark main.app .top-picks-breadcrumb-v214,
body.theme-dark main.app .top-picks-breadcrumb-v214 a {
  color: var(--muted) !important;
}

body.theme-dark main.app .top-picks-breadcrumb-v214 strong,
body.theme-dark main.app .top-picks-page-v214 .eyebrow {
  color: #ff5a69 !important;
}

body.theme-dark main.app .top-picks-type-card-v214 > span,
body.theme-dark main.app .top-pick-modal-badges span,
body.theme-dark main.app .top-pick-modal-flag {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--text) !important;
}

/* AleoFly v269b: body.theme-dark fallback for global plans category. */
body.theme-dark main.app:has(.global-category-page-v258),
body.theme-dark main.app .global-category-page-v258 {
  --bg: #080c14;
  --panel: #111827;
  --panel-soft: #172033;
  --text: #f7f9fd;
  --muted: #aeb9c9;
  --border: rgba(255, 255, 255, 0.14);
  background:
    radial-gradient(circle at 13% 0%, rgba(229, 9, 20, 0.16), transparent 33%),
    radial-gradient(circle at 86% 13%, rgba(37, 99, 235, 0.10), transparent 30%),
    linear-gradient(180deg, #080c14 0%, #060a12 100%) !important;
  color: var(--text) !important;
}

body.theme-dark main.app .global-category-hero-v258 {
  border-color: rgba(255, 80, 96, 0.18) !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(229, 9, 20, 0.18), transparent 34%),
    radial-gradient(circle at 86% 14%, rgba(37, 99, 235, 0.11), transparent 30%),
    linear-gradient(105deg, rgba(16, 22, 36, 0.98) 0%, rgba(14, 19, 31, 0.98) 52%, rgba(35, 18, 29, 0.96) 100%) !important;
  color: var(--text) !important;
  box-shadow: 0 24px 68px rgba(0, 0, 0, 0.38) !important;
}

body.theme-dark main.app .global-category-hero-v258::before,
body.theme-dark main.app .global-category-hero-v258::after {
  background:
    linear-gradient(rgba(7, 11, 19, 0.42), rgba(7, 11, 19, 0.42)),
    radial-gradient(circle at 72% 36%, rgba(255, 80, 96, 0.15), transparent 32%) !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

body.theme-dark main.app .global-category-hero-copy-v258 h1,
body.theme-dark main.app .global-category-page-v258 h2,
body.theme-dark main.app .global-category-page-v258 strong {
  color: var(--text) !important;
}

body.theme-dark main.app .global-category-hero-copy-v258 p,
body.theme-dark main.app .global-category-page-v258 p,
body.theme-dark main.app .global-category-page-v258 small {
  color: var(--muted) !important;
}

body.theme-dark main.app .global-tool-pill-v258,
body.theme-dark main.app .global-sort-v258,
body.theme-dark main.app .global-view-toggle-v258,
body.theme-dark main.app .global-type-card-v258,
body.theme-dark main.app .global-plan-card-v258,
body.theme-dark main.app .global-category-page-v258 .aleo-plan-showcase,
body.theme-dark main.app .global-category-page-v258 .plan-card,
body.theme-dark main.app .global-category-page-v258 .plan-finder-card,
body.theme-dark main.app .global-category-page-v258 .footer-trust-wrap,
body.theme-dark main.app .global-category-page-v258 .footer-trust-strip {
  border-color: var(--border) !important;
  background:
    linear-gradient(180deg, rgba(23, 29, 42, 0.96), rgba(14, 19, 30, 0.99)) !important;
  color: var(--text) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.30) !important;
}

body.theme-dark .site-footer,
body.theme-dark .footer-trust-wrap,
body.theme-dark .footer-trust-strip {
  border-color: var(--border) !important;
  background:
    linear-gradient(180deg, rgba(23, 29, 42, 0.96), rgba(14, 19, 30, 0.99)) !important;
  color: var(--text) !important;
  box-shadow: none !important;
}

/* AleoFly v270: keep light-mode header controls readable on pale headers. */
html:not([data-theme='dark']) body:not(.theme-dark) #site-header.site-header .header-select-shell,
html:not([data-theme='dark']) body:not(.theme-dark) #site-header.site-header .header-icon-button,
html:not([data-theme='dark']) body:not(.theme-dark) #site-header.site-header .header-actions > button[data-toggle-theme-quick],
html:not([data-theme='dark']) body:not(.theme-dark) #site-header.site-header .header-actions > .mobile-notification-action,
html:not([data-theme='dark']) body:not(.theme-dark) #site-header.site-header .account-header-action {
  border-color: rgba(229, 9, 20, 0.22) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 237, 241, 0.94)) !important;
  color: #071126 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.82),
    0 12px 26px rgba(229, 9, 20, 0.10) !important;
}

html:not([data-theme='dark']) body:not(.theme-dark) #site-header.site-header .header-select-shell::before,
html:not([data-theme='dark']) body:not(.theme-dark) #site-header.site-header .header-select-shell::after,
html:not([data-theme='dark']) body:not(.theme-dark) #site-header.site-header .header-actions .lang-select,
html:not([data-theme='dark']) body:not(.theme-dark) #site-header.site-header .header-actions .currency-select,
html:not([data-theme='dark']) body:not(.theme-dark) #site-header.site-header .header-icon-button,
html:not([data-theme='dark']) body:not(.theme-dark) #site-header.site-header .header-icon-button svg,
html:not([data-theme='dark']) body:not(.theme-dark) #site-header.site-header .header-notification-svg,
html:not([data-theme='dark']) body:not(.theme-dark) #site-header.site-header .account-label,
html:not([data-theme='dark']) body:not(.theme-dark) #site-header.site-header .header-caret {
  color: #071126 !important;
  border-color: #071126 !important;
  stroke: currentColor !important;
  text-shadow: none !important;
}

html:not([data-theme='dark']) body:not(.theme-dark) #site-header.site-header .header-select-shell::before {
  opacity: 1 !important;
  font-weight: 900 !important;
}

html:not([data-theme='dark']) body:not(.theme-dark) #site-header.site-header .header-select-shell::after {
  opacity: 0.88 !important;
}

html:not([data-theme='dark']) body:not(.theme-dark) #site-header.site-header .header-theme-icon {
  background: #071126 !important;
  box-shadow: inset -6px 0 0 rgba(255, 255, 255, 0.96) !important;
}

html:not([data-theme='dark']) body:not(.theme-dark) #site-header.site-header .account-avatar::before,
html:not([data-theme='dark']) body:not(.theme-dark) #site-header.site-header .account-avatar::after {
  border-color: #ffffff !important;
}

html:not([data-theme='dark']) body:not(.theme-dark) #site-header.site-header .header-actions .lang-select option,
html:not([data-theme='dark']) body:not(.theme-dark) #site-header.site-header .header-actions .currency-select option {
  color: #071126 !important;
  background: #ffffff !important;
}

/* AleoFly v271: mobile header theme toggle must render as one clean control. */
body #site-header.site-header .header-notification-badge[hidden],
body #site-header.site-header .header-notification-menu[hidden] {
  display: none !important;
}

@media (max-width: 980px) {
  body #site-header.site-header > .header-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    overflow: visible !important;
  }

  body #site-header.site-header .header-theme-toggle,
  body #site-header.site-header .header-actions > button[data-toggle-theme-quick].header-theme-toggle {
    order: 4 !important;
    position: relative !important;
    display: inline-grid !important;
    visibility: visible !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    flex: 0 0 36px !important;
    place-items: center !important;
    padding: 0 !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    isolation: isolate !important;
  }

  body #site-header.site-header .header-theme-toggle::before,
  body #site-header.site-header .header-theme-toggle::after {
    display: none !important;
    content: none !important;
  }

  body #site-header.site-header .header-theme-toggle .header-theme-mobile-svg {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body #site-header.site-header .header-theme-toggle .header-theme-icon {
    display: block !important;
    width: 14px !important;
    min-width: 14px !important;
    max-width: 14px !important;
    height: 14px !important;
    min-height: 14px !important;
    max-height: 14px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    background: #071126 !important;
    box-shadow: inset -5px 0 0 rgba(255, 255, 255, 0.96) !important;
    transform: none !important;
  }

  html[data-theme='dark'] body #site-header.site-header .header-theme-toggle .header-theme-icon,
  body.theme-dark #site-header.site-header .header-theme-toggle .header-theme-icon {
    background: #ffd166 !important;
    box-shadow: 0 0 0 3px rgba(255, 209, 102, 0.14), 0 0 16px rgba(255, 209, 102, 0.24) !important;
  }

  body #site-header.site-header .mobile-notification-action,
  body #site-header.site-header .header-actions > .mobile-notification-action {
    order: 2 !important;
    position: relative !important;
    flex: 0 0 34px !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    overflow: visible !important;
  }

  body #site-header.site-header .mobile-notification-action .header-notification-svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
  }
}

@media (max-width: 430px) {
  body #site-header.site-header .mobile-notification-action,
  body #site-header.site-header .header-actions > .mobile-notification-action {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    flex: 0 0 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body #site-header.site-header .mobile-notification-action .header-notification-badge,
  body #site-header.site-header .mobile-notification-action .header-notification-svg {
    display: none !important;
  }
}

/* AleoFly v272: final dark-mode lock for one-country plans and product details. */
html[data-theme='dark'] body:has(.one-country-page),
body.theme-dark:has(.one-country-page),
html[data-theme='dark'] body:has(.product-detail-page),
body.theme-dark:has(.product-detail-page),
html[data-theme='dark'] main.app:has(.one-country-page),
body.theme-dark main.app:has(.one-country-page),
html[data-theme='dark'] main.app:has(.product-detail-page),
body.theme-dark main.app:has(.product-detail-page) {
  --bg: #070b13;
  --surface: #111827;
  --surface-soft: #172033;
  --text: #f7f9fd;
  --muted: #aeb9c9;
  --border: rgba(255, 255, 255, 0.14);
  background:
    radial-gradient(circle at 14% 0%, rgba(229, 9, 20, 0.16), transparent 32%),
    radial-gradient(circle at 86% 14%, rgba(59, 130, 246, 0.12), transparent 30%),
    linear-gradient(180deg, #090d16 0%, #070b13 48%, #050810 100%) !important;
  color: var(--text) !important;
}

html[data-theme='dark'] body #site-header.site-header > .brand.brand-image-lockup,
body.theme-dark #site-header.site-header > .brand.brand-image-lockup,
html[data-theme='dark'] body.aleo-header-scrolled #site-header.site-header > .brand.brand-image-lockup,
body.theme-dark.aleo-header-scrolled #site-header.site-header > .brand.brand-image-lockup {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme='dark'] body #site-header.site-header .brand-image-lockup .brand-logo-image,
body.theme-dark #site-header.site-header .brand-image-lockup .brand-logo-image {
  background: transparent !important;
  mix-blend-mode: normal !important;
  filter:
    drop-shadow(0 1px 0 rgba(255, 255, 255, 0.48))
    drop-shadow(0 12px 24px rgba(0, 0, 0, 0.42)) !important;
}

html[data-theme='dark'] main.app .one-country-page,
body.theme-dark main.app .one-country-page {
  --country-line: rgba(255, 255, 255, 0.14);
  --country-muted: #aeb9c9;
  color: var(--text) !important;
  background: transparent !important;
}

html[data-theme='dark'] main.app .one-country-hero.app-country-head,
body.theme-dark main.app .one-country-hero.app-country-head {
  color: var(--text) !important;
}

html[data-theme='dark'] main.app .one-country-art-photo,
body.theme-dark main.app .one-country-art-photo {
  border-color: rgba(255, 255, 255, 0.08) !important;
  background-image:
    linear-gradient(90deg, rgba(8, 12, 20, 0.98) 0%, rgba(8, 12, 20, 0.64) 32%, rgba(8, 12, 20, 0.38) 60%, rgba(8, 12, 20, 0.92) 100%),
    linear-gradient(180deg, rgba(8, 12, 20, 0.12) 0%, rgba(8, 12, 20, 0.82) 100%),
    var(--country-hero-image) !important;
}

html[data-theme='dark'] main.app .one-country-plans-shell,
body.theme-dark main.app .one-country-plans-shell,
html[data-theme='dark'] main.app .one-country-plan-card,
body.theme-dark main.app .one-country-plan-card,
html[data-theme='dark'] main.app .one-country-sidebar,
body.theme-dark main.app .one-country-sidebar,
html[data-theme='dark'] main.app .one-country-filter-bar label,
body.theme-dark main.app .one-country-filter-bar label,
html[data-theme='dark'] main.app .one-country-grid-options,
body.theme-dark main.app .one-country-grid-options,
html[data-theme='dark'] main.app .one-country-view-toggle,
body.theme-dark main.app .one-country-view-toggle,
html[data-theme='dark'] main.app .one-country-table-panel,
body.theme-dark main.app .one-country-table-panel,
html[data-theme='dark'] main.app .one-country-back,
body.theme-dark main.app .one-country-back {
  border-color: var(--border) !important;
  background:
    linear-gradient(180deg, rgba(23, 29, 42, 0.96), rgba(14, 19, 30, 0.99)) !important;
  color: var(--text) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.30) !important;
}

html[data-theme='dark'] main.app .one-country-filter-bar select,
body.theme-dark main.app .one-country-filter-bar select,
html[data-theme='dark'] main.app .one-country-sort select,
body.theme-dark main.app .one-country-sort select {
  border-color: var(--border) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--text) !important;
}

html[data-theme='dark'] main.app .one-country-page :is(h1, h2, h3, strong, b, .one-country-title h1, .one-country-plan-title strong),
body.theme-dark main.app .one-country-page :is(h1, h2, h3, strong, b, .one-country-title h1, .one-country-plan-title strong) {
  color: var(--text) !important;
}

html[data-theme='dark'] main.app .one-country-page :is(p, small, label, .one-country-title p, .one-country-benefits, .one-country-plan-card > small, .one-country-price-row small, .one-country-filter-group label, .one-country-filter-group small),
body.theme-dark main.app .one-country-page :is(p, small, label, .one-country-title p, .one-country-benefits, .one-country-plan-card > small, .one-country-price-row small, .one-country-filter-group label, .one-country-filter-group small) {
  color: var(--muted) !important;
}

html[data-theme='dark'] main.app .one-country-price-row strong,
body.theme-dark main.app .one-country-price-row strong,
html[data-theme='dark'] main.app .one-country-clear,
body.theme-dark main.app .one-country-clear,
html[data-theme='dark'] main.app .one-country-sidebar-head button,
body.theme-dark main.app .one-country-sidebar-head button {
  color: #ff5a69 !important;
}

html[data-theme='dark'] main.app .one-country-page .ui-icon,
body.theme-dark main.app .one-country-page .ui-icon {
  stroke: currentColor !important;
  color: inherit !important;
}

html[data-theme='dark'] main.app .one-country-benefits span[data-benefit-icon='delivery'] .ui-icon,
body.theme-dark main.app .one-country-benefits span[data-benefit-icon='delivery'] .ui-icon,
html[data-theme='dark'] main.app .one-country-popular h3 .ui-icon,
body.theme-dark main.app .one-country-popular h3 .ui-icon {
  color: #fbbf24 !important;
}

html[data-theme='dark'] main.app .one-country-benefits span[data-benefit-icon='network'] .ui-icon,
body.theme-dark main.app .one-country-benefits span[data-benefit-icon='network'] .ui-icon {
  color: #93c5fd !important;
}

html[data-theme='dark'] main.app .one-country-benefits span[data-benefit-icon='shield'] .ui-icon,
body.theme-dark main.app .one-country-benefits span[data-benefit-icon='shield'] .ui-icon,
html[data-theme='dark'] main.app .plan-tabs button.active,
body.theme-dark main.app .plan-tabs button.active {
  color: #ff5a69 !important;
}

html[data-theme='dark'] main.app .plan-tabs button,
body.theme-dark main.app .plan-tabs button,
html[data-theme='dark'] main.app .one-country-view-toggle button,
body.theme-dark main.app .one-country-view-toggle button {
  color: var(--muted) !important;
}

html[data-theme='dark'] main.app .plan-tabs b,
body.theme-dark main.app .plan-tabs b,
html[data-theme='dark'] main.app .one-country-all-head > span,
body.theme-dark main.app .one-country-all-head > span {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
}

html[data-theme='dark'] main.app .one-country-view-toggle button.active,
body.theme-dark main.app .one-country-view-toggle button.active {
  border-color: rgba(255, 80, 96, 0.28) !important;
  background: rgba(229, 9, 20, 0.18) !important;
  color: #fff !important;
}

html[data-theme='dark'] main.app .country-highlight-tags span,
body.theme-dark main.app .country-highlight-tags span,
html[data-theme='dark'] main.app .one-country-discount,
body.theme-dark main.app .one-country-discount {
  background: rgba(229, 9, 20, 0.16) !important;
  color: #ff7a88 !important;
}

html[data-theme='dark'] main.app .one-country-fav,
body.theme-dark main.app .one-country-fav,
html[data-theme='dark'] main.app .one-country-network-icons .network-icon,
body.theme-dark main.app .one-country-network-icons .network-icon,
html[data-theme='dark'] main.app .one-country-network-icons .network-icon-more,
body.theme-dark main.app .one-country-network-icons .network-icon-more {
  border-color: var(--border) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--text) !important;
}

html[data-theme='dark'] main.app .one-country-plan-table,
body.theme-dark main.app .one-country-plan-table,
html[data-theme='dark'] main.app .one-country-plan-table td,
body.theme-dark main.app .one-country-plan-table td {
  border-color: var(--border) !important;
  color: var(--text) !important;
}

html[data-theme='dark'] main.app .one-country-page input[type='radio'],
body.theme-dark main.app .one-country-page input[type='radio'],
html[data-theme='dark'] main.app .one-country-page input[type='checkbox'],
body.theme-dark main.app .one-country-page input[type='checkbox'] {
  accent-color: #ff3347 !important;
}

html[data-theme='dark'] main.app .product-detail-page,
body.theme-dark main.app .product-detail-page {
  color: var(--text) !important;
  background: transparent !important;
}

html[data-theme='dark'] main.app .product-summary-card,
body.theme-dark main.app .product-summary-card,
html[data-theme='dark'] main.app .product-how-card,
body.theme-dark main.app .product-how-card,
html[data-theme='dark'] main.app .product-trust-grid,
body.theme-dark main.app .product-trust-grid,
html[data-theme='dark'] main.app .product-reviews-card,
body.theme-dark main.app .product-reviews-card,
html[data-theme='dark'] main.app .covered-countries-card,
body.theme-dark main.app .covered-countries-card {
  border-color: var(--border) !important;
  background:
    linear-gradient(180deg, rgba(23, 29, 42, 0.97), rgba(13, 18, 29, 0.99)) !important;
  color: var(--text) !important;
  box-shadow: 0 22px 58px rgba(0, 0, 0, 0.36) !important;
}

html[data-theme='dark'] main.app .product-detail-page :is(h1, h2, h3, strong, b, .product-summary-card h1, .product-stat-strip b, .reviews-summary strong),
body.theme-dark main.app .product-detail-page :is(h1, h2, h3, strong, b, .product-summary-card h1, .product-stat-strip b, .reviews-summary strong) {
  color: var(--text) !important;
}

html[data-theme='dark'] main.app .product-detail-page :is(p, small, li, .product-subtitle, .product-secure-note, .product-stat-strip small, .product-price-coverage small, .product-how-card p, .product-how-card small, .product-trust-grid small, .reviews-summary li, .reviews-summary small, .product-breadcrumb),
body.theme-dark main.app .product-detail-page :is(p, small, li, .product-subtitle, .product-secure-note, .product-stat-strip small, .product-price-coverage small, .product-how-card p, .product-how-card small, .product-trust-grid small, .reviews-summary li, .reviews-summary small, .product-breadcrumb) {
  color: var(--muted) !important;
}

html[data-theme='dark'] main.app .product-breadcrumb a,
body.theme-dark main.app .product-breadcrumb a,
html[data-theme='dark'] main.app .product-breadcrumb b,
body.theme-dark main.app .product-breadcrumb b,
html[data-theme='dark'] main.app .product-price-coverage strong,
body.theme-dark main.app .product-price-coverage strong {
  color: #ff5a69 !important;
}

html[data-theme='dark'] main.app .wishlist-btn,
body.theme-dark main.app .wishlist-btn,
html[data-theme='dark'] main.app .coverage-expand,
body.theme-dark main.app .coverage-expand,
html[data-theme='dark'] main.app .product-detail-page .btn-ghost,
body.theme-dark main.app .product-detail-page .btn-ghost {
  border-color: var(--border) !important;
  background: rgba(255, 255, 255, 0.07) !important;
  color: var(--text) !important;
}

html[data-theme='dark'] main.app .product-stat-strip,
body.theme-dark main.app .product-stat-strip {
  border-color: rgba(255, 80, 96, 0.18) !important;
  background: linear-gradient(90deg, rgba(229, 9, 20, 0.16), rgba(255, 255, 255, 0.055)) !important;
}

html[data-theme='dark'] main.app .product-stat-strip span,
body.theme-dark main.app .product-stat-strip span,
html[data-theme='dark'] main.app .product-detail-tags,
body.theme-dark main.app .product-detail-tags,
html[data-theme='dark'] main.app .product-price-coverage,
body.theme-dark main.app .product-price-coverage,
html[data-theme='dark'] main.app .product-trust-grid span,
body.theme-dark main.app .product-trust-grid span,
html[data-theme='dark'] main.app .reviews-summary > div,
body.theme-dark main.app .reviews-summary > div {
  border-color: var(--border) !important;
}

html[data-theme='dark'] main.app .product-stat-strip .ui-icon,
body.theme-dark main.app .product-stat-strip .ui-icon,
html[data-theme='dark'] main.app .product-trust-grid .ui-icon,
body.theme-dark main.app .product-trust-grid .ui-icon,
html[data-theme='dark'] main.app .product-how-card .ui-icon,
body.theme-dark main.app .product-how-card .ui-icon {
  background: rgba(229, 9, 20, 0.18) !important;
  color: #ff6b7a !important;
}

html[data-theme='dark'] main.app .product-detail-tags span,
body.theme-dark main.app .product-detail-tags span,
html[data-theme='dark'] main.app .product-coverage-chip,
body.theme-dark main.app .product-coverage-chip {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #f7f9fd !important;
}

html[data-theme='dark'] main.app .product-summary-card .plan-mode,
body.theme-dark main.app .product-summary-card .plan-mode {
  background: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme='dark'] main.app .product-summary-card .plan-mode span,
body.theme-dark main.app .product-summary-card .plan-mode span {
  color: var(--muted) !important;
}

html[data-theme='dark'] main.app .product-summary-card .plan-mode span.active,
body.theme-dark main.app .product-summary-card .plan-mode span.active {
  background: #101827 !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.34) !important;
}

html[data-theme='dark'] main.app .reviews-summary li b,
body.theme-dark main.app .reviews-summary li b {
  background: rgba(255, 255, 255, 0.10) !important;
}

/* AleoFly v273: final dark leak lock for mobile home, country search, and filters. */
html[data-theme='dark'],
html[data-theme='dark'] body,
body.theme-dark {
  color-scheme: dark;
  background: #070b13 !important;
}

html[data-theme='dark'] body:has(.aleo-home-v59),
body.theme-dark:has(.aleo-home-v59),
html[data-theme='dark'] main.app:has(.aleo-home-v59),
body.theme-dark main.app:has(.aleo-home-v59) {
  --home-line: rgba(255, 255, 255, 0.12);
  --home-muted: #aeb9c9;
  --text: #f7f9fd;
  --muted: #aeb9c9;
  --surface: #111827;
  --border: rgba(255, 255, 255, 0.14);
  background:
    radial-gradient(circle at 12% 0%, rgba(229, 9, 20, 0.16), transparent 32%),
    linear-gradient(180deg, #090d16 0%, #070b13 58%, #050810 100%) !important;
  color: var(--text) !important;
}

html[data-theme='dark'] body:has(.aleo-home-v59) .site-header,
body.theme-dark:has(.aleo-home-v59) .site-header {
  border-color: rgba(255, 80, 96, 0.22) !important;
  background: linear-gradient(100deg, rgba(55, 10, 24, 0.92), rgba(10, 17, 31, 0.96)) !important;
  box-shadow: 0 16px 46px rgba(0, 0, 0, 0.34) !important;
}

html[data-theme='dark'] body:has(.aleo-home-v59) .site-header::after,
body.theme-dark:has(.aleo-home-v59) .site-header::after,
html[data-theme='dark'] body:has(.aleo-home-v59) .header-actions > a,
body.theme-dark:has(.aleo-home-v59) .header-actions > a {
  border-color: rgba(255, 255, 255, 0.14) !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
  color: #f7f9fd !important;
}

html[data-theme='dark'] body:has(.aleo-home-v59) .site-header > .brand.brand-image-lockup,
body.theme-dark:has(.aleo-home-v59) .site-header > .brand.brand-image-lockup {
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme='dark'] .aleo-home-desktop-ref .aleo-home-hero,
body.theme-dark .aleo-home-desktop-ref .aleo-home-hero {
  border-color: rgba(255, 80, 96, 0.18) !important;
  background:
    linear-gradient(100deg, rgba(9, 13, 22, 0.98) 0%, rgba(14, 20, 33, 0.96) 52%, rgba(52, 17, 29, 0.82) 100%),
    var(--hero-bg, none) !important;
  color: #f7f9fd !important;
  box-shadow: 0 26px 72px rgba(0, 0, 0, 0.38) !important;
}

html[data-theme='dark'] .aleo-home-desktop-ref .hero-copy h1,
html[data-theme='dark'] .aleo-home-desktop-ref .row-head h2,
html[data-theme='dark'] .home-mobile-faq h2,
body.theme-dark .aleo-home-desktop-ref .hero-copy h1,
body.theme-dark .aleo-home-desktop-ref .row-head h2,
body.theme-dark .home-mobile-faq h2 {
  color: #f7f9fd !important;
}

html[data-theme='dark'] .aleo-home-desktop-ref .hero-sub,
body.theme-dark .aleo-home-desktop-ref .hero-sub {
  color: #c7d0de !important;
}

html[data-theme='dark'] :where(
  .home-trip-selector,
  .home-trip-card,
  .home-plan-card,
  .popular-country-card,
  .aleo-home-desktop-ref .aleo-feature-strip div,
  .aleo-home-desktop-ref .aleo-benefit-bar div,
  .home-testimonial-card,
  .home-mobile-assurance,
  .home-mobile-faq details,
  .home-mobile-ready,
  .home-assurance-strip,
  .footer-trust-strip
),
body.theme-dark :where(
  .home-trip-selector,
  .home-trip-card,
  .home-plan-card,
  .popular-country-card,
  .aleo-home-desktop-ref .aleo-feature-strip div,
  .aleo-home-desktop-ref .aleo-benefit-bar div,
  .home-testimonial-card,
  .home-mobile-assurance,
  .home-mobile-faq details,
  .home-mobile-ready,
  .home-assurance-strip,
  .footer-trust-strip
) {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: linear-gradient(180deg, rgba(23, 29, 42, 0.96), rgba(13, 18, 29, 0.99)) !important;
  color: #f7f9fd !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.30) !important;
}

html[data-theme='dark'] :where(
  .home-trip-selector,
  .home-trip-card,
  .home-plan-card,
  .popular-country-card,
  .aleo-home-desktop-ref .aleo-feature-strip div,
  .aleo-home-desktop-ref .aleo-benefit-bar div,
  .home-testimonial-card,
  .home-mobile-assurance,
  .home-mobile-faq,
  .home-mobile-ready,
  .home-assurance-strip,
  .footer-trust-strip
) :where(h1, h2, h3, strong, b, summary),
body.theme-dark :where(
  .home-trip-selector,
  .home-trip-card,
  .home-plan-card,
  .popular-country-card,
  .aleo-home-desktop-ref .aleo-feature-strip div,
  .aleo-home-desktop-ref .aleo-benefit-bar div,
  .home-testimonial-card,
  .home-mobile-assurance,
  .home-mobile-faq,
  .home-mobile-ready,
  .home-assurance-strip,
  .footer-trust-strip
) :where(h1, h2, h3, strong, b, summary) {
  color: #f7f9fd !important;
}

html[data-theme='dark'] :where(
  .home-trip-selector,
  .home-trip-card,
  .home-plan-card,
  .popular-country-card,
  .aleo-home-desktop-ref .aleo-feature-strip div,
  .aleo-home-desktop-ref .aleo-benefit-bar div,
  .home-testimonial-card,
  .home-mobile-assurance,
  .home-mobile-faq,
  .home-mobile-ready,
  .home-assurance-strip,
  .footer-trust-strip
) :where(p, small, span, em, dt, dd),
body.theme-dark :where(
  .home-trip-selector,
  .home-trip-card,
  .home-plan-card,
  .popular-country-card,
  .aleo-home-desktop-ref .aleo-feature-strip div,
  .aleo-home-desktop-ref .aleo-benefit-bar div,
  .home-testimonial-card,
  .home-mobile-assurance,
  .home-mobile-faq,
  .home-mobile-ready,
  .home-assurance-strip,
  .footer-trust-strip
) :where(p, small, span, em, dt, dd) {
  color: #aeb9c9 !important;
}

html[data-theme='dark'] .home-mobile-payments,
html[data-theme='dark'] .home-mobile-safe span,
body.theme-dark .home-mobile-payments,
body.theme-dark .home-mobile-safe span {
  border-color: rgba(255, 255, 255, 0.10) !important;
}

html[data-theme='dark'] .home-mobile-safe .ui-icon,
body.theme-dark .home-mobile-safe .ui-icon {
  color: #91a4bd !important;
}

html[data-theme='dark'] .home-mobile-ready,
body.theme-dark .home-mobile-ready {
  background:
    radial-gradient(circle at 88% 52%, rgba(229, 9, 20, 0.24), transparent 36%),
    linear-gradient(90deg, rgba(23, 29, 42, 0.98), rgba(54, 17, 30, 0.86)) !important;
}

html[data-theme='dark'] :where(.country-search-popover, .country-result-list, .home-country-search-popover, .search-choice-country-index, .flow-search-card),
body.theme-dark :where(.country-search-popover, .country-result-list, .home-country-search-popover, .search-choice-country-index, .flow-search-card) {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: linear-gradient(180deg, rgba(20, 26, 38, 0.98), rgba(11, 16, 26, 0.99)) !important;
  color: #f7f9fd !important;
  box-shadow: 0 24px 68px rgba(0, 0, 0, 0.48) !important;
}

html[data-theme='dark'] :where(.country-result-row, .country-suggestion-row, .flow-country-row),
body.theme-dark :where(.country-result-row, .country-suggestion-row, .flow-country-row) {
  border-color: rgba(255, 255, 255, 0.10) !important;
  background: rgba(255, 255, 255, 0.055) !important;
  color: #f7f9fd !important;
}

html[data-theme='dark'] :where(.country-result-row, .country-suggestion-row, .flow-country-row):hover,
body.theme-dark :where(.country-result-row, .country-suggestion-row, .flow-country-row):hover {
  background: rgba(229, 9, 20, 0.14) !important;
}

html[data-theme='dark'] :where(.country-result-row, .country-suggestion-row, .flow-country-row) :where(strong, b),
body.theme-dark :where(.country-result-row, .country-suggestion-row, .flow-country-row) :where(strong, b) {
  color: #f7f9fd !important;
}

html[data-theme='dark'] :where(.country-result-row, .country-suggestion-row, .flow-country-row) :where(small, span),
body.theme-dark :where(.country-result-row, .country-suggestion-row, .flow-country-row) :where(small, span) {
  color: #aeb9c9 !important;
}

html[data-theme='dark'] :where(
  .multi-filter-select,
  .one-country-filter-bar label,
  .one-country-sort,
  .global-sort-v258,
  .global-tool-pill-v258,
  .global-view-toggle-v258
),
body.theme-dark :where(
  .multi-filter-select,
  .one-country-filter-bar label,
  .one-country-sort,
  .global-sort-v258,
  .global-tool-pill-v258,
  .global-view-toggle-v258
) {
  border-color: rgba(255, 255, 255, 0.13) !important;
  background: rgba(255, 255, 255, 0.07) !important;
  color: #f7f9fd !important;
}

html[data-theme='dark'] :where(select, select option, select optgroup),
body.theme-dark :where(select, select option, select optgroup) {
  background-color: #111827 !important;
  color: #f7f9fd !important;
}

html[data-theme='dark'] :where(select option:checked, select option:hover),
body.theme-dark :where(select option:checked, select option:hover) {
  background-color: #1f6feb !important;
  color: #ffffff !important;
}

html[data-theme='dark'] :where(select option:disabled),
body.theme-dark :where(select option:disabled) {
  color: #6b778c !important;
}

/* AleoFly v274: final dark leak lock for account dashboard and legal pages. */
html[data-theme='dark'] body:has(.account-dashboard-v174),
html[data-theme='dark'] body:has(.legal-page),
body.theme-dark:has(.account-dashboard-v174),
body.theme-dark:has(.legal-page) {
  background:
    radial-gradient(circle at 12% 0%, rgba(229, 9, 20, 0.14), transparent 28%),
    radial-gradient(circle at 86% 14%, rgba(37, 99, 235, 0.10), transparent 30%),
    linear-gradient(180deg, #080c14 0%, #060a12 100%) !important;
  color: #f7f9fd !important;
}

html[data-theme='dark'] main.app:has(.account-dashboard-v174),
html[data-theme='dark'] main.app:has(.legal-page),
body.theme-dark main.app:has(.account-dashboard-v174),
body.theme-dark main.app:has(.legal-page) {
  background:
    radial-gradient(circle at 14% 0%, rgba(229, 9, 20, 0.13), transparent 30%),
    radial-gradient(circle at 84% 12%, rgba(37, 99, 235, 0.11), transparent 34%),
    linear-gradient(180deg, #0b101a 0%, #070b13 56%, #050810 100%) !important;
  color: #f7f9fd !important;
}

html[data-theme='dark'] :where(.account-dashboard-v174, .legal-page),
body.theme-dark :where(.account-dashboard-v174, .legal-page) {
  color: #f7f9fd !important;
}

html[data-theme='dark'] :where(
  .account-dashboard-v174 .account-side-panel,
  .account-dashboard-v174 .account-main-panel,
  .account-dashboard-v174 .account-dashboard-head,
  .account-dashboard-v174 .account-main-panel > section,
  .account-dashboard-v174 .account-main-panel > article,
  .account-dashboard-v174 .account-dashboard-lower > article,
  .account-dashboard-v174 .account-active-esim,
  .account-dashboard-v174 .account-recent-orders,
  .account-dashboard-v174 .account-rewards-box,
  .account-dashboard-v174 .account-recent-orders li,
  .account-dashboard-v174 .account-rewards-box > a,
  .account-dashboard-v174 .account-help-box,
  .account-dashboard-v174 .account-premium-card,
  .account-dashboard-v174 .account-mobile-wallet-card,
  .account-dashboard-v174 .account-mobile-active-card,
  .account-dashboard-v174 .account-safe-strip,
  .account-dashboard-v174 .account-safe-strip span,
  .legal-hero,
  .legal-nav,
  .legal-document,
  .legal-index-card
),
body.theme-dark :where(
  .account-dashboard-v174 .account-side-panel,
  .account-dashboard-v174 .account-main-panel,
  .account-dashboard-v174 .account-dashboard-head,
  .account-dashboard-v174 .account-main-panel > section,
  .account-dashboard-v174 .account-main-panel > article,
  .account-dashboard-v174 .account-dashboard-lower > article,
  .account-dashboard-v174 .account-active-esim,
  .account-dashboard-v174 .account-recent-orders,
  .account-dashboard-v174 .account-rewards-box,
  .account-dashboard-v174 .account-recent-orders li,
  .account-dashboard-v174 .account-rewards-box > a,
  .account-dashboard-v174 .account-help-box,
  .account-dashboard-v174 .account-premium-card,
  .account-dashboard-v174 .account-mobile-wallet-card,
  .account-dashboard-v174 .account-mobile-active-card,
  .account-dashboard-v174 .account-safe-strip,
  .account-dashboard-v174 .account-safe-strip span,
  .legal-hero,
  .legal-nav,
  .legal-document,
  .legal-index-card
) {
  border-color: rgba(255, 255, 255, 0.13) !important;
  background:
    linear-gradient(180deg, rgba(23, 29, 42, 0.97), rgba(13, 18, 29, 0.99)) !important;
  color: #f7f9fd !important;
  box-shadow: 0 22px 58px rgba(0, 0, 0, 0.34) !important;
}

html[data-theme='dark'] :where(
  .account-dashboard-v174 h1,
  .account-dashboard-v174 h2,
  .account-dashboard-v174 h3,
  .account-dashboard-v174 strong,
  .account-dashboard-v174 b,
  .account-dashboard-v174 dt,
  .account-dashboard-v174 dd,
  .legal-page h1,
  .legal-page h2,
  .legal-page h3,
  .legal-page strong,
  .legal-page b
),
body.theme-dark :where(
  .account-dashboard-v174 h1,
  .account-dashboard-v174 h2,
  .account-dashboard-v174 h3,
  .account-dashboard-v174 strong,
  .account-dashboard-v174 b,
  .account-dashboard-v174 dt,
  .account-dashboard-v174 dd,
  .legal-page h1,
  .legal-page h2,
  .legal-page h3,
  .legal-page strong,
  .legal-page b
) {
  color: #f7f9fd !important;
}

html[data-theme='dark'] :where(
  .account-dashboard-v174 p,
  .account-dashboard-v174 small,
  .account-dashboard-v174 em,
  .account-dashboard-v174 li,
  .account-dashboard-v174 .account-side-group > span,
  .legal-page p,
  .legal-page li,
  .legal-page small,
  .legal-page .legal-section p,
  .legal-page .legal-section li
),
body.theme-dark :where(
  .account-dashboard-v174 p,
  .account-dashboard-v174 small,
  .account-dashboard-v174 em,
  .account-dashboard-v174 li,
  .account-dashboard-v174 .account-side-group > span,
  .legal-page p,
  .legal-page li,
  .legal-page small,
  .legal-page .legal-section p,
  .legal-page .legal-section li
) {
  color: #aeb9c9 !important;
}

html[data-theme='dark'] :where(.account-dashboard-v174 .account-side-group a, .legal-nav a),
body.theme-dark :where(.account-dashboard-v174 .account-side-group a, .legal-nav a) {
  color: #d8e1ee !important;
}

html[data-theme='dark'] :where(.account-dashboard-v174 .account-side-group a.active, .account-dashboard-v174 .account-side-group a:hover, .legal-nav a.active, .legal-nav a:hover),
body.theme-dark :where(.account-dashboard-v174 .account-side-group a.active, .account-dashboard-v174 .account-side-group a:hover, .legal-nav a.active, .legal-nav a:hover) {
  background: rgba(229, 9, 20, 0.18) !important;
  color: #ff6b79 !important;
}

html[data-theme='dark'] :where(.account-dashboard-v174 .account-menu-ico, .account-dashboard-v174 .account-rewards-box > a > span, .account-dashboard-v174 .account-help-box > span),
body.theme-dark :where(.account-dashboard-v174 .account-menu-ico, .account-dashboard-v174 .account-rewards-box > a > span, .account-dashboard-v174 .account-help-box > span) {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ff6b79 !important;
}

html[data-theme='dark'] .account-dashboard-v174 .account-usage-ring,
body.theme-dark .account-dashboard-v174 .account-usage-ring {
  background:
    radial-gradient(circle at center, #111827 58%, transparent 59%),
    conic-gradient(#22c55e var(--account-used), rgba(255, 255, 255, 0.14) 0) !important;
}

html[data-theme='dark'] :where(.account-dashboard-v174 .account-active-esim dl div, .legal-section),
body.theme-dark :where(.account-dashboard-v174 .account-active-esim dl div, .legal-section) {
  border-color: rgba(255, 255, 255, 0.10) !important;
}

html[data-theme='dark'] :where(.account-dashboard-v174 .account-dashboard-lower header span, .legal-meta span, .legal-index-card span),
body.theme-dark :where(.account-dashboard-v174 .account-dashboard-lower header span, .legal-meta span, .legal-index-card span) {
  border-color: rgba(255, 80, 96, 0.22) !important;
  background: rgba(229, 9, 20, 0.16) !important;
  color: #ff7b88 !important;
}

html[data-theme='dark'] .account-dashboard-v174 .account-dashboard-lower header span,
body.theme-dark .account-dashboard-v174 .account-dashboard-lower header span {
  border-color: rgba(34, 197, 94, 0.22) !important;
  background: rgba(34, 197, 94, 0.15) !important;
  color: #86efac !important;
}

html[data-theme='dark'] :where(.account-dashboard-v174 .account-premium-card b, .legal-document-alert),
body.theme-dark :where(.account-dashboard-v174 .account-premium-card b, .legal-document-alert) {
  border-color: rgba(255, 80, 96, 0.24) !important;
  background: rgba(229, 9, 20, 0.12) !important;
  color: #f7f9fd !important;
}

/* AleoFly v275: real backend account dashboard, no demo values, stable usage ring. */
.account-empty-esim-badge {
  display: inline-grid !important;
  place-items: center !important;
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  background: linear-gradient(145deg, #f8fafc, #e8eef7) !important;
  color: #64748b !important;
}

.account-empty-esim-badge .ui-icon {
  width: 18px !important;
  height: 18px !important;
}

.account-dashboard-lower header span.is-empty,
.account-mobile-active-card header span.is-empty {
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  background: #f1f5f9 !important;
  color: #64748b !important;
}

.account-dashboard-lower header span.is-active,
.account-mobile-active-card header span.is-active {
  border: 1px solid rgba(34, 197, 94, 0.22) !important;
}

.account-usage-ring {
  grid-template-rows: auto auto !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 5px !important;
  line-height: 1 !important;
}

.account-usage-ring b,
.account-usage-ring small {
  grid-column: 1 !important;
  grid-row: auto !important;
  margin: 0 !important;
  position: relative !important;
  z-index: 1 !important;
}

.account-usage-ring b {
  font-size: 22px !important;
  line-height: 1 !important;
}

.account-usage-ring small {
  font-size: 11px !important;
  line-height: 1.15 !important;
}

html[data-theme='dark'] .account-empty-esim-badge,
body.theme-dark .account-empty-esim-badge {
  border-color: rgba(255, 255, 255, 0.13) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #aeb9c9 !important;
}

html[data-theme='dark'] :where(.account-dashboard-lower header span.is-empty, .account-mobile-active-card header span.is-empty),
body.theme-dark :where(.account-dashboard-lower header span.is-empty, .account-mobile-active-card header span.is-empty) {
  border-color: rgba(255, 255, 255, 0.13) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #aeb9c9 !important;
}

/* AleoFly v277: dashboard-native wallet, cashback, referral and fixed back controls. */
.account-shell-actions-v292 {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

.account-back-link-v292 {
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 0 14px !important;
  border: 1px solid #e3e9f2 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #334155 !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05) !important;
}

.account-back-link-v292 .ui-icon {
  width: 17px !important;
  height: 17px !important;
  transform: rotate(180deg) !important;
}

[dir='rtl'] .account-back-link-v292 .ui-icon {
  transform: none !important;
}

.account-wallet-page-v292,
.account-cashback-page-v292,
.account-referral-page-v292 {
  display: grid !important;
  gap: 16px !important;
}

.account-wallet-balance-v292,
.account-referral-card-v292,
.account-topup-panel-v292,
.account-rewards-hero-v292 {
  border: 1px solid #e8edf5 !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, #fff7f8 0%, #ffffff 56%, #f4f8ff 100%) !important;
  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.06) !important;
}

.account-wallet-balance-v292 {
  min-height: 166px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  padding: 22px !important;
}

.account-wallet-balance-v292 > div,
.account-referral-card-v292 > div {
  display: grid !important;
  gap: 7px !important;
  min-width: 0 !important;
}

.account-wallet-balance-v292 span,
.account-topup-balance-v292 span,
.account-rewards-hero-v292 span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: #64748b !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.account-wallet-balance-v292 strong {
  color: #071329 !important;
  font-size: 42px !important;
  line-height: 1 !important;
}

.account-wallet-balance-v292 small {
  color: #64748b !important;
  font-weight: 800 !important;
}

.account-wallet-metrics-v292,
.account-reward-tier-grid-v292 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.account-wallet-metrics-v292 > *,
.account-reward-tier-v292 {
  min-height: 132px !important;
  border: 1px solid #e8edf5 !important;
  border-radius: 16px !important;
  padding: 16px !important;
  background: #ffffff !important;
  color: #0f172a !important;
  display: grid !important;
  align-content: center !important;
  gap: 8px !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.045) !important;
}

.account-wallet-metrics-v292 > * > span:first-child,
.account-referral-card-v292 > span:first-child {
  width: 40px !important;
  height: 40px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 13px !important;
  background: #fff0f2 !important;
  color: #e50914 !important;
}

.account-wallet-metrics-v292 small {
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.account-wallet-metrics-v292 strong {
  font-size: 22px !important;
  line-height: 1.15 !important;
}

.account-wallet-referral-v292,
.account-referral-link-v292 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  gap: 12px !important;
}

.account-wallet-referral-v292 h2,
.account-wallet-referral-v292 p,
.account-referral-link-v292 h2,
.account-referral-link-v292 p {
  margin: 0 !important;
}

.account-wallet-referral-v292 code,
.account-referral-card-v292 code {
  max-width: 100% !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  background: #f8fafc !important;
  color: #0f172a !important;
  font-weight: 900 !important;
  overflow-wrap: anywhere !important;
}

.account-wallet-transactions-v292 {
  display: grid !important;
  gap: 14px !important;
}

.account-wallet-tx-list-v292,
.account-cashback-panel-v292 ul,
.account-cashback-panel-v292 ol {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  gap: 10px !important;
}

.account-wallet-tx-list-v292 li,
.account-cashback-panel-v292 li {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 13px !important;
  border: 1px solid #e8edf5 !important;
  border-radius: 14px !important;
  background: #f8fafc !important;
}

.account-wallet-tx-list-v292 li > span,
.account-cashback-panel-v292 li > span:first-child {
  width: 36px !important;
  height: 36px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 12px !important;
  background: #fff0f2 !important;
  color: #e50914 !important;
  font-weight: 900 !important;
}

.account-wallet-tx-list-v292 li.is-credit > span {
  background: #ecfdf3 !important;
  color: #16a34a !important;
}

.account-wallet-tx-list-v292 li div,
.account-cashback-panel-v292 li div {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

.account-wallet-tx-list-v292 li small,
.account-cashback-panel-v292 li small,
.account-cashback-panel-v292 li p {
  margin: 0 !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.account-topup-panel-v292 {
  display: grid !important;
  grid-template-columns: 260px minmax(0, 1fr) !important;
  gap: 18px !important;
  padding: 22px !important;
  align-items: stretch !important;
}

.account-topup-balance-v292 {
  display: grid !important;
  align-content: center !important;
  gap: 10px !important;
  padding: 18px !important;
  border: 1px solid #ffd7dd !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.72) !important;
}

.account-topup-balance-v292 strong {
  font-size: 34px !important;
  line-height: 1 !important;
}

.account-topup-form-v292 {
  display: grid !important;
  gap: 16px !important;
}

.account-topup-amount-v292 {
  display: grid !important;
  gap: 6px !important;
  text-align: center !important;
}

.account-topup-amount-v292 span {
  color: #64748b !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.account-topup-amount-v292 input {
  width: 100% !important;
  min-height: 86px !important;
  border: 1px solid #e8edf5 !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  color: #071329 !important;
  text-align: center !important;
  font-size: 54px !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
}

.account-amount-stepper-v292,
.account-topup-presets-v292 {
  display: flex !important;
  justify-content: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

.account-amount-stepper-v292 button,
.account-topup-presets-v292 button {
  min-width: 64px !important;
  min-height: 46px !important;
  border: 1px solid #e8edf5 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

.account-amount-stepper-v292 button {
  width: 52px !important;
  min-width: 52px !important;
}

.account-topup-presets-v292 button.active {
  border-color: #e50914 !important;
  background: #e50914 !important;
  color: #ffffff !important;
}

.account-topup-form-v292 .checkout-pay {
  width: 100% !important;
  min-height: 54px !important;
  justify-content: center !important;
}

.account-rewards-hero-v292 {
  padding: 24px !important;
  display: grid !important;
  gap: 12px !important;
  text-align: left !important;
}

.account-rewards-hero-v292 p,
.account-rewards-hero-v292 h1 {
  margin: 0 !important;
}

.account-rewards-hero-v292 p {
  color: #64748b !important;
  font-weight: 900 !important;
}

.account-rewards-hero-v292 h1 {
  color: #071329 !important;
  font-size: 48px !important;
  line-height: 1 !important;
}

.account-rewards-hero-v292 > div {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

.account-rewards-hero-v292 > div span {
  min-height: 36px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  border: 1px solid #e8edf5 !important;
  color: #334155 !important;
  text-transform: none !important;
}

.account-reward-tier-v292 {
  min-height: 260px !important;
  justify-items: center !important;
  text-align: center !important;
}

.account-reward-tier-v292.is-current {
  border-color: rgba(229, 9, 20, 0.36) !important;
  box-shadow: 0 18px 42px rgba(229, 9, 20, 0.10) !important;
}

.account-reward-tier-v292 > span:first-child {
  min-height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  background: #e50914 !important;
  color: #ffffff !important;
  font-weight: 900 !important;
}

.account-reward-tier-v292 strong {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  font-size: 24px !important;
}

.account-reward-tier-v292 strong b {
  width: 24px !important;
  height: 24px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: #22c55e !important;
  color: #ffffff !important;
}

.account-reward-tier-v292 small {
  color: #64748b !important;
  font-weight: 800 !important;
}

.account-cashback-info-v292,
.account-cashback-panel-v292 {
  display: grid !important;
  gap: 12px !important;
}

.account-cashback-info-v292 h2,
.account-cashback-info-v292 p,
.account-cashback-panel-v292 h2 {
  margin: 0 !important;
}

.account-cashback-info-v292 p {
  color: #64748b !important;
  font-weight: 800 !important;
}

.account-referral-card-v292 {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 22px !important;
}

.account-referral-card-v292 h2,
.account-referral-card-v292 p {
  margin: 0 !important;
}

.account-referral-card-v292 p,
.account-referral-next-v292 p {
  color: #64748b !important;
  font-weight: 800 !important;
}

.account-referral-link-v292 .code-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
}

.account-referral-link-v292 input {
  min-width: 0 !important;
  border: 1px solid #e8edf5 !important;
  border-radius: 12px !important;
  padding: 0 12px !important;
}

html[data-theme='dark'] :where(.account-back-link-v292, .account-wallet-metrics-v292 > *, .account-reward-tier-v292, .account-topup-amount-v292 input, .account-amount-stepper-v292 button, .account-topup-presets-v292 button, .account-rewards-hero-v292 > div span, .account-referral-link-v292 input),
body.theme-dark :where(.account-back-link-v292, .account-wallet-metrics-v292 > *, .account-reward-tier-v292, .account-topup-amount-v292 input, .account-amount-stepper-v292 button, .account-topup-presets-v292 button, .account-rewards-hero-v292 > div span, .account-referral-link-v292 input) {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.065) !important;
  color: #f7f9fd !important;
}

html[data-theme='dark'] :where(.account-wallet-balance-v292, .account-referral-card-v292, .account-topup-panel-v292, .account-rewards-hero-v292),
body.theme-dark :where(.account-wallet-balance-v292, .account-referral-card-v292, .account-topup-panel-v292, .account-rewards-hero-v292) {
  border-color: rgba(255, 80, 96, 0.20) !important;
  background: linear-gradient(135deg, rgba(55, 10, 24, 0.92), rgba(13, 18, 29, 0.98) 58%, rgba(15, 23, 42, 0.98)) !important;
  box-shadow: none !important;
}

html[data-theme='dark'] :where(.account-wallet-balance-v292 strong, .account-topup-balance-v292 strong, .account-rewards-hero-v292 h1, .account-wallet-metrics-v292 strong, .account-reward-tier-v292 strong, .account-referral-card-v292 code),
body.theme-dark :where(.account-wallet-balance-v292 strong, .account-topup-balance-v292 strong, .account-rewards-hero-v292 h1, .account-wallet-metrics-v292 strong, .account-reward-tier-v292 strong, .account-referral-card-v292 code) {
  color: #f7f9fd !important;
}

html[data-theme='dark'] :where(.account-wallet-tx-list-v292 li, .account-cashback-panel-v292 li, .account-topup-balance-v292, .account-wallet-referral-v292 code),
body.theme-dark :where(.account-wallet-tx-list-v292 li, .account-cashback-panel-v292 li, .account-topup-balance-v292, .account-wallet-referral-v292 code) {
  border-color: rgba(255, 255, 255, 0.10) !important;
  background: rgba(255, 255, 255, 0.055) !important;
  color: #f7f9fd !important;
}

html[data-theme='dark'] :where(.account-wallet-balance-v292 span, .account-topup-balance-v292 span, .account-wallet-balance-v292 small, .account-wallet-metrics-v292 small, .account-reward-tier-v292 small, .account-rewards-hero-v292 p, .account-cashback-info-v292 p, .account-wallet-tx-list-v292 li small, .account-cashback-panel-v292 li small, .account-cashback-panel-v292 li p, .account-referral-card-v292 p, .account-referral-next-v292 p),
body.theme-dark :where(.account-wallet-balance-v292 span, .account-topup-balance-v292 span, .account-wallet-balance-v292 small, .account-wallet-metrics-v292 small, .account-reward-tier-v292 small, .account-rewards-hero-v292 p, .account-cashback-info-v292 p, .account-wallet-tx-list-v292 li small, .account-cashback-panel-v292 li small, .account-cashback-panel-v292 li p, .account-referral-card-v292 p, .account-referral-next-v292 p) {
  color: #aeb9c9 !important;
}

@media (max-width: 980px) {
  .account-wallet-metrics-v292,
  .account-reward-tier-grid-v292 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .account-topup-panel-v292 {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  .account-shell-actions-v292,
  .account-settings-head-v183 > a.account-back-link-v292 {
    justify-content: stretch !important;
    width: 100% !important;
  }

  .account-shell-actions-v292 > *,
  .account-back-link-v292 {
    width: 100% !important;
  }

  .account-wallet-balance-v292,
  .account-referral-card-v292,
  .account-wallet-referral-v292,
  .account-referral-link-v292 .code-row {
    grid-template-columns: 1fr !important;
  }

  .account-wallet-balance-v292 {
    display: grid !important;
  }

  .account-wallet-metrics-v292,
  .account-reward-tier-grid-v292 {
    grid-template-columns: 1fr !important;
  }

  .account-topup-amount-v292 input {
    min-height: 74px !important;
    font-size: 42px !important;
  }

  .account-rewards-hero-v292 h1 {
    font-size: 38px !important;
  }
}

.back-link,
.global-category-back-v258 {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 1px solid rgba(226, 232, 240, 0.95) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  color: #334155 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-decoration: none !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06) !important;
}

.back-link .ui-icon,
.global-category-back-v258 .ui-icon {
  width: 19px !important;
  height: 19px !important;
  transform: rotate(180deg) !important;
}

[dir='rtl'] .back-link .ui-icon,
[dir='rtl'] .global-category-back-v258 .ui-icon {
  transform: none !important;
}

html[data-theme='dark'] :where(.back-link, .global-category-back-v258),
body.theme-dark :where(.back-link, .global-category-back-v258) {
  border-color: rgba(255, 255, 255, 0.13) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #f7f9fd !important;
  box-shadow: none !important;
}

/* AleoFly v278: mobile account menu dark leak lock. */
@media (max-width: 760px) {
  html[data-theme='dark'],
  html[data-theme='dark'] body:has(.account-dashboard-v174),
  body.theme-dark:has(.account-dashboard-v174) {
    background-color: #050810 !important;
    overflow-x: hidden !important;
  }

  html[data-theme='dark'] main.app:has(.account-dashboard-v174),
  body.theme-dark main.app:has(.account-dashboard-v174),
  html[data-theme='dark'] .account-dashboard-v174,
  body.theme-dark .account-dashboard-v174 {
    width: 100vw !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
    background:
      radial-gradient(circle at 12% 0%, rgba(229, 9, 20, 0.14), transparent 28%),
      linear-gradient(180deg, #070b13 0%, #050810 100%) !important;
  }

  html[data-theme='dark'] .account-dashboard-v174 .account-mobile-menu,
  body.theme-dark .account-dashboard-v174 .account-mobile-menu {
    border: 1px solid rgba(255, 255, 255, 0.13) !important;
    background: linear-gradient(180deg, rgba(20, 26, 38, 0.99), rgba(11, 16, 26, 0.99)) !important;
    color: #f7f9fd !important;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.34) !important;
  }

  html[data-theme='dark'] .account-dashboard-v174 .account-mobile-menu a,
  html[data-theme='dark'] .account-dashboard-v174 .account-mobile-menu button,
  body.theme-dark .account-dashboard-v174 .account-mobile-menu a,
  body.theme-dark .account-dashboard-v174 .account-mobile-menu button {
    border-color: rgba(255, 255, 255, 0.10) !important;
    background: transparent !important;
    color: #f7f9fd !important;
  }

  html[data-theme='dark'] .account-dashboard-v174 .account-mobile-menu a b,
  html[data-theme='dark'] .account-dashboard-v174 .account-mobile-menu button b,
  body.theme-dark .account-dashboard-v174 .account-mobile-menu a b,
  body.theme-dark .account-dashboard-v174 .account-mobile-menu button b {
    color: #aeb9c9 !important;
    opacity: 1 !important;
  }

  html[data-theme='dark'] .account-dashboard-v174 .account-mobile-menu button,
  body.theme-dark .account-dashboard-v174 .account-mobile-menu button {
    color: #ff6b79 !important;
  }

  html[data-theme='dark'] .account-dashboard-v174 .account-mobile-menu .account-menu-ico,
  body.theme-dark .account-dashboard-v174 .account-mobile-menu .account-menu-ico {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #ff6b79 !important;
  }
}

/* AleoFly v279: comprehensive dark leak lock for plan pickers and modals. */
html[data-theme='dark'] body:has(:where(.multi-country-page, .one-country-page, .global-category-page-v258, .aleo-flow-page)),
body.theme-dark:has(:where(.multi-country-page, .one-country-page, .global-category-page-v258, .aleo-flow-page)) {
  background-color: #050810 !important;
  color: #f7f9fd !important;
  overflow-x: hidden !important;
}

html[data-theme='dark'] main.app:has(:where(.multi-country-page, .one-country-page, .global-category-page-v258, .aleo-flow-page)),
body.theme-dark main.app:has(:where(.multi-country-page, .one-country-page, .global-category-page-v258, .aleo-flow-page)) {
  background:
    radial-gradient(circle at 10% 0%, rgba(229, 9, 20, 0.16), transparent 28%),
    radial-gradient(circle at 84% 8%, rgba(37, 99, 235, 0.12), transparent 30%),
    linear-gradient(180deg, #090d16 0%, #060a12 58%, #050810 100%) !important;
  color: #f7f9fd !important;
  overflow-x: hidden !important;
}

html[data-theme='dark'] :where(.multi-country-page, .one-country-page, .global-category-page-v258, .aleo-flow-page),
body.theme-dark :where(.multi-country-page, .one-country-page, .global-category-page-v258, .aleo-flow-page) {
  color: #f7f9fd !important;
  --multi-line: rgba(255, 255, 255, 0.13) !important;
  --multi-muted: #aeb9c9 !important;
}

html[data-theme='dark'] :where(
  .multi-trip-panel,
  .multi-filter-bar,
  .multi-result-summary,
  .multi-results-shell,
  .multi-search-prompt,
  .multi-featured-plans,
  .multi-destination-picker,
  .multi-country-page .flow-country-popover,
  .multi-country-page .country-search-popover,
  .multi-country-page .country-result-list,
  .multi-area-dialog,
  .multi-area-head,
  .multi-area-footer,
  .multi-area-nav,
  .multi-area-sections,
  .multi-area-card,
  .one-country-filter-drawer,
  .one-country-filter-panel,
  .one-country-plan-card,
  .one-country-results-panel,
  .global-tool-pill-v258,
  .global-sort-v258,
  .global-view-toggle-v258
),
body.theme-dark :where(
  .multi-trip-panel,
  .multi-filter-bar,
  .multi-result-summary,
  .multi-results-shell,
  .multi-search-prompt,
  .multi-featured-plans,
  .multi-destination-picker,
  .multi-country-page .flow-country-popover,
  .multi-country-page .country-search-popover,
  .multi-country-page .country-result-list,
  .multi-area-dialog,
  .multi-area-head,
  .multi-area-footer,
  .multi-area-nav,
  .multi-area-sections,
  .multi-area-card,
  .one-country-filter-drawer,
  .one-country-filter-panel,
  .one-country-plan-card,
  .one-country-results-panel,
  .global-tool-pill-v258,
  .global-sort-v258,
  .global-view-toggle-v258
) {
  border-color: rgba(255, 255, 255, 0.13) !important;
  background: linear-gradient(180deg, rgba(18, 24, 36, 0.98), rgba(10, 15, 25, 0.99)) !important;
  color: #f7f9fd !important;
  box-shadow: none !important;
}

html[data-theme='dark'] :where(.multi-area-backdrop),
body.theme-dark :where(.multi-area-backdrop) {
  background: rgba(2, 6, 14, 0.66) !important;
  backdrop-filter: blur(8px) !important;
}

html[data-theme='dark'] :where(.multi-area-search, .flow-search-card, .multi-destination-search, .multi-filter-select, .multi-more-filters, .multi-area-open, .selected-destination-empty, .multi-add-destination, .multi-country-page .selected-destination-chip),
body.theme-dark :where(.multi-area-search, .flow-search-card, .multi-destination-search, .multi-filter-select, .multi-more-filters, .multi-area-open, .selected-destination-empty, .multi-add-destination, .multi-country-page .selected-destination-chip) {
  border-color: rgba(255, 255, 255, 0.13) !important;
  background: rgba(255, 255, 255, 0.065) !important;
  color: #f7f9fd !important;
  box-shadow: none !important;
}

html[data-theme='dark'] :where(.multi-area-search input, .multi-destination-search input, .flow-search-card input),
body.theme-dark :where(.multi-area-search input, .multi-destination-search input, .flow-search-card input) {
  background: transparent !important;
  color: #f7f9fd !important;
  caret-color: #ff4d5e !important;
}

html[data-theme='dark'] :where(.multi-area-search input::placeholder, .multi-destination-search input::placeholder, .flow-search-card input::placeholder),
body.theme-dark :where(.multi-area-search input::placeholder, .multi-destination-search input::placeholder, .flow-search-card input::placeholder) {
  color: #91a4bd !important;
  opacity: 1 !important;
}

html[data-theme='dark'] :where(.country-search-section-label, .multi-area-section-head, .multi-area-nav button, .multi-filter-note),
body.theme-dark :where(.country-search-section-label, .multi-area-section-head, .multi-area-nav button, .multi-filter-note) {
  color: #aeb9c9 !important;
  background: transparent !important;
}

html[data-theme='dark'] :where(.multi-panel-title strong, .multi-result-title h2, .multi-search-prompt h2, .multi-results-head h2, .multi-area-title strong, .multi-area-section-head h3, .multi-area-card strong, .multi-filter-select em, .multi-filter-select > b, .multi-filter-select > span, .multi-more-filters, .selected-destination-empty, .multi-add-destination, .multi-country-page .selected-destination-chip, .country-result-row strong, .country-suggestion-row strong, .flow-country-row strong),
body.theme-dark :where(.multi-panel-title strong, .multi-result-title h2, .multi-search-prompt h2, .multi-results-head h2, .multi-area-title strong, .multi-area-section-head h3, .multi-area-card strong, .multi-filter-select em, .multi-filter-select > b, .multi-filter-select > span, .multi-more-filters, .selected-destination-empty, .multi-add-destination, .multi-country-page .selected-destination-chip, .country-result-row strong, .country-suggestion-row strong, .flow-country-row strong) {
  color: #f7f9fd !important;
}

html[data-theme='dark'] :where(.multi-area-title small, .multi-area-footer span, .multi-area-section-head small, .multi-area-card small, .multi-result-title p, .multi-search-prompt p, .country-result-row small, .country-suggestion-row small, .flow-country-row small),
body.theme-dark :where(.multi-area-title small, .multi-area-footer span, .multi-area-section-head small, .multi-area-card small, .multi-result-title p, .multi-search-prompt p, .country-result-row small, .country-suggestion-row small, .flow-country-row small) {
  color: #aeb9c9 !important;
}

html[data-theme='dark'] :where(.multi-area-title > span, .multi-area-close),
body.theme-dark :where(.multi-area-title > span, .multi-area-close) {
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.075) !important;
  color: #f7f9fd !important;
}

html[data-theme='dark'] :where(.multi-area-nav button.active),
body.theme-dark :where(.multi-area-nav button.active) {
  background: rgba(229, 9, 20, 0.16) !important;
  color: #ff7a86 !important;
}

html[data-theme='dark'] :where(.multi-area-card:hover, .multi-country-page .country-result-row:hover, .multi-country-page .country-suggestion-row:hover, .multi-country-page .flow-country-row:hover),
body.theme-dark :where(.multi-area-card:hover, .multi-country-page .country-result-row:hover, .multi-country-page .country-suggestion-row:hover, .multi-country-page .flow-country-row:hover) {
  border-color: rgba(255, 94, 108, 0.42) !important;
  background: rgba(229, 9, 20, 0.14) !important;
}

html[data-theme='dark'] :where(.multi-area-footer .btn, .flow-find-best),
body.theme-dark :where(.multi-area-footer .btn, .flow-find-best) {
  background: #ed0712 !important;
  color: #ffffff !important;
  box-shadow: 0 18px 42px rgba(229, 9, 20, 0.24) !important;
}

html[data-theme='dark'] :where(.multi-area-sections, .country-result-list, .multi-country-page .flow-country-popover),
body.theme-dark :where(.multi-area-sections, .country-result-list, .multi-country-page .flow-country-popover) {
  scrollbar-color: rgba(255, 255, 255, 0.34) rgba(255, 255, 255, 0.06) !important;
}

html[data-theme='dark'] :where(.multi-area-sections, .country-result-list, .multi-country-page .flow-country-popover)::-webkit-scrollbar,
body.theme-dark :where(.multi-area-sections, .country-result-list, .multi-country-page .flow-country-popover)::-webkit-scrollbar {
  width: 10px !important;
  height: 10px !important;
}

html[data-theme='dark'] :where(.multi-area-sections, .country-result-list, .multi-country-page .flow-country-popover)::-webkit-scrollbar-track,
body.theme-dark :where(.multi-area-sections, .country-result-list, .multi-country-page .flow-country-popover)::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.055) !important;
}

html[data-theme='dark'] :where(.multi-area-sections, .country-result-list, .multi-country-page .flow-country-popover)::-webkit-scrollbar-thumb,
body.theme-dark :where(.multi-area-sections, .country-result-list, .multi-country-page .flow-country-popover)::-webkit-scrollbar-thumb {
  border: 2px solid rgba(10, 15, 25, 0.99) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.34) !important;
}

html[data-theme='dark'] .multi-area-modal :where(a, button, input, select),
body.theme-dark .multi-area-modal :where(a, button, input, select),
html[data-theme='dark'] .multi-country-page :where(a, button, input, select),
body.theme-dark .multi-country-page :where(a, button, input, select) {
  color-scheme: dark !important;
}

@media (max-width: 760px) {
  html[data-theme='dark'] :where(.multi-country-page, .one-country-page, .global-category-page-v258, .aleo-flow-page),
  body.theme-dark :where(.multi-country-page, .one-country-page, .global-category-page-v258, .aleo-flow-page) {
    width: 100vw !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  html[data-theme='dark'] :where(.multi-area-modal),
  body.theme-dark :where(.multi-area-modal) {
    padding: 74px 10px 12px !important;
  }

  html[data-theme='dark'] :where(.multi-area-dialog),
  body.theme-dark :where(.multi-area-dialog) {
    width: calc(100vw - 20px) !important;
    max-height: calc(100vh - 92px) !important;
  }
}

/* AleoFly v280: remove the remaining light frame from mobile destination popovers. */
html[data-theme='dark'] body main.app .multi-country-page .multi-destination-picker > .country-search-popover.flow-country-popover:not([hidden]),
body.theme-dark main.app .multi-country-page .multi-destination-picker > .country-search-popover.flow-country-popover:not([hidden]) {
  border: 1px solid rgba(255, 255, 255, 0.13) !important;
  outline: 0 !important;
  background: #0b101a !important;
  color: #f7f9fd !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.36) !important;
  overflow: hidden auto !important;
}

html[data-theme='dark'] body main.app .multi-country-page .multi-destination-picker > .country-search-popover.flow-country-popover:not([hidden]) .country-search-section-label,
body.theme-dark main.app .multi-country-page .multi-destination-picker > .country-search-popover.flow-country-popover:not([hidden]) .country-search-section-label {
  display: block !important;
  margin: -8px -8px 8px !important;
  padding: 12px 10px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
  background: #0b101a !important;
  color: #aeb9c9 !important;
}

html[data-theme='dark'] body main.app .multi-country-page .multi-destination-picker > .country-search-popover.flow-country-popover:not([hidden]) .country-result-list,
body.theme-dark main.app .multi-country-page .multi-destination-picker > .country-search-popover.flow-country-popover:not([hidden]) .country-result-list {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: #0b101a !important;
  box-shadow: none !important;
}

@media (prefers-color-scheme: dark) {
  html:not([data-theme='light']) body:not(.theme-light) main.app .multi-country-page .multi-destination-picker > .country-search-popover.flow-country-popover:not([hidden]) {
    border: 1px solid rgba(255, 255, 255, 0.13) !important;
    outline: 0 !important;
    background: #0b101a !important;
    color: #f7f9fd !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.36) !important;
    overflow: hidden auto !important;
  }

  html:not([data-theme='light']) body:not(.theme-light) main.app .multi-country-page .multi-destination-picker > .country-search-popover.flow-country-popover:not([hidden]) .country-search-section-label,
  html:not([data-theme='light']) body:not(.theme-light) main.app .multi-country-page .multi-destination-picker > .country-search-popover.flow-country-popover:not([hidden]) .country-result-list {
    background: #0b101a !important;
  }
}

/* AleoFly v328: final loaded stylesheet must not let table-like surfaces leak light mode. */
html[data-theme='dark'] body main.app :where(.one-country-table-panel, .table-scroll, .account-esim-detail-table-v175),
body.theme-dark main.app :where(.one-country-table-panel, .table-scroll, .account-esim-detail-table-v175) {
  border-color: var(--border) !important;
  background:
    linear-gradient(180deg, rgba(17, 24, 38, 0.98), rgba(9, 13, 22, 0.99)) !important;
  color: var(--text) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.32) !important;
}

html[data-theme='dark'] body main.app .one-country-plan-table,
body.theme-dark main.app .one-country-plan-table,
html[data-theme='dark'] body main.app .one-country-plan-table tbody,
body.theme-dark main.app .one-country-plan-table tbody,
html[data-theme='dark'] body main.app .orders-table,
body.theme-dark main.app .orders-table,
html[data-theme='dark'] body main.app .orders-table tbody,
body.theme-dark main.app .orders-table tbody {
  background: transparent !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}

html[data-theme='dark'] body main.app .one-country-plan-table tr,
body.theme-dark main.app .one-country-plan-table tr,
html[data-theme='dark'] body main.app .orders-table tr,
body.theme-dark main.app .orders-table tr,
html[data-theme='dark'] body main.app .account-esim-detail-table-v175 div,
body.theme-dark main.app .account-esim-detail-table-v175 div {
  border-color: var(--border) !important;
  background:
    linear-gradient(180deg, rgba(20, 27, 41, 0.98), rgba(12, 17, 28, 0.99)) !important;
  color: var(--text) !important;
}

html[data-theme='dark'] body main.app .one-country-plan-table :where(th, td),
body.theme-dark main.app .one-country-plan-table :where(th, td),
html[data-theme='dark'] body main.app .orders-table :where(th, td),
body.theme-dark main.app .orders-table :where(th, td),
html[data-theme='dark'] body main.app .account-esim-detail-table-v175 :where(dt, dd),
body.theme-dark main.app .account-esim-detail-table-v175 :where(dt, dd) {
  border-color: var(--border) !important;
  background: transparent !important;
  color: var(--text) !important;
}

html[data-theme='dark'] body main.app .one-country-plan-table :where(strong, b),
body.theme-dark main.app .one-country-plan-table :where(strong, b),
html[data-theme='dark'] body main.app .orders-table :where(strong, b),
body.theme-dark main.app .orders-table :where(strong, b),
html[data-theme='dark'] body main.app .account-esim-detail-table-v175 :where(strong, b, dd),
body.theme-dark main.app .account-esim-detail-table-v175 :where(strong, b, dd) {
  color: var(--text) !important;
}

html[data-theme='dark'] body main.app .one-country-plan-table :where(small, span),
body.theme-dark main.app .one-country-plan-table :where(small, span),
html[data-theme='dark'] body main.app .orders-table :where(small, span),
body.theme-dark main.app .orders-table :where(small, span),
html[data-theme='dark'] body main.app .account-esim-detail-table-v175 :where(dt, small, span),
body.theme-dark main.app .account-esim-detail-table-v175 :where(dt, small, span) {
  color: var(--muted) !important;
}

html[data-theme='dark'] body main.app .one-country-plan-table :where(.btn, .btn-ghost, a, button),
body.theme-dark main.app .one-country-plan-table :where(.btn, .btn-ghost, a, button),
html[data-theme='dark'] body main.app .orders-table :where(.btn, .btn-ghost, a, button),
body.theme-dark main.app .orders-table :where(.btn, .btn-ghost, a, button) {
  border-color: rgba(255, 90, 105, 0.30) !important;
  background: rgba(229, 9, 20, 0.14) !important;
  color: #ff7a88 !important;
}

@media (max-width: 760px) {
  html[data-theme='dark'] body main.app .one-country-plan-table tr,
  body.theme-dark main.app .one-country-plan-table tr {
    box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.14), 0 12px 34px rgba(0, 0, 0, 0.26) !important;
  }
}

/* AleoFly v330: readable mobile arrows and phone-native one-country table rows. */
@media (max-width: 760px) {
  body main.app .one-country-all-plans .one-country-buy {
    width: 34px !important;
    min-width: 34px !important;
    height: 56px !important;
    min-height: 56px !important;
    border-left: 1px solid rgba(255, 255, 255, 0.28) !important;
    background: transparent !important;
  }

  body main.app .one-country-all-plans .one-country-buy::after {
    content: "" !important;
    width: 13px !important;
    height: 13px !important;
    border: solid #ffffff !important;
    border-width: 3px 3px 0 0 !important;
    transform: rotate(45deg) !important;
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.5)) !important;
  }

  [dir='rtl'] body main.app .one-country-all-plans .one-country-buy::after {
    transform: rotate(225deg) !important;
  }

  html:not([data-theme='dark']) body:not(.theme-dark) main.app .one-country-all-plans .one-country-buy {
    border-left-color: rgba(229, 9, 20, 0.24) !important;
  }

  html:not([data-theme='dark']) body:not(.theme-dark) main.app .one-country-all-plans .one-country-buy::after {
    border-color: #e50914 !important;
    filter: none !important;
  }

  body main.app .one-country-page[data-country-view-state="table"] .one-country-table-panel {
    overflow: visible !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body main.app .one-country-plan-table {
    width: 100% !important;
    min-width: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 8px !important;
    background: transparent !important;
  }

  body main.app .one-country-plan-table tbody {
    display: grid !important;
    gap: 8px !important;
    width: 100% !important;
    background: transparent !important;
  }

  body main.app .one-country-plan-table tr {
    width: 100% !important;
    min-height: 96px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) max-content 34px !important;
    grid-template-areas:
      "main price action"
      "network price action"
      "tags price action" !important;
    align-items: center !important;
    gap: 5px 10px !important;
    padding: 12px 10px 12px 12px !important;
    border-radius: 14px !important;
  }

  body main.app .one-country-plan-table td {
    display: block !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body main.app .one-country-plan-table td:first-child {
    grid-area: main !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }

  body main.app .one-country-plan-table td:first-child .country-mini-flag {
    width: 33px !important;
    height: 33px !important;
    flex: 0 0 auto !important;
  }

  body main.app .one-country-plan-table td:first-child strong {
    display: inline !important;
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
  }

  body main.app .one-country-plan-table td:first-child > span:not(.country-mini-flag):not(.flag-badge) {
    display: inline !important;
    margin-left: 8px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  body main.app .one-country-plan-table td:nth-child(2) {
    grid-area: tags !important;
  }

  body main.app .one-country-plan-table td:nth-child(2) .country-highlight-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    margin: 0 0 0 43px !important;
  }

  body main.app .one-country-plan-table td:nth-child(2) .country-highlight-tags span {
    min-height: 18px !important;
    padding: 2px 7px !important;
    font-size: 8px !important;
    line-height: 1 !important;
  }

  body main.app .one-country-plan-table td:nth-child(3) {
    grid-area: network !important;
    display: grid !important;
    gap: 2px !important;
    margin-left: 43px !important;
  }

  body main.app .one-country-plan-table td:nth-child(3) strong {
    font-size: 12px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
  }

  body main.app .one-country-plan-table td:nth-child(3) small {
    font-size: 10px !important;
    line-height: 1.1 !important;
    font-weight: 750 !important;
  }

  body main.app .one-country-plan-table td:nth-child(4) {
    grid-area: price !important;
    display: grid !important;
    gap: 3px !important;
    justify-items: end !important;
    align-self: center !important;
    min-width: 82px !important;
  }

  body main.app .one-country-plan-table td:nth-child(4) strong {
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
  }

  body main.app .one-country-plan-table td:nth-child(4) span {
    display: none !important;
  }

  body main.app .one-country-plan-table td:nth-child(4) small {
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
  }

  body main.app .one-country-plan-table td:nth-child(5) {
    grid-area: action !important;
    align-self: stretch !important;
    display: grid !important;
    place-items: center !important;
    border-left: 1px solid rgba(255, 255, 255, 0.28) !important;
  }

  body main.app .one-country-plan-table td:nth-child(5) :where(a, button, .btn, .btn-ghost) {
    width: 34px !important;
    min-width: 34px !important;
    height: 100% !important;
    min-height: 54px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: transparent !important;
    font-size: 0 !important;
    overflow: hidden !important;
    box-shadow: none !important;
  }

  body main.app .one-country-plan-table td:nth-child(5) :where(a, button, .btn, .btn-ghost)::after {
    content: "" !important;
    width: 13px !important;
    height: 13px !important;
    border: solid #ffffff !important;
    border-width: 3px 3px 0 0 !important;
    transform: rotate(45deg) !important;
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.5)) !important;
  }

  [dir='rtl'] body main.app .one-country-plan-table td:nth-child(5) :where(a, button, .btn, .btn-ghost)::after {
    transform: rotate(225deg) !important;
  }

  html:not([data-theme='dark']) body:not(.theme-dark) main.app .one-country-plan-table td:nth-child(5) {
    border-left-color: rgba(229, 9, 20, 0.24) !important;
  }

  html:not([data-theme='dark']) body:not(.theme-dark) main.app .one-country-plan-table td:nth-child(5) :where(a, button, .btn, .btn-ghost)::after {
    border-color: #e50914 !important;
    filter: none !important;
  }
}

@media (max-width: 380px) {
  body main.app .one-country-plan-table tr {
    grid-template-columns: minmax(0, 1fr) max-content 30px !important;
    gap: 5px 8px !important;
    padding: 11px 8px 11px 10px !important;
  }

  body main.app .one-country-plan-table td:nth-child(4) {
    min-width: 72px !important;
  }

  body main.app .one-country-plan-table td:nth-child(4) strong {
    font-size: 16px !important;
  }

  body main.app .one-country-plan-table td:first-child strong {
    font-size: 16px !important;
  }

  body main.app .one-country-plan-table td:first-child > span:not(.country-mini-flag):not(.flag-badge) {
    font-size: 13px !important;
  }
}

/* AleoFly v331: route loading is expressed by the header rail only. */
body > .app-loader {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body > .app-loader .app-loader__inner {
  display: none !important;
}

body.is-route-loading main.app {
  min-height: auto !important;
  opacity: 1 !important;
  transform: none !important;
}

body.is-route-loading .site-footer {
  display: block !important;
}

#site-header.site-header .header-route-progress {
  position: absolute !important;
  left: 8% !important;
  right: 8% !important;
  bottom: 0 !important;
  z-index: 8 !important;
  height: 3px !important;
  border-radius: 999px 999px 0 0 !important;
  pointer-events: none !important;
  transform: scaleX(1) translateZ(0) !important;
  transform-origin: left center !important;
  opacity: 0.78 !important;
  background: linear-gradient(90deg, transparent 0%, rgba(229, 9, 20, 0.2) 18%, #ff1f2c 48%, #e50914 55%, rgba(229, 9, 20, 0.18) 82%, transparent 100%) !important;
  background-size: 100% 100% !important;
  box-shadow: 0 0 18px rgba(229, 9, 20, 0.48), 0 -2px 14px rgba(229, 9, 20, 0.15) !important;
  transition: opacity 180ms ease, transform 260ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

#site-header.site-header::after {
  animation: none !important;
  background-position: 50% 0 !important;
}

body.is-route-loading #site-header.site-header::after {
  opacity: 0.22 !important;
}

body:not(.is-route-loading) #site-header.site-header .header-route-progress {
  animation: none !important;
  background-position: 50% 0 !important;
}

body.is-route-loading #site-header.site-header .header-route-progress {
  opacity: 1 !important;
  background-size: 230% 100% !important;
  animation: aleoRouteProgressTravel 920ms cubic-bezier(0.55, 0, 0.15, 1) infinite !important;
}

body.is-route-loading.is-route-loading-done #site-header.site-header .header-route-progress {
  animation: aleoRouteProgressSettle 340ms cubic-bezier(0.22, 1, 0.36, 1) both !important;
}

html[data-theme='dark'] body #site-header.site-header .header-route-progress,
body.theme-dark #site-header.site-header .header-route-progress {
  background: linear-gradient(90deg, transparent 0%, rgba(255, 78, 92, 0.22) 18%, #ff3644 48%, #e50914 56%, rgba(255, 78, 92, 0.2) 82%, transparent 100%) !important;
  box-shadow: 0 0 20px rgba(229, 9, 20, 0.58), 0 -2px 14px rgba(229, 9, 20, 0.2) !important;
}

@keyframes aleoRouteProgressTravel {
  0% {
    background-position: 120% 0;
    transform: scaleX(0.14) translateZ(0);
  }
  46% {
    transform: scaleX(0.76) translateZ(0);
  }
  100% {
    background-position: -120% 0;
    transform: scaleX(0.98) translateZ(0);
  }
}

@keyframes aleoRouteProgressSettle {
  0% {
    opacity: 1;
    transform: scaleX(0.88) translateZ(0);
  }
  100% {
    opacity: 0.78;
    transform: scaleX(1) translateZ(0);
    background-position: 50% 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.is-route-loading #site-header.site-header .header-route-progress,
  body.is-route-loading.is-route-loading-done #site-header.site-header .header-route-progress {
    animation: none !important;
    opacity: 1 !important;
    transform: scaleX(1) translateZ(0) !important;
  }
}

/* AleoFly v332: no hard-refresh image flash; full-width header progress starts at zero. */
html.is-app-booting body > .app-loader,
body > .app-loader {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  background: transparent !important;
}

html.is-app-booting #site-header.site-header,
body.is-route-loading #site-header.site-header {
  overflow: hidden !important;
}

#site-header.site-header::after {
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  opacity: 0.48 !important;
  background: linear-gradient(90deg, rgba(229, 9, 20, 0.28), #e50914 50%, rgba(229, 9, 20, 0.28)) !important;
  background-size: 100% 100% !important;
  box-shadow: 0 0 18px rgba(229, 9, 20, 0.34) !important;
  animation: none !important;
}

#site-header.site-header .header-route-progress {
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 40 !important;
  width: auto !important;
  height: 5px !important;
  border-radius: 0 !important;
  opacity: 0.92 !important;
  transform-origin: left center !important;
  transform: scaleX(1) translateZ(0) !important;
  background: linear-gradient(90deg, #e50914 0%, #ff4f5b 42%, #ffffff 50%, #ff4f5b 58%, #e50914 100%) !important;
  background-size: 260% 100% !important;
  box-shadow: 0 0 22px rgba(229, 9, 20, 0.66), 0 -2px 16px rgba(229, 9, 20, 0.24) !important;
}

html.is-app-booting #site-header.site-header .header-route-progress,
body.is-route-loading #site-header.site-header .header-route-progress {
  opacity: 1 !important;
  animation: aleoV332HeaderProgress 780ms cubic-bezier(0.55, 0, 0.15, 1) infinite !important;
}

body.is-route-loading.is-route-loading-done #site-header.site-header .header-route-progress {
  animation: aleoV332HeaderProgressDone 260ms cubic-bezier(0.22, 1, 0.36, 1) both !important;
}

body:not(.is-route-loading) #site-header.site-header .header-route-progress {
  background-position: 50% 0 !important;
}

@keyframes aleoV332HeaderProgress {
  0% {
    background-position: 120% 0;
    transform: scaleX(0.03) translateZ(0);
  }
  36% {
    transform: scaleX(0.55) translateZ(0);
  }
  72% {
    transform: scaleX(0.9) translateZ(0);
  }
  100% {
    background-position: -120% 0;
    transform: scaleX(1) translateZ(0);
  }
}

@keyframes aleoV332HeaderProgressDone {
  0% {
    opacity: 1;
    transform: scaleX(0.92) translateZ(0);
  }
  100% {
    opacity: 0.92;
    background-position: 50% 0;
    transform: scaleX(1) translateZ(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  html.is-app-booting #site-header.site-header .header-route-progress,
  body.is-route-loading #site-header.site-header .header-route-progress,
  body.is-route-loading.is-route-loading-done #site-header.site-header .header-route-progress {
    animation: none !important;
    transform: scaleX(1) translateZ(0) !important;
  }
}

/* AleoFly v333: boot uses a transparent drawn A, hides SSR art, and resets the rail. */
html.is-app-booting body {
  overflow-x: hidden !important;
}

html.is-app-booting main.app {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html.is-app-booting main.app .seo-fallback,
html.is-app-booting main.app .seo-fallback img {
  display: none !important;
}

html.is-app-booting #site-header.site-header {
  min-height: 5px !important;
  height: 5px !important;
  max-height: 5px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html.is-app-booting #site-header.site-header::before {
  display: none !important;
  opacity: 0 !important;
}

html.is-app-booting #site-header.site-header > :not(.header-route-progress) {
  display: none !important;
}

body > .app-loader {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  background: transparent !important;
}

html.is-app-booting body > .app-loader:not(.is-hidden) {
  position: fixed !important;
  inset: 0 !important;
  z-index: 90 !important;
  display: grid !important;
  place-items: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  background: transparent !important;
}

.app-loader-a {
  width: clamp(78px, 11vw, 128px) !important;
  height: clamp(78px, 11vw, 128px) !important;
  color: #e50914 !important;
  filter: drop-shadow(0 10px 28px rgba(229, 9, 20, 0.24)) !important;
}

.app-loader-a__stroke {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 9 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  stroke-dasharray: 245 !important;
  stroke-dashoffset: 245 !important;
  animation: aleoV333DrawA 1.16s cubic-bezier(0.55, 0, 0.15, 1) infinite !important;
}

#site-header.site-header::after {
  opacity: 0 !important;
  box-shadow: none !important;
  transform: scaleX(0) !important;
}

#site-header.site-header .header-route-progress {
  left: 0 !important;
  right: 0 !important;
  height: 5px !important;
  opacity: 0.96 !important;
  transform-origin: left center !important;
  transform: scaleX(0.045) translateZ(0) !important;
  background-position: 0 0 !important;
  background: linear-gradient(90deg, #e50914 0%, #ff3342 45%, #ffffff 52%, #ff3342 60%, #e50914 100%) !important;
  background-size: 260% 100% !important;
  box-shadow: 0 0 18px rgba(229, 9, 20, 0.52), 0 -2px 12px rgba(229, 9, 20, 0.18) !important;
}

html.is-app-booting #site-header.site-header .header-route-progress,
body.is-route-loading #site-header.site-header .header-route-progress {
  animation: aleoV333HeaderProgress 760ms cubic-bezier(0.55, 0, 0.15, 1) infinite !important;
}

body.is-route-loading.is-route-loading-done #site-header.site-header .header-route-progress {
  animation: aleoV333HeaderProgressDone 260ms cubic-bezier(0.22, 1, 0.36, 1) both !important;
}

body:not(.is-route-loading) #site-header.site-header .header-route-progress {
  animation: none !important;
  transform: scaleX(0.045) translateZ(0) !important;
  background-position: 0 0 !important;
}

@keyframes aleoV333DrawA {
  0% {
    opacity: 0.42;
    stroke-dashoffset: 245;
    transform: translateY(2px);
  }
  54% {
    opacity: 1;
    stroke-dashoffset: 0;
    transform: translateY(0);
  }
  100% {
    opacity: 0.52;
    stroke-dashoffset: -245;
    transform: translateY(-1px);
  }
}

@keyframes aleoV333HeaderProgress {
  0% {
    background-position: 120% 0;
    transform: scaleX(0.045) translateZ(0);
  }
  34% {
    transform: scaleX(0.5) translateZ(0);
  }
  72% {
    transform: scaleX(0.94) translateZ(0);
  }
  100% {
    background-position: -120% 0;
    transform: scaleX(1) translateZ(0);
  }
}

@keyframes aleoV333HeaderProgressDone {
  0% {
    opacity: 1;
    transform: scaleX(1) translateZ(0);
  }
  100% {
    opacity: 0.96;
    background-position: 0 0;
    transform: scaleX(0.045) translateZ(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .app-loader-a__stroke {
    animation: none !important;
    stroke-dashoffset: 0 !important;
  }

  html.is-app-booting #site-header.site-header .header-route-progress,
  body.is-route-loading #site-header.site-header .header-route-progress,
  body.is-route-loading.is-route-loading-done #site-header.site-header .header-route-progress {
    animation: none !important;
    transform: scaleX(0.045) translateZ(0) !important;
  }
}

/* AleoFly v334: deterministic header progress, no looping. */
#site-header.site-header .header-route-progress {
  animation: none !important;
  transform-origin: left center !important;
  transform: scaleX(0.045) translateZ(0) !important;
  background-position: 0 0 !important;
  transition:
    transform 220ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 160ms ease !important;
}

html.is-app-booting #site-header.site-header .header-route-progress,
body.is-route-loading #site-header.site-header .header-route-progress {
  animation: none !important;
  opacity: 1 !important;
  transform: scaleX(0.18) translateZ(0) !important;
  transition:
    transform 520ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 160ms ease !important;
}

body.is-route-loading.is-route-progress-fill #site-header.site-header .header-route-progress {
  animation: none !important;
  transform: scaleX(0.92) translateZ(0) !important;
  transition:
    transform 5600ms cubic-bezier(0.16, 1, 0.3, 1),
    opacity 160ms ease !important;
}

body.is-route-loading.is-route-progress-complete #site-header.site-header .header-route-progress,
body.is-route-loading.is-route-loading-done #site-header.site-header .header-route-progress {
  animation: none !important;
  transform: scaleX(1) translateZ(0) !important;
  transition:
    transform 180ms ease-out,
    opacity 120ms ease !important;
}

body:not(.is-route-loading) #site-header.site-header .header-route-progress {
  animation: none !important;
  transform: scaleX(0.045) translateZ(0) !important;
  background-position: 0 0 !important;
  transition:
    transform 220ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 160ms ease !important;
}

@media (prefers-reduced-motion: reduce) {
  html.is-app-booting #site-header.site-header .header-route-progress,
  body.is-route-loading #site-header.site-header .header-route-progress,
  body.is-route-loading.is-route-progress-fill #site-header.site-header .header-route-progress,
  body.is-route-loading.is-route-progress-complete #site-header.site-header .header-route-progress,
  body.is-route-loading.is-route-loading-done #site-header.site-header .header-route-progress,
  body:not(.is-route-loading) #site-header.site-header .header-route-progress {
    animation: none !important;
    transform: scaleX(0.045) translateZ(0) !important;
    transition: none !important;
  }
}

/* AleoFly v335: crisp header progress rail for desktop/mobile and dark/light. */
#site-header.site-header .header-route-progress {
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 40 !important;
  width: auto !important;
  height: 4px !important;
  border-radius: 0 !important;
  opacity: 0 !important;
  transform-origin: left center !important;
  transform: scaleX(0) translate3d(0, 0, 0) !important;
  background: linear-gradient(90deg, #d90412 0%, #f20d1b 48%, #ff4d58 100%) !important;
  background-size: 100% 100% !important;
  background-position: 0 0 !important;
  box-shadow: none !important;
  filter: none !important;
  -webkit-filter: none !important;
  will-change: transform, opacity !important;
  transition:
    transform 140ms ease,
    opacity 120ms ease !important;
}

html[data-theme='dark'] body #site-header.site-header .header-route-progress,
body.theme-dark #site-header.site-header .header-route-progress {
  background: linear-gradient(90deg, #ff1726 0%, #ff3542 52%, #ff6b73 100%) !important;
  box-shadow: none !important;
  filter: none !important;
  -webkit-filter: none !important;
}

html.is-app-booting #site-header.site-header .header-route-progress,
body.is-route-loading #site-header.site-header .header-route-progress {
  animation: none !important;
  opacity: 1 !important;
  transform: scaleX(0.012) translate3d(0, 0, 0) !important;
  box-shadow: none !important;
  filter: none !important;
  -webkit-filter: none !important;
  transition:
    transform 90ms linear,
    opacity 80ms ease !important;
}

body.is-route-loading.is-route-progress-fill #site-header.site-header .header-route-progress {
  animation: none !important;
  opacity: 1 !important;
  transform: scaleX(0.94) translate3d(0, 0, 0) !important;
  box-shadow: 0 1px 5px rgba(229, 9, 20, 0.24) !important;
  transition:
    transform 5200ms cubic-bezier(0.16, 1, 0.3, 1),
    opacity 80ms ease !important;
}

body.is-route-loading.is-route-progress-complete #site-header.site-header .header-route-progress,
body.is-route-loading.is-route-loading-done #site-header.site-header .header-route-progress {
  animation: none !important;
  opacity: 1 !important;
  transform: scaleX(1) translate3d(0, 0, 0) !important;
  box-shadow: 0 1px 5px rgba(229, 9, 20, 0.22) !important;
  transition:
    transform 190ms ease-out,
    opacity 80ms ease !important;
}

body:not(.is-route-loading) #site-header.site-header .header-route-progress {
  animation: none !important;
  opacity: 0 !important;
  transform: scaleX(0) translate3d(0, 0, 0) !important;
  background-position: 0 0 !important;
  box-shadow: none !important;
  filter: none !important;
  -webkit-filter: none !important;
  transition:
    transform 140ms ease,
    opacity 100ms ease !important;
}

@media (max-width: 760px) {
  #site-header.site-header .header-route-progress {
    height: 3px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.is-app-booting #site-header.site-header .header-route-progress,
  body.is-route-loading #site-header.site-header .header-route-progress,
  body.is-route-loading.is-route-progress-fill #site-header.site-header .header-route-progress,
  body.is-route-loading.is-route-progress-complete #site-header.site-header .header-route-progress,
  body.is-route-loading.is-route-loading-done #site-header.site-header .header-route-progress,
  body:not(.is-route-loading) #site-header.site-header .header-route-progress {
    animation: none !important;
    transform: scaleX(0) translate3d(0, 0, 0) !important;
    box-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    transition: none !important;
  }

  body.is-route-loading.is-route-progress-complete #site-header.site-header .header-route-progress,
  body.is-route-loading.is-route-loading-done #site-header.site-header .header-route-progress {
    opacity: 1 !important;
    transform: scaleX(1) translate3d(0, 0, 0) !important;
  }
}

/* AleoFly v336: keep the full header visible during refresh/boot. */
html.is-app-booting body #site-header.site-header {
  display: grid !important;
  grid-template-columns: minmax(190px, auto) minmax(380px, 1fr) auto !important;
  min-height: 104px !important;
  height: 104px !important;
  max-height: none !important;
  padding: 0 clamp(26px, 3vw, 52px) !important;
  margin: 0 !important;
  gap: clamp(18px, 2vw, 34px) !important;
  align-items: center !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(229, 9, 20, 0.14) !important;
  border-radius: 0 0 24px 24px !important;
  background:
    radial-gradient(circle at 14% 42%, rgba(229, 9, 20, 0.16), transparent 34%),
    linear-gradient(100deg, rgba(255, 222, 227, 0.88), rgba(255, 255, 255, 0.94), rgba(237, 244, 255, 0.84)) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.18) !important;
  backdrop-filter: blur(18px) saturate(1.18) !important;
}

html.is-app-booting #site-header.site-header::before {
  display: block !important;
  opacity: 0.82 !important;
}

html.is-app-booting #site-header.site-header > .brand,
html.is-app-booting #site-header.site-header > .top-nav,
html.is-app-booting #site-header.site-header > .header-actions {
  visibility: visible !important;
  opacity: 1 !important;
}

html.is-app-booting #site-header.site-header > .brand {
  display: flex !important;
}

html.is-app-booting #site-header.site-header > .top-nav,
html.is-app-booting #site-header.site-header > .header-actions {
  display: flex !important;
}

@media (max-width: 980px) {
  html.is-app-booting body #site-header.site-header {
    top: 8px !important;
    left: 8px !important;
    right: auto !important;
    grid-template-columns: minmax(118px, 1fr) auto !important;
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    min-height: 72px !important;
    height: 72px !important;
    padding: 0 8px !important;
    gap: 6px !important;
    border-radius: 16px !important;
  }

  html.is-app-booting #site-header.site-header > .top-nav {
    display: none !important;
  }

  html.is-app-booting #site-header.site-header > .brand.brand-image-lockup {
    grid-column: 1 !important;
    max-width: calc(100vw - 166px) !important;
  }

  html.is-app-booting #site-header.site-header .brand-image-lockup .brand-logo-image {
    width: clamp(116px, 33vw, 148px) !important;
    max-width: clamp(116px, 33vw, 148px) !important;
    max-height: 58px !important;
  }

  html.is-app-booting #site-header.site-header > .header-actions {
    grid-column: 2 !important;
    gap: 4px !important;
  }
}

html[data-theme='dark'].is-app-booting body #site-header.site-header,
html.is-app-booting body.theme-dark #site-header.site-header {
  border-bottom-color: rgba(255, 82, 94, 0.26) !important;
  background:
    radial-gradient(circle at 14% 42%, rgba(229, 9, 20, 0.26), transparent 34%),
    linear-gradient(100deg, rgba(92, 16, 36, 0.94), rgba(13, 20, 34, 0.96), rgba(30, 54, 88, 0.9)) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24) !important;
}