/* Airport v2 follows the Academy page structure and light visual language. */
.airport-hero{background:linear-gradient(135deg,#fff 0%,#fff8fc 55%,#f8f3fb 100%)!important;position:relative;overflow:hidden}
.airport-hero:before{content:"";position:absolute;inset:auto -8% -55% auto;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(255,72,164,.12),transparent 68%);pointer-events:none}
.airport-hero .hero-copy h1,.airport-hero .hero-copy p{color:var(--ink,#201a25)}
.airport-hero .hero-reem{min-height:570px}
.airport-hero .hero-reem img{width:min(100%,620px);height:560px;object-fit:cover;object-position:center;border-radius:32px;filter:drop-shadow(0 26px 45px rgba(117,42,91,.20))}
.airport-vehicles{padding:92px 6%;background:#fff}
.vehicle-showcase{max-width:1220px;margin:42px auto 28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.vehicle-showcase-card{background:#fff;border:1px solid rgba(84,41,69,.12);border-radius:28px;overflow:hidden;box-shadow:0 20px 55px rgba(52,25,43,.08);transition:.25s ease}
.vehicle-showcase-card:hover{transform:translateY(-5px);box-shadow:0 26px 65px rgba(222,57,143,.14)}
.featured-vehicle{border-color:rgba(235,65,151,.28)}
.vehicle-photo{height:330px;background:#f7f2f6;overflow:hidden}.vehicle-photo img{width:100%;height:100%;object-fit:cover;display:block}
.vehicle-content{padding:25px 28px 30px}.vehicle-label{display:inline-flex;padding:7px 14px;border-radius:999px;background:#fff0f7;color:#d52c80;font-weight:800;font-family:Poppins,sans-serif}.vehicle-content h3{margin:15px 0 12px;font-size:1.45rem}.vehicle-content ul{list-style:none;padding:0;margin:0;display:grid;gap:11px}.vehicle-content li{position:relative;padding-inline-start:26px;color:#5e5360;line-height:1.75}.vehicle-content li:before{content:"✓";position:absolute;inset-inline-start:0;color:#e53c92;font-weight:900}
.airport-mini-features{max-width:1050px;margin:28px auto 0;display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.airport-mini-features span{background:#fff8fc;border:1px solid rgba(229,60,146,.16);padding:11px 18px;border-radius:999px;color:#4b3c48}
.vehicle-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vehicle-card{border:1px solid rgba(70,35,58,.13);border-radius:18px;padding:10px;background:#fff;cursor:pointer;box-shadow:0 9px 26px rgba(57,30,47,.07)}.vehicle-card img{width:100%;height:140px;object-fit:cover;border-radius:12px}.vehicle-card b{display:block;margin-top:8px}.vehicle-card span{display:block;color:#746873;font-size:.88rem;margin-top:4px}
.whatsapp-final-notice{display:flex;flex-direction:column;gap:6px;padding:14px 16px;margin:8px 0 12px;border:1px solid rgba(255,79,163,.55);border-radius:16px;background:rgba(255,79,163,.10);line-height:1.7}.whatsapp-final-btn{display:flex!important;justify-content:center;align-items:center;text-align:center;min-height:54px}
html[dir="ltr"] .vehicle-content li{padding-left:26px;padding-right:0}
@media(max-width:900px){.vehicle-showcase{grid-template-columns:1fr}.airport-hero .hero-reem{min-height:450px}.airport-hero .hero-reem img{height:430px}.vehicle-photo{height:285px}}
@media(max-width:720px){.vehicle-grid{grid-template-columns:1fr}.airport-vehicles{padding:64px 18px}.airport-hero .hero-reem img{height:410px;object-fit:cover}}


/* HerRide Core Template Final additions */
.chat-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.chat-tools #progressText{margin-inline-start:auto}
.location-preview a{display:inline-block;margin-top:8px;color:#ff3d9a;font-weight:800;text-decoration:underline;word-break:break-all}
.hr-picker-overlay{position:fixed;inset:0;background:rgba(15,10,20,.54);backdrop-filter:blur(7px);z-index:99999;display:grid;place-items:center;padding:16px}
.hr-picker-card{width:min(420px,96vw);background:#fff;border:1px solid rgba(255,61,154,.22);border-radius:26px;box-shadow:0 25px 80px rgba(33,10,28,.26);padding:22px;direction:rtl}
html[dir="ltr"] .hr-picker-card{direction:ltr}
.hr-picker-card h3{margin:0 0 14px;font-size:1.18rem;color:#241622}
.hr-picker-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:14px 0}
.hr-picker-row.two{grid-template-columns:1fr 1fr}
.hr-picker-card select,.hr-picker-card input{width:100%;min-height:50px;border:1px solid #ead7e2;border-radius:14px;padding:10px;background:#fff;font:inherit;color:#241622}
.hr-picker-actions{display:flex;gap:10px;margin-top:16px}
.hr-picker-actions button{flex:1;min-height:48px;border-radius:14px;border:0;font-weight:800;cursor:pointer}
.hr-picker-confirm{background:linear-gradient(135deg,#ff2f92,#ff5bb0);color:#fff}
.hr-picker-cancel{background:#f5eef3;color:#4a3342}
.whatsapp-confirm-box{margin-top:12px;padding:15px;border-radius:18px;background:#fff7fb;border:1px solid #f3bfd9;display:grid;gap:10px}
.whatsapp-confirm-box .confirm-actions{display:flex;gap:8px;flex-wrap:wrap}
.whatsapp-confirm-box button{flex:1;min-width:145px}
.final-thanks{white-space:pre-line;padding:17px;border-radius:18px;background:linear-gradient(135deg,#fff7fb,#fff);border:1px solid #f2c4dc;line-height:1.8}

/* Airport UX fixes v1.1 */
.vehicle-photo{height:360px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#fbf7fa,#f4edf2)}
.vehicle-photo img{width:100%;height:100%;object-fit:contain;object-position:center center}
.vehicle-content{display:flex;flex-direction:column}
.vehicle-ask-btn{margin-top:18px;border:0;border-radius:999px;padding:13px 18px;background:linear-gradient(135deg,#df398f,#b92f77);color:#fff;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 12px 24px rgba(196,47,124,.2)}
.vehicle-ask-btn:hover{transform:translateY(-2px)}
.reem-stage #nourAvatar{object-fit:contain!important;object-position:top center!important;max-height:100%;width:100%}
.chat-tools .tool-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px}
@media(max-width:900px){.vehicle-photo{height:320px}}


/* Airport form + picker stability v1.3 */
#answerArea{position:relative;z-index:3}
#answerArea .chat-answer-input,#answerArea>input,#answerArea>textarea{display:block!important;width:100%!important;min-height:54px!important;border:2px solid rgba(208,47,126,.32)!important;border-radius:16px!important;background:#fff!important;color:#241622!important;padding:14px 16px!important;font:inherit!important;box-sizing:border-box!important;margin-bottom:10px!important;opacity:1!important;visibility:visible!important}
#answerArea>textarea{min-height:96px!important;resize:vertical}
.inline-picker-launch{display:grid;gap:10px;padding:14px;border:1px solid rgba(208,47,126,.18);border-radius:18px;background:#fff8fc}
.inline-picker-label{font-weight:800;color:#392632;line-height:1.6}
.calendar-card{width:min(470px,96vw)!important}.calendar-head{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px}.calendar-head h3{text-align:center;margin:0}.calendar-head button{border:0;border-radius:12px;min-height:42px;background:#f7eaf2;font-size:1.5rem;cursor:pointer}.calendar-week,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar-week{margin:16px 0 8px;color:#806b79;font-size:.78rem;text-align:center}.calendar-grid button{aspect-ratio:1;border:0;border-radius:12px;background:#fff3f9;color:#30222c;font-weight:800;cursor:pointer}.calendar-grid button:hover{background:#ffd8eb}.calendar-grid button.selected{background:linear-gradient(135deg,#ff2f92,#c92f7c);color:#fff}.calendar-grid button:disabled{opacity:.25;cursor:not-allowed}.date-preview,.time-preview{margin-top:14px;padding:12px;border-radius:14px;background:#fff3f9;text-align:center;font-weight:900;color:#c42e79}.wheel-card p{margin:0;color:#76616f}.time-wheel{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:14px}.time-wheel label{display:grid;gap:7px;text-align:center;font-weight:800}.time-wheel select{height:180px!important;overflow-y:auto;padding:6px!important}.time-wheel option{padding:8px;text-align:center;font-weight:800}
.vehicle-photo{position:relative;isolation:isolate;overflow:hidden}.vehicle-photo:before{content:"";position:absolute;inset:-18px;background:var(--vehicle-bg) center/cover no-repeat;filter:blur(18px);opacity:.28;z-index:-2;transform:scale(1.12)}.vehicle-showcase-card:nth-child(1) .vehicle-photo{--vehicle-bg:url('assets/nour/08_sedan.webp')}.vehicle-showcase-card:nth-child(2) .vehicle-photo{--vehicle-bg:url('assets/nour/09_suv.webp')}.vehicle-photo img{width:94%!important;height:94%!important;object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 14px 22px rgba(55,22,43,.18))}.reem-stage{background:#1c121a!important}.reem-stage #nourAvatar{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important}
@media(max-width:720px){.time-wheel{grid-template-columns:1fr 1fr}.time-wheel label:last-child{grid-column:1/-1}.vehicle-photo{height:300px!important}}

/* Airport final visual fixes v1.4 */
.vehicle-showcase{align-items:stretch!important}
.vehicle-showcase-card{display:flex!important;flex-direction:column!important;overflow:hidden!important}
.vehicle-photo{height:340px!important;min-height:340px!important;padding:0!important;background:linear-gradient(180deg,#f8eff5,#fff)!important;display:flex!important;align-items:center!important;justify-content:center!important}
.vehicle-photo img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;padding:10px!important;box-sizing:border-box!important}
.vehicle-content{display:flex!important;flex-direction:column!important;flex:1!important}
.vehicle-content .vehicle-ask-btn{margin-top:auto!important}
.reem-stage{min-height:610px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.reem-stage #nourAvatar{width:100%!important;height:100%!important;max-height:610px!important;object-fit:contain!important;object-position:center center!important;padding:8px!important;box-sizing:border-box!important}
@media(max-width:900px){.vehicle-photo{height:300px!important;min-height:300px!important}.reem-stage{min-height:460px!important}.reem-stage #nourAvatar{max-height:460px!important}}


/* FINAL shared analog clock + pink calendar */
.analog-time-card{width:min(460px,96vw)!important}.analog-clock{position:relative;width:250px;height:250px;margin:12px auto 18px;border-radius:50%;background:radial-gradient(circle at 50% 45%,#fff 0 56%,#fff0f7 57% 100%);border:8px solid #ffd1e7;box-shadow:inset 0 0 0 2px #ff4b9f,0 16px 38px rgba(191,39,113,.18)}
.clock-center{position:absolute;left:50%;top:50%;width:16px;height:16px;border-radius:50%;background:#c92f7c;transform:translate(-50%,-50%);z-index:6;box-shadow:0 0 0 5px #ffd2e6}.clock-hand{position:absolute;left:50%;bottom:50%;transform-origin:50% 100%;border-radius:999px;z-index:4;transition:transform .2s ease}.hour-hand{width:7px;height:66px;background:#5f2946}.minute-hand{width:4px;height:90px;background:#ff2f92}.clock-number{--r:101px;position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px;border:0;border-radius:50%;background:transparent;color:#4b2b3e;font-weight:900;cursor:pointer;transform:rotate(var(--a)) translateY(calc(-1 * var(--r))) rotate(calc(-1 * var(--a)))}.clock-number:hover{background:#ffd8eb;color:#b7246b}.clock-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.clock-controls label{display:grid;gap:6px;text-align:center;font-weight:800}.clock-controls input{min-height:48px;text-align:center}.period-toggle{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.period-toggle button{min-height:44px;border:1px solid #f1bfd7;border-radius:14px;background:#fff4f9;color:#7f365d;font-weight:900;cursor:pointer}.period-toggle button.active{background:linear-gradient(135deg,#ff2f92,#c92f7c);color:#fff;border-color:transparent}.calendar-card{width:min(470px,96vw)!important}.calendar-head{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px}.calendar-head h3{text-align:center;margin:0}.calendar-head button{border:0;border-radius:12px;min-height:42px;background:#f7eaf2;font-size:1.5rem;cursor:pointer}.calendar-week,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar-week{margin:16px 0 8px;color:#806b79;font-size:.78rem;text-align:center}.calendar-grid button{aspect-ratio:1;border:0;border-radius:12px;background:#fff3f9;color:#30222c;font-weight:800;cursor:pointer}.calendar-grid button:hover{background:#ffd8eb}.calendar-grid button.selected{background:linear-gradient(135deg,#ff2f92,#c92f7c);color:#fff}.calendar-grid button:disabled{opacity:.25;cursor:not-allowed}.date-preview,.time-preview{margin-top:14px;padding:12px;border-radius:14px;background:#fff3f9;text-align:center;font-weight:900;color:#c42e79}
@media(max-width:520px){.analog-clock{width:220px;height:220px}.clock-number{--r:88px}.hour-hand{height:58px}.minute-hand{height:80px}}

/* FINAL shared refinements */
.back-step-btn{margin-inline-end:auto!important;border:1px solid rgba(255,55,170,.45)!important;background:rgba(255,255,255,.92)!important;color:#9b1768!important;font-weight:800!important}
.back-step-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(255,47,166,.2)}
.vehicle-pill{display:inline-flex!important;width:max-content!important;min-width:0!important;padding:6px 13px!important;border-radius:999px!important;background:linear-gradient(135deg,#ff2aa6,#ff63c4)!important;color:#fff!important;box-shadow:0 6px 18px rgba(255,42,166,.35)!important;font-size:.83rem!important;line-height:1!important}
.vehicle-card img{width:100%!important;aspect-ratio:16/9!important;object-fit:cover!important;object-position:center!important;border-radius:20px!important}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}


/* FINAL RC3 unified assistant stage + classic gray analog clock */
.reem-stage{height:550px!important;min-height:550px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:linear-gradient(160deg,#eee9ed,#d9d4d8)!important}
.reem-stage img,.reem-stage #nourAvatar{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;object-position:center 28%!important;padding:0!important}
.analog-clock{background:radial-gradient(circle at 50% 45%,#fbfbfb 0 58%,#e8e8e8 59% 100%)!important;border:7px solid #b9b9b9!important;box-shadow:inset 0 0 0 2px #777,0 16px 38px rgba(35,35,35,.18)!important}
.clock-center{background:#e34b91!important;box-shadow:0 0 0 5px #f3bfd6!important}
.hour-hand{background:#4d4d4d!important}.minute-hand{background:#e34b91!important}.clock-number{color:#363636!important}.clock-number:hover{background:#dedede!important;color:#b51e66!important}
@media(max-width:900px){.reem-stage{height:420px!important;min-height:420px!important}.reem-stage img,.reem-stage #nourAvatar{height:420px!important;object-position:center 25%!important}}
@media(max-width:560px){.reem-stage{height:340px!important;min-height:340px!important}.reem-stage img,.reem-stage #nourAvatar{height:340px!important;object-position:center 23%!important}}

/* RC4: dedicated airport travel hero — no vehicle-card reuse or logo crop */
.airport-hero .airport-hero-visual img{
  object-fit:contain !important;
  object-position:center !important;
  background:linear-gradient(145deg,#160b19,#3a102d);
  padding:10px;
}

/* RC5 — Nour image-fit lock: show every image fully without cropping */
.reem-stage{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:#21131d!important;
}
.reem-stage::before{
  content:"";
  position:absolute;
  inset:-28px;
  z-index:-2;
  background-image:var(--nour-stage-bg, url('assets/nour/00_full_body.webp'));
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  filter:blur(26px) saturate(.9) brightness(.55);
  transform:scale(1.12);
  opacity:.8;
}
.reem-stage::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(180deg,rgba(18,8,16,.12),rgba(18,8,16,.42));
  pointer-events:none;
}
.reem-stage img,
.reem-stage #nourAvatar{
  position:relative!important;
  z-index:1!important;
  width:calc(100% - 20px)!important;
  height:calc(100% - 20px)!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  padding:0!important;
  margin:10px!important;
  border-radius:24px!important;
  filter:drop-shadow(0 16px 28px rgba(0,0,0,.24));
}
.reem-status,.human-note{z-index:3!important}

/* Keep Nour thumbnails complete too */
.chat-person img{
  object-fit:contain!important;
  object-position:center!important;
  background:#21131d!important;
  padding:2px!important;
}

/* Vehicle photos: never crop Sedan or SUV */
.vehicle-photo img,
.vehicle-card img{
  object-fit:contain!important;
  object-position:center center!important;
  background:linear-gradient(180deg,#f8f2f6,#fff)!important;
  padding:10px!important;
  box-sizing:border-box!important;
}
.vehicle-card img{aspect-ratio:16/10!important;height:auto!important}

@media(max-width:900px){
  .reem-stage img,.reem-stage #nourAvatar{
    width:calc(100% - 16px)!important;
    height:calc(100% - 16px)!important;
    margin:8px!important;
  }
}


/* RC6 FINAL — shared service template lock: full images, compact composer, organized choices */
.airport-hero .airport-hero-visual{min-height:560px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;border-radius:34px!important;background:#160c14!important}
.airport-hero .airport-hero-visual img{width:100%!important;height:560px!important;object-fit:cover!important;object-position:center center!important;border-radius:34px!important;padding:0!important;margin:0!important}

/* Nour now uses the exact same portrait canvas ratio as Reem (1122×1402), never cropped */
.reem-stage{height:550px!important;min-height:550px!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:linear-gradient(160deg,#27121f,#120b11)!important}
.reem-stage #nourAvatar,.reem-stage img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important;padding:0!important;margin:0!important;border-radius:0!important;filter:none!important}
.chat-person img{object-fit:cover!important;object-position:center!important;padding:0!important;background:#21131d!important}

/* One adaptive composer only: compact by default, modestly taller only for long answers */
#persistentComposer{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important}
#persistentComposer[hidden]{display:none!important}
#persistentInput{flex:1!important;width:auto!important;min-width:0!important;height:54px!important;min-height:54px!important;max-height:54px!important;padding:12px 16px!important;border-radius:18px!important;resize:none!important;overflow-y:auto!important;box-sizing:border-box!important}
#persistentInput[rows="3"]{height:82px!important;min-height:82px!important;max-height:110px!important}
#persistentSend{flex:0 0 auto!important;min-width:92px!important;height:54px!important;align-self:flex-end!important}

/* All option buttons stay together in a clean responsive group */
.choice-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;align-items:stretch!important}
.choice-grid .choice{width:100%!important;min-height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:normal!important;margin:0!important}
.longtrip-trip-type-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;visibility:visible!important;opacity:1!important}
@media(max-width:520px){.longtrip-trip-type-grid{grid-template-columns:1fr!important}.longtrip-trip-type-grid .choice{min-height:52px!important}}

/* Vehicle images remain complete and proportional */
.vehicle-photo img,.vehicle-card img{object-fit:contain!important;object-position:center!important;padding:10px!important;background:linear-gradient(180deg,#f8f2f6,#fff)!important;box-sizing:border-box!important}

@media(max-width:720px){
 .airport-hero .airport-hero-visual img{height:420px!important}
 .airport-hero .airport-hero-visual{min-height:420px!important}
 .reem-stage{height:480px!important;min-height:480px!important}
 .choice-grid{grid-template-columns:1fr!important}
 #persistentComposer{gap:8px!important}
 #persistentSend{min-width:78px!important}
}


/* RC7 — final approved airport hero, separate from Sedan/SUV cards */
.airport-hero .airport-hero-visual{
  min-height:0!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  border-radius:34px!important;
  background:#160c14!important;
  box-shadow:0 30px 75px rgba(68,17,47,.22)!important;
}
.airport-hero .airport-hero-visual img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:34px!important;
  padding:0!important;
  margin:0!important;
  display:block!important;
  animation:none!important;
  filter:none!important;
}
.airport-hero .airport-hero-visual .reem-intro-card{
  bottom:14px!important;
  right:14px!important;
  left:auto!important;
}
@media(max-width:1100px){
  .airport-hero .airport-hero-visual{width:min(860px,100%)!important;margin-inline:auto!important}
}
@media(max-width:720px){
  .airport-hero .airport-hero-visual{aspect-ratio:16/10!important;border-radius:26px!important}
  .airport-hero .airport-hero-visual img{border-radius:26px!important;object-position:center center!important}
}


/* ===== FINAL MOBILE MATERIAL CLOCK — HerRide Pink ===== */
.material-time-overlay{padding:14px!important;align-items:center!important;justify-content:center!important;background:rgba(14,8,15,.62)!important;backdrop-filter:blur(8px)}
.material-time-card{width:min(410px,94vw)!important;max-height:94dvh!important;overflow:auto!important;padding:0!important;border-radius:28px!important;background:#211b21!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 28px 80px rgba(42,8,27,.42)!important;direction:rtl}
.mtp-top{padding:20px 22px 16px!important;background:linear-gradient(145deg,#4a2238,#351c2a)!important;border-radius:28px 28px 0 0!important}
.mtp-title{text-align:right;font-weight:900;font-size:1.05rem;color:#fff;margin-bottom:10px}
.mtp-display{display:flex;align-items:center;justify-content:center;gap:4px;font-family:Poppins,Cairo,sans-serif}
.mtp-display>span{font-size:3.15rem;line-height:1;font-weight:600;color:#fff}
.mtp-value{border:0;background:transparent;color:#fff;font-size:3.3rem;line-height:1;font-weight:600;padding:2px 4px;border-radius:12px;cursor:pointer;min-width:72px}
.mtp-value.active{color:#ff54a8;text-shadow:0 0 22px rgba(255,47,146,.28)}
.mtp-period{display:grid;gap:2px;margin-inline-start:8px;direction:ltr}
.mtp-period button{border:0;background:transparent;color:#cdbfc8;font-weight:900;font-size:.9rem;padding:2px 5px;border-radius:7px;cursor:pointer;white-space:nowrap}
.mtp-period button.active{color:#ff54a8;background:rgba(255,47,146,.12)}
.mtp-body{padding:18px 18px 12px!important;background:#211b21!important}
.mtp-dial{position:relative;width:min(300px,76vw);height:min(300px,76vw);max-width:300px;max-height:300px;margin:2px auto 10px;border-radius:50%;background:#3a2b33;touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.mtp-center{position:absolute;left:50%;top:50%;width:10px;height:10px;border-radius:50%;background:#ff3b96;transform:translate(-50%,-50%);z-index:6;box-shadow:0 0 0 3px rgba(255,59,150,.16)}
.mtp-hand{position:absolute;left:50%;top:50%;width:2px;height:38%;transform-origin:50% 0;z-index:4;pointer-events:none;transition:transform .06s linear}
.mtp-hand::before{content:"";position:absolute;left:50%;top:0;width:3px;height:100%;background:#ff3b96;transform:translateX(-50%);border-radius:4px;box-shadow:0 0 12px rgba(255,59,150,.18)}
.mtp-hand span{position:absolute;left:50%;bottom:-17px;width:34px;height:34px;border-radius:50%;background:#ff3b96;transform:translateX(-50%);box-shadow:0 5px 16px rgba(255,59,150,.3)}
.mtp-numbers{position:absolute;inset:0;z-index:5;pointer-events:none}
.mtp-number{--r:min(123px,31vw);position:absolute;left:50%;top:50%;width:42px;height:42px;margin:-21px;border:0;border-radius:50%;background:transparent;color:#fff;font-family:Poppins,Cairo,sans-serif;font-size:1.02rem;font-weight:600;transform:rotate(var(--a)) translateY(calc(-1 * var(--r))) rotate(calc(-1 * var(--a)));pointer-events:auto;cursor:pointer}
.mtp-number.selected{background:#ff3b96;color:#fff;box-shadow:0 4px 16px rgba(255,59,150,.35)}
.mtp-help{text-align:center;color:#cdbfc8;font-size:.78rem;line-height:1.55;margin:4px 8px 10px}
.mtp-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;direction:ltr;border-top:1px solid rgba(255,255,255,.07);padding-top:8px}
.mtp-actions button{min-height:44px;border:0;background:transparent;color:#ff70b5;font-weight:900;font-size:.95rem;border-radius:12px;cursor:pointer}
.mtp-actions button:hover,.mtp-actions button:focus-visible{background:rgba(255,59,150,.1);outline:none}
.mtp-confirm{color:#fff!important;background:linear-gradient(135deg,#ff2f92,#c92f7c)!important}
@media(max-width:520px){
 .material-time-overlay{padding:8px!important;align-items:center!important}
 .material-time-card{width:min(390px,96vw)!important;border-radius:24px!important}
 .mtp-top{padding:16px 16px 12px!important}
 .mtp-title{font-size:.98rem;margin-bottom:6px}
 .mtp-value{font-size:2.75rem;min-width:60px}
 .mtp-display>span{font-size:2.65rem}
 .mtp-body{padding:14px 12px 10px!important}
 .mtp-dial{width:min(286px,78vw);height:min(286px,78vw)}
 .mtp-number{--r:min(116px,31.5vw);width:40px;height:40px;margin:-20px;font-size:.98rem}
 .mtp-actions button{min-height:46px;font-size:.9rem}
}
@media(max-width:370px){.mtp-dial{width:260px;height:260px}.mtp-number{--r:105px}.mtp-value{font-size:2.45rem;min-width:54px}.mtp-display>span{font-size:2.35rem}}


/* ===== RC4 FINAL CLOCK FIX — geometry + touch + HerRide identity ===== */
.material-time-card{background:#171117!important;border:1px solid rgba(255,69,159,.22)!important;box-shadow:0 28px 80px rgba(36,5,24,.55)!important}
.mtp-top{background:linear-gradient(145deg,#681640 0%,#4d1d36 52%,#2d1723 100%)!important}
.mtp-title{text-align:center!important;font-size:1.12rem!important;letter-spacing:0!important}
.mtp-body{background:#171117!important}
.mtp-mode-label{text-align:center;color:#f8d7e8;font-weight:900;font-size:.94rem;margin:0 0 10px}
.mtp-display{gap:2px!important}
.mtp-value{font-weight:700!important;min-width:66px!important}
.mtp-value.active{color:#ff4fa3!important;text-shadow:0 0 18px rgba(255,79,163,.35)!important}
.mtp-period{margin-inline-start:10px!important;gap:5px!important}
.mtp-period button{min-width:62px;padding:7px 9px!important;color:#f6d8e7!important;background:rgba(255,255,255,.055)!important}
.mtp-period button.active{color:#fff!important;background:linear-gradient(135deg,#ff4fa3,#c72c78)!important;box-shadow:0 6px 18px rgba(255,79,163,.24)!important}
.mtp-dial{width:min(318px,80vw)!important;height:min(318px,80vw)!important;max-width:318px!important;max-height:318px!important;background:radial-gradient(circle at 50% 46%,#3d2d36 0%,#30212a 68%,#281a22 100%)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 10px 30px rgba(0,0,0,.18)!important;cursor:grab!important}
.mtp-dial:active{cursor:grabbing!important}
.mtp-center{width:12px!important;height:12px!important;background:#ff4fa3!important;box-shadow:0 0 0 4px rgba(255,79,163,.18),0 0 12px rgba(255,79,163,.35)!important}
/* Hand starts at the center and points UP at 0°. This fixes hour/minute geometry. */
.mtp-hand{left:50%!important;top:auto!important;bottom:50%!important;width:4px!important;height:38%!important;transform-origin:50% 100%!important;transition:transform .045s linear!important}
.mtp-hand::before{left:50%!important;top:0!important;width:4px!important;height:100%!important;background:#ff4fa3!important;box-shadow:0 0 10px rgba(255,79,163,.28)!important}
.mtp-hand span{left:50%!important;top:-17px!important;bottom:auto!important;width:34px!important;height:34px!important;background:#ff4fa3!important;box-shadow:0 5px 18px rgba(255,79,163,.38),0 0 0 5px rgba(255,79,163,.10)!important}
.mtp-number{--r:min(132px,33.2vw)!important;width:46px!important;height:46px!important;margin:-23px!important;font-size:1.04rem!important;font-weight:800!important;color:#fff!important;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.mtp-number.selected{background:#ff4fa3!important;box-shadow:0 5px 18px rgba(255,79,163,.42)!important}
.mtp-help{font-size:.82rem!important;color:#d8c2ce!important;margin-top:8px!important}
.mtp-actions{gap:8px!important;padding-top:10px!important}
.mtp-actions button{min-height:48px!important;font-size:.96rem!important;-webkit-tap-highlight-color:transparent}
.mtp-confirm{background:linear-gradient(135deg,#ff4fa3,#c72c78)!important;box-shadow:0 8px 20px rgba(255,79,163,.20)!important}
@media(max-width:520px){
 .material-time-card{width:min(398px,97vw)!important;max-height:96dvh!important}
 .mtp-top{padding:15px 14px 12px!important}
 .mtp-title{font-size:1.02rem!important}
 .mtp-value{font-size:2.9rem!important;min-width:58px!important}
 .mtp-display>span{font-size:2.75rem!important}
 .mtp-period button{min-width:58px!important;padding:6px 7px!important;font-size:.86rem!important}
 .mtp-body{padding:13px 10px 10px!important}
 .mtp-mode-label{margin-bottom:7px!important;font-size:.9rem!important}
 .mtp-dial{width:min(310px,84vw)!important;height:min(310px,84vw)!important}
 .mtp-number{--r:min(129px,35vw)!important;width:46px!important;height:46px!important;margin:-23px!important;font-size:1rem!important}
 .mtp-help{font-size:.78rem!important;margin:6px 4px 8px!important}
 .mtp-actions button{min-height:48px!important}
}
@media(max-width:370px){
 .mtp-dial{width:282px!important;height:282px!important}
 .mtp-number{--r:117px!important;width:44px!important;height:44px!important;margin:-22px!important}
 .mtp-value{font-size:2.55rem!important;min-width:52px!important}
 .mtp-display>span{font-size:2.45rem!important}
}

/* ===== HerRide FINAL Clock Geometry Fix (SVG hand, mobile first) ===== */
.material-time-card{background:#171117!important;border:1px solid rgba(255,79,163,.24)!important;box-shadow:0 28px 80px rgba(36,5,24,.58)!important}
.mtp-dial{position:relative!important;isolation:isolate!important;touch-action:none!important;user-select:none!important;-webkit-user-select:none!important}
.mtp-hand{display:none!important}
.mtp-center{display:none!important}
.mtp-hand-svg{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;overflow:visible}
.mtp-hand-line{stroke:#ff4fa3;stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(255,79,163,.45))}
.mtp-hand-tip{fill:#ff4fa3;filter:drop-shadow(0 4px 7px rgba(255,79,163,.42))}
.mtp-hand-center{fill:#ff4fa3;stroke:rgba(255,255,255,.28);stroke-width:2}
.mtp-numbers{z-index:5!important}
.mtp-number{color:#fff!important;font-weight:800!important;-webkit-tap-highlight-color:transparent!important}
.mtp-number.selected{background:#ff4fa3!important;color:#fff!important;box-shadow:0 5px 18px rgba(255,79,163,.42)!important}
.mtp-value.active,.mtp-period button.active,.mtp-confirm{background:#ff4fa3!important;color:#fff!important}
@media(max-width:520px){
  .material-time-overlay{padding:8px!important}
  .material-time-card{width:min(398px,97vw)!important;max-height:96dvh!important}
  .mtp-dial{width:min(318px,86vw)!important;height:min(318px,86vw)!important;margin-inline:auto!important}
  .mtp-number{--r:min(129px,35vw)!important;width:46px!important;height:46px!important;margin:-23px!important;font-size:1rem!important}
  .mtp-help{font-size:.92rem!important;line-height:1.5!important;padding-inline:10px!important}
}
@media(max-width:370px){
  .mtp-dial{width:276px!important;height:276px!important}
  .mtp-number{--r:112px!important;width:44px!important;height:44px!important;margin:-22px!important}
}


/* ===== HerRide FINAL DUAL-HAND CLOCK v5 ===== */
.hr2-card{width:min(430px,96vw)!important;max-height:96vh!important;overflow:auto!important;background:#171117!important;border-radius:28px!important;box-shadow:0 24px 70px rgba(30,7,22,.42)!important}
.hr2-top{padding:18px 18px 15px;background:linear-gradient(145deg,#5b2345 0%,#421b35 48%,#25151f 100%);border-radius:28px 28px 0 0}
.hr2-title{text-align:center;color:#fff;font-weight:900;font-size:1.08rem;margin-bottom:10px}
.hr2-display{display:flex;align-items:center;justify-content:center;gap:3px;font-family:Poppins,Cairo,sans-serif}
.hr2-time-part{border:0;background:transparent;color:#fff;font-size:3.05rem;line-height:1;font-weight:750;min-width:62px;padding:4px 6px;border-radius:12px;cursor:pointer}
.hr2-time-part.active{color:#ff58aa;background:rgba(255,88,170,.08);text-shadow:0 0 18px rgba(255,88,170,.35)}
.hr2-colon{font-size:2.7rem;color:#fff;font-weight:600;line-height:1}
.hr2-period{display:grid;gap:4px;margin-inline-start:9px;direction:ltr}.hr2-period button{border:0;border-radius:8px;padding:6px 8px;min-width:60px;background:rgba(255,255,255,.055);color:#f3dce8;font-weight:900;cursor:pointer}.hr2-period button.active{background:linear-gradient(135deg,#ff4fa3,#c72c78);color:#fff;box-shadow:0 6px 18px rgba(255,79,163,.24)}
.hr2-body{padding:14px 12px 12px;background:#171117}.hr2-mode-label{text-align:center;color:#ffe5f2;font-weight:900;font-size:.94rem;margin:0 0 8px}
.hr2-dial{position:relative;width:min(330px,84vw);height:min(330px,84vw);max-width:330px;max-height:330px;margin:0 auto 8px;border-radius:50%;background:radial-gradient(circle at 50% 46%,#43333f 0%,#34262f 66%,#281c24 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 12px 34px rgba(0,0,0,.2);touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;overflow:visible}.hr2-dial:active{cursor:grabbing}
.hr2-svg{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible}.hr2-guide{fill:none;stroke:rgba(255,255,255,.055);stroke-width:1}.hr2-guide-hour{stroke:rgba(255,133,191,.09)}
.hr2-hour-line{stroke:#f3a2ca;stroke-width:7;stroke-linecap:round;opacity:.88;filter:drop-shadow(0 0 4px rgba(243,162,202,.22))}.hr2-hour-tip{fill:#f3a2ca;stroke:#fff3f8;stroke-width:2;opacity:.95}.hr2-minute-line{stroke:#ff3f99;stroke-width:4;stroke-linecap:round;opacity:.92;filter:drop-shadow(0 0 6px rgba(255,63,153,.32))}.hr2-minute-tip{fill:#ff3f99;stroke:#ffd2e7;stroke-width:2}.hr2-center{fill:#ff4fa3;stroke:#fff;stroke-opacity:.45;stroke-width:2;filter:drop-shadow(0 0 7px rgba(255,79,163,.45))}.hr2-hour-line.active,.hr2-minute-line.active{opacity:1;filter:drop-shadow(0 0 8px rgba(255,79,163,.58))}.hr2-hour-tip.active,.hr2-minute-tip.active{filter:drop-shadow(0 0 9px rgba(255,79,163,.7))}
.hr2-hour-labels,.hr2-minute-labels{position:absolute;inset:0;z-index:5;pointer-events:none}.hr2-label{position:absolute;transform:translate(-50%,-50%);border:0;border-radius:50%;background:transparent;color:#fff;text-align:center;font-family:Poppins,Cairo,sans-serif;font-weight:850;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}.hr2-hour-label{width:35px;height:35px;font-size:.92rem;color:#f9ecf3}.hr2-minute-label{width:40px;height:40px;font-size:.83rem;color:#d9c8d2}.hr2-hour-label.selected{background:#ef9bc5;color:#27131f;box-shadow:0 0 0 4px rgba(239,155,197,.10)}.hr2-minute-label.selected{background:#ff4fa3;color:#fff;box-shadow:0 5px 18px rgba(255,79,163,.35)}
.hr2-legend{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;color:#d9c6d1;font-size:.75rem;margin:5px 0 2px}.hr2-legend span{display:flex;align-items:center;gap:5px}.hr2-dot{width:12px;height:4px;border-radius:4px;display:inline-block}.hr2-dot.hour{background:#f3a2ca;height:6px}.hr2-dot.minute{background:#ff3f99}
.hr2-help{text-align:center;color:#cdbbc5;font-size:.78rem;line-height:1.45;margin:5px 6px 9px}.hr2-actions{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:7px;border-top:1px solid rgba(255,255,255,.07);padding-top:9px;direction:ltr}.hr2-actions button{min-height:46px;border:0;border-radius:12px;background:transparent;color:#ff76b9;font-weight:900;font-size:.92rem;cursor:pointer}.hr2-actions button:hover,.hr2-actions button:focus-visible{background:rgba(255,79,163,.1);outline:none}.hr2-confirm{background:linear-gradient(135deg,#ff4fa3,#c72c78)!important;color:#fff!important;box-shadow:0 7px 18px rgba(255,79,163,.2)}
@media(max-width:520px){.hr2-card{width:min(410px,97vw)!important;border-radius:24px!important}.hr2-top{padding:14px 12px 12px}.hr2-title{font-size:1rem;margin-bottom:6px}.hr2-time-part{font-size:2.72rem;min-width:54px}.hr2-colon{font-size:2.4rem}.hr2-period button{min-width:56px;padding:6px 7px;font-size:.84rem}.hr2-body{padding:11px 8px 10px}.hr2-dial{width:min(320px,88vw);height:min(320px,88vw)}.hr2-hour-label{width:33px;height:33px;font-size:.88rem}.hr2-minute-label{width:38px;height:38px;font-size:.80rem}.hr2-help{font-size:.76rem}.hr2-actions button{min-height:48px}}
@media(max-width:370px){.hr2-dial{width:286px;height:286px}.hr2-time-part{font-size:2.4rem;min-width:48px}.hr2-colon{font-size:2.2rem}.hr2-period button{min-width:52px;font-size:.8rem}.hr2-legend{font-size:.68rem;gap:8px}}

/* ===== HerRide Single-Dial Dual-Hand Clock v6 ===== */
.hr3-card{width:min(430px,96vw)!important;background:#17121b!important;border:1px solid rgba(255,93,165,.28)!important;box-shadow:0 22px 58px rgba(43,9,30,.38)!important;overflow:hidden!important}
.hr3-top{background:linear-gradient(145deg,#572042 0%,#8d285f 52%,#b42d72 100%)!important;padding:18px 18px 16px!important}
.hr3-body{background:linear-gradient(180deg,#18151d 0%,#121016 100%)!important;padding:15px 14px 12px!important}
.hr3-mode-label{text-align:center;color:#fff!important;font-weight:900!important;font-size:.95rem!important;min-height:26px;margin-bottom:8px}
.hr3-dial{position:relative;width:min(326px,86vw)!important;height:min(326px,86vw)!important;margin:0 auto 12px!important;border-radius:50%;background:radial-gradient(circle at 50% 42%,#3a3340 0%,#29232d 64%,#211b24 100%)!important;border:1px solid rgba(255,110,174,.34)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 12px 32px rgba(0,0,0,.28)!important;touch-action:none;user-select:none;-webkit-user-select:none}
.hr3-svg{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}.hr3-face{fill:transparent;stroke:none}.hr3-tick{stroke:rgba(255,255,255,.28);stroke-width:1.5;stroke-linecap:round}.hr3-tick.major{stroke:#f0bfd7;stroke-width:2.8}
.hr3-hour-line{stroke:#f4c0d8!important;stroke-width:8!important;stroke-linecap:round;opacity:.95!important;filter:drop-shadow(0 0 4px rgba(244,192,216,.25))}.hr3-minute-line{stroke:#ff4fa3!important;stroke-width:4.5!important;stroke-linecap:round;opacity:.98!important;filter:drop-shadow(0 0 7px rgba(255,79,163,.38))}.hr3-hour-tip{fill:#f4c0d8!important;stroke:#fff!important;stroke-width:2!important}.hr3-minute-tip{fill:#ff4fa3!important;stroke:#ffd4e8!important;stroke-width:2!important}.hr3-center{fill:#ff4fa3!important;stroke:#fff!important;stroke-opacity:.65!important;stroke-width:2!important}
.hr3-hour-line.active,.hr3-minute-line.active{filter:drop-shadow(0 0 10px rgba(255,79,163,.75))!important}.hr3-hour-tip.active,.hr3-minute-tip.active{filter:drop-shadow(0 0 9px rgba(255,79,163,.75))!important}
.hr3-hour-labels{position:absolute;inset:0;z-index:5;pointer-events:none}.hr3-hour-label{width:38px!important;height:38px!important;font-size:1rem!important;color:#fff!important;background:rgba(20,16,22,.18)!important;pointer-events:auto!important}.hr3-hour-label.selected{background:#f5d5e4!important;color:#57203d!important;box-shadow:0 0 0 3px rgba(255,79,163,.25),0 4px 14px rgba(0,0,0,.22)!important}
.hr3-help{margin:2px auto 9px;max-width:355px;text-align:center;color:#e8dce3;font-size:.78rem;line-height:1.65}.hr3-help b{display:inline-block;color:#fff;font-size:.82rem;margin-bottom:1px}.hr3-actions{margin-top:6px!important}
.hr3-top .hr2-display{justify-content:center!important}.hr3-top .hr2-time-part{color:#fff!important}.hr3-top .hr2-time-part.active{color:#ff72b7!important;background:rgba(255,255,255,.08)!important}.hr3-top .hr2-period button{background:rgba(255,255,255,.08)!important;color:#fff!important;border-color:rgba(255,255,255,.08)!important}.hr3-top .hr2-period button.active{background:#ff4fa3!important;color:#fff!important;box-shadow:0 4px 16px rgba(255,79,163,.35)!important}
@media(max-width:520px){.hr3-card{width:min(390px,97vw)!important;border-radius:24px!important}.hr3-top{padding:14px 12px 12px!important}.hr3-body{padding:11px 8px 10px!important}.hr3-dial{width:min(308px,86vw)!important;height:min(308px,86vw)!important}.hr3-hour-label{width:36px!important;height:36px!important;font-size:.94rem!important}.hr3-help{font-size:.74rem;padding:0 7px}.hr3-help b{font-size:.78rem}}


/* ===== HerRide Clock v7 — final visual polish only (no flow changes) ===== */
.hr3-mode-label{font-size:1rem!important;min-height:24px!important;margin-bottom:7px!important;letter-spacing:0!important}
.hr3-hour-label{width:42px!important;height:42px!important;font-size:1.08rem!important;font-weight:900!important;background:rgba(20,16,22,.15)!important}
.hr3-help{font-size:.80rem!important;line-height:1.55!important;margin:3px auto 8px!important}
.hr3-help b{font-size:.84rem!important}
@media(max-width:520px){
 .hr3-hour-label{width:40px!important;height:40px!important;font-size:1.02rem!important}
 .hr3-help{font-size:.76rem!important;line-height:1.5!important;padding-inline:8px!important}
 .hr3-help b{font-size:.80rem!important}
}
@media(max-width:370px){.hr3-hour-label{width:38px!important;height:38px!important;font-size:.98rem!important}}

/* ===== HerRide Airport Pricing v7.1 additions — additive only ===== */
.airport-price-card,.airport-deposit-card,.airport-terms-card{width:100%;box-sizing:border-box;border:1px solid rgba(216,45,132,.16);background:linear-gradient(145deg,#fff,#fff7fb);border-radius:22px;padding:18px;margin:8px 0;box-shadow:0 12px 32px rgba(114,34,78,.08)}
.airport-price-card{display:flex;align-items:center;justify-content:space-between;gap:16px}
.airport-price-card span,.airport-deposit-card span{font-weight:800;color:#64304d}
.airport-price-card strong,.airport-deposit-card strong{font-size:1.65rem;color:#c72c78;white-space:nowrap}
.airport-terms-card{display:grid;gap:13px}
.airport-terms-card>b{font-size:1.05rem;color:#472039}
.airport-terms-card label{display:flex;align-items:flex-start;gap:9px;cursor:pointer;font-weight:800;color:#4c2a3d}
.airport-terms-card input{width:19px;height:19px;accent-color:#d72f86;flex:0 0 auto;margin-top:2px}
.terms-short{font-size:.88rem;line-height:1.75;color:#705467;background:#fff;border-radius:15px;padding:12px;border:1px solid rgba(216,45,132,.10)}
.airport-deposit-card{display:grid;gap:10px;text-align:center}
.airport-deposit-card small{color:#705467;line-height:1.6}
.instapay-address{background:#fff;border-radius:14px;padding:10px;color:#5e3650;border:1px dashed rgba(216,45,132,.24)}
@media(max-width:520px){.airport-price-card{align-items:flex-start;flex-direction:column}.airport-price-card strong,.airport-deposit-card strong{font-size:1.45rem}.airport-price-card,.airport-deposit-card,.airport-terms-card{border-radius:18px;padding:15px}}

/* ===== HerRide route-distance test helper (visible only with ?debug=1) ===== */
.airport-debug-card{display:grid;gap:5px;width:100%;box-sizing:border-box;margin:8px 0;padding:11px 14px;border:1px dashed rgba(199,44,120,.3);border-radius:14px;background:#fff8fc;color:#684158;font-size:.82rem}.airport-debug-card span{font-size:1.05rem;font-weight:900;color:#c72c78}.airport-debug-card small{opacity:.78;overflow-wrap:anywhere}

/* ===== HerRide Smart Location 3-in-1 v7.4 ===== */
#mapModal .modal-card{width:min(720px,96vw)!important;max-height:min(760px,92vh)!important;overflow:auto!important;padding:18px!important}
#mapModal .map-note{margin:8px 0 10px!important;font-size:.88rem!important;line-height:1.55!important;color:#725266!important}
#mapModal .map-search{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:8px!important;padding:6px 0!important}
#mapModal .map-search input{min-height:46px!important;font-size:16px!important;padding:10px 13px!important}
#mapModal .map-search button{min-height:46px!important;padding:0 13px!important;border-radius:13px!important}
.map-search-suggestions{display:grid;gap:6px;margin:2px 0 8px;max-height:210px;overflow:auto;border:1px solid rgba(199,44,120,.13);background:#fff;border-radius:14px;padding:6px;box-shadow:0 10px 26px rgba(66,20,48,.09)}
.map-search-suggestions[hidden]{display:none!important}
.map-suggestion-item{border:0;background:#fff7fb;text-align:start;border-radius:11px;padding:9px 11px;cursor:pointer;color:#4d293e;display:grid;gap:2px}
.map-suggestion-item:hover,.map-suggestion-item:focus-visible{background:#ffeaf4;outline:2px solid rgba(215,47,134,.18)}
.map-suggestion-item b{font-size:.9rem}.map-suggestion-item span{font-size:.72rem;color:#826579;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.map-smart-status{font-size:.77rem;line-height:1.5;color:#765a6b;background:#fff8fc;border:1px dashed rgba(199,44,120,.18);border-radius:11px;padding:8px 10px;margin-bottom:8px}
.map-adjust-link{border:0;background:transparent;color:#c72c78;font-weight:900;text-decoration:underline;cursor:pointer;padding:0 4px}
#mapModal #map{height:min(330px,38vh)!important;min-height:220px!important}
#mapModal .location-preview{padding:10px 12px!important;margin:9px 0!important;display:grid!important;gap:4px!important}
#mapModal #selectedAddress{font-size:.82rem!important;line-height:1.45!important;color:#5a3d4e!important}
#mapModal #selectedCoords{display:none!important}
#mapModal #confirmLocationBtn{position:sticky!important;bottom:0!important;z-index:8!important;margin-top:7px!important;box-shadow:0 -8px 18px rgba(255,255,255,.9),0 8px 22px rgba(199,44,120,.18)!important}
@media(max-width:700px){
 #mapModal{padding:8px!important;align-items:flex-end!important}
 #mapModal .modal-card{width:100%!important;max-height:94vh!important;border-radius:22px 22px 0 0!important;padding:14px!important}
 #mapModal .modal-head h2{font-size:1.1rem!important}
 #mapModal .map-search{grid-template-columns:1fr auto!important}
 #mapModal #currentLocationBtn{grid-column:1/-1!important;width:100%!important}
 #mapModal .map-search button{width:auto!important}
 #mapModal #map{height:260px!important;min-height:210px!important}
 .map-search-suggestions{max-height:170px}
}

/* v8.1 mobile clock drag + persistent price */
.hr3-dial{overscroll-behavior:contain!important;-webkit-tap-highlight-color:transparent!important}
.hr3-dial *{touch-action:none!important}
.airport-price-sticky{position:sticky;top:8px;z-index:6}
.airport-price-sticky.compact{padding:12px 14px!important;margin-bottom:12px!important;display:grid!important;grid-template-columns:1fr auto;align-items:center!important}
.airport-price-sticky.compact small{grid-column:1/-1;color:#76576a;font-weight:700;margin-top:2px}
@media(max-width:520px){.airport-price-sticky.compact{grid-template-columns:1fr}.airport-price-sticky.compact strong{font-size:1.35rem!important}.airport-price-sticky.compact small{grid-column:auto}}

/* v8.3 final customer-service confirmation flow */
.airport-cs-final-card{margin-top:12px}.airport-cs-final-card small{display:block;margin-top:7px}.airport-cs-final-card .instapay-address{margin-top:12px;line-height:1.75}.whatsapp-final-notice{margin-top:12px}

/* v8.5 final WhatsApp handoff feedback */
.request-id-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:12px 0 8px;padding:11px 13px;border-radius:14px;background:#fff9fc;border:1px solid rgba(199,44,120,.16)}
.copy-request-btn{border:1px solid rgba(199,44,120,.24);background:#fff;color:#b12569;border-radius:12px;padding:8px 11px;font-weight:800;cursor:pointer}
.whatsapp-final-btn.is-opened{opacity:.72;pointer-events:none}
.whatsapp-opened-card{margin-top:12px;padding:14px 16px;border-radius:16px;background:#f3fff7;border:1px solid #a9ddba;color:#285c39;display:grid;gap:7px;line-height:1.7}
.whatsapp-opened-card[hidden]{display:none!important}
@media(max-width:520px){.request-id-row{align-items:stretch}.copy-request-btn{width:100%}}

.map-search-help{margin:8px 2px 10px;font-size:13px;line-height:1.6;color:#7b5b6a;text-align:right}.map-search-help::first-letter{color:#d62d82}


/* Long Trip final discount presentation */
.longtrip-discount-card{margin:16px 0;padding:18px;border:2px solid #ef4c9b;border-radius:22px;background:linear-gradient(135deg,#fff5fb,#fff);box-shadow:0 12px 30px rgba(217,79,147,.18);text-align:right}
.longtrip-discount-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#d82f86,#f15ca7);color:#fff;font-weight:900;font-size:clamp(24px,5vw,34px);line-height:1;padding:12px 18px;border-radius:999px;margin-bottom:12px;box-shadow:0 8px 22px rgba(216,47,134,.28)}
.longtrip-discount-card>strong{display:block;font-size:18px;color:#6b294b;margin-bottom:10px}.longtrip-price-lines{display:grid;gap:7px}.longtrip-price-lines span{display:flex;justify-content:space-between;gap:12px;font-size:15px;color:#5d4a55}.longtrip-price-lines .saved{color:#c72576;font-size:17px;font-weight:800}.longtrip-price-lines .after{margin-top:6px;padding-top:10px;border-top:1px dashed #e9b4cf;color:#70254e;font-size:18px;font-weight:900}
@media(max-width:600px){.longtrip-discount-card{padding:15px;border-radius:18px}.longtrip-discount-badge{font-size:28px;width:100%;justify-content:center}.longtrip-price-lines span{font-size:14px}.longtrip-price-lines .saved,.longtrip-price-lines .after{font-size:17px}}

/* HerRide v8.9 final pricing / offer hierarchy */
.hr-price-summary{width:100%;box-sizing:border-box;border:1px solid rgba(216,45,132,.18);background:linear-gradient(145deg,#fff,#fff7fb);border-radius:24px;padding:22px;margin:10px 0 16px;text-align:center;box-shadow:0 14px 34px rgba(114,34,78,.09)}
.hr-total-label{font-size:18px;font-weight:900;color:#64304d}.hr-total-value{font-size:36px;font-weight:950;color:#c72c78;margin:7px 0 18px}.hr-total-value small{font-size:18px}.hr-pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hr-pay-grid>div{padding:14px;border-radius:17px;background:#fff;border:1px solid #f2d5e4;display:grid;gap:5px}.hr-pay-grid span{font-weight:800;color:#6b4057}.hr-pay-grid b{font-size:23px;color:#b9256d}.hr-pay-grid small{color:#806475;font-weight:700}.hr-offer-card{display:flex;align-items:center;gap:18px;margin:16px 0;padding:18px 20px;border:2px solid #ef4c9b;border-radius:24px;background:linear-gradient(135deg,#fff0f8,#fff);box-shadow:0 14px 34px rgba(217,79,147,.2);text-align:right}.hr-offer-card.active{background:linear-gradient(135deg,#ffe8f5,#fff7fb)}.hr-offer-percent{flex:0 0 auto;font-size:42px;line-height:1;font-weight:1000;color:#d3237a;text-shadow:0 0 18px rgba(239,76,155,.22)}.hr-offer-copy{display:grid;gap:6px;flex:1}.hr-offer-copy>b{font-size:20px;color:#70254e}.hr-offer-copy>span{font-size:16px;font-weight:800;color:#5f4252}.hr-offer-copy>span strong{font-size:24px;color:#c72576}.hr-offer-copy small{color:#846474;font-weight:700}.hr-after{margin-top:5px;padding-top:9px;border-top:1px dashed #e6aac8;font-size:17px;color:#6c294b}.hr-after b{font-size:22px;color:#b9256d}@media(max-width:600px){.hr-price-summary{padding:17px;border-radius:19px}.hr-total-value{font-size:31px}.hr-pay-grid{grid-template-columns:1fr}.hr-offer-card{padding:16px;gap:12px;border-radius:19px}.hr-offer-percent{font-size:38px}.hr-offer-copy>b{font-size:18px}.hr-offer-copy>span{font-size:15px}}

/* Google Maps location picker v1.1 */
#mapModal #hrGoogleAutocomplete{width:100%;min-width:0;display:block}
#mapModal .map-search{align-items:stretch!important}
#mapModal #mapSearchBtn,#mapModal #currentLocationBtn{white-space:nowrap!important;cursor:pointer!important}
#mapModal #confirmLocationBtn:not(:disabled){cursor:pointer!important;opacity:1!important;pointer-events:auto!important}
@media(max-width:720px){#mapModal #hrGoogleAutocomplete{grid-column:1/-1}}


/* LONGTRIP LOCK: EXACT ORDERS CALENDAR VISUAL */
/* Calendar: same visual family as the dark analog clock */
.longtrip-page .hr-picker-overlay{
  background:rgba(18,8,14,.78)!important;
  backdrop-filter:blur(9px)!important;
}
.longtrip-page .hr-picker-card.calendar-card{
  width:min(430px,96vw)!important;
  background:linear-gradient(180deg,#19131b 0%,#100d12 100%)!important;
  border:1px solid rgba(255,93,165,.30)!important;
  border-radius:27px!important;
  padding:17px!important;
  box-shadow:0 26px 70px rgba(0,0,0,.42)!important;
  color:#fff!important;
}
.longtrip-page .calendar-head h3{
  color:#fff!important;
  font-size:1.18rem!important;
  font-weight:950!important;
}
.longtrip-page .calendar-head button{
  background:#3d2634!important;
  color:#fff!important;
  border:1px solid rgba(255,113,180,.25)!important;
  box-shadow:none!important;
}
.longtrip-page .calendar-week{
  background:#2b2028!important;
  color:#f6dce9!important;
  padding:10px 5px!important;
  font-weight:900!important;
}
.longtrip-page .calendar-week span{font-size:.86rem!important}
.longtrip-page .calendar-grid{gap:7px!important}
.longtrip-page .calendar-grid button{
  min-width:0!important;
  aspect-ratio:1!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.055)!important;
  background:#29232d!important;
  color:#fff!important;
  font-size:1rem!important;
  font-weight:950!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
.longtrip-page .calendar-grid button:hover:not(:disabled){
  background:#4b2e3e!important;
  border-color:rgba(255,113,180,.30)!important;
}
.longtrip-page .calendar-grid button.selected{
  background:linear-gradient(135deg,#ff4fa3,#c72c78)!important;
  color:#fff!important;
  border-color:#ffd5e8!important;
  box-shadow:0 0 0 3px rgba(255,79,163,.20),0 10px 25px rgba(199,44,120,.38)!important;
  transform:scale(1.08)!important;
  font-size:1.12rem!important;
}
.longtrip-page .calendar-grid button:disabled{
  background:#1d181f!important;
  color:#756671!important;
  opacity:.48!important;
}
.longtrip-page .date-preview{
  background:#2b2028!important;
  color:#fff!important;
  border:1px solid rgba(255,113,180,.18)!important;
  font-weight:900!important;
}
.longtrip-page .hr-picker-actions .hr-picker-cancel{
  background:#2b2028!important;color:#f5dce8!important;border-color:#47313d!important;
}
.longtrip-page .hr-picker-actions .hr-picker-confirm:not(:disabled){
  background:linear-gradient(135deg,#b72d70,#ef4f99)!important;color:#fff!important;
  box-shadow:0 10px 22px rgba(199,44,120,.32)!important;
}

/* Keep clock comfortably large on small phones */
@media(max-width:520px){
  .longtrip-page .hr3-card{width:min(396px,98vw)!important}
  .longtrip-page .hr3-dial{width:min(318px,88vw)!important;height:min(318px,88vw)!important}
  .longtrip-page .hr3-hour-label{width:42px!important;height:42px!important;font-size:1.05rem!important}
  .longtrip-page .hr-picker-card.calendar-card{width:min(394px,97vw)!important;padding:13px!important}
  .longtrip-page .calendar-grid button{font-size:1.02rem!important}
}
@media(max-width:370px){
  .longtrip-page .hr3-dial{width:286px!important;height:286px!important}
  .longtrip-page .calendar-grid{gap:5px!important}
  .longtrip-page .calendar-grid button{font-size:.95rem!important;border-radius:11px!important}
}



/* LONGTRIP LOCK: unmistakable final WhatsApp handoff */
.longtrip-page .whatsapp-final-btn{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;max-width:none!important;min-height:76px!important;
  margin:16px 0 6px!important;padding:18px 20px!important;border-radius:19px!important;
  background:linear-gradient(135deg,#b72d70,#ef4f99)!important;color:#fff!important;
  font-size:1.08rem!important;font-weight:1000!important;line-height:1.5!important;text-align:center!important;
  box-shadow:0 16px 34px rgba(199,44,120,.36),0 0 24px rgba(239,79,153,.18)!important;
  border:1px solid rgba(255,255,255,.32)!important
}
.longtrip-page .whatsapp-final-btn::before{
  content:"الخطوة الأخيرة  •  "!important;font-weight:1000!important
}
html[lang="en"] .longtrip-page .whatsapp-final-btn::before{content:"FINAL STEP  •  "!important}
@media(max-width:520px){
 .longtrip-page .whatsapp-final-btn{min-height:80px!important;font-size:1.03rem!important;padding:18px 14px!important}
}

/* LONGTRIP FINAL: visible terms check exactly like Academy */
.longtrip-page input[type="checkbox"]:checked + label::before,
.longtrip-page .terms-check.checked .check-box::after,
.longtrip-page .terms-check input:checked ~ .check-box::after,
.longtrip-page .consent-check input:checked ~ .check-box::after{
 content:"✓"!important;display:flex!important;align-items:center!important;justify-content:center!important;
 color:#fff!important;font-weight:1000!important;font-size:20px!important;line-height:1!important;
 background:#c72c78!important;border-color:#c72c78!important;
}
/* final handoff is unmistakable */
.longtrip-page .whatsapp-final-btn,.longtrip-page [data-action="whatsapp-final"]{
 width:100%!important;min-height:76px!important;border-radius:19px!important;
 background:linear-gradient(135deg,#b72d70,#ef4f99)!important;color:#fff!important;
 font-size:1.08rem!important;font-weight:1000!important;
 box-shadow:0 16px 34px rgba(199,44,120,.36)!important;
}


/* HerRide MASTER PHONE DIRECTION LOCK — numbers always read left-to-right */
input[type="tel"], input[inputmode="tel"]{
  direction:ltr!important;
  unicode-bidi:plaintext!important;
  text-align:left!important;
}


/* LONGTRIP MASTER: ORDERS CALENDAR LOCK */
/* Calendar: same visual family as the dark analog clock */
.longtrip-page .hr-picker-overlay{
  background:rgba(18,8,14,.78)!important;
  backdrop-filter:blur(9px)!important;
}
.longtrip-page .hr-picker-card.calendar-card{
  width:min(430px,96vw)!important;
  background:linear-gradient(180deg,#19131b 0%,#100d12 100%)!important;
  border:1px solid rgba(255,93,165,.30)!important;
  border-radius:27px!important;
  padding:17px!important;
  box-shadow:0 26px 70px rgba(0,0,0,.42)!important;
  color:#fff!important;
}
.longtrip-page .calendar-head h3{
  color:#fff!important;
  font-size:1.18rem!important;
  font-weight:950!important;
}
.longtrip-page .calendar-head button{
  background:#3d2634!important;
  color:#fff!important;
  border:1px solid rgba(255,113,180,.25)!important;
  box-shadow:none!important;
}
.longtrip-page .calendar-week{
  background:#2b2028!important;
  color:#f6dce9!important;
  padding:10px 5px!important;
  font-weight:900!important;
}
.longtrip-page .calendar-week span{font-size:.86rem!important}
.longtrip-page .calendar-grid{gap:7px!important}
.longtrip-page .calendar-grid button{
  min-width:0!important;
  aspect-ratio:1!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.055)!important;
  background:#29232d!important;
  color:#fff!important;
  font-size:1rem!important;
  font-weight:950!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
.longtrip-page .calendar-grid button:hover:not(:disabled){
  background:#4b2e3e!important;
  border-color:rgba(255,113,180,.30)!important;
}
.longtrip-page .calendar-grid button.selected{
  background:linear-gradient(135deg,#ff4fa3,#c72c78)!important;
  color:#fff!important;
  border-color:#ffd5e8!important;
  box-shadow:0 0 0 3px rgba(255,79,163,.20),0 10px 25px rgba(199,44,120,.38)!important;
  transform:scale(1.08)!important;
  font-size:1.12rem!important;
}
.longtrip-page .calendar-grid button:disabled{
  background:#1d181f!important;
  color:#756671!important;
  opacity:.48!important;
}
.longtrip-page .date-preview{
  background:#2b2028!important;
  color:#fff!important;
  border:1px solid rgba(255,113,180,.18)!important;
  font-weight:900!important;
}
.longtrip-page .hr-picker-actions .hr-picker-cancel{
  background:#2b2028!important;color:#f5dce8!important;border-color:#47313d!important;
}
.longtrip-page .hr-picker-actions .hr-picker-confirm:not(:disabled){
  background:linear-gradient(135deg,#b72d70,#ef4f99)!important;color:#fff!important;
  box-shadow:0 10px 22px rgba(199,44,120,.32)!important;
}

/* Keep clock comfortably large on small phones */
@media(max-width:520px){
  .longtrip-page .hr3-card{width:min(396px,98vw)!important}
  .longtrip-page .hr3-dial{width:min(318px,88vw)!important;height:min(318px,88vw)!important}
  .longtrip-page .hr3-hour-label{width:42px!important;height:42px!important;font-size:1.05rem!important}
  .longtrip-page .hr-picker-card.calendar-card{width:min(394px,97vw)!important;padding:13px!important}
  .longtrip-page .calendar-grid button{font-size:1.02rem!important}
}
@media(max-width:370px){
  .longtrip-page .hr3-dial{width:286px!important;height:286px!important}
  .longtrip-page .calendar-grid{gap:5px!important}
  .longtrip-page .calendar-grid button{font-size:.95rem!important;border-radius:11px!important}
}




/* HerRide MASTER TERMS CHECKMARK LOCK */
.hr-master-consent{
  position:relative!important;
  display:grid!important;
  grid-template-columns:32px 1fr!important;
  align-items:start!important;
  gap:12px!important;
  cursor:pointer!important;
}
.hr-master-consent > input[type="checkbox"]{
  position:absolute!important;
  opacity:0!important;
  width:1px!important;
  height:1px!important;
  pointer-events:none!important;
}
.hr-master-check{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  border:2px solid #d94f93!important;
  background:#fff!important;
  color:transparent!important;
  font-size:21px!important;
  font-weight:1000!important;
  line-height:1!important;
  box-shadow:0 3px 10px rgba(110,53,79,.08)!important;
  transition:all .18s ease!important;
}
.hr-master-consent > input[type="checkbox"]:checked + .hr-master-check{
  background:linear-gradient(145deg,#f05aa0,#c9337d)!important;
  border-color:#c9337d!important;
  color:#fff!important;
  box-shadow:0 0 0 5px rgba(217,79,147,.16),0 8px 18px rgba(173,35,104,.25)!important;
  transform:scale(1.06)!important;
}
.hr-master-consent:has(input[type="checkbox"]:checked){
  background:linear-gradient(145deg,#fff5f9,#ffe2ed)!important;
  border-color:rgba(217,79,147,.45)!important;
}


/* HerRide MASTER FINAL HANDOFF */
.hr-final-handoff{
  width:100%!important;box-sizing:border-box!important;margin:18px 0 8px!important;padding:18px!important;
  border-radius:20px!important;background:#fff3f8!important;border:2px solid #e45a9b!important;
  box-shadow:0 14px 32px rgba(181,45,112,.18)!important;text-align:center!important
}
.hr-final-handoff-title{font-size:1.12rem!important;font-weight:1000!important;color:#a92769!important;margin-bottom:7px!important}
.hr-final-handoff-note{font-weight:800!important;line-height:1.7!important;color:#4d3743!important;margin-bottom:13px!important}
.hr-final-handoff .whatsapp-final-btn,.hr-final-handoff a,.hr-final-handoff button{
  width:100%!important;min-height:70px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  border-radius:18px!important;background:linear-gradient(135deg,#b72d70,#ef4f99)!important;color:#fff!important;
  font-size:1.06rem!important;font-weight:1000!important;box-shadow:0 14px 30px rgba(199,44,120,.32)!important
}

/* =========================================================
   LONG TRIP DARK VISUAL LOCK — match approved Airport style
   ========================================================= */

/* Round-trip 10% banner — dark, high-contrast, placed above the title */
.longtrip-page .longtrip-discount-card,
.longtrip-page .hr-longtrip-offer,
.longtrip-page .hr-airport-offer{
  background:linear-gradient(135deg,#24101f 0%,#4b183c 52%,#7a2057 100%)!important;
  border:1px solid rgba(255,116,188,.45)!important;
  box-shadow:0 18px 44px rgba(45,10,35,.34),0 0 24px rgba(222,57,143,.18)!important;
  color:#fff!important;
}
.longtrip-page .longtrip-discount-card *,
.longtrip-page .hr-longtrip-offer *,
.longtrip-page .hr-airport-offer *{
  color:#fff!important;
}
.longtrip-page .longtrip-discount-badge,
.longtrip-page .offer-percent{
  background:linear-gradient(145deg,#e63b91,#b9236f)!important;
  color:#fff!important;
  border-radius:18px!important;
  padding:14px 12px!important;
  min-width:92px!important;
  text-align:center!important;
  box-shadow:0 10px 28px rgba(216,47,134,.34)!important;
}

/* Large Sedan/SUV cards */
.longtrip-page .vehicle-card,
.longtrip-page .vehicle-showcase-card,
.longtrip-page .longtrip-vehicle-card{
  background:#2b1225!important;
  border:1px solid rgba(229,60,146,.32)!important;
  box-shadow:0 20px 48px rgba(42,10,32,.28)!important;
  color:#fff!important;
}
.longtrip-page .vehicle-card .vehicle-content,
.longtrip-page .vehicle-showcase-card .vehicle-content,
.longtrip-page .longtrip-vehicle-card .vehicle-content{
  background:linear-gradient(160deg,#2a1124,#4d173d)!important;
  color:#fff!important;
}
.longtrip-page .vehicle-card h3,
.longtrip-page .vehicle-card p,
.longtrip-page .vehicle-showcase-card h3,
.longtrip-page .vehicle-showcase-card p,
.longtrip-page .longtrip-vehicle-card h3,
.longtrip-page .longtrip-vehicle-card p{
  color:#fff!important;
}
.longtrip-page .vehicle-label{
  background:#e53b91!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(229,59,145,.28)!important;
}

/* Small feature chips below vehicle cards */
.longtrip-page .airport-mini-features span,
.longtrip-page .longtrip-mini-features span,
.longtrip-page .mini-card,
.longtrip-page .mini-feature,
.longtrip-page .feature-mini{
  background:linear-gradient(145deg,#25101f,#4a173a)!important;
  color:#fff!important;
  border:1px solid rgba(255,116,188,.28)!important;
  box-shadow:0 10px 24px rgba(40,8,30,.28)!important;
}
.longtrip-page .airport-mini-features span *,
.longtrip-page .longtrip-mini-features span *,
.longtrip-page .mini-card *,
.longtrip-page .mini-feature *,
.longtrip-page .feature-mini *{
  color:#fff!important;
}

/* Keep title readable under the banner */
.longtrip-page .vehicle-section-title,
.longtrip-page .section-title{
  margin-top:24px!important;
}

@media(max-width:720px){
  .longtrip-page .longtrip-discount-card,
  .longtrip-page .hr-longtrip-offer,
  .longtrip-page .hr-airport-offer{padding:15px!important}
  .longtrip-page .longtrip-discount-badge,
  .longtrip-page .offer-percent{min-width:76px!important;padding:12px 8px!important}
}

/* LONG TRIP MOBILE CHOICE LOCK — 3 trip-type options in one clean row */
.longtrip-page .trip-type-options,
.longtrip-page .choice-grid.trip-type,
.longtrip-page .trip-choice-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  align-items:stretch!important;
}
.longtrip-page .trip-type-options button,
.longtrip-page .choice-grid.trip-type button,
.longtrip-page .trip-choice-grid button{
  width:100%!important;
  min-width:0!important;
  min-height:58px!important;
  margin:0!important;
  padding:11px 8px!important;
  border-radius:15px!important;
  text-align:center!important;
  white-space:normal!important;
  line-height:1.35!important;
  font-weight:900!important;
}

/* Single in-chat 10% promo card instead of side-by-side duplicate promo boxes */
.longtrip-page .chat-roundtrip-offer,
.longtrip-page .trip-offer-card{
  width:100%!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  align-items:center!important;
  gap:14px!important;
  margin:12px 0 14px!important;
  padding:16px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#24101f,#4b183c 52%,#7a2057)!important;
  color:#fff!important;
  border:1px solid rgba(255,116,188,.35)!important;
  box-shadow:0 14px 30px rgba(45,10,35,.28)!important;
}
.longtrip-page .chat-roundtrip-offer *,
.longtrip-page .trip-offer-card *{color:#fff!important}
.longtrip-page .chat-roundtrip-offer .offer-percent,
.longtrip-page .trip-offer-card .offer-percent{
  min-width:68px!important;
  padding:12px 9px!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,#e63b91,#b9236f)!important;
  font-size:1.25rem!important;
  font-weight:1000!important;
  text-align:center!important;
  box-shadow:0 8px 20px rgba(216,47,134,.3)!important;
}

@media(max-width:520px){
  .longtrip-page .trip-type-options,
  .longtrip-page .choice-grid.trip-type,
  .longtrip-page .trip-choice-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .longtrip-page .trip-type-options button,
  .longtrip-page .choice-grid.trip-type button,
  .longtrip-page .trip-choice-grid button{
    min-height:56px!important;
    padding:10px 5px!important;
    font-size:.92rem!important;
  }
  .longtrip-page .chat-roundtrip-offer,
  .longtrip-page .trip-offer-card{
    padding:14px!important;
    gap:10px!important;
  }
}


/* =========================================================
   HerRide MOBILE BUTTON STANDARD — Airport + Long Trip
   Short choices share rows; long choices get wider rows.
   ========================================================= */
@media(max-width:720px){
  .hr-mobile-choice-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    width:100%!important;
    align-items:stretch!important;
  }
  .hr-mobile-choice-grid.hr-three{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .hr-mobile-choice-grid > button,
  .hr-mobile-choice-grid > .choice-btn,
  .hr-mobile-choice-grid > a{
    width:100%!important;
    min-width:0!important;
    min-height:54px!important;
    margin:0!important;
    padding:10px 8px!important;
    border-radius:15px!important;
    box-sizing:border-box!important;
    white-space:normal!important;
    text-align:center!important;
    line-height:1.3!important;
    font-weight:900!important;
  }
  .hr-mobile-choice-grid > .hr-choice-wide{
    grid-column:1/-1!important;
  }

  /* Voice / text composer stays as one clean two-button row */
  .hr-mobile-composer{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    width:100%!important;
  }
  .hr-mobile-composer > button{
    width:100%!important;
    min-height:56px!important;
    margin:0!important;
    border-radius:15px!important;
  }

  /* Final action remains unmistakable */
  .hr-mobile-final-action{
    width:100%!important;
    min-height:68px!important;
    border-radius:18px!important;
    font-size:1.02rem!important;
    font-weight:1000!important;
  }
}

@media(max-width:390px){
  .hr-mobile-choice-grid.hr-three{
    gap:6px!important;
  }
  .hr-mobile-choice-grid.hr-three > button,
  .hr-mobile-choice-grid.hr-three > .choice-btn{
    padding:9px 4px!important;
    font-size:.86rem!important;
  }
}

/* LONG TRIP OFFER — SAME VISUAL AS AIRPORT, DIRECTLY UNDER HERO */
.longtrip-page .longtrip-hero-offer{
  width:min(1180px,calc(100% - 32px))!important;
  margin:18px auto 24px!important;
  padding:18px 22px!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  align-items:center!important;
  gap:16px!important;
  border-radius:22px!important;
  box-sizing:border-box!important;
  background:linear-gradient(135deg,#24101f 0%,#4b183c 52%,#7a2057 100%)!important;
  border:1px solid rgba(255,116,188,.45)!important;
  box-shadow:0 18px 44px rgba(45,10,35,.34),0 0 24px rgba(222,57,143,.18)!important;
  color:#fff!important;
}
.longtrip-page .longtrip-hero-offer *{color:#fff!important}
.longtrip-page .longtrip-hero-offer .offer-percent,
.longtrip-page .longtrip-hero-offer [class*="percent"],
.longtrip-page .longtrip-hero-offer [class*="discount"]{
  background:linear-gradient(145deg,#e63b91,#b9236f)!important;
  color:#fff!important;
  border-radius:18px!important;
  min-width:92px!important;
  padding:14px 12px!important;
  text-align:center!important;
  font-weight:1000!important;
  box-shadow:0 10px 28px rgba(216,47,134,.34)!important;
}
@media(max-width:720px){
  .longtrip-page .longtrip-hero-offer{
    width:calc(100% - 22px)!important;
    margin:12px auto 18px!important;
    padding:15px 14px!important;
    gap:10px!important;
    border-radius:18px!important;
  }
  .longtrip-page .longtrip-hero-offer .offer-percent,
  .longtrip-page .longtrip-hero-offer [class*="percent"],
  .longtrip-page .longtrip-hero-offer [class*="discount"]{
    min-width:70px!important;
    padding:12px 9px!important;
  }
}

/* LONG TRIP VEHICLE CARDS — readability lock */
.longtrip-page .vehicle-card,
.longtrip-page [class*="vehicle-card"]{
  color:#fff!important;
}
.longtrip-page .vehicle-card h2,
.longtrip-page .vehicle-card h3,
.longtrip-page .vehicle-card h4,
.longtrip-page .vehicle-card p,
.longtrip-page .vehicle-card li,
.longtrip-page .vehicle-card span:not(.badge):not([class*="tag"]),
.longtrip-page [class*="vehicle-card"] h2,
.longtrip-page [class*="vehicle-card"] h3,
.longtrip-page [class*="vehicle-card"] p,
.longtrip-page [class*="vehicle-card"] li{
  color:#fff!important;
  opacity:1!important;
  text-shadow:0 1px 2px rgba(0,0,0,.25)!important;
}
@media(max-width:720px){
  .longtrip-page .vehicle-card p,
  .longtrip-page .vehicle-card li,
  .longtrip-page [class*="vehicle-card"] p,
  .longtrip-page [class*="vehicle-card"] li{
    font-size:14px!important;
    line-height:1.75!important;
    font-weight:650!important;
  }
}


/* ==========================================================
   LONG TRIP 10% HERO OFFER — EXACT AIRPORT-SIZE VISUAL LOCK
   ========================================================== */
.longtrip-page .longtrip-hero-offer,
.longtrip-hero-offer.longtrip-offer-keep{
  width:calc(100% - 56px)!important;
  max-width:1180px!important;
  min-height:122px!important;
  margin:28px auto 54px!important;
  padding:20px 22px 20px 30px!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:1fr 112px!important;
  align-items:center!important;
  gap:24px!important;
  overflow:hidden!important;
  border-radius:20px!important;
  border:1px solid rgba(231,80,151,.36)!important;
  background:linear-gradient(105deg,#35172f 0%,#4a1738 56%,#771d50 100%)!important;
  box-shadow:0 18px 34px rgba(62,18,47,.28),0 0 28px rgba(220,53,136,.16)!important;
  color:#fff!important;
  text-align:right!important;
}
.longtrip-page .longtrip-hero-offer *,
.longtrip-hero-offer.longtrip-offer-keep *{
  color:#fff!important;
  opacity:1!important;
}
.longtrip-page .longtrip-hero-offer .offer-percent,
.longtrip-page .longtrip-hero-offer [class*="percent"],
.longtrip-page .longtrip-hero-offer [class*="discount"],
.longtrip-hero-offer.longtrip-offer-keep .offer-percent,
.longtrip-hero-offer.longtrip-offer-keep [class*="percent"],
.longtrip-hero-offer.longtrip-offer-keep [class*="discount"]{
  width:112px!important;
  min-width:112px!important;
  height:96px!important;
  min-height:96px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,#df3a8c 0%,#c32472 100%)!important;
  color:#fff!important;
  font-size:32px!important;
  line-height:1!important;
  font-weight:1000!important;
  box-shadow:0 10px 24px rgba(207,38,118,.28)!important;
}
.longtrip-page .longtrip-hero-offer strong,
.longtrip-hero-offer.longtrip-offer-keep strong{
  font-size:20px!important;
  line-height:1.5!important;
  font-weight:900!important;
}
.longtrip-page .longtrip-hero-offer p,
.longtrip-hero-offer.longtrip-offer-keep p{
  margin:5px 0 0!important;
  font-size:15px!important;
  line-height:1.7!important;
  font-weight:650!important;
}

@media(max-width:720px){
  .longtrip-page .longtrip-hero-offer,
  .longtrip-hero-offer.longtrip-offer-keep{
    width:calc(100% - 56px)!important;
    max-width:none!important;
    min-height:122px!important;
    margin:28px auto 54px!important;
    padding:18px 18px 18px 24px!important;
    grid-template-columns:1fr 98px!important;
    gap:18px!important;
    border-radius:18px!important;
  }
  .longtrip-page .longtrip-hero-offer .offer-percent,
  .longtrip-page .longtrip-hero-offer [class*="percent"],
  .longtrip-page .longtrip-hero-offer [class*="discount"],
  .longtrip-hero-offer.longtrip-offer-keep .offer-percent,
  .longtrip-hero-offer.longtrip-offer-keep [class*="percent"],
  .longtrip-hero-offer.longtrip-offer-keep [class*="discount"]{
    width:98px!important;
    min-width:98px!important;
    height:92px!important;
    min-height:92px!important;
    border-radius:14px!important;
    font-size:30px!important;
  }
  .longtrip-page .longtrip-hero-offer strong,
  .longtrip-hero-offer.longtrip-offer-keep strong{
    font-size:17px!important;
  }
  .longtrip-page .longtrip-hero-offer p,
  .longtrip-hero-offer.longtrip-offer-keep p{
    font-size:13px!important;
    line-height:1.65!important;
  }
}


/* HerRide COMPACT GOVERNORATE PICKER — mobile */
@media(max-width:720px){
  .governorate-grid,
  .governorates-grid,
  [data-options="governorate"],
  [data-choice-group="governorate"]{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
  }
  .governorate-grid button,
  .governorates-grid button,
  [data-options="governorate"] button,
  [data-choice-group="governorate"] button{
    width:100%!important;
    min-width:0!important;
    padding:11px 5px!important;
    font-size:12px!important;
    line-height:1.25!important;
    min-height:44px!important;
    white-space:normal!important;
  }
}
@media(min-width:540px) and (max-width:720px){
  .governorate-grid,
  .governorates-grid,
  [data-options="governorate"],
  [data-choice-group="governorate"]{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
.hr-other-governorate-wrap{
  width:100%;
  margin-top:10px;
}
.hr-other-governorate-input{
  width:100%;
  box-sizing:border-box;
  border:1px solid rgba(190,48,113,.25);
  border-radius:14px;
  padding:13px 14px;
  font:inherit;
  direction:rtl;
  background:#fff8fb;
  color:#3d2031;
  outline:none;
}
.hr-other-governorate-input:focus{
  border-color:#d73783;
  box-shadow:0 0 0 3px rgba(215,55,131,.10);
}


/* HerRide MOBILE LOCATION ACTION — use full available CHAT width */
@media(max-width:720px){
  /* Explicitly tagged location/map actions */
  .hr-mobile-location-full,
  .location-map-btn,
  .open-map-btn,
  .map-open-btn,
  [data-action="open-map"],
  [data-map-action="open"]{
    display:flex!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    box-sizing:border-box!important;
    margin-left:0!important;
    margin-right:0!important;
    justify-content:center!important;
    align-items:center!important;
    text-align:center!important;
    min-height:54px!important;
  }
}

/* LONG TRIP CHAT — ONE DARK PROMO CARD FULL WIDTH, MATCH HERO BANNER */
.longtrip-chat-offer-single{
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  align-items:center!important;
  gap:14px!important;
  margin:14px 0 16px!important;
  padding:16px 18px!important;
  box-sizing:border-box!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#24101f 0%,#4b183c 52%,#7a2057 100%)!important;
  border:1px solid rgba(255,116,188,.38)!important;
  box-shadow:0 14px 30px rgba(45,10,35,.26)!important;
  color:#fff!important;
  text-align:right!important;
}
.longtrip-chat-offer-single *{
  color:#fff!important;
  opacity:1!important;
}
.longtrip-chat-offer-single .offer-percent,
.longtrip-chat-offer-single [class*="percent"],
.longtrip-chat-offer-single [class*="discount"]{
  min-width:72px!important;
  min-height:60px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:10px!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,#e63b91,#b9236f)!important;
  color:#fff!important;
  font-size:1.2rem!important;
  font-weight:1000!important;
  box-shadow:0 8px 20px rgba(216,47,134,.3)!important;
}

/* 3 trip-type choices side-by-side and dark */
.longtrip-triptype-row{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
  align-items:stretch!important;
}
.longtrip-triptype-btn{
  width:100%!important;
  min-width:0!important;
  min-height:56px!important;
  margin:0!important;
  padding:10px 6px!important;
  box-sizing:border-box!important;
  border-radius:15px!important;
  text-align:center!important;
  white-space:normal!important;
  line-height:1.35!important;
  font-weight:900!important;
  background:linear-gradient(145deg,#2b1024,#4d173d)!important;
  color:#fff!important;
  border:1px solid rgba(255,116,188,.24)!important;
  box-shadow:0 8px 18px rgba(42,10,32,.22)!important;
}
.longtrip-triptype-btn:hover,
.longtrip-triptype-btn:focus{
  background:linear-gradient(145deg,#38132f,#62204c)!important;
  color:#fff!important;
}

@media(max-width:520px){
  .longtrip-chat-offer-single{
    grid-template-columns:1fr auto!important;
    gap:10px!important;
    padding:14px!important;
    margin:12px 0 14px!important;
  }
  .longtrip-chat-offer-single .offer-percent,
  .longtrip-chat-offer-single [class*="percent"],
  .longtrip-chat-offer-single [class*="discount"]{
    min-width:62px!important;
    min-height:54px!important;
    font-size:1.05rem!important;
  }
  .longtrip-triptype-row{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .longtrip-triptype-btn{
    min-height:54px!important;
    padding:9px 4px!important;
    font-size:.9rem!important;
  }
}

/* FINAL CHARACTER ALIGN LOCK — visual only */
#chatSection .chat-stage{align-items:stretch!important}
#chatSection .reem-stage{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;align-self:stretch!important;overflow:hidden!important;background:linear-gradient(160deg,#27121f,#120b11)!important}
#chatSection .reem-stage #nourAvatar,#chatSection .reem-stage img{width:100%!important;height:100%!important;min-height:100%!important;max-height:none!important;object-fit:contain!important;object-position:center center!important;margin:0!important;padding:0!important;display:block!important}
@media(max-width:900px){#chatSection .chat-stage{align-items:stretch!important}#chatSection .reem-stage{height:auto!important;min-height:0!important}#chatSection .reem-stage #nourAvatar,#chatSection .reem-stage img{height:100%!important;min-height:100%!important;object-fit:contain!important;object-position:center center!important}}

/* FINAL LOCK — Long Trip Sedan/SUV text contrast only */
.longtrip-page .vehicle-showcase-card .vehicle-content h3{
  color:#ffffff!important;
  opacity:1!important;
}
.longtrip-page .vehicle-showcase-card .vehicle-content li{
  color:#f6eaf2!important;
  opacity:1!important;
  text-shadow:0 1px 2px rgba(0,0,0,.28)!important;
}
.longtrip-page .vehicle-showcase-card .vehicle-content li::marker{
  color:#ef4b9d!important;
}