/* ============================================================
   UAD AI Results — Aviation Luxury 2026
   Deep-Platinum · Floating Glass · Metallic Price Centerstage
   No green blocks · No grey boxes · OS-native feel
   ============================================================ */

/* ── Scoped design tokens ─────────────────────────────────── */
#resultsBox, #uadResults {
  /* ── Light / White Theme ─────────────────────────────────
     Clean white base · teal-sky accents · green budget · red premium */
  --sky:        #0099B5;      /* brand teal                    */
  --sky-b:      #00CFEB;      /* bright teal                   */
  --sky-deep:   #006E8A;      /* deep teal                     */
  --plat:       #E0F7FF;      /* light teal tint               */
  --plat-b:     #F0FBFF;      /* very light teal               */
  --crimson:    #C91E3A;      /* premium red — unchanged       */
  --crimson-b:  #FF3355;
  --green:      #15803D;      /* green-700                     */
  --green-b:    #22C55E;      /* green-500                     */
  --ink:        #1A2C3E;      /* dark text on white            */
  --ink-2:      rgba(26,44,62,.72);
  --ink-3:      rgba(26,44,62,.52);
  --ink-4:      rgba(26,44,62,.28);
  /* card backgrounds — pure white */
  --gb:         #FFFFFF;
  --gb-budget:  #FFFFFF;
  --gb-std:     #FFFFFF;
  --gb-prem:    #FFFFFF;
  /* internal gradient overlay per type — subtle tint */
  --ig-budget:  linear-gradient(155deg, rgba(34,197,94,.05)  0%, transparent 55%);
  --ig-std:     linear-gradient(155deg, rgba(0,153,181,.05)  0%, transparent 55%);
  --ig-prem:    linear-gradient(155deg, rgba(201,30,58,.05)  0%, transparent 55%);
  --r:          18px;
  --r-lg:       22px;
  --r-pill:     999px;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* ── Outer shell ──────────────────────────────────────────── */
