/* Prices (/pricing/, pricepage.py) and About us (/about/, aboutpage.py): what /fleet/'s fleet.css does not have.
   Loaded after fleet.css on those pages only (Sky 31 Oct 2026: a full pricing page and a full about page). */
.pr-pills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.pr-pills .fl-pill{min-width:0}

/* the fare finder: every row is in the HTML; the script hides and shows them */
.pr-finder{border:1px solid #f0d49a33;border-radius:28px;padding:22px;background:linear-gradient(180deg,#112226,#0b171b)}
.pr-tools{display:flex;flex-direction:column;gap:12px;margin-bottom:8px}
.pr-search{display:flex;align-items:center;gap:10px;border:1px solid #f0d49a4d;border-radius:16px;padding:0 16px;background:#0b171b;min-height:56px}
.pr-search:focus-within{border-color:#f0c985}
.pr-search input{flex:1;min-width:0;height:54px;border:0;background:transparent;color:#fbf7ee;font:inherit;font-size:16px}
.pr-search input::placeholder{color:#8fa59c}
.pr-search input:focus{outline:none}
.pr-chips{display:flex;flex-wrap:wrap;gap:8px}
.pr-chips button{min-height:40px;padding:0 16px;border-radius:999px;border:1px solid #f0d49a40;background:#ffffff08;color:#e2ece7;font:inherit;font-size:14px;cursor:pointer}
.pr-chips.sm button{min-height:36px;padding:0 14px;font-size:13px}
.pr-chips button:hover{border-color:#f0d49a99}
.pr-chips button[aria-pressed="true"]{background:linear-gradient(115deg,#f4d49d,#d8b67c);border-color:transparent;color:#132024;font-weight:600}
.pr-finder:not(.js) .pr-chips,.pr-finder:not(.js) .pr-count{display:none}
.pr-count{min-height:18px;margin:6px 2px 10px;font-size:13px;color:#9fb3ab}
.pr-table{width:100%;border-collapse:collapse;font-size:15px}
.pr-table thead th{padding:10px 12px;border-bottom:1px solid #ffffff1a;background:#0e1c20;text-align:left;font-size:13px;font-weight:500;color:#9fb3ab}
.pr-table thead th small{display:block;font-size:11.5px;font-weight:400;color:#7f958d}
.pr-table thead th:nth-child(n+2),.pr-table td{text-align:right;white-space:nowrap}
.pr-table tbody th{padding:12px;border-bottom:1px solid #ffffff10;text-align:left;font-weight:400}
.pr-table tbody th a{font-size:15px;line-height:1.45;color:#f6f1e6;text-decoration:none}
.pr-table tbody th a:hover{color:#ffe0a1;text-decoration:underline}
.pr-table tbody th small{display:block;margin-top:2px;font-size:12px;color:#8fa59c}
.pr-table td{padding:12px;border-bottom:1px solid #ffffff10;font-size:16px;font-weight:600;color:#f6d79c;font-variant-numeric:tabular-nums}
.pr-table tbody tr:hover>*{background:#ffffff05}
.pr-none{margin:16px 4px 4px;font-size:14.5px;color:#c3d1cb}
.pr-all{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;margin-top:14px;border:1px solid #f0c985;border-radius:999px;background:transparent;color:#f0c985;font:inherit;font-size:15px;cursor:pointer}
.pr-all:hover{background:#f0c98514}
.pr-all[hidden],.pr-table tr[hidden]{display:none}

/* hourly packages */
.pr-packs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.pr-pack{position:relative;display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid #f0d49a2e;border-radius:20px;background:linear-gradient(180deg,#132529,#0d1b1f)}
.pr-pack.hot{border-color:#f0c985;box-shadow:0 0 0 1px #f0c98540}
.pr-h{font-size:40px;line-height:1;color:#f6d79c}
.pr-h small{margin-left:4px;font-family:inherit;font-size:15px;font-style:normal;color:#c9b88e}
.pr-km{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#9fb3ab}
.pr-pp{display:grid;gap:6px;margin-top:auto;padding-top:10px;border-top:1px solid #ffffff12}
.pr-pp span{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.pr-pp small{font-size:12px;color:#9fb3ab}
.pr-pp b{font-size:17px;font-weight:600;color:#f6d79c;font-variant-numeric:tabular-nums}
.pr-pack em{position:absolute;top:12px;right:12px;padding:3px 10px;border-radius:999px;background:linear-gradient(115deg,#f4d49d,#d8b67c);font-size:11px;font-style:normal;font-weight:600;letter-spacing:.06em;color:#132024}

/* add-ons */
.pr-extras{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #f0d49a33;border-radius:24px;overflow:hidden;background:#0d1b1f}
.pr-extras th,.pr-extras td{padding:16px 22px;border-bottom:1px solid #ffffff10;text-align:left;vertical-align:top;line-height:1.6}
.pr-extras tr:last-child>*{border-bottom:0}
.pr-extras th{width:44%;font-size:15px;font-weight:600;color:#f1ede2}
.pr-extras th small{display:block;margin-top:2px;font-size:13px;font-weight:400;color:#9fb3ab}
.pr-extras td{font-size:15px;color:#f6d79c}

@media(max-width:1100px){.pr-packs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){
  .pr-pills{grid-template-columns:1fr 1fr}
  .pr-pills .fl-pill:last-child{grid-column:1/-1}
  .pr-finder{padding:14px;border-radius:22px}
  .pr-table thead{display:none}
  .pr-table,.pr-table tbody{display:block}
  .pr-table tr{display:grid;grid-template-columns:1fr 1fr;padding:10px 4px;border-bottom:1px solid #ffffff10}
  .pr-table tbody th{grid-column:1/-1;padding:2px 4px 6px;border:0}
  .pr-table td{padding:2px 4px;border:0;text-align:left;font-size:15px}
  .pr-table td::before{content:attr(data-car);display:block;font-size:11.5px;font-weight:400;color:#9fb3ab}
  .pr-packs{grid-template-columns:1fr 1fr}
  .pr-h{font-size:34px}
  .pr-extras,.pr-extras tbody,.pr-extras tr,.pr-extras th,.pr-extras td{display:block;width:auto}
  .pr-extras th{padding:14px 16px 2px;border:0}
  .pr-extras td{padding:2px 16px 14px}
}

/* ---- About us (/about/) ---- */
.ab-hero .fl-hero-card figcaption small{font-size:13px;line-height:1.45;color:#f5efe2}
.ab-stats{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ab-stats li{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border:1px solid #f0d49a40;border-radius:18px;background:#ffffff08}
.ab-stats b{font-size:26px;font-weight:600;line-height:1.15;color:#f6d79c;font-variant-numeric:tabular-nums;white-space:nowrap}
.ab-stats span{font-size:12.5px;line-height:1.4;color:#b9cac3}
.ab-who{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:48px;align-items:center}
.ab-who-img{position:relative;margin:0;border-radius:28px;overflow:hidden;aspect-ratio:4/3;border:1px solid #f0d49a33;background:#0d1b1f}
.ab-who-img img{width:100%;height:100%;object-fit:cover;display:block}
.ab-who-img figcaption{position:absolute;inset:auto 0 0;padding:34px 18px 14px;font-size:13px;color:#f5f0e6;background:linear-gradient(0deg,#071214e6,#07121400)}
.ab-text{font-size:16px;line-height:1.9;color:#d1ddd8;margin:0 0 20px}
.ab-checks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ab-checks li{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.6;color:#e2ece7}
.ab-checks li .fl-ic{margin-top:4px}
.ab-svcs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ab-svc{display:flex;flex-direction:column;border:1px solid #f0d49a2e;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#132529,#0d1b1f)}
.ab-svc-img{display:block;aspect-ratio:16/10;overflow:hidden;background:#0b171b}
.ab-svc-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.ab-svc:hover .ab-svc-img img{transform:scale(1.04)}
.ab-svc-body{position:relative;display:flex;flex-direction:column;gap:8px;padding:0 22px 20px;flex:1}
.ab-svc-body .fl-badge{margin:-26px 0 6px;background:#132529;box-shadow:0 0 0 6px #132529}
.ab-svc h3{font-size:19px;font-weight:600;margin:0;color:#f6f1e6}
.ab-svc p{font-size:14.5px;line-height:1.75;margin:0;color:#c3d1cb}
.ab-svc .fl-more{margin-top:auto;padding-top:6px}
.ab-steps li h3{font-size:18px;font-weight:600;margin:0 0 6px;color:#f6f1e6}
.ab-steps li .fl-more{margin-top:10px;min-height:36px}
.ab-zones{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ab-zones li{display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid #f0d49a2e;border-radius:22px;background:linear-gradient(180deg,#132529,#0d1b1f)}
.ab-zones h3{font-size:18px;font-weight:600;margin:0;color:#f6f1e6}
.ab-zones p{font-size:14.5px;line-height:1.7;margin:0;color:#c3d1cb}
.ab-zones b{margin-top:auto;font-size:18px;font-weight:600;color:#f6d79c}
.ab-places{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.ab-places a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border:1px solid #f0d49a40;border-radius:999px;text-decoration:none;font-size:14px;color:#e5d09f}
.ab-places a:hover{border-color:#f0d49a99}
.ab-cars{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ab-car{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:stretch;border:1px solid #f0d49a2e;border-radius:24px;overflow:hidden;text-decoration:none;background:linear-gradient(180deg,#132529,#0d1b1f);transition:border-color .2s}
.ab-car:hover{border-color:#f0d49a80}
.ab-car img{width:100%;height:100%;min-height:200px;object-fit:cover;display:block}
.ab-car-body{display:flex;flex-direction:column;gap:8px;padding:20px 22px}
.ab-car-body .serif{font-size:36px;line-height:1;color:#fbf7ee}
.ab-car-body span:not(.serif){font-size:14.5px;line-height:1.7;color:#c9d6d0}
.ab-car-body b{margin-top:auto;font-size:26px;font-weight:600;color:#f6d79c;font-variant-numeric:tabular-nums}
.ab-car-body b small{font-size:13px;font-weight:400;color:#9fb3ab}
.ab-channels{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px}
.ab-channels a{display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 22px;border:1px solid #f0c985;border-radius:999px;text-decoration:none;font-size:15px;color:#f0c985;background:#0b171b66}
.ab-channels a:hover{background:#f0c98514;color:#ffe0a1}
@media(max-width:1100px){.ab-svcs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
  .ab-who,.ab-cars{grid-template-columns:1fr}
  .ab-who{gap:26px}
  .ab-stats{grid-template-columns:1fr 1fr}
  .ab-zones{grid-template-columns:1fr}
}
@media(max-width:600px){
  .ab-svcs{grid-template-columns:1fr}
  .ab-stats b{font-size:22px}
  .ab-car{grid-template-columns:1fr}
  .ab-car img{min-height:0;aspect-ratio:16/10;height:auto}
  .ab-channels a{flex:1 1 calc(50% - 6px);justify-content:center;padding:0 12px}
}

/* ---- The customer app (/app/, apppage.py) ---- */
.ap-phones{position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:560px}
.ap-phone{margin:0;width:230px;border-radius:36px;overflow:hidden;border:7px solid #05090b;box-shadow:0 0 0 1px #f0d49a40,0 40px 80px -30px #000;background:#05090b}
.ap-phone img{display:block;width:100%;height:auto}
.ap-phones .ap-phone.l,.ap-phones .ap-phone.r{position:absolute;bottom:20px;width:200px;opacity:.92}
.ap-phones .ap-phone.l{left:4%;transform:rotate(-7deg)}
.ap-phones .ap-phone.r{right:4%;transform:rotate(7deg)}
.ap-phones .ap-phone.m{position:relative;z-index:1;width:250px}
.ap-stores{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px}
.ap-play{display:inline-flex;border-radius:12px}
.ap-play img{display:block;height:56px;width:auto}
.ap-web{min-height:56px}
.ap-note{display:flex;align-items:center;gap:8px;margin:0;font-size:13.5px;color:#b9cac3}
.ap-feats{grid-template-columns:repeat(4,minmax(0,1fr))}
.ap-feats li{padding:20px}
.ap-feats h3{font-size:16px}
.ap-feats p{font-size:14px}
.ap-screens{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.ap-screen{display:flex;flex-direction:column;align-items:center;gap:18px;padding:26px 22px;border:1px solid #f0d49a26;border-radius:28px;background:linear-gradient(180deg,#132529,#0d1b1f);text-align:center}
.ap-screen .ap-phone{width:min(240px,80%)}
.ap-screen h3{margin:0 0 6px;font-size:18px;font-weight:600;color:#f6f1e6}
.ap-screen p{margin:0;font-size:14.5px;line-height:1.75;color:#c3d1cb}
.ap-screen .fl-n{margin-bottom:6px}
.ap-vids{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ap-vid{display:flex;flex-direction:column;gap:10px;text-decoration:none}
.ap-vid-img{position:relative;display:block;aspect-ratio:9/16;border-radius:20px;overflow:hidden;border:1px solid #f0d49a33;background:#0b171b}
.ap-vid-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.ap-vid:hover .ap-vid-img img{transform:scale(1.04)}
.ap-play-ic{position:absolute;inset:0;margin:auto;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#071214b3;border:1px solid #f0d49a80;color:#f6d79c}
.ap-play-ic svg{width:26px;height:26px;margin-left:3px}
.ap-vid-img small{position:absolute;right:10px;bottom:10px;padding:2px 8px;border-radius:999px;background:#071214cc;font-size:12px;color:#f5f0e6}
.ap-vid-cap{display:flex;flex-direction:column;gap:2px}
.ap-vid-cap span{font-size:12px;letter-spacing:.06em;color:#e7cd95}
.ap-vid-cap b{font-size:15px;font-weight:500;line-height:1.45;color:#f6f1e6}
.ap-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
.ap-download{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:40px;align-items:center;padding:40px 44px;border:1px solid #f0d49a33;border-radius:32px;background:radial-gradient(120% 140% at 100% 0%,#f0c98514 0%,#f0c98500 55%),linear-gradient(160deg,#142a2e,#0b171b);overflow:hidden}
.ap-download h2{margin:10px 0 10px;font-size:clamp(26px,3vw,38px);font-weight:500;line-height:1.3;color:#f6f1e6}
.ap-download p{margin:0 0 20px;font-size:15px;line-height:1.8;color:#c3d1cb}
.ap-download .ap-phone.solo{justify-self:center;width:220px;margin-bottom:-120px}
@media(max-width:1100px){.ap-feats,.ap-vids{grid-template-columns:repeat(3,minmax(0,1fr))}.ap-steps{grid-template-columns:1fr 1fr}}
@media(max-width:900px){
  .ap-phones{align-self:stretch;width:100%;min-height:0;margin-top:22px}   /* the hero grid centres its items: stretch, or the side phones hide behind the middle one */
  .ap-hero .fl-hero-grid{display:flex;flex-direction:column}
  .ap-phones .ap-phone.m{width:200px}
  .ap-phones .ap-phone.l,.ap-phones .ap-phone.r{width:160px;bottom:10px}
  .ap-phones .ap-phone.l{left:2%}
  .ap-phones .ap-phone.r{right:2%}
  .ap-screens{grid-template-columns:1fr}
  .ap-screen{flex-direction:row;text-align:left;align-items:center}
  .ap-screen .ap-phone{width:150px;flex:none}
  .ap-download{grid-template-columns:1fr;padding:28px 22px}
  .ap-download .ap-phone.solo{display:none}
}
@media(max-width:600px){
  .ap-feats{grid-template-columns:1fr 1fr;gap:10px}
  .ap-feats li{padding:16px}
  .ap-feats .fl-badge{width:44px;height:44px;margin-bottom:10px}
  .ap-vids{grid-template-columns:1fr 1fr;gap:10px}
  .ap-steps{grid-template-columns:1fr}
  .ap-phones .ap-phone.m{width:170px;border-width:5px;border-radius:28px}
  .ap-phones .ap-phone.l,.ap-phones .ap-phone.r{width:122px;border-width:5px;border-radius:24px}
  .ap-phones .ap-phone.l{left:3%}
  .ap-phones .ap-phone.r{right:3%}
  .ap-screen{flex-direction:column;text-align:center}
  .ap-screen .ap-phone{width:200px}
  .ap-stores .ap-play img{height:52px}
}