:root{
      --bg:#0b1220;
      --muted:#aab7d1;
      --text:#eef3ff;
      --accent:#37d1ff;
      --accent2:#29e6a7;
      --border:rgba(255,255,255,.12);
      --shadow: 0 18px 45px rgba(0,0,0,.35);
      --radius:18px;
    }
    *{box-sizing:border-box}
    body{
      margin:0;
      font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
      background: radial-gradient(1200px 700px at 15% 10%, rgba(55,209,255,.22), transparent 55%),
                  radial-gradient(900px 600px at 80% 25%, rgba(41,230,167,.18), transparent 55%),
                  linear-gradient(180deg, #070b14, var(--bg));
      color:var(--text);
      line-height:1.4;
    }
    code{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono","Courier New", monospace}
    .wrap{max-width:1120px;margin:0 auto;padding:22px}
    header{
      display:flex;align-items:center;justify-content:space-between;gap:12px;
      position:sticky;top:0;backdrop-filter: blur(10px);
      background:rgba(7,11,20,.55);
      border-bottom:1px solid rgba(255,255,255,.08);
      padding:12px 22px; z-index:20;
    }
    .brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.2px}
    .logo{
      width:36px;height:36px;border-radius:12px;
      background: linear-gradient(135deg, var(--accent), var(--accent2));
      box-shadow: 0 8px 24px rgba(55,209,255,.18);
      position:relative;
    }
    .logo:after{content:"✈";position:absolute;inset:0;display:grid;place-items:center;color:#072233;font-size:18px;font-weight:900;}
    .pill{
      display:inline-flex;align-items:center;gap:8px;
      border:1px solid rgba(255,255,255,.14);
      background:rgba(255,255,255,.06);
      padding:10px 12px;border-radius:999px;
      color:var(--muted);font-size:13px
    }
    .btn{
      display:inline-flex;align-items:center;justify-content:center;gap:10px;
      border:1px solid rgba(255,255,255,.16);
      background:rgba(255,255,255,.06);
      color:var(--text);
      padding:12px 14px;border-radius:12px;
      text-decoration:none;font-weight:900;
      transition: transform .08s ease, background .15s ease, border .15s ease;
      cursor:pointer; white-space:nowrap;
    }
    .btn:hover{transform: translateY(-1px); border-color: rgba(255,255,255,.28)}
    .btn.primary{
      background: linear-gradient(135deg, var(--accent), var(--accent2));
      border-color: transparent;
      color:#07131f;
      box-shadow: 0 14px 30px rgba(41,230,167,.18);
    }
    .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:start}
    @media (max-width: 980px){ .grid{grid-template-columns:1fr;} }
    h1{font-size:48px;line-height:1.05;margin:0 0 14px}
    @media (max-width:560px){ h1{font-size:38px} }
    .sub{color:var(--muted);font-size:16px;margin-bottom:18px;max-width:62ch}
    .badges{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 18px}
    .badge{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);padding:10px 12px;border-radius:999px;font-size:13px}
    .pricebox{
      border:1px solid rgba(255,255,255,.14);
      background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.04));
      border-radius: var(--radius);
      padding:18px;
      box-shadow: var(--shadow);
    }
    .priceRow{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,.10);padding-bottom:14px;margin-bottom:14px;}
    .price{
      font-size:42px;font-weight:900;letter-spacing:-.5px;
      background: linear-gradient(135deg, var(--accent), var(--accent2));
      -webkit-background-clip:text;background-clip:text;color:transparent;
    }
    .small{color:var(--muted);font-size:13px}
    .card{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);border-radius: var(--radius);padding:18px;box-shadow: 0 10px 26px rgba(0,0,0,.22);}
    .formGrid{display:grid;gap:12px;margin-top:12px}
    label{font-size:13px;color:var(--muted)}
    input, select, textarea{
      width:100%;padding:12px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);
      background:rgba(7,11,20,.55);color:var(--text);outline:none;
    }
    input:focus, select:focus, textarea:focus{border-color: rgba(55,209,255,.55)}
    .two{display:grid;grid-template-columns:1fr 1fr; gap:10px}
    @media (max-width:560px){ .two{grid-template-columns:1fr} }
    .ctaRow{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
    .note{margin-top:12px;color:var(--muted);font-size:12px}
    .ok{color:var(--accent2);font-weight:900}
    .err{color:#ff9aa5;font-weight:900}
    #payment-element{margin-top:10px}
    .divider{height:1px;background:rgba(255,255,255,.10);margin:14px 0}
    footer{padding:22px 0 40px;color:var(--muted);font-size:12px}
    .successBox{border:1px solid rgba(41,230,167,.35);background:rgba(41,230,167,.10);border-radius:16px;padding:14px;margin:14px 0;}
    .seg{
      display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;
    }
    .seg button{
      flex:1;
      min-width:140px;
      border:1px solid rgba(255,255,255,.16);
      background:rgba(255,255,255,.06);
      color:var(--text);
      padding:10px 12px;border-radius:12px;
      font-weight:900;cursor:pointer;
    }
    .seg button.active{
      background: linear-gradient(135deg, rgba(55,209,255,.22), rgba(41,230,167,.18));
      border-color: rgba(55,209,255,.35);
    }
    .stars{letter-spacing:2px}
    details{
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.04);
      border-radius:14px;
      padding:12px 14px;
    }
    summary{cursor:pointer;font-weight:900}
    details p{color:var(--muted);margin:10px 0 0}
  
      .suggestions{position:relative}
      #dropoff_suggestions{position:absolute;z-index:50;left:0;right:0;margin-top:6px;background:rgba(10,14,20,.98);border:1px solid rgba(255,255,255,.12);border-radius:14px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.45)}
      #dropoff_suggestions button{width:100%;text-align:left;background:transparent;border:0;color:rgba(255,255,255,.92);padding:12px 12px;font-weight:800;cursor:pointer}
      #dropoff_suggestions button:hover{background:rgba(255,255,255,.06)}
      #dropoff_suggestions .meta{display:block;font-size:12px;font-weight:700;color:rgba(255,255,255,.65);margin-top:2px}
    
      .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
      .chip{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:rgba(255,255,255,.92);padding:8px 10px;border-radius:999px;font-weight:900;cursor:pointer}
      .chip:hover{background:rgba(255,255,255,.1)}
    
      /* RTL support */
      body.rtl{direction:rtl}
      body.rtl .wrap{direction:rtl}
      body.rtl .hero h1, body.rtl .hero p, body.rtl label, body.rtl .faq h2, body.rtl .faq details, body.rtl .note{text-align:right}
      body.rtl .navlinks{flex-direction:row-reverse}
      body.rtl .chips{justify-content:flex-start}
    
      .dropoff-wrap{position:relative}
      #dropoff_suggestions{position:absolute;top:100%;left:0;right:0}


/* --- Autocomplete dropdown fixes (v23) --- */
.dropoff-wrap{position:relative; overflow:visible;}
#dropoff_suggestions{
  position:absolute;
  top:calc(100% + 6px);
  left:0;
  right:0;
  width:100%;
  max-width:100%;
  z-index:9999;
}
#dropoff_suggestions button{
  pointer-events:auto;
}
/* Ensure parent cards don't clip the dropdown */
.card, .panel, .formcard, .book, .box, .wrap, main, section{overflow:visible;}