.uad-shell {
  background: linear-gradient(158deg, #F8FAFC 0%, #FFFFFF 50%, #F0F9FF 100%);
  border-radius: var(--r-lg);
  border: 1px solid #E2E8F0;
  box-shadow:
    0 4px 24px rgba(0,0,0,.08),
    0 1px 4px rgba(0,0,0,.04);
  padding: 1.25rem .9rem;
  position: relative;
  overflow-x: visible;
  overflow-y: hidden;
}
.uad-shell::before {
  display: none;
}
.uad-shell > * { position: relative; z-index: 1; }

/* ══════════════════════════════════════════════════════════
   AERO-PULSE LOADING — Midnight Blue · Data-Stream · Glow
   ══════════════════════════════════════════════════════════ */

/* Override shell background to pure midnight for loading */
.uad-shell--aero-pulse {
  background:
    radial-gradient(ellipse 140% 100% at 50% 40%,
      #0d1f3c 0%,
      #030c1e 55%,
      #020617 100%) !important;
  min-height: 400px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
}
/* Kill dot-matrix texture on loading shell */
.uad-shell--aero-pulse::before { display: none; }

/* ── Data-stream particle layer ──────────────────────────── */
.uad-stream-layer {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}
.uad-particle {
  position: absolute;
  left: -140px;
  height: 1.5px;
  background: linear-gradient(90deg, transparent, #00f2ff, rgba(0,242,255,.3), transparent);
  border-radius: 999px;
  animation-name: uad-pflight;
  animation-duration: 5s;         /* fallback; overridden per-particle via inline style */
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  will-change: transform, opacity;
}
@keyframes uad-pflight {
  0%   { transform: translateX(0);                  opacity: 0; }
  6%   { opacity: 1; }
  94%  { opacity: .45; }
  100% { transform: translateX(calc(100vw + 280px)); opacity: 0; }
}

/* ── Center stage ────────────────────────────────────────── */
.uad-pulse-center {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.15rem;
  width: 100%;
  max-width: 340px;
}

/* ── Glowing pulsing route text ──────────────────────────── */
.uad-pulse-route {
  display: flex;
  align-items: center;
  gap: .45rem;
  font-size: clamp(2.6rem, 13vw, 4rem);
  font-weight: 900;
  letter-spacing: -.025em;
  line-height: 1;
  color: #00f2ff;
  animation: uad-pulse-glow 2.6s ease-in-out infinite;
  user-select: none;
}
.uad-pulse-plane {
  font-size: .55em;
  display: inline-block;
  animation: uad-plane-drift 2.6s ease-in-out infinite;
  color: rgba(0,242,255,.85);
  filter: drop-shadow(0 0 6px rgba(0,242,255,.9));
}
@keyframes uad-pulse-glow {
  0%, 100% {
    text-shadow:
      0 0 18px rgba(0,242,255,.75),
      0 0 40px rgba(0,242,255,.35),
      0 0 80px rgba(0,242,255,.12);
    filter: brightness(1);
  }
  50% {
    text-shadow:
      0 0 30px rgba(0,242,255,1),
      0 0 70px rgba(0,242,255,.55),
      0 0 130px rgba(0,242,255,.22);
    filter: brightness(1.18);
  }
}
@keyframes uad-plane-drift {
  0%, 100% { transform: translateX(0) translateY(0); }
  50%       { transform: translateX(4px) translateY(-4px); }
}

/* ── Subtitle ─────────────────────────────────────────────── */
.uad-pulse-subtitle {
  font-size: .72rem;
  font-weight: 500;
  color: rgba(0,242,255,.42);
  letter-spacing: .05em;
  text-align: center;
  margin-top: -.3rem;
}

/* ── Progress bar (shared) ───────────────────────────────── */
.uad-loading-progress-track {
  width: 100%; max-width: 280px; height: 2px;
  background: rgba(0,242,255,.10); border-radius: var(--r-pill); overflow: hidden;
}
.uad-loading-progress-bar {
  height: 100%; width: 0%;
  background: linear-gradient(90deg, #005F73, #00f2ff);
  border-radius: var(--r-pill); transition: width 1s linear;
  box-shadow: 0 0 12px rgba(0,242,255,.75);
}

/* ── Step list (compact) ─────────────────────────────────── */
.uad-loading-steps {
  display: flex; flex-direction: column; gap: .32rem;
  width: 100%; max-width: 300px;
}
.uad-loading-step {
  display: flex; align-items: center; gap: .5rem;
  padding: .38rem .62rem; border-radius: 9px;
  background: rgba(255,255,255,.022);
  border: 0.5px solid rgba(255,255,255,.05);
  font-size: .68rem; color: var(--ink-3); transition: all .32s ease;
}
.uad-loading-step.is-active {
  background: rgba(0,242,255,.09); border-color: rgba(0,242,255,.28);
  color: var(--ink); box-shadow: 0 0 14px rgba(0,242,255,.10);
}
.uad-loading-step.is-done { color: var(--ink-4); }
.uad-loading-step-icon { font-size: .85rem; flex-shrink: 0; }
.uad-loading-step-check {
  margin-left: auto; font-size: .68rem; opacity: 0;
  transition: opacity .3s; color: var(--green-b);
}
.uad-loading-step.is-done .uad-loading-step-check { opacity: 1; }
.uad-loading-sub { font-size: .70rem; color: var(--ink-3); text-align: center; }

/* ── Mini route bar ───────────────────────────────────────── */
.uad-mini-bar {
  display: flex; align-items: center; justify-content: space-between;
  padding: .55rem .8rem;
  background: #FFFFFF;
  border-radius: var(--r);
  border: 1px solid #E2E8F0;
  box-shadow: 0 1px 4px rgba(0,0,0,.04);
  margin-bottom: 1rem;
  position: relative; z-index: 5;
}
.uad-mini-route {
  display: flex; align-items: center; gap: .4rem;
  font-size: .88rem; font-weight: 800; color: var(--ink); letter-spacing: -.01em;
}
.uad-mini-route-arrow { color: var(--sky-b); }
.uad-mini-date { font-size: .62rem; color: var(--ink-3); margin-left: .2rem; font-weight: 500; }
.uad-mini-reset {
  background: rgba(0,153,181,.08); border: 0.5px solid rgba(0,153,181,.25);
  color: var(--sky); font-size: .66rem; font-weight: 700;
  padding: .26rem .62rem; border-radius: 8px; cursor: pointer;
  font-family: inherit; transition: all .2s ease;
}
.uad-mini-reset:hover { background: rgba(0,153,181,.15); border-color: rgba(0,153,181,.45); }

/* ── Section labels ───────────────────────────────────────── */
.uad-section-label {
  display: flex; align-items: center; gap: .5rem;
  font-size: .59rem; font-weight: 800; letter-spacing: .12em;
  text-transform: uppercase; color: rgba(0,153,181,.75); margin: 0 0 .85rem;
}
.uad-section-label::after {
  content: ''; flex: 1; height: 0.5px;
  background: linear-gradient(90deg, rgba(0,153,181,.25), transparent);
}

/* ── AI insights ──────────────────────────────────────────── */
.uad-ai-insights {
  display: flex; gap: .65rem;
  padding: .7rem .88rem;
  background: rgba(0,153,181,.06);
  border: 1px solid #E2E8F0;
  border-radius: var(--r); margin-bottom: 1.1rem;
}
.uad-ai-insights-icon { font-size: 1.05rem; flex-shrink: 0; }
.uad-ai-insights-text { font-size: .74rem; line-height: 1.55; color: var(--ink-2); }

/* ═══════════════════════════════════════════════════════════
   HERO GRID — 3D Bento Depth
   ═══════════════════════════════════════════════════════════ */
.uad-shell .uad-fbh-grid {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  gap: 12px;
  padding: 0 16px 16px;
  margin-bottom: 1.8rem;
  scrollbar-width: none;
}
.uad-shell .uad-fbh-grid::-webkit-scrollbar { display: none; }

.uad-shell .uad-fbh-cell {
  flex: 0 0 85vw;
  width: 85vw;
  max-width: 360px;
  scroll-snap-align: center;
  scroll-snap-stop: always;
}

/* ── Hero Card ────────────────────────────────────────────── */
.uad-hero-card {
  position: relative;
  border-radius: var(--r-lg);
  padding: 1.1rem .95rem 1rem;
  backdrop-filter: blur(32px) saturate(240%);
  -webkit-backdrop-filter: blur(32px) saturate(240%);
  overflow: hidden;
  animation: uad-rise .55s cubic-bezier(.22,1,.36,1) both;
  transition:
    transform .30s cubic-bezier(.34,1.56,.64,1),
    box-shadow .28s ease;
  transform-style: preserve-3d;
  will-change: transform;
  cursor: default;
  /* Mobile overflow guard */
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
  width: 100%;
}
.uad-hero-card:nth-child(2) { animation-delay: .09s; }
.uad-hero-card:nth-child(3) { animation-delay: .18s; }

/* Type-specific bg + internal gradient */
.uad-hero-card--budget {
  background: var(--gb-budget);
  border: 1px solid rgba(34,197,94,.30);
  box-shadow:
    0 2px 16px rgba(0,0,0,.06),
    0 0 0 0.5px rgba(34,197,94,.14);
}
.uad-hero-card--standard {
  background: var(--gb-std);
  border: 1px solid rgba(0,153,181,.28);
  box-shadow:
    0 2px 16px rgba(0,0,0,.06),
    0 0 0 0.5px rgba(0,153,181,.14);
}
.uad-hero-card--premium {
  background: var(--gb-prem);
  border: 1px solid rgba(201,30,58,.28);
  box-shadow:
    0 2px 16px rgba(0,0,0,.06),
    0 0 0 0.5px rgba(201,30,58,.14);
}

/* Hover intensity surge */
.uad-hero-card--budget:hover {
  box-shadow:
    0 8px 32px rgba(0,0,0,.10),
    0 0 0 1px rgba(34,197,94,.45);
}
.uad-hero-card--standard:hover {
  box-shadow:
    0 8px 32px rgba(0,0,0,.10),
    0 0 0 1px rgba(0,153,181,.45);
}
.uad-hero-card--premium:hover {
  box-shadow:
    0 8px 32px rgba(0,0,0,.10),
    0 0 0 1px rgba(201,30,58,.45);
}

/* Top accent line */
.uad-hero-card::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0;
  height: 1.5px; border-radius: var(--r-lg) var(--r-lg) 0 0; z-index: 2;
}
.uad-hero-card--budget::before  { background: linear-gradient(90deg, transparent 8%, var(--green), var(--green-b), transparent 92%); }
.uad-hero-card--standard::before{ background: linear-gradient(90deg, transparent 8%, var(--sky),  var(--sky-b),   transparent 92%); }
.uad-hero-card--premium::before { background: linear-gradient(90deg, transparent 8%, var(--crimson),var(--crimson-b),transparent 92%); }

/* Subtle internal gradient overlay (the "1px glowing border + gradient" requirement) */
.uad-hero-card::after {
  content: '';
  position: absolute; inset: 0; border-radius: inherit;
  pointer-events: none; z-index: 0; opacity: .85;
}
.uad-hero-card--budget::after  { background: var(--ig-budget); }
.uad-hero-card--standard::after{ background: var(--ig-std); }
.uad-hero-card--premium::after { background: var(--ig-prem); }

/* Corner glow orb */
.uad-card-glow {
  position: absolute; width: 220px; height: 220px;
  border-radius: 50%; top: -90px; right: -70px;
  pointer-events: none; filter: blur(65px); opacity: .40; z-index: 0;
}
.uad-hero-card--budget   .uad-card-glow { background: rgba(34,197,94,.16); }
.uad-hero-card--standard .uad-card-glow { background: rgba(0,153,181,.16); }
.uad-hero-card--premium  .uad-card-glow { background: rgba(201,30,58,.13); }

/* ── Card header row: pill + airline ─────────────────────── */
.uad-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .4rem;
  flex-wrap: wrap;
  margin-bottom: .72rem;
  position: relative; z-index: 1;
  min-width: 0;
}

/* ── Neon Status Pills — Aura Breathing ──────────────────── */
.uad-neon-pill {
  display: inline-flex; align-items: center; gap: .32rem;
  padding: 3px 10px 3px 7px; border-radius: var(--r-pill);
  font-size: .59rem; font-weight: 800; letter-spacing: .09em;
  text-transform: uppercase;
}
.uad-neon-dot { width: 5px; height: 5px; border-radius: 50%; flex-shrink: 0; }

.uad-neon-pill--budget {
  background: rgba(15,122,40,.16); border: 0.5px solid rgba(34,197,94,.38);
  color: var(--green-b); animation: uad-aura-green 2.8s ease-in-out infinite;
}
.uad-neon-pill--budget .uad-neon-dot { background: var(--green-b); animation: uad-dot-green 2.8s ease-in-out infinite; }

.uad-neon-pill--standard {
  background: rgba(0,153,181,.16); border: 0.5px solid rgba(0,207,235,.40);
  color: var(--sky-b); animation: uad-aura-sky 2.4s ease-in-out infinite;
}
.uad-neon-pill--standard .uad-neon-dot { background: var(--sky-b); animation: uad-dot-sky 2.4s ease-in-out infinite; }

.uad-neon-pill--premium {
  background: rgba(201,30,58,.16); border: 0.5px solid rgba(255,51,85,.38);
  color: var(--crimson-b); animation: uad-aura-crimson 3.2s ease-in-out infinite;
}
.uad-neon-pill--premium .uad-neon-dot { background: var(--crimson-b); animation: uad-dot-crimson 3.2s ease-in-out infinite; }

@keyframes uad-aura-green   { 50% { box-shadow: 0 0 16px rgba(34,197,94,.35); border-color: rgba(34,197,94,.65); } }
@keyframes uad-aura-sky     { 50% { box-shadow: 0 0 20px rgba(0,207,235,.45); border-color: rgba(0,207,235,.70); } }
@keyframes uad-aura-crimson { 50% { box-shadow: 0 0 16px rgba(255,51,85,.38); border-color: rgba(255,51,85,.65); } }
@keyframes uad-dot-green    { 50% { box-shadow: 0 0 10px var(--green-b),  0 0 22px rgba(34,197,94,.5);   opacity: 1; } 0%,100% { opacity: .7; } }
@keyframes uad-dot-sky      { 50% { box-shadow: 0 0 12px var(--sky-b),    0 0 26px rgba(0,207,235,.55);  opacity: 1; } 0%,100% { opacity: .7; } }
@keyframes uad-dot-crimson  { 50% { box-shadow: 0 0 10px var(--crimson-b),0 0 22px rgba(255,51,85,.5);   opacity: 1; } 0%,100% { opacity: .7; } }

/* ── Airline strip (inline in header) ────────────────────── */
.uad-hero-airline {
  display: flex; align-items: center; gap: .48rem;
}
.uad-hero-airline-logo {
  width: 48px; height: 48px; border-radius: 9px;
  object-fit: contain; background: rgba(255,255,255,.93);
  padding: 3px; border: 0.5px solid rgba(255,255,255,.22);
  box-shadow: 0 3px 12px rgba(0,0,0,.42); flex-shrink: 0;
}
.uad-hero-airline-fallback {
  width: 48px; height: 48px; border-radius: 9px;
  background: rgba(0,153,181,.10); border: 0.5px solid rgba(0,153,181,.25);
  display: flex; align-items: center; justify-content: center;
  font-size: .58rem; font-weight: 900; color: var(--sky); flex-shrink: 0;
}
.uad-hero-airline-name  {
  font-size: .75rem; font-weight: 700; color: var(--ink); line-height: 1.15;
  max-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.uad-hero-airline-code  { font-size: .68rem; color: var(--ink-3); font-weight: 500; letter-spacing: .04em; }

/* ── SVG Flight Path ─────────────────────────────────────── */
.uad-flight-path {
  display: flex; align-items: center; gap: .45rem;
  margin-bottom: .78rem; position: relative; z-index: 1;
}
.uad-fp-node { display: flex; flex-direction: column; align-items: flex-start; flex-shrink: 0; }
.uad-fp-node--end { align-items: flex-end; }
.uad-fp-iata { font-size: .84rem; font-weight: 900; color: var(--ink); letter-spacing: .03em; line-height: 1; }
.uad-fp-city { font-size: .68rem; color: var(--ink-3); font-weight: 500; margin-top: 2px; white-space: nowrap; max-width: 82px; overflow: hidden; text-overflow: ellipsis; }
.uad-fp-track { flex: 1; min-height: 28px; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; }
.uad-fp-svg  { width: 100%; height: 28px; overflow: visible; filter: drop-shadow(0 0 5px rgba(0,207,235,.32)); }

/* ═══════════════════════════════════════════════════════════
   PRICE — CENTER STAGE
   2× larger · metallic silver-to-cyan · floating, no box
   ═══════════════════════════════════════════════════════════ */
.uad-price-hero {
  display: flex; flex-direction: column; align-items: center;
  padding: .55rem 0 .45rem;
  margin-bottom: .55rem;
  position: relative; z-index: 1;
  /* Feather top / bottom with pseudo — no border, no box */
}
.uad-price-hero .uad-price-row {
  display: flex; align-items: flex-start; justify-content: center; gap: .12rem;
}
.uad-price-hero::before {
  content: '';
  position: absolute; left: 10%; right: 10%; top: 0;
  height: 0.5px;
  background: linear-gradient(90deg, transparent, rgba(0,0,0,.06), transparent);
}
.uad-price-hero::after {
  content: '';
  position: absolute; left: 10%; right: 10%; bottom: 0;
  height: 0.5px;
  background: linear-gradient(90deg, transparent, rgba(0,0,0,.05), transparent);
}

.uad-price-main {
  display: flex; align-items: baseline; justify-content: center; gap: .18rem;
}
.uad-price-sym {
  font-size: 1.25rem; font-weight: 700; margin-top: .28rem;
  color: #1A2C3E;
}
.uad-price-val {
  font-size: clamp(1.9rem, 8vw, 2.4rem);
  font-weight: 700;
  letter-spacing: -.03em;
  line-height: 1;
  color: #1A2C3E;
  background: none;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  background-clip: unset;
  text-shadow: none;
  filter: none;
}
.uad-price-uzs {
  font-size: .78rem; color: rgba(26,44,62,.58); font-weight: 500;
  margin-top: .30rem; letter-spacing: .02em;
}

/* ── Meta row — floating text, NO chip boxes ─────────────── */
.uad-meta-row {
  display: flex; align-items: center; justify-content: center;
  flex-wrap: wrap; gap: 12px;
  margin-bottom: .75rem;
  position: relative; z-index: 1;
}
.uad-meta-item {
  font-size: .77rem; font-weight: 600; color: var(--ink-2);
  white-space: nowrap;
}
.uad-meta-item--direct { color: #22C55E; }
.uad-meta-item--bag    { color: #F59E0B; }
.uad-meta-sep {
  font-size: .77rem; color: var(--ink-4);
  margin: 0 .20rem;
  font-weight: 300;
}

/* ── Card description ────────────────────────────────────── */
.uad-card-desc {
  font-size: .70rem; line-height: 1.56; color: var(--ink-3);
  margin: 0 0 .88rem; position: relative; z-index: 1;
  text-align: center;
}

/* ═══════════════════════════════════════════════════════════
   CTA BUTTONS
   ═══════════════════════════════════════════════════════════ */
.uad-card-cta {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: .42rem; position: relative; z-index: 1;
}

.uad-btn {
  height: 44px; border-radius: 12px; border: none;
  font-size: .73rem; font-weight: 800;
  cursor: pointer; display: flex; align-items: center; justify-content: center;
  gap: .3rem; text-decoration: none; font-family: inherit;
  letter-spacing: -.01em; position: relative; overflow: hidden;
  transition:
    transform .16s cubic-bezier(.34,1.56,.64,1),
    box-shadow .18s ease,
    border-color .18s ease;
}
.uad-btn:active { transform: scale(.95); }

/* ── WhatsApp button — light glass ───────────────────────── */
.uad-btn--wa {
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  color: var(--ink);
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
/* Liquid shimmer */
.uad-btn--wa::before {
  content: '';
  position: absolute; top: -20%; left: -80%;
  width: 50%; height: 140%;
  background: linear-gradient(90deg, transparent, rgba(0,153,181,.08), transparent);
  transform: skewX(-20deg);
  animation: uad-shimmer 4s ease-in-out infinite;
  pointer-events: none;
}
.uad-btn--wa::after { display: none; }
.uad-btn--wa:hover {
  background: #F0F9FF;
  border-color: rgba(0,153,181,.35);
  box-shadow: 0 4px 16px rgba(0,0,0,.08);
  color: var(--ink);
}
/* WhatsApp icon stays green */
.uad-btn--wa .uad-wa-icon { color: #22C55E; font-style: normal; }

/* Select (book) buttons */
.uad-btn--select-budget {
  background: linear-gradient(135deg, var(--green), var(--green-b));
  color: #fff; box-shadow: 0 4px 16px rgba(15,122,40,.28);
}
.uad-btn--select-standard {
  background: linear-gradient(135deg, var(--sky-deep), var(--sky-b));
  color: #fff; box-shadow: 0 4px 16px rgba(0,153,181,.32);
}
.uad-btn--select-premium {
  background: linear-gradient(135deg, var(--crimson), var(--crimson-b));
  color: #fff; box-shadow: 0 4px 16px rgba(201,30,58,.30);
}
.uad-btn--select-budget:hover   { box-shadow: 0 0 26px rgba(15,122,40,.60), 0 8px 24px rgba(0,0,0,.3); }
.uad-btn--select-standard:hover { box-shadow: 0 0 30px rgba(0,207,235,.70), 0 8px 24px rgba(0,0,0,.3); }
.uad-btn--select-premium:hover  { box-shadow: 0 0 26px rgba(201,30,58,.60), 0 8px 24px rgba(0,0,0,.3); }

/* Selected ring */
.uad-hero-card.is-selected {
  box-shadow:
    0 0 0 1.5px rgba(0,207,235,.75),
    0 0 0 3px  rgba(0,207,235,.15),
    0 40px 90px rgba(0,0,0,.72),
    0 0 80px rgba(0,153,181,.38) !important;
}

/* ═══════════════════════════════════════════════════════════
   APPLE WALLET LIST — OS-native slim rows
   ═══════════════════════════════════════════════════════════ */
.uad-wallet-list { display: flex; flex-direction: column; gap: .26rem; }

.uad-wallet-row {
  border-radius: 14px;
  background: rgba(255,255,255,.032);
  border: 0.5px solid rgba(255,255,255,.07);
  backdrop-filter: blur(18px) saturate(160%);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  overflow: hidden;
  transition: border-color .22s, box-shadow .22s, background .22s;
  animation: uad-rise .3s ease both;
}
.uad-wallet-row:hover {
  background: rgba(0,207,235,.038);
  border-color: rgba(0,207,235,.20);
  box-shadow: 0 4px 24px rgba(0,0,0,.35), 0 0 0 0.5px rgba(0,207,235,.08);
}
.uad-wallet-row.is-open {
  background: rgba(0,207,235,.045);
  border-color: rgba(0,207,235,.26);
  box-shadow: 0 0 0 0.5px rgba(0,207,235,.14), 0 8px 32px rgba(0,0,0,.42);
}

.uad-wallet-summary {
  display: grid;
  grid-template-columns: 30px 1fr auto 20px;
  align-items: center; gap: .5rem;
  padding: .60rem .72rem;
  cursor: pointer; user-select: none;
}
.uad-wallet-logo {
  width: 30px; height: 30px; border-radius: 7px;
  object-fit: contain; background: rgba(255,255,255,.92);
  padding: 2px; border: 0.5px solid rgba(255,255,255,.16); flex-shrink: 0;
}
.uad-wallet-logo-fb {
  width: 30px; height: 30px; border-radius: 7px;
  background: rgba(0,207,235,.12); border: 0.5px solid rgba(0,207,235,.22);
  display: flex; align-items: center; justify-content: center;
  font-size: .62rem; font-weight: 900; color: var(--sky-b);
}
.uad-wallet-name { font-size: .73rem; font-weight: 700; color: var(--ink); line-height: 1.2; }
.uad-wallet-meta { font-size: .60rem; color: var(--ink-3); margin-top: 1px; font-weight: 500; }

.uad-wallet-price { text-align: right; }
.uad-wallet-usd {
  font-size: .90rem; font-weight: 900; letter-spacing: -.02em;
  background: linear-gradient(135deg, var(--plat), var(--sky-b));
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.uad-wallet-uzs { font-size: .65rem; color: var(--ink-3); font-weight: 500; }

.uad-wallet-chevron {
  font-size: .9rem; color: var(--ink-3);
  transition: transform .40s cubic-bezier(.34,1.56,.64,1); line-height: 1;
}
.uad-wallet-row.is-open .uad-wallet-chevron { transform: rotate(90deg); }

/* Spring expand */
.uad-wallet-detail {
  display: grid; grid-template-rows: 0fr;
  transition: grid-template-rows .44s cubic-bezier(.34,1.56,.64,1);
}
.uad-wallet-row.is-open .uad-wallet-detail { grid-template-rows: 1fr; }
.uad-wallet-detail-inner { overflow: hidden; }

/* ── Expanded detail — NO grey box, just a thin divider ─── */
.uad-wallet-detail-body {
  display: flex; align-items: center; justify-content: space-between;
  gap: .55rem; padding: .48rem .72rem .65rem;
  border-top: 0.5px solid rgba(255,255,255,.055);
  background: transparent;          /* ← no grey box */
  flex-wrap: wrap;
}

/* Info items: just floating text */
.uad-wallet-detail-info {
  display: flex; align-items: center; flex-wrap: wrap; gap: 0;
}
.uad-wallet-info-item {
  font-size: .63rem; font-weight: 500; color: var(--ink-2); white-space: nowrap;
}
.uad-wallet-info-sep {
  color: var(--ink-4); margin: 0 .4rem; font-size: .63rem; font-weight: 300;
}

.uad-wallet-cta { flex-shrink: 0; }

/* ── Deep-Platinum WA button (wallet rows) ────────────────── */
.uad-wallet-wa-btn {
  display: flex; align-items: center; gap: .30rem;
  padding: .34rem .78rem;
  background:
    linear-gradient(145deg,
      rgba(18,28,52,.92) 0%,
      rgba(12,20,38,.96) 100%);
  border: 0.5px solid rgba(190,215,240,.14);
  border-radius: 9px;
  font-size: .66rem; font-weight: 700;
  color: rgba(220,235,250,.88);
  text-decoration: none; font-family: inherit;
  backdrop-filter: blur(18px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 2px 10px rgba(0,0,0,.38);
  white-space: nowrap; position: relative; overflow: hidden;
  transition: all .18s ease;
}
.uad-wallet-wa-btn::before {
  content: '';
  position: absolute; top: -20%; left: -80%;
  width: 50%; height: 140%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent);
  transform: skewX(-20deg);
  animation: uad-shimmer 5s ease-in-out infinite;
  pointer-events: none;
}
.uad-wallet-wa-btn .uad-wa-icon { color: #4ade80; font-style: normal; }
.uad-wallet-wa-btn:hover {
  border-color: rgba(0,207,235,.26);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 0 14px rgba(0,207,235,.12), 0 4px 16px rgba(0,0,0,.42);
  color: rgba(237,244,250,.95);
}

/* ── Trust bar ────────────────────────────────────────────── */
.uad-trust-bar {
  display: flex; align-items: center; justify-content: center;
  gap: .45rem; padding: .9rem 0 .4rem;
  font-size: .62rem; color: var(--ink-3); font-weight: 500;
}
.uad-trust-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--green-b); box-shadow: 0 0 8px var(--green-b);
  animation: uad-live 2.4s ease-in-out infinite; flex-shrink: 0;
}
@keyframes uad-live {
  0%,100% { opacity: 1; box-shadow: 0 0 8px var(--green-b); }
  50%      { opacity: .35; box-shadow: 0 0 2px var(--green-b); }
}

/* ── Error ────────────────────────────────────────────────── */
.uad-error-box {
  padding: 1.2rem; border-radius: var(--r);
  background: rgba(201,30,58,.08); border: 0.5px solid rgba(201,30,58,.28);
  color: var(--crimson-b); font-size: .78rem; text-align: center;
}

/* ── Global keyframes ─────────────────────────────────────── */
@keyframes uad-rise {
  from { opacity: 0; transform: translateY(16px) scale(.985); }
  to   { opacity: 1; transform: translateY(0)    scale(1); }
}
@keyframes uad-shimmer {
  0%   { left: -80%; }
  100% { left: 130%; }
}

/* ═══════════════════════════════════════════════════════════
   DESKTOP — 3-plane Bento depth
   ═══════════════════════════════════════════════════════════ */
@media (min-width: 640px) {
  .uad-shell { padding: 1.8rem 1.4rem; }

  .uad-shell .uad-fbh-grid {
    gap: 1.1rem;
  }

  /* Standard — hero slot, elevated */
  .uad-hero-card:nth-child(2) {
    transform: translateY(-12px) scale(1.03);
    z-index: 2;
  }
  .uad-hero-card:nth-child(2):hover {
    transform: translateY(-18px) scale(1.035) !important;
  }
  /* Premium — slight outward tilt */
  .uad-hero-card:nth-child(3) {
    transform: rotate(.45deg) translateY(-5px);
  }
  .uad-hero-card:nth-child(3):hover {
    transform: rotate(.45deg) translateY(-11px) !important;
  }

  .uad-price-val { font-size: 3.6rem; }
}

@media (min-width: 900px) {
  .uad-shell { padding: 2rem 1.8rem; }
  .uad-shell .uad-fbh-grid { gap: 1.3rem; }
  .uad-price-val { font-size: 4.4rem; }
  .uad-card-desc { text-align: left; }
}

/* ═══════════════════════════════════════════════════════════
   2026 DESIGN SYSTEM — NEW ELEMENTS
   ═══════════════════════════════════════════════════════════ */

/* ── 2026 accent token overrides ────────────────────────── */
#resultsBox {
  --accent-arzon:   #10b981;
  --accent-optimal: #06b6d4;
  --accent-premium: #a855f7;
}

/* Pill — 2026 colors */
.uad-neon-pill--budget {
  background: rgba(16,185,129,.15);
  border-color: rgba(16,185,129,.40);
  color: #10b981;
}
.uad-neon-pill--budget .uad-neon-dot { background: #10b981; }
.uad-neon-pill--standard {
  background: rgba(6,182,212,.15);
  border-color: rgba(6,182,212,.40);
  color: #06b6d4;
}
.uad-neon-pill--standard .uad-neon-dot { background: #06b6d4; }
.uad-neon-pill--premium {
  background: rgba(168,85,247,.15);
  border-color: rgba(168,85,247,.40);
  color: #a855f7;
}
.uad-neon-pill--premium .uad-neon-dot { background: #a855f7; }

/* Select buttons — 2026 colors */
.uad-btn--select-budget {
  background: linear-gradient(135deg,#22C55E,#16A34A); color: #fff;
  border: 1px solid rgba(34,197,94,.50);
  box-shadow: 0 0 20px rgba(34,197,94,.40), 0 4px 16px rgba(16,185,129,.30);
}
.uad-btn--select-standard {
  background: linear-gradient(135deg,#00CFE8,#0891B2); color: #fff;
  border: 1px solid rgba(0,207,232,.50);
  box-shadow: 0 0 20px rgba(0,207,232,.40), 0 4px 16px rgba(6,182,212,.30);
}
.uad-btn--select-premium {
  background: linear-gradient(135deg,#A855F7,#7C3AED); color: #fff;
  border: 1px solid rgba(168,85,247,.50);
  box-shadow: 0 0 20px rgba(168,85,247,.40), 0 4px 16px rgba(168,85,247,.30);
}
.uad-btn--select-budget:hover   { box-shadow: 0 0 32px rgba(34,197,94,.70),   0 8px 24px rgba(0,0,0,.3); transform: translateY(-1px); }
.uad-btn--select-standard:hover { box-shadow: 0 0 32px rgba(0,207,232,.70),   0 8px 24px rgba(0,0,0,.3); transform: translateY(-1px); }
.uad-btn--select-premium:hover  { box-shadow: 0 0 32px rgba(168,85,247,.70),  0 8px 24px rgba(0,0,0,.3); transform: translateY(-1px); }

/* ── Flight times ───────────────────────────────────────── */
.uad-fp-time {
  display: block;
  font-size: 1rem;
  font-weight: 700;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
  line-height: 1.15;
  margin-top: 2px;
}

/* Duration label under SVG arc */
.uad-fp-dur {
  text-align: center;
  font-size: .68rem;
  color: var(--ink-3);
  letter-spacing: .03em;
  margin-top: 2px;
  white-space: nowrap;
}

/* ── Refundable badge ───────────────────────────────────── */
.uad-refund-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: .65rem;
  font-weight: 700;
  color: #22C55E;
  background: rgba(34,197,94,.1);
  border: 0.5px solid rgba(34,197,94,.35);
  border-radius: 999px;
  padding: 2px 8px;
  align-self: flex-start;
}

/* ── Stops badge ────────────────────────────────────────── */
.uad-stops-badge {
  text-align: center;
  font-size: .68rem;
  color: var(--ink-2);
  letter-spacing: .05em;
  text-transform: uppercase;
  margin: -2px 0 6px;
  position: relative;
  z-index: 1;
}

/* ── Pagination dots ────────────────────────────────────── */
.uad-pagination-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 10px 0 4px;
}
.uad-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255,255,255,.18);
  cursor: pointer;
  transition: width .3s ease, background .3s ease, border-radius .3s ease;
  flex-shrink: 0;
}
.uad-dot.is-active {
  width: 24px;
  border-radius: 4px;
  background: var(--sky-b);
}
/* Type-aware active dot colors */
.uad-dot.is-active[data-type="budget"]   { background: #22C55E; box-shadow: 0 0 8px rgba(34,197,94,.60); }
.uad-dot.is-active[data-type="standard"] { background: var(--sky-b); box-shadow: 0 0 8px rgba(0,207,235,.60); }
.uad-dot.is-active[data-type="premium"]  { background: #a855f7; box-shadow: 0 0 8px rgba(168,85,247,.60); }
.uad-dot:hover:not(.is-active) { background: rgba(255,255,255,.35); }

/* ── Swipe hint animation (plays once on load) ──────────── */
@keyframes uad-swipe-hint {
  0%   { transform: translateX(0); }
  35%  { transform: translateX(-22px); }
  65%  { transform: translateX(0); }
  100% { transform: translateX(0); }
}
.uad-fbh-grid.uad-swipe-hint {
  animation: uad-swipe-hint .85s cubic-bezier(.25,.46,.45,.94) .65s both;
}

/* ── Stagger fade-up on load ────────────────────────────── */
.uad-fbh-cell:nth-child(1) .uad-hero-card { animation-delay: 0s;   }
.uad-fbh-cell:nth-child(2) .uad-hero-card { animation-delay: .10s; }
.uad-fbh-cell:nth-child(3) .uad-hero-card { animation-delay: .20s; }


/* Selected ring — updated for light theme */
.uad-hero-card.is-selected {
  box-shadow:
    0 0 0 1.5px rgba(0,153,181,.70),
    0 0 0 3px  rgba(0,153,181,.12),
    0 8px 32px rgba(0,0,0,.12) !important;
}

/* ── Carousel wrapper + arrows ──────────────────────────── */
.uad-carousel-wrap {
  position: relative;
}
.uad-carousel-wrap::before,
.uad-carousel-wrap::after {
  content: "";
  position: absolute;
  top: 0; bottom: 12px;
  width: 28px;
  pointer-events: none;
  z-index: 5;
}
.uad-carousel-wrap::before {
  left: 0;
  background: linear-gradient(to right, rgba(255,255,255,.9), transparent);
}
.uad-carousel-wrap::after {
  right: 0;
  background: linear-gradient(to left, rgba(255,255,255,.9), transparent);
}
.uad-carousel-prev,
.uad-carousel-next {
  position: absolute;
  top: 50%; transform: translateY(-60%);
  z-index: 10;
  width: 32px; height: 32px;
  border-radius: 50%;
  border: 1px solid #E2E8F0;
  background: #FFFFFF;
  box-shadow: 0 2px 8px rgba(0,0,0,.10);
  cursor: pointer;
  font-size: 22px; line-height: 1;
  display: flex; align-items: center; justify-content: center;
  color: var(--ink);
  padding: 0;
  transition: box-shadow .15s;
}
.uad-carousel-prev:hover,
.uad-carousel-next:hover { box-shadow: 0 4px 14px rgba(0,0,0,.15); }
.uad-carousel-prev { left: -14px; }
.uad-carousel-next { right: -14px; }

/* ── Pagination dots ────────────────────────────────────── */
.uad-pagination-dots { display: flex; justify-content: center; gap: 6px; margin: 8px 0 4px; }
.uad-dot {
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #CBD5E1;
  transition: all .25s;
  cursor: pointer;
}
.uad-dot.is-active { width: 20px; border-radius: 4px; background: var(--sky); box-shadow: none; }
.uad-dot[data-type="budget"].is-active  { background: #22C55E; }
.uad-dot[data-type="premium"].is-active { background: var(--crimson); }
.uad-dot:hover:not(.is-active) { background: #94A3B8; }

/* ── Card footer ─────────────────────────────────────────── */
.uad-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 8px;
  gap: 8px;
}

/* ── Book button (bron) ─────────────────────────────────── */
.uad-btn--bron {
  background: #0099B5 !important;
  color: #FFFFFF !important;
  border: none !important;
  flex: 0 0 auto !important;
}
.uad-btn--bron:hover {
  background: #007A94 !important;
}

/* ── Alt row redesign ───────────────────────────────────── */
.uad-alt-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
}
.uad-alt-actions {
  display: flex;
  gap: 6px;
  align-items: center;
}
.uad-alt-book {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  border-radius: 8px;
  border: 1px solid rgba(0,153,181,.35);
  background: rgba(0,153,181,.08);
  color: var(--sky);
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  transition: background .15s;
}
.uad-alt-book:hover { background: rgba(0,153,181,.18); }