/* MGS Rent UI Redesign C+D — customer journey + account workspace
   Loaded after style.css and ui-ab.css. Public scope only; admin remains untouched. */

.is-public {
  --cd-blue: #168fe0;
  --cd-blue-strong: #0877c9;
  --cd-sky: #eaf7ff;
  --cd-sky-soft: #f6fbff;
  --cd-line: #dceaf3;
  --cd-ink: #143550;
  --cd-muted: #6d8799;
  --cd-card: #ffffff;
  --cd-shadow: 0 18px 55px rgba(27, 88, 128, .10);
  --cd-shadow-hover: 0 24px 70px rgba(25, 105, 160, .16);
  --cd-radius: 22px;
  --cd-radius-sm: 15px;
}

.is-public .phase1-catalog-page,
.is-public .phase1-detail-page,
.is-public .booking-page,
.is-public .phase1-payment-page,
.is-public .phase1-invoice-page,
.is-public .phase1-account-page,
.is-public .ui-cd-profile-page,
.is-public .phase3-page,
.is-public .review-page {
  background:
    radial-gradient(circle at 8% 0%, rgba(85, 191, 250, .12), transparent 24rem),
    linear-gradient(180deg, #f8fcff 0%, #ffffff 48%, #f8fcff 100%);
}

.is-public .phase1-catalog-page,
.is-public .phase1-detail-page,
.is-public .booking-page,
.is-public .phase1-payment-page,
.is-public .phase1-invoice-page,
.is-public .phase1-account-page,
.is-public .ui-cd-profile-page,
.is-public .phase3-page {
  padding-top: 46px;
  padding-bottom: 72px;
}

/* ---- Shared customer page headings ---- */
.is-public .phase1-catalog-hero,
.is-public .phase1-checkout-head,
.is-public .phase1-payment-head,
.is-public .phase1-account-hero,
.is-public .ui-cd-account-hero {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid rgba(207, 229, 242, .9);
  background:
    radial-gradient(circle at 82% 12%, rgba(81, 191, 250, .18), transparent 24rem),
    linear-gradient(135deg, #ffffff 0%, #f3faff 55%, #eaf7ff 100%);
}
.is-public .phase1-catalog-hero::after,
.is-public .phase1-checkout-head::after,
.is-public .phase1-payment-head::after,
.is-public .phase1-account-hero::after,
.is-public .ui-cd-account-hero::after {
  content: "";
  position: absolute;
  width: 280px;
  height: 280px;
  right: -70px;
  top: -150px;
  border: 1px solid rgba(31, 157, 231, .14);
  border-radius: 50%;
  box-shadow: 0 0 0 34px rgba(57, 173, 239, .035), 0 0 0 72px rgba(57, 173, 239, .025);
  pointer-events: none;
}
.is-public .phase1-catalog-hero > .wrap,
.is-public .phase1-checkout-head > .wrap,
.is-public .phase1-payment-head > .wrap,
.is-public .phase1-account-hero > .wrap,
.is-public .ui-cd-account-hero > .wrap {
  position: relative;
  z-index: 1;
}
.is-public .phase1-checkout-head > .wrap,
.is-public .phase1-payment-head > .wrap,
.is-public .phase1-account-hero > .wrap,
.is-public .ui-cd-account-hero > .wrap {
  min-height: 210px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding-top: 34px;
  padding-bottom: 34px;
}
.is-public .phase1-checkout-head h1,
.is-public .phase1-payment-head h1,
.is-public .phase1-account-hero h1,
.is-public .ui-cd-account-hero h1 {
  color: var(--cd-ink);
  font-size: clamp(2rem, 3.7vw, 3.4rem);
  line-height: 1.06;
  margin: 7px 0 10px;
  letter-spacing: -.045em;
}
.is-public .phase1-checkout-head p,
.is-public .phase1-payment-head p,
.is-public .phase1-account-hero p,
.is-public .ui-cd-account-hero p { color: var(--cd-muted); margin: 0; max-width: 690px; }
.is-public .phase1-checkout-head small,
.is-public .phase1-payment-head small,
.is-public .phase1-account-hero small { color: var(--cd-blue-strong); font-weight: 800; letter-spacing: .13em; }
.is-public .phase1-checkout-head > .wrap > a:first-child,
.is-public .phase1-payment-head > .wrap > a:first-child {
  align-self: flex-start;
  color: var(--cd-blue-strong);
  font-weight: 750;
  text-decoration: none;
  white-space: nowrap;
  margin-top: 7px;
}
.is-public .phase1-checkout-step {
  min-width: 88px;
  height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(24, 150, 225, .22);
  color: var(--cd-blue-strong);
  background: rgba(255,255,255,.72);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 10px 30px rgba(27,101,145,.08);
  backdrop-filter: blur(15px);
  font-weight: 850;
  letter-spacing: .08em;
}

/* ---- Search panel / Catalog ---- */
.is-public .phase1-search-shell {
  border: 1px solid rgba(190, 222, 241, .94);
  background: rgba(255,255,255,.86);
  box-shadow: 0 24px 75px rgba(31, 111, 162, .14);
  border-radius: 24px;
  backdrop-filter: blur(18px);
}
.is-public .phase1-search-shell::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 22px;
  width: 120px;
  height: 3px;
  border-radius: 0 0 5px 5px;
  background: linear-gradient(90deg, var(--cd-blue-strong), #55bef8);
}
.is-public .phase1-search label { color: #56788e; font-size: .77rem; font-weight: 800; letter-spacing: .035em; }
.is-public .phase1-search input,
.is-public .phase1-search select {
  border: 1px solid var(--cd-line);
  background: #fff;
  color: var(--cd-ink);
  border-radius: 13px;
  min-height: 51px;
}
.is-public .phase1-search input:focus,
.is-public .phase1-search select:focus { border-color: #72c6f4; box-shadow: 0 0 0 4px rgba(27,151,224,.10); }

.is-public .phase1-catalog-layout {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 28px;
  align-items: start;
}
.is-public .phase1-filter-card {
  position: sticky;
  top: 104px;
  border: 1px solid var(--cd-line);
  border-radius: var(--cd-radius);
  background: rgba(255,255,255,.96);
  box-shadow: 0 13px 38px rgba(21, 82, 120, .08);
  padding: 22px;
}
.is-public .phase1-filter-head { padding-bottom: 16px; border-bottom: 1px solid #e7f0f6; margin-bottom: 18px; }
.is-public .phase1-filter-head small,
.is-public .phase1-results-head small { color: var(--cd-muted); }
.is-public .phase1-filter-head h3 { color: var(--cd-ink); margin: 3px 0 0; }
.is-public .phase1-filter-head a { color: var(--cd-blue-strong); font-weight: 800; }
.is-public .phase1-filter-card form { gap: 16px; }
.is-public .phase1-filter-card label { color: #58788e; font-size: .82rem; font-weight: 750; }
.is-public .phase1-filter-card input,
.is-public .phase1-filter-card select,
.is-public .phase1-results-head select {
  border: 1px solid var(--cd-line);
  background: #fff;
  color: var(--cd-ink);
  border-radius: 12px;
}
.is-public .phase1-results-head {
  border: 1px solid var(--cd-line);
  background: #fff;
  border-radius: 16px;
  padding: 14px 17px;
  box-shadow: 0 8px 24px rgba(19,88,127,.055);
  margin-bottom: 18px;
}
.is-public .phase1-result-count {
  width: 42px;
  height: 42px;
  border-radius: 13px;
  background: linear-gradient(145deg, var(--cd-blue-strong), #3eb5f4);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  box-shadow: 0 8px 20px rgba(17,139,212,.24);
}
.is-public .phase1-results-head b { color: var(--cd-ink); }
.is-public .phase1-car-grid { gap: 20px; }
.is-public .phase1-car-card {
  overflow: hidden;
  border: 1px solid var(--cd-line);
  border-radius: 21px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(31, 91, 129, .075);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.is-public .phase1-car-card:hover { transform: translateY(-4px); border-color: #b9ddf3; box-shadow: var(--cd-shadow-hover); }
.is-public .phase1-car-image {
  background: linear-gradient(150deg, #f8fcff, #eaf7ff);
  min-height: 245px;
  border-bottom: 1px solid #e5f0f7;
}
.is-public .phase1-car-image img { transition: transform .4s ease; }
.is-public .phase1-car-card:hover .phase1-car-image img { transform: scale(1.035); }
.is-public .phase1-available-badge,
.is-public .phase1-rating {
  border: 1px solid rgba(255,255,255,.75);
  background: rgba(255,255,255,.88);
  color: var(--cd-ink);
  box-shadow: 0 8px 22px rgba(17,79,116,.10);
  backdrop-filter: blur(12px);
}
.is-public .phase1-available-badge { color: #087f67; }
.is-public .phase1-rating { color: #b67108; }
.is-public .phase1-car-content { padding: 22px 23px 20px; }
.is-public .phase1-car-title small { color: var(--cd-blue-strong); font-weight: 800; letter-spacing: .06em; }
.is-public .phase1-car-title h2 { color: var(--cd-ink); font-size: 1.32rem; letter-spacing: -.025em; }
.is-public .phase1-car-title > span,
.is-public .phase1-car-specs span,
.is-public .booking-service-tags i {
  border: 1px solid #dcebf4;
  color: #5e7c8f;
  background: #f8fcff;
  border-radius: 999px;
}
.is-public .phase1-car-price { border-top: 1px solid #edf4f8; border-bottom: 1px solid #edf4f8; }
.is-public .phase1-car-price span { color: var(--cd-muted); }
.is-public .phase1-car-price b,
.is-public .phase1-trip-estimate strong { color: var(--cd-ink); }
.is-public .phase1-car-price em { color: var(--cd-muted); font-style: normal; font-size: .78rem; font-weight: 600; }
.is-public .phase1-car-actions { gap: 10px; }
.is-public .phase1-card-note { color: #7990a0; }
.is-public .phase1-no-result { border: 1px dashed #bddff3; background: #fff; border-radius: 22px; }
.is-public .ui-cd-filter-trigger { display: none; }
.is-public .ui-cd-filter-backdrop { display: none; }

/* ---- Detail car ---- */
.is-public .phase1-detail-page .wrap { max-width: 1240px; }
.is-public .phase1-detail-grid { grid-template-columns: minmax(0,1.55fr) 390px; gap: 30px; align-items: start; }
.is-public .gallery-shell,
.is-public .phase1-detail-book-card,
.is-public .spec-block,
.is-public .availability-card,
.is-public .review-summary,
.is-public .review-list-card {
  background: #fff;
  border: 1px solid var(--cd-line);
  border-radius: var(--cd-radius);
  box-shadow: 0 13px 42px rgba(26, 92, 133, .075);
}
.is-public .gallery-shell { overflow: hidden; padding: 12px; }
.is-public .gallery-stage { border-radius: 16px; overflow: hidden; background: linear-gradient(145deg,#f7fbfe,#eaf7ff); }
.is-public .gallery-stage img { object-fit: contain; }
.is-public .gallery-thumbs { gap: 10px; padding-top: 10px; }
.is-public .gallery-thumbs button { border: 1px solid var(--cd-line); background: #f8fcff; border-radius: 12px; overflow: hidden; }
.is-public .gallery-thumbs button.on { border-color: var(--cd-blue); box-shadow: 0 0 0 3px rgba(25,150,224,.11); }
.is-public .phase1-detail-book-card { position: sticky; top: 104px; padding: 26px; }
.is-public .phase1-detail-book-card > small { color: var(--cd-blue-strong); letter-spacing: .1em; font-weight: 800; }
.is-public .phase1-detail-book-card h1 { color: var(--cd-ink); font-size: 1.8rem; line-height: 1.15; letter-spacing: -.035em; }
.is-public .phase1-detail-book-card > p { color: var(--cd-muted); }
.is-public .phase1-detail-rating { background: var(--cd-sky-soft); border: 1px solid var(--cd-line); color: var(--cd-ink); }
.is-public .phase1-selected-trip,
.is-public .phase1-detail-price,
.is-public .phase1-detail-trust { background: #f8fcff; border: 1px solid #e0edf5; border-radius: 15px; }
.is-public .phase1-detail-price strong { color: var(--cd-blue-strong); }
.is-public .phase1-available-now { background: #edfbf7; border-color: #cbeee5; color: #087a65; }
.is-public .phase1-unavailable-now { background: #fff5f4; border-color: #f6d8d5; color: #b94e46; }
.is-public .detail-information-grid { gap: 22px; }
.is-public .spec-block { padding: 26px; }
.is-public .spec-block h2,
.is-public .spec-block h3 { color: var(--cd-ink); }
.is-public .spec-grid > div { border: 1px solid #e3eff6; background: #f9fcff; border-radius: 13px; }
.is-public .availability-card { padding: 24px; }
.is-public .calendar-toolbar small { color: var(--cd-blue-strong); font-weight: 800; }
.is-public .calendar-toolbar h3 { color: var(--cd-ink); }
.is-public .calendar-controls button { border: 1px solid var(--cd-line); background: #fff; color: var(--cd-blue-strong); }
.is-public .availability-grid button,
.is-public .availability-grid > span { border-radius: 11px; }
.is-public .calendar-note { background: var(--cd-sky-soft); border: 1px solid var(--cd-line); border-radius: 12px; }

/* ---- Booking / checkout step 2 ---- */
.is-public .premium-booking-grid { grid-template-columns: minmax(0,1fr) 360px; gap: 28px; align-items: start; }
.is-public .phase1-booking-form {
  background: #fff;
  border: 1px solid var(--cd-line);
  border-radius: 24px;
  box-shadow: var(--cd-shadow);
  padding: 28px;
}
.is-public .phase1-booking-progress {
  background: #f7fbfe;
  border: 1px solid #e0eef6;
  border-radius: 16px;
  padding: 15px 17px;
  margin-bottom: 22px;
}
.is-public .phase1-booking-progress span { color: #8aa0af; }
.is-public .phase1-booking-progress i { background: #e8f2f8; color: #668295; }
.is-public .phase1-booking-progress .done i,
.is-public .phase1-booking-progress .active i { background: linear-gradient(145deg,var(--cd-blue-strong),#45b9f6); color: #fff; box-shadow: 0 7px 18px rgba(16,136,207,.24); }
.is-public .phase1-booking-progress .active { color: var(--cd-ink); font-weight: 800; }
.is-public .phase1-form-section,
.is-public .booking-conditional-panel,
.is-public .phase1-profile-readiness,
.is-public .phase5-addon-box,
.is-public .loyalty-redeem-card {
  border: 1px solid var(--cd-line);
  background: #fbfdff;
  border-radius: 18px;
  padding: 22px;
  margin-bottom: 18px;
}
.is-public .phase1-form-section-title i {
  background: linear-gradient(145deg,var(--cd-blue-strong),#42b6f2);
  color: #fff;
  box-shadow: 0 7px 17px rgba(20,143,214,.18);
}
.is-public .phase1-form-section-title b,
.is-public .delivery-fields-head b,
.is-public .phase5-section-head h3,
.is-public .loyalty-redeem-head h3 { color: var(--cd-ink); }
.is-public .phase1-form-section-title span,
.is-public .delivery-fields-head small,
.is-public .phase5-section-head p,
.is-public .loyalty-redeem-head p { color: var(--cd-muted); }
.is-public .phase1-booking-form label { color: #58778b; font-weight: 700; }
.is-public .phase1-booking-form input:not([type="radio"]):not([type="checkbox"]),
.is-public .phase1-booking-form select,
.is-public .phase1-booking-form textarea {
  border: 1px solid var(--cd-line);
  background: #fff;
  border-radius: 13px;
  color: var(--cd-ink);
}
.is-public .phase1-booking-form input:focus,
.is-public .phase1-booking-form select:focus,
.is-public .phase1-booking-form textarea:focus { border-color: #76c8f4; box-shadow: 0 0 0 4px rgba(23,149,224,.09); }
.is-public .phase1-live-availability { border: 1px solid #cceee4; background: #f0fbf8; border-radius: 13px; }
.is-public .phase1-live-availability.bad { border-color: #f0d6d2; background: #fff7f6; }
.is-public .booking-option-grid { gap: 13px; }
.is-public .booking-option-card {
  border: 1px solid #dcebf4;
  background: #fff;
  border-radius: 16px;
  padding: 17px;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.is-public .booking-option-card:hover { border-color: #afd9f1; transform: translateY(-1px); }
.is-public .booking-option-card:has(input:checked) { border-color: #48b4ef; box-shadow: 0 0 0 3px rgba(34,164,235,.10), 0 11px 28px rgba(23,106,154,.08); background: #f8fcff; }
.is-public .booking-option-icon { background: var(--cd-sky); color: var(--cd-blue-strong); border: 1px solid #d8eefb; }
.is-public .booking-option-card b { color: var(--cd-ink); }
.is-public .booking-option-card small { color: var(--cd-muted); }
.is-public .booking-option-card em { color: var(--cd-blue-strong); font-style: normal; font-weight: 800; }
.is-public .self-drive-requirements { background: #fff; border: 1px solid #deebf4; border-radius: 15px; }
.is-public .requirement-checklist label { background: #f8fcff; border: 1px solid #e2eef5; border-radius: 12px; }
.is-public .phase1-profile-readiness { background: linear-gradient(135deg,#f5fbff,#ffffff); }
.is-public .phase1-profile-readiness > div:first-child > span { background: var(--cd-sky); color: var(--cd-blue-strong); }
.is-public .phase1-profile-readiness b { color: var(--cd-ink); }
.is-public .phase1-profile-readiness p { color: var(--cd-muted); }
.is-public .phase1-profile-readiness > a { color: var(--cd-blue-strong); font-weight: 800; }
.is-public .phase1-readiness-tags span { border-radius: 999px; }

/* Phase 5 Add-ons exposed in active checkout */
.is-public .phase5-addon-box { background: linear-gradient(145deg,#ffffff,#f7fbff); }
.is-public .phase5-section-head { display: flex; justify-content: space-between; gap: 20px; align-items: flex-start; margin-bottom: 15px; }
.is-public .phase5-section-head > span { background: var(--cd-sky); border: 1px solid #d8edf9; color: var(--cd-blue-strong); border-radius: 999px; padding: 7px 11px; font-size: .78rem; font-weight: 800; }
.is-public .phase5-section-head small { color: var(--cd-blue-strong); font-size: .72rem; letter-spacing: .11em; font-weight: 850; }
.is-public .phase5-section-head h3 { margin: 3px 0 4px; }
.is-public .phase5-addon-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.is-public .phase5-addon-card { display: grid; grid-template-columns: 1fr 92px; gap: 12px; align-items: center; min-width: 0; border: 1px solid #e0edf5; background: #fff; border-radius: 14px; padding: 14px; }
.is-public .phase5-addon-card > div { min-width: 0; }
.is-public .phase5-addon-card b { display: block; color: var(--cd-ink); font-size: .94rem; }
.is-public .phase5-addon-card small { display: block; color: var(--cd-muted); font-size: .78rem; margin: 4px 0 7px; line-height: 1.35; }
.is-public .phase5-addon-card strong { display: block; color: var(--cd-blue-strong); font-size: .82rem; }
.is-public .phase5-addon-card select { width: 100%; min-height: 42px; padding: 8px 28px 8px 10px; }
.is-public .loyalty-redeem-card { background: linear-gradient(135deg,#f5fbff,#fff); }
.is-public .loyalty-redeem-icon { background: linear-gradient(145deg,var(--cd-blue-strong),#49baf6); color:#fff; }
.is-public .loyalty-redeem-check { border: 1px solid #dbeaf3; background: #fff; border-radius: 13px; }
.is-public .phase1-price-summary {
  border: 1px solid #d9eaf4;
  border-radius: 18px;
  background: #f8fcff;
  padding: 18px 20px;
  margin: 20px 0;
}
.is-public .phase1-price-summary > div { border-bottom-color: #e7f0f6; color: var(--cd-muted); }
.is-public .phase1-price-summary b { color: var(--cd-ink); }
.is-public .phase1-grand-total { margin-top: 4px; padding-top: 15px !important; }
.is-public .phase1-grand-total span { color: var(--cd-ink); font-weight: 800; }
.is-public .phase1-grand-total b { color: var(--cd-blue-strong); font-size: 1.45rem; }
.is-public .phase1-hold-info { background: #fffaf0; border: 1px solid #f0dfb9; border-radius: 14px; }
.is-public .phase1-hold-info > span { color: #b8780b; }
.is-public .phase1-booking-aside { display: grid; gap: 16px; }
.is-public .phase1-sticky-summary,
.is-public .phase1-summary-promise { border: 1px solid var(--cd-line); background: #fff; border-radius: 20px; box-shadow: 0 12px 36px rgba(26,86,124,.07); }
.is-public .phase1-sticky-summary { overflow: hidden; padding: 0; }
.is-public .phase1-sticky-summary img { width: 100%; height: 210px; object-fit: contain; background: linear-gradient(145deg,#f8fcff,#eaf7ff); }
.is-public .phase1-sticky-summary > div { padding: 18px 20px 21px; }
.is-public .phase1-sticky-summary h3 { color: var(--cd-ink); }
.is-public .phase1-sticky-summary b { color: var(--cd-blue-strong); }
.is-public .phase1-summary-promise { padding: 20px; }
.is-public .phase1-summary-promise b { color: var(--cd-ink); }
.is-public .phase1-summary-promise span { color: #5c7d90; }

/* ---- Payment ---- */
.is-public .phase1-payment-grid { grid-template-columns: minmax(0,1fr) 360px; gap: 28px; align-items: start; }
.is-public .phase1-payment-main,
.is-public .phase1-payment-summary {
  border: 1px solid var(--cd-line);
  background: #fff;
  border-radius: 22px;
  box-shadow: var(--cd-shadow);
}
.is-public .phase1-payment-main { padding: 26px; }
.is-public .phase1-payment-summary { position: sticky; top: 104px; padding: 23px; }
.is-public .phase1-payment-hold { border: 1px solid #f0dcae; background: #fffaf0; border-radius: 16px; }
.is-public .phase1-payment-hold > span { background: #fff1cc; color: #a76b06; }
.is-public .phase1-payment-trip { border: 1px solid #e0edf5; background: #fbfdff; border-radius: 18px; overflow: hidden; }
.is-public .phase1-payment-car img { background: linear-gradient(145deg,#f8fcff,#edf8ff); border-radius: 13px; }
.is-public .phase1-payment-car h2 { color: var(--cd-ink); }
.is-public .phase1-payment-car p,
.is-public .phase1-payment-trip-grid span { color: var(--cd-muted); }
.is-public .phase1-payment-trip-grid > div { border: 1px solid #e3eef5; background: #fff; border-radius: 12px; }
.is-public .phase1-payment-trip-grid b { color: var(--cd-ink); }
.is-public .phase1-voucher-box,
.is-public .phase1-payment-method { border: 1px solid var(--cd-line); background: #fbfdff; border-radius: 18px; }
.is-public .phase1-voucher-box h3,
.is-public .phase1-payment-method h2 { color: var(--cd-ink); }
.is-public .phase1-voucher-form input { background: #fff; border-color: var(--cd-line); border-radius: 12px; }
.is-public .phase1-voucher-applied { border: 1px solid #cfece4; background: #effaf7; border-radius: 13px; }
.is-public .phase1-paid-success { background: #effaf7; border: 1px solid #ccebe3; border-radius: 15px; }
.is-public .phase1-payment-summary > small { color: var(--cd-blue-strong); font-weight: 850; letter-spacing: .11em; }
.is-public .phase1-payment-summary h3 { color: var(--cd-ink); border-bottom: 1px solid #e6f0f6; padding-bottom: 15px; }
.is-public .phase1-payment-summary > div { border-bottom-color: #edf3f7; color: var(--cd-muted); }
.is-public .phase1-payment-summary b { color: var(--cd-ink); }
.is-public .phase1-payment-summary .discount b { color: #098069; }
.is-public .phase1-payment-summary .total { border-top: 1px solid #dceaf3; margin-top: 8px; padding-top: 17px; }
.is-public .phase1-payment-summary .total strong { color: var(--cd-blue-strong); font-size: 1.5rem; }
.is-public .phase1-payment-summary > p { background: #f8fcff; border: 1px solid #e3eef5; border-radius: 11px; padding: 10px 12px; color: #7a92a1; }
.is-public .phase1-payment-summary > a { color: var(--cd-blue-strong); font-weight: 800; }

/* ---- Invoice ---- */
.is-public .phase1-invoice-wrap { max-width: 1000px; }
.is-public .phase1-invoice-actions { margin-bottom: 16px; }
.is-public .phase1-invoice-actions > a { color: var(--cd-blue-strong); font-weight: 800; text-decoration: none; }
.is-public .phase1-invoice {
  border: 1px solid var(--cd-line);
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 22px 70px rgba(19,82,121,.11);
  overflow: hidden;
}
.is-public .phase1-invoice > header { background: linear-gradient(135deg,#f8fcff,#eaf7ff); border-bottom: 1px solid #dcebf4; }
.is-public .phase1-invoice > header h1 { color: var(--cd-ink); }
.is-public .phase1-invoice > header small { color: var(--cd-blue-strong); }
.is-public .phase1-invoice-status { border-bottom-color: #e7f0f5; }
.is-public .phase1-invoice-status b { color: var(--cd-ink); }
.is-public .phase1-invoice-status span { color: var(--cd-muted); }
.is-public .phase1-invoice-hold { background: #fffaf0; border: 1px solid #efdeb5; color: #855d12; border-radius: 13px; }
.is-public .phase1-invoice-trip { background: #f8fcff; border: 1px solid #e1edf5; border-radius: 16px; }
.is-public .phase1-invoice-trip small { color: var(--cd-blue-strong); }
.is-public .phase1-invoice-trip b { color: var(--cd-ink); }
.is-public .phase1-invoice-trip span { color: var(--cd-muted); }
.is-public .phase1-invoice-lines > div { border-bottom-color: #edf3f7; }
.is-public .phase1-invoice-lines .total { background: #f5fbff; border: 1px solid #dcebf4; border-radius: 13px; padding: 16px; }
.is-public .phase1-invoice-lines .total strong { color: var(--cd-blue-strong); font-size: 1.45rem; }
.is-public .phase5-invoice-addons { background: #fbfdff; border-top: 1px solid #edf3f7; border-bottom: 1px solid #edf3f7; }
.is-public .phase1-invoice > footer { background: #fbfdff; border-top: 1px solid #e5eff5; }
.is-public .phase1-invoice-cta { border: 1px solid #d6eaf5; background: rgba(255,255,255,.94); border-radius: 17px; box-shadow: 0 12px 36px rgba(21,83,121,.08); }

/* ---- Auth / register ---- */
.is-public .ui-cd-auth {
  min-height: calc(100vh - 82px);
  padding: 50px 0 68px;
  background:
    radial-gradient(circle at 90% 8%, rgba(64,182,245,.14), transparent 24rem),
    linear-gradient(180deg,#f8fcff,#ffffff);
  display: flex;
  align-items: center;
}
.is-public .ui-cd-auth-shell {
  display: grid;
  grid-template-columns: minmax(0,.92fr) minmax(430px,.78fr);
  max-width: 1120px;
  border: 1px solid #d8e9f3;
  background: #fff;
  border-radius: 28px;
  box-shadow: 0 30px 90px rgba(20,87,128,.14);
  overflow: hidden;
  min-height: 650px;
}
.is-public .ui-cd-auth-brand {
  position: relative;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 80% 15%, rgba(128,216,255,.35), transparent 17rem),
    linear-gradient(145deg,#0877c9,#159be9 60%,#49bbf6);
  padding: 52px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.is-public .ui-cd-auth-brand::before,
.is-public .ui-cd-auth-brand::after { content:""; position:absolute; border:1px solid rgba(255,255,255,.15); border-radius:50%; pointer-events:none; }
.is-public .ui-cd-auth-brand::before { width:330px;height:330px;right:-170px;bottom:-110px;box-shadow:0 0 0 36px rgba(255,255,255,.035),0 0 0 76px rgba(255,255,255,.025); }
.is-public .ui-cd-auth-brand::after { width:160px;height:160px;left:-100px;top:-70px; }
.is-public .ui-cd-auth-logo { position:absolute; top:38px; left:48px; z-index:1; }
.is-public .ui-cd-auth-logo img { width:150px; height:auto; object-fit:contain; }
.is-public .ui-cd-auth-kicker { position:relative;z-index:1;font-size:.73rem;font-weight:850;letter-spacing:.13em;opacity:.82; }
.is-public .ui-cd-auth-brand h1 { position:relative;z-index:1;color:#fff;font-size:clamp(2.35rem,4vw,3.8rem);line-height:1.02;letter-spacing:-.05em;margin:12px 0 18px;max-width:540px; }
.is-public .ui-cd-auth-brand > p { position:relative;z-index:1;color:rgba(255,255,255,.83);font-size:1.02rem;line-height:1.7;max-width:530px; }
.is-public .ui-cd-auth-benefits { position:relative;z-index:1;display:grid;gap:10px;margin-top:24px; }
.is-public .ui-cd-auth-benefits span { display:flex;align-items:center;gap:8px;color:#fff;font-weight:650; }
.is-public .ui-cd-auth-trust { position:relative;z-index:1;margin-top:36px;padding:17px 18px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.09);border-radius:15px;backdrop-filter:blur(12px); }
.is-public .ui-cd-auth-trust b,.is-public .ui-cd-auth-trust small { display:block;color:#fff; }
.is-public .ui-cd-auth-trust small { opacity:.74;margin-top:3px; }
.is-public .ui-cd-auth-panel { display:flex;align-items:center;justify-content:center;padding:42px; }
.is-public .ui-cd-auth-card { width:100%;max-width:430px; }
.is-public .ui-cd-auth-heading { margin-bottom:22px; }
.is-public .ui-cd-auth-heading h2 { color:var(--cd-ink);font-size:2rem;letter-spacing:-.035em;margin:6px 0 7px; }
.is-public .ui-cd-auth-heading p { color:var(--cd-muted);margin:0;line-height:1.55; }
.is-public .ui-cd-google { min-height:50px;border:1px solid var(--cd-line);border-radius:13px;background:#fff;color:var(--cd-ink);display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-weight:750;box-shadow:0 7px 20px rgba(24,81,116,.05); }
.is-public .ui-cd-google:hover { border-color:#afd8ef;background:#f8fcff; }
.is-public .ui-cd-google svg { width:20px;height:20px; }
.is-public .ui-cd-auth-divider { display:flex;align-items:center;gap:12px;color:#91a5b2;font-size:.76rem;margin:18px 0; }
.is-public .ui-cd-auth-divider::before,.is-public .ui-cd-auth-divider::after { content:"";height:1px;background:#e3edf3;flex:1; }
.is-public .ui-cd-auth-form { display:grid;gap:14px; }
.is-public .ui-cd-auth-form label { color:#4e7086;font-size:.84rem;font-weight:750; }
.is-public .ui-cd-auth-form label small { color:#91a3af;font-weight:600; }
.is-public .ui-cd-auth-form input { width:100%;box-sizing:border-box;margin-top:7px;min-height:50px;border:1px solid var(--cd-line);border-radius:13px;background:#fbfdff;color:var(--cd-ink);padding:11px 13px; }
.is-public .ui-cd-auth-form input:focus { outline:none;border-color:#70c5f3;box-shadow:0 0 0 4px rgba(28,151,224,.09);background:#fff; }
.is-public .ui-cd-password { position:relative;margin-top:7px; }
.is-public .ui-cd-password input { margin:0;padding-right:65px; }
.is-public .ui-cd-password button { position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:#eef8fd;color:var(--cd-blue-strong);font-weight:800;border-radius:9px;padding:7px 9px;cursor:pointer; }
.is-public .ui-cd-forgot { color:var(--cd-blue-strong);font-size:.82rem;font-weight:750;text-decoration:none;justify-self:end;margin-top:-3px; }
.is-public .ui-cd-auth-switch { text-align:center;color:var(--cd-muted);font-size:.88rem;margin:18px 0 0; }
.is-public .ui-cd-auth-switch a { color:var(--cd-blue-strong);font-weight:800;text-decoration:none; }
.is-public .ui-cd-auth-security { display:flex;align-items:center;gap:10px;margin-top:20px;padding:11px 12px;background:#f8fcff;border:1px solid #e2eef5;border-radius:12px; }
.is-public .ui-cd-auth-security > span { color:var(--cd-blue-strong); }
.is-public .ui-cd-auth-security p { margin:0; }
.is-public .ui-cd-auth-security b,.is-public .ui-cd-auth-security small { display:block; }
.is-public .ui-cd-auth-security b { color:var(--cd-ink);font-size:.78rem; }
.is-public .ui-cd-auth-security small { color:#879ca9;font-size:.72rem;margin-top:2px; }

/* ---- My Trip / Customer workspace ---- */
.is-public .phase1-account-page .account-grid,
.is-public .ui-cd-profile-grid { display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start; }
.is-public .account-side,
.is-public .ui-cd-profile-side { position:sticky;top:104px;background:#fff;border:1px solid var(--cd-line);border-radius:21px;box-shadow:0 12px 36px rgba(22,85,123,.07);overflow:hidden; }
.is-public .account-side .profile-card { padding:25px 20px 20px;text-align:center;border-bottom:1px solid #e8f1f6; }
.is-public .account-side .profile-card i,
.is-public .ui-cd-avatar { width:66px;height:66px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 13px;background:linear-gradient(145deg,#eaf7ff,#d6effd);border:1px solid #c8e7f8;color:var(--cd-blue-strong);font-size:1.45rem;font-weight:900;font-style:normal;object-fit:cover; }
.is-public .account-side .profile-card h3 { color:var(--cd-ink);margin:0 0 4px;font-size:1.05rem; }
.is-public .account-side .profile-card p { color:var(--cd-muted);margin:0;font-size:.78rem;overflow-wrap:anywhere; }
.is-public .account-side nav { padding:12px;display:grid;gap:5px; }
.is-public .account-side nav a { color:#617f92;text-decoration:none;border-radius:11px;padding:11px 12px;font-weight:700;font-size:.87rem;border:1px solid transparent; }
.is-public .account-side nav a:hover { background:#f5fbff;color:var(--cd-blue-strong); }
.is-public .account-side nav a.on { color:var(--cd-blue-strong);background:#edf8ff;border-color:#d9edf9;box-shadow:inset 3px 0 0 var(--cd-blue); }
.is-public .account-side nav .ui-cd-nav-danger { color:#b55d5a; }
.is-public .account-main,
.is-public .ui-cd-profile-main { min-width:0;display:grid;gap:20px; }
.is-public .ui-cd-rewards-stack { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch; }
.is-public .loyalty-wallet,
.is-public .phase5-tier-card { margin:0 !important;border:1px solid var(--cd-line) !important;background:#fff !important;border-radius:19px !important;box-shadow:0 10px 30px rgba(20,83,120,.06) !important; }
.is-public .phase5-tier-card { padding:20px; }
.is-public .phase5-tier-card h3,.is-public .loyalty-wallet h3 { color:var(--cd-ink) !important; }
.is-public .phase1-mytrip-card,
.is-public .phase1-empty-trip,
.is-public .account-main > .panel { border:1px solid var(--cd-line);background:#fff;border-radius:22px;box-shadow:0 13px 40px rgba(21,83,121,.075);overflow:hidden; }
.is-public .phase1-mytrip-cover { min-height:255px;background:linear-gradient(145deg,#f8fcff,#eaf7ff); }
.is-public .phase1-mytrip-cover img { object-fit:contain; }
.is-public .phase1-mytrip-cover .pill { box-shadow:0 8px 22px rgba(18,76,111,.10); }
.is-public .phase1-mytrip-body { padding:24px; }
.is-public .phase1-mytrip-top { border-bottom:1px solid #e8f1f6;padding-bottom:18px; }
.is-public .phase1-mytrip-top small { color:var(--cd-blue-strong);font-weight:850;letter-spacing:.06em; }
.is-public .phase1-mytrip-top h2 { color:var(--cd-ink);letter-spacing:-.025em; }
.is-public .phase1-mytrip-top p { color:var(--cd-muted); }
.is-public .phase1-mytrip-top strong { color:var(--cd-blue-strong); }
.is-public .phase1-next-action { border:1px solid #dbeaf3;background:#f8fcff;border-radius:16px; }
.is-public .phase1-next-action.urgent { border-color:#f0dbab;background:#fffaf0; }
.is-public .phase1-next-action > span { background:#e9f7ff;color:var(--cd-blue-strong); }
.is-public .phase1-next-action.urgent > span { background:#fff0c8;color:#a66c07; }
.is-public .phase1-next-action b { color:var(--cd-ink); }
.is-public .phase1-next-action p { color:var(--cd-muted); }
.is-public .phase1-trip-timeline { padding:18px 8px 8px; }
.is-public .phase1-trip-timeline > div::before { background:#dceaf3; }
.is-public .phase1-trip-timeline i { background:#eff5f8;color:#7891a1;border:2px solid #fff;box-shadow:0 0 0 1px #dceaf3; }
.is-public .phase1-trip-timeline .done i { background:linear-gradient(145deg,var(--cd-blue-strong),#45b9f6);color:#fff;box-shadow:0 0 0 1px #9ed9f7,0 6px 16px rgba(18,142,213,.19); }
.is-public .phase1-trip-timeline span { color:#768e9e; }
.is-public .phase1-trip-facts { gap:10px; }
.is-public .phase1-trip-facts > div { border:1px solid #e0edf5;background:#fbfdff;border-radius:13px; }
.is-public .phase1-trip-facts span { color:var(--cd-muted); }
.is-public .phase1-trip-facts b { color:var(--cd-ink); }
.is-public .phase2-customer-resources { background:linear-gradient(135deg,#f5fbff,#fff);border:1px solid #dcebf4;border-radius:15px; }
.is-public .phase2-customer-resources span { color:var(--cd-blue-strong); }
.is-public .phase2-customer-resources b { color:var(--cd-ink); }
.is-public .phase2-customer-resources small { color:var(--cd-muted); }
.is-public .phase3-trip-tools { border-top:1px solid #e7f0f5;margin-top:20px;padding-top:20px; }
.is-public .phase3-kyc-strip,
.is-public .phase3-charge-alert,
.is-public .phase3-change-box,
.is-public .phase3-change-history { border:1px solid var(--cd-line) !important;border-radius:15px !important;background:#fbfdff !important; }
.is-public .panel-top { border-bottom:1px solid #e7f0f5;padding-bottom:16px;margin-bottom:5px; }
.is-public .panel-top small { color:var(--cd-blue-strong);font-weight:850;letter-spacing:.1em; }
.is-public .panel-top h2 { color:var(--cd-ink); }
.is-public .phase1-history-panel,.is-public .account-main > .panel { padding:22px; }
.is-public .booking-list article { border:1px solid #e2eef5;background:#fbfdff;border-radius:15px;padding:14px; }
.is-public .booking-list article img { background:#f1f9fe;border-radius:12px;object-fit:contain; }
.is-public .booking-list h3 { color:var(--cd-ink); }
.is-public .booking-list p { color:var(--cd-muted); }
.is-public .booking-price b { color:var(--cd-ink); }
.is-public .booking-list .round { background:#eaf7ff;color:var(--cd-blue-strong);border:1px solid #d5ebf8; }
.is-public .note { border-bottom:1px solid #edf3f7;padding:16px 0; }
.is-public .note > b { color:var(--cd-blue); }
.is-public .note strong { color:var(--cd-ink); }
.is-public .note p,.is-public .note small { color:var(--cd-muted); }
.is-public .phase1-empty-trip { padding:36px; }
.is-public .phase1-empty-trip > span { background:var(--cd-sky);color:var(--cd-blue-strong); }
.is-public .phase1-empty-trip h2 { color:var(--cd-ink); }
.is-public .phase1-empty-trip p { color:var(--cd-muted); }

/* ---- Profile ---- */
.is-public .ui-cd-profile-page { min-height:70vh; }
.is-public .ui-cd-profile-completeness { display:inline-flex;margin-top:13px;padding:6px 9px;border-radius:999px;background:#fff8e9;border:1px solid #f0dfbc;color:#966614;font-size:.71rem;font-weight:800; }
.is-public .ui-cd-profile-completeness.is-complete { background:#edf9f6;border-color:#cae9e0;color:#087c66; }
.is-public .phase3-profile-kyc { border:1px solid var(--cd-line) !important;background:linear-gradient(135deg,#f6fbff,#fff) !important;border-radius:18px !important;box-shadow:0 10px 30px rgba(21,84,121,.06); }
.is-public .phase3-profile-kyc small { color:var(--cd-blue-strong) !important; }
.is-public .phase3-profile-kyc b { color:var(--cd-ink) !important; }
.is-public .phase3-profile-kyc span { color:var(--cd-muted) !important; }
.is-public .ui-cd-profile-card { background:#fff;border:1px solid var(--cd-line);border-radius:22px;box-shadow:var(--cd-shadow);padding:27px;display:grid;gap:20px; }
.is-public .ui-cd-section-heading { display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #e6eff5; }
.is-public .ui-cd-section-heading h2 { color:var(--cd-ink);font-size:1.65rem;letter-spacing:-.03em;margin:5px 0 5px; }
.is-public .ui-cd-section-heading p { color:var(--cd-muted);margin:0; }
.is-public .ui-cd-form-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px; }
.is-public .ui-cd-profile-card label { color:#55758a;font-size:.84rem;font-weight:750; }
.is-public .ui-cd-profile-card label small { color:#8ca0ad;font-weight:600; }
.is-public .ui-cd-profile-card input,
.is-public .ui-cd-profile-card textarea { width:100%;box-sizing:border-box;margin-top:7px;border:1px solid var(--cd-line);background:#fbfdff;color:var(--cd-ink);border-radius:13px; }
.is-public .ui-cd-profile-card input:disabled { background:#f3f6f8;color:#8a9ba6;cursor:not-allowed; }
.is-public .ui-cd-profile-card input:focus,
.is-public .ui-cd-profile-card textarea:focus { outline:none;border-color:#70c5f3;box-shadow:0 0 0 4px rgba(28,151,224,.09);background:#fff; }
.is-public .ui-cd-profile-actions { display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:4px; }
.is-public .ui-cd-profile-actions b,.is-public .ui-cd-profile-actions span { display:block; }
.is-public .ui-cd-profile-actions b { color:var(--cd-ink);font-size:.85rem; }
.is-public .ui-cd-profile-actions span { color:var(--cd-muted);font-size:.76rem;margin-top:3px; }

/* Complete profile legacy markup — visual override without changing handler */
.is-public .complete-profile-page { background:linear-gradient(180deg,#f7fbff,#fff) !important;padding:58px 20px 72px !important; }
.is-public .complete-profile-grid { display:grid !important;grid-template-columns:minmax(280px,.8fr) minmax(0,1.45fr) !important;gap:28px !important;max-width:1100px; }
.is-public .complete-profile-intro h1 { color:var(--cd-ink) !important;font-size:clamp(2rem,4vw,3.2rem) !important;letter-spacing:-.045em;line-height:1.08; }
.is-public .complete-profile-intro p { color:var(--cd-muted) !important; }
.is-public .complete-profile-intro .car-card,
.is-public .complete-profile-grid > form.car-card { border:1px solid var(--cd-line) !important;background:#fff !important;border-radius:21px !important;box-shadow:0 15px 44px rgba(22,84,123,.08) !important; }
.is-public .complete-profile-grid > form.car-card { padding:30px !important; }
.is-public .complete-profile-grid > form .fields { gap:16px !important; }
.is-public .complete-profile-grid > form label { color:#55758a !important;font-weight:700; }
.is-public .complete-profile-grid > form input,
.is-public .complete-profile-grid > form textarea { background:#fbfdff !important;border:1px solid var(--cd-line) !important;border-radius:12px !important; }

/* ---- KYC Verification ---- */
.is-public .phase3-hero { background:linear-gradient(135deg,#fff,#f1faff 65%,#e9f7ff);border-bottom:1px solid #dceaf3; }
.is-public .phase3-hero small { color:var(--cd-blue-strong); }
.is-public .phase3-hero h1 { color:var(--cd-ink);letter-spacing:-.04em; }
.is-public .phase3-hero p { color:var(--cd-muted); }
.is-public .phase3-two-col { gap:22px; }
.is-public .phase3-card { background:#fff !important;border:1px solid var(--cd-line) !important;border-radius:21px !important;box-shadow:0 12px 38px rgba(21,83,121,.07) !important; }
.is-public .phase3-card-head { border-bottom:1px solid #e7f0f5 !important; }
.is-public .phase3-card-head small { color:var(--cd-blue-strong) !important; }
.is-public .phase3-card-head h2,.is-public .phase3-card h3 { color:var(--cd-ink) !important; }
.is-public .phase3-form label { color:#55758a !important;font-weight:700; }
.is-public .phase3-form input,.is-public .phase3-form textarea,.is-public .phase3-form select { border:1px solid var(--cd-line) !important;background:#fbfdff !important;border-radius:12px !important; }
.is-public .phase3-upload-grid > label { background:#f8fcff !important;border:1px dashed #afd9f1 !important;border-radius:15px !important; }
.is-public .phase3-check { background:#f8fcff !important;border:1px solid #deebf4 !important;border-radius:13px !important; }
.is-public .phase3-info { background:#f5fbff !important;border:1px solid #dcebf4 !important;border-radius:15px !important; }
.is-public .phase3-success { background:#eefaf7 !important;border:1px solid #cdebe3 !important;border-radius:14px !important; }

/* ---- Review ---- */
.is-public .review-page { padding:55px 0 75px; }
.is-public .review-page-grid { gap:22px; }
.is-public .review-rental-card,
.is-public .review-form-card { border:1px solid var(--cd-line);background:#fff;border-radius:21px;box-shadow:0 13px 40px rgba(21,83,121,.07); }
.is-public .review-rental-card img { background:#f1f9fe;border-radius:15px;object-fit:contain; }
.is-public .review-rental-card h2,.is-public .review-form-card h2 { color:var(--cd-ink); }
.is-public .review-rental-card p,.is-public .review-form-card p { color:var(--cd-muted); }
.is-public .review-form-card > small { color:var(--cd-blue-strong); }
.is-public .rating-input button { color:#d6e4ec; }
.is-public .rating-input button.on { color:#f2af2e; }
.is-public .review-form-card textarea { border:1px solid var(--cd-line);background:#fbfdff;border-radius:13px; }

/* ---- Mobile ---- */
@media (max-width: 1100px) {
  .is-public .phase1-detail-grid { grid-template-columns:minmax(0,1fr) 340px; }
  .is-public .premium-booking-grid,
  .is-public .phase1-payment-grid { grid-template-columns:minmax(0,1fr) 320px; }
  .is-public .ui-cd-auth-brand { padding:44px 38px; }
}

@media (max-width: 900px) {
  .is-public .phase1-catalog-layout { grid-template-columns:1fr; }
  .is-public .ui-cd-filter-trigger { display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;margin-bottom:13px;border:1px solid #cfe5f2;background:#fff;color:var(--cd-blue-strong);border-radius:13px;font-weight:800;box-shadow:0 8px 22px rgba(21,83,121,.06); }
  .is-public .phase1-filter-card { position:fixed;z-index:1200;left:14px;right:14px;bottom:14px;top:auto;max-height:min(82vh,720px);overflow:auto;transform:translateY(calc(100% + 30px));transition:transform .28s ease;border-radius:22px;box-shadow:0 30px 90px rgba(7,50,79,.28); }
  .is-public .phase1-filter-card.is-open { transform:translateY(0); }
  .is-public .ui-cd-filter-backdrop { display:block;position:fixed;z-index:1190;inset:0;background:rgba(14,48,69,.36);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .25s ease; }
  .is-public .ui-cd-filter-backdrop.is-open { opacity:1;pointer-events:auto; }
  .is-public .phase1-detail-grid,
  .is-public .premium-booking-grid,
  .is-public .phase1-payment-grid,
  .is-public .phase1-account-page .account-grid,
  .is-public .ui-cd-profile-grid { grid-template-columns:1fr; }
  .is-public .phase1-detail-book-card,
  .is-public .phase1-payment-summary,
  .is-public .account-side,
  .is-public .ui-cd-profile-side { position:static; }
  .is-public .phase1-booking-aside { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .is-public .phase1-booking-aside .availability-card { grid-column:1/-1; }
  .is-public .account-side nav { display:flex;overflow:auto;white-space:nowrap;padding:10px; }
  .is-public .account-side nav a { flex:0 0 auto; }
  .is-public .account-side .profile-card { display:grid;grid-template-columns:auto 1fr;column-gap:12px;text-align:left;align-items:center; }
  .is-public .account-side .profile-card i,.is-public .ui-cd-avatar { grid-row:1/3;width:52px;height:52px;border-radius:16px;margin:0; }
  .is-public .account-side .profile-card h3,.is-public .account-side .profile-card p { margin:0; }
  .is-public .ui-cd-profile-completeness { grid-column:1/-1;justify-self:start; }
  .is-public .ui-cd-auth-shell { grid-template-columns:1fr;max-width:720px; }
  .is-public .ui-cd-auth-brand { min-height:330px;padding:92px 40px 38px; }
  .is-public .ui-cd-auth-brand h1 { font-size:2.55rem; }
  .is-public .ui-cd-auth-benefits { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .is-public .ui-cd-auth-trust { display:none; }
  .is-public .complete-profile-grid { grid-template-columns:1fr !important; }
}

@media (max-width: 720px) {
  .is-public .phase1-checkout-head > .wrap,
  .is-public .phase1-payment-head > .wrap,
  .is-public .phase1-account-hero > .wrap,
  .is-public .ui-cd-account-hero > .wrap { min-height:0;padding-top:30px;padding-bottom:30px;align-items:flex-start;flex-wrap:wrap; }
  .is-public .phase1-checkout-head > .wrap > a:first-child,
  .is-public .phase1-payment-head > .wrap > a:first-child { width:100%; }
  .is-public .phase1-checkout-step { position:absolute;right:20px;top:31px;min-width:72px;height:42px;font-size:.78rem; }
  .is-public .phase1-checkout-head h1,
  .is-public .phase1-payment-head h1,
  .is-public .phase1-account-hero h1,
  .is-public .ui-cd-account-hero h1 { font-size:2.15rem; }
  .is-public .phase1-car-image { min-height:210px; }
  .is-public .phase1-car-actions { grid-template-columns:1fr; }
  .is-public .phase1-datetime-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .is-public .phase5-addon-grid { grid-template-columns:1fr; }
  .is-public .phase1-booking-aside { grid-template-columns:1fr; }
  .is-public .phase1-mytrip-top { flex-direction:column;align-items:flex-start;gap:8px; }
  .is-public .phase1-next-action { grid-template-columns:auto 1fr; }
  .is-public .phase1-next-action > a { grid-column:1/-1;width:100%;box-sizing:border-box;text-align:center; }
  .is-public .phase1-trip-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .is-public .ui-cd-rewards-stack { grid-template-columns:1fr; }
  .is-public .booking-list article { grid-template-columns:82px minmax(0,1fr) auto; }
  .is-public .booking-list .booking-price { grid-column:2;align-items:flex-start;text-align:left; }
  .is-public .booking-list .round { grid-column:3;grid-row:1/3;align-self:center; }
  .is-public .ui-cd-auth { padding:25px 14px 48px; }
  .is-public .ui-cd-auth-shell { border-radius:23px; }
  .is-public .ui-cd-auth-brand { padding:82px 28px 30px;min-height:300px; }
  .is-public .ui-cd-auth-logo { top:28px;left:28px; }
  .is-public .ui-cd-auth-brand h1 { font-size:2.15rem; }
  .is-public .ui-cd-auth-panel { padding:30px 24px; }
  .is-public .ui-cd-auth-benefits { grid-template-columns:1fr; }
  .is-public .ui-cd-form-grid { grid-template-columns:1fr; }
  .is-public .ui-cd-profile-actions { flex-direction:column;align-items:stretch; }
  .is-public .ui-cd-profile-actions .btn-premium { width:100%; }
}

@media (max-width: 560px) {
  .is-public .phase1-catalog-page,
  .is-public .phase1-detail-page,
  .is-public .booking-page,
  .is-public .phase1-payment-page,
  .is-public .phase1-invoice-page,
  .is-public .phase1-account-page,
  .is-public .ui-cd-profile-page,
  .is-public .phase3-page { padding-top:28px;padding-bottom:52px; }
  .is-public .phase1-booking-form,
  .is-public .phase1-payment-main,
  .is-public .phase1-payment-summary,
  .is-public .ui-cd-profile-card { padding:18px; border-radius:18px; }
  .is-public .phase1-form-section,
  .is-public .booking-conditional-panel,
  .is-public .phase1-profile-readiness,
  .is-public .phase5-addon-box,
  .is-public .loyalty-redeem-card { padding:17px;border-radius:15px; }
  .is-public .phase1-datetime-grid { grid-template-columns:1fr; }
  .is-public .booking-option-grid { grid-template-columns:1fr; }
  .is-public .phase1-payment-trip-grid { grid-template-columns:1fr 1fr; }
  .is-public .phase1-payment-car { align-items:flex-start; }
  .is-public .phase1-payment-car img { width:94px;height:72px; }
  .is-public .phase1-trip-facts { grid-template-columns:1fr; }
  .is-public .phase1-trip-timeline { overflow:auto;justify-content:flex-start;gap:24px;padding-bottom:14px; }
  .is-public .phase1-trip-timeline > div { min-width:74px; }
  .is-public .phase1-trip-timeline > div::before { width:82px; }
  .is-public .phase1-mytrip-body { padding:18px; }
  .is-public .booking-list article { grid-template-columns:70px minmax(0,1fr); }
  .is-public .booking-list article img { width:70px;height:62px; }
  .is-public .booking-list .booking-price { grid-column:1/-1;display:flex;flex-direction:row;justify-content:space-between;align-items:center; }
  .is-public .booking-list .round { grid-column:1/-1;grid-row:auto;width:100%;border-radius:10px;height:38px; }
  .is-public .ui-cd-section-heading { flex-direction:column; }
  .is-public .phase5-addon-card { grid-template-columns:1fr 82px; }
  .is-public .phase1-invoice { border-radius:16px; }
  .is-public .phase1-invoice > header,
  .is-public .phase1-invoice-status,
  .is-public .phase1-invoice-trip { grid-template-columns:1fr;gap:12px; }
}

@media print {
  .is-public .site-header,
  .is-public .site-footer,
  .is-public .p6-support-widget,
  .is-public .phase1-invoice-actions,
  .is-public .phase1-invoice-cta { display:none !important; }
  .is-public .phase1-invoice-page { background:#fff !important;padding:0 !important; }
  .is-public .phase1-invoice { box-shadow:none !important;border:0 !important;border-radius:0 !important; }
}

/* SEARCH BAR COMPACT PREMIUM V2 */
@media (min-width:1121px){
  .is-public .phase1-search-shell{position:relative;overflow:visible;padding:14px 15px;border-radius:22px;border:1px solid #cae3f2;background:rgba(255,255,255,.98);box-shadow:0 18px 48px rgba(31,105,150,.12),inset 0 1px 0 #fff;backdrop-filter:blur(18px)}
  .is-public .phase1-search-shell::before{content:"";position:absolute;left:20px;top:-1px;width:118px;height:3px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,#0783d6,#55c2fa)}
  .is-public .phase1-search{display:grid;grid-template-columns:220px minmax(0,1fr) 148px;gap:12px;align-items:end}
  .is-public .phase1-search-heading{display:flex;align-items:center;gap:10px;min-width:0;min-height:68px;padding:4px 0}
  .is-public .phase1-search-mark{width:42px;height:42px;min-width:42px;border-radius:13px;font-size:20px;background:linear-gradient(145deg,#eef9ff,#dff3ff);border:1px solid #cdeafa}
  .is-public .phase1-search-heading .phase1-search-copy{display:block;min-width:0}
  .is-public .phase1-search-heading small{display:block;margin-bottom:3px;font-size:9px;line-height:1;letter-spacing:.14em;color:#0877c9}
  .is-public .phase1-search-heading b{display:block;white-space:nowrap;font-size:15px;line-height:1.2;color:#143550;letter-spacing:-.02em}
  .is-public .phase1-search-heading span:not(.phase1-search-mark){display:block;max-width:160px;margin-top:4px;font-size:10.5px;line-height:1.32;color:#6d8799}
  .is-public .phase1-search-fields{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1.5fr) minmax(132px,1fr) minmax(132px,1fr);gap:9px;align-items:end}
  .is-public .phase1-search-field{display:grid;gap:6px;min-width:0;padding:0;border:0;background:transparent;box-shadow:none}
  .is-public .phase1-search-field>span{padding-left:2px;font-size:9.5px;line-height:1.1;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#5a7386}
  .is-public .phase1-date-time{display:grid;grid-template-columns:minmax(118px,1fr) 90px;gap:6px;min-width:0}
  .is-public .phase1-search input,.is-public .phase1-search select{width:100%;min-width:0;height:48px;min-height:48px;padding:0 11px;border:1px solid #cfe0ec;border-radius:13px;background:#fff;color:#173650;font-size:12.5px;font-weight:800;line-height:1;box-shadow:0 3px 10px rgba(33,91,128,.025)}
  .is-public .phase1-search input[type="date"]{padding-left:9px;padding-right:5px}
  .is-public .phase1-search input[type="time"]{padding-left:8px;padding-right:4px}
  .is-public .phase1-search select{padding-right:30px;text-overflow:clip}
  .is-public .phase1-search input:focus,.is-public .phase1-search select:focus{border-color:#64bdf0;box-shadow:0 0 0 4px rgba(27,151,224,.1);background:#fff}
  .is-public .phase1-search-submit{position:relative;overflow:hidden;width:148px;min-width:148px;height:48px;min-height:48px;align-self:end;padding:0 13px;border-radius:14px;border:1px solid rgba(255,255,255,.35);background:linear-gradient(135deg,#32b4fb,#1397ed 55%,#0878c9);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 10px 24px rgba(8,126,207,.2);gap:8px}
  .is-public .phase1-search-submit::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.2),transparent 44%);pointer-events:none}
  .is-public .phase1-search-submit span{font-size:12.5px;font-weight:900;color:#fff;z-index:1}
  .is-public .phase1-search-submit b{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);font-size:13px;z-index:1}
  .is-public .phase1-search-shell.is-compact{padding:13px 14px;border-radius:20px}
  .is-public .phase1-search-shell.is-compact .phase1-search{grid-template-columns:190px minmax(0,1fr) 148px}
  .is-public .phase1-search-shell.is-compact .phase1-search-heading span:not(.phase1-search-mark){display:none}
  .is-public .phase1-search-shell.is-compact .phase1-search-heading b{font-size:14px}
}
@media (min-width:761px) and (max-width:1120px){
  .is-public .phase1-search-shell{padding:14px;border-radius:20px}
  .is-public .phase1-search{grid-template-columns:1fr;gap:12px}
  .is-public .phase1-search-heading{padding:2px 0;border:0;background:transparent;box-shadow:none}
  .is-public .phase1-search-field{min-height:0;padding:0;border:0;background:transparent;box-shadow:none}
  .is-public .phase1-search-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .is-public .phase1-date-time{grid-template-columns:minmax(0,1fr) 100px}
  .is-public .phase1-search input,.is-public .phase1-search select{height:48px;min-height:48px}
  .is-public .phase1-search-submit{width:100%;height:50px;min-height:50px}
}
@media (max-width:760px){
  .is-public .phase1-search-shell{padding:13px;border-radius:18px}
  .is-public .phase1-search-heading{padding:2px 0 5px;border:0;background:transparent;box-shadow:none}
  .is-public .phase1-search-heading b{font-size:16px}
  .is-public .phase1-search-field{min-height:0;padding:0;border:0;background:transparent;box-shadow:none}
  .is-public .phase1-date-time{grid-template-columns:minmax(0,1fr) 98px}
  .is-public .phase1-search input,.is-public .phase1-search select{height:48px;min-height:48px;font-size:13px}
  .is-public .phase1-search-submit{height:50px;min-height:50px;border-radius:14px}
}

/* ============================================================
   MEMBER DASHBOARD PREMIUM VISIBILITY FIX — 2026-10-01
   Fix low-contrast loyalty cards and improve member workspace.
   ============================================================ */
body.is-public.ui-page-dashboard .phase1-account-hero{
  padding:48px 0 42px!important;
  background:
    radial-gradient(circle at 88% 15%,rgba(45,175,242,.22),transparent 26rem),
    linear-gradient(135deg,#ffffff 0%,#f4fbff 54%,#eaf7ff 100%)!important;
}
body.is-public.ui-page-dashboard .phase1-account-hero small{
  color:#087ac6!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
}
body.is-public.ui-page-dashboard .phase1-account-hero h1{
  margin:8px 0 7px!important;
  color:#123754!important;
  font-size:clamp(36px,4vw,54px)!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
}
body.is-public.ui-page-dashboard .phase1-account-hero p{
  color:#6b879b!important;
  font-size:14px!important;
}
body.is-public.ui-page-dashboard .phase1-account-hero .btn{
  min-height:46px!important;
  padding:0 20px!important;
  border-radius:13px!important;
  box-shadow:0 12px 28px rgba(10,139,222,.20)!important;
}

body.is-public.ui-page-dashboard .phase1-account-page{
  padding-top:38px!important;
}
body.is-public.ui-page-dashboard .account-grid{
  grid-template-columns:260px minmax(0,1fr)!important;
  gap:28px!important;
}
body.is-public.ui-page-dashboard .account-side{
  border:1px solid #d7e8f2!important;
  border-radius:22px!important;
  box-shadow:0 16px 44px rgba(22,85,123,.08)!important;
}
body.is-public.ui-page-dashboard .account-side .profile-card{
  padding:25px 20px 21px!important;
  background:linear-gradient(180deg,#f4fbff 0%,#ffffff 100%)!important;
}
body.is-public.ui-page-dashboard .account-side .profile-card i{
  width:64px!important;
  height:64px!important;
  border-radius:19px!important;
  background:linear-gradient(145deg,#159fe9,#0879cc)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 12px 26px rgba(9,133,211,.24)!important;
}
body.is-public.ui-page-dashboard .account-side .profile-card h3{
  color:#173b56!important;
  font-size:16px!important;
  font-weight:850!important;
}
body.is-public.ui-page-dashboard .account-side .profile-card p{
  color:#748d9e!important;
  font-size:11.5px!important;
}
body.is-public.ui-page-dashboard .account-side nav{
  padding:12px!important;
  gap:5px!important;
}
body.is-public.ui-page-dashboard .account-side nav a{
  min-height:43px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 13px!important;
  border-radius:12px!important;
  color:#607f93!important;
  font-size:12px!important;
  font-weight:750!important;
}
body.is-public.ui-page-dashboard .account-side nav a.on{
  color:#087ac7!important;
  background:#edf8ff!important;
  border-color:#cfe8f7!important;
  box-shadow:inset 3px 0 0 #0b91e4!important;
}

/* Loyalty Point: restore premium blue surface + force readable text. */
body.is-public.ui-page-dashboard .ui-cd-rewards-stack{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:16px!important;
}
body.is-public.ui-page-dashboard .loyalty-wallet{
  position:relative!important;
  overflow:hidden!important;
  min-height:190px!important;
  margin:0!important;
  padding:23px 24px!important;
  border:1px solid rgba(79,187,245,.34)!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 92% 12%,rgba(255,255,255,.18),transparent 9rem),
    linear-gradient(135deg,#0878bd 0%,#0b92df 58%,#39b9f3 100%)!important;
  color:#fff!important;
  box-shadow:0 18px 42px rgba(7,124,190,.20)!important;
}
body.is-public.ui-page-dashboard .loyalty-wallet::before{
  content:"MGS";
  position:absolute;
  right:24px;
  bottom:-17px;
  color:rgba(255,255,255,.08);
  font-size:72px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.08em;
  pointer-events:none;
}
body.is-public.ui-page-dashboard .loyalty-wallet::after{
  width:220px!important;
  height:220px!important;
  right:-86px!important;
  top:-105px!important;
  background:rgba(255,255,255,.11)!important;
}
body.is-public.ui-page-dashboard .loyalty-wallet small{
  color:#ddf5ff!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}
body.is-public.ui-page-dashboard .loyalty-wallet-main{
  min-height:135px!important;
  align-items:flex-end!important;
}
body.is-public.ui-page-dashboard .loyalty-wallet-main b{
  color:#fff!important;
  font-size:38px!important;
  font-weight:900!important;
  letter-spacing:-.04em!important;
}
body.is-public.ui-page-dashboard .loyalty-wallet-main b span{
  color:#d9f4ff!important;
  font-size:12px!important;
}
body.is-public.ui-page-dashboard .loyalty-wallet-main p{
  max-width:330px!important;
  color:#e7f7ff!important;
  font-size:11.5px!important;
  line-height:1.6!important;
}
body.is-public.ui-page-dashboard .loyalty-wallet-foot{
  gap:7px!important;
  margin-top:13px!important;
  color:#fff!important;
  font-size:9.5px!important;
}
body.is-public.ui-page-dashboard .loyalty-wallet-foot span{
  padding:6px 8px!important;
  border:1px solid rgba(255,255,255,.25)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.10)!important;
  color:#effbff!important;
  backdrop-filter:blur(6px)!important;
}

/* Loyalty Tier: clean white card with separated KPI tiles. */
body.is-public.ui-page-dashboard .phase5-tier-card{
  min-height:190px!important;
  padding:23px 24px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:17px!important;
  align-content:space-between!important;
  border:1px solid #d7e8f2!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,#ffffff 0%,#f8fcff 100%)!important;
  box-shadow:0 16px 40px rgba(20,83,120,.075)!important;
}
body.is-public.ui-page-dashboard .phase5-tier-card>div:first-child>small{
  display:block!important;
  color:#087bc6!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.11em!important;
}
body.is-public.ui-page-dashboard .phase5-tier-card h3{
  margin:5px 0 7px!important;
  color:#173b56!important;
  font-size:22px!important;
  line-height:1.15!important;
  letter-spacing:-.03em!important;
}
body.is-public.ui-page-dashboard .phase5-tier-card p{
  margin:0!important;
  color:#688397!important;
  font-size:11.5px!important;
  line-height:1.55!important;
}
body.is-public.ui-page-dashboard .phase5-tier-stats{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
body.is-public.ui-page-dashboard .phase5-tier-stats span{
  min-width:0!important;
  padding:10px 11px!important;
  border:1px solid #e0edf4!important;
  border-radius:12px!important;
  background:#fff!important;
}
body.is-public.ui-page-dashboard .phase5-tier-stats small{
  display:block!important;
  color:#7c93a3!important;
  font-size:8px!important;
  font-weight:800!important;
  line-height:1.3!important;
}
body.is-public.ui-page-dashboard .phase5-tier-stats b{
  display:block!important;
  margin-top:5px!important;
  color:#123d5a!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:850!important;
  overflow-wrap:anywhere!important;
}

/* Empty upcoming-trip state */
body.is-public.ui-page-dashboard .phase1-empty-trip{
  min-height:250px!important;
  padding:44px 36px!important;
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
  border:1px solid #d9e9f2!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(62,183,244,.08),transparent 13rem),
    #fff!important;
  box-shadow:0 14px 38px rgba(20,83,120,.065)!important;
}
body.is-public.ui-page-dashboard .phase1-empty-trip>span{
  width:46px!important;
  height:46px!important;
  display:grid!important;
  place-items:center!important;
  margin:0 auto 10px!important;
  border:1px solid #cfe9f8!important;
  border-radius:14px!important;
  background:#edf9ff!important;
  color:#0b89d8!important;
  font-size:18px!important;
}
body.is-public.ui-page-dashboard .phase1-empty-trip small{
  color:#7590a3!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.09em!important;
}
body.is-public.ui-page-dashboard .phase1-empty-trip h2{
  margin:7px 0 7px!important;
  color:#173b56!important;
  font-size:22px!important;
  letter-spacing:-.025em!important;
}
body.is-public.ui-page-dashboard .phase1-empty-trip p{
  margin:0 0 18px!important;
  color:#718b9d!important;
  font-size:12px!important;
}
body.is-public.ui-page-dashboard .phase1-empty-trip .btn{
  min-height:42px!important;
  border-radius:12px!important;
  padding:0 18px!important;
}

@media (max-width:900px){
  body.is-public.ui-page-dashboard .ui-cd-rewards-stack{grid-template-columns:1fr!important;}
  body.is-public.ui-page-dashboard .phase1-account-page .account-grid{grid-template-columns:1fr!important;}
  body.is-public.ui-page-dashboard .account-side{position:relative!important;top:auto!important;}
  body.is-public.ui-page-dashboard .account-side .profile-card{display:grid!important;grid-template-columns:56px 1fr!important;text-align:left!important;column-gap:12px!important;align-items:center!important;}
  body.is-public.ui-page-dashboard .account-side .profile-card i{grid-row:1/3!important;width:54px!important;height:54px!important;margin:0!important;}
  body.is-public.ui-page-dashboard .account-side nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.is-public.ui-page-dashboard .phase5-tier-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}

@media (max-width:620px){
  body.is-public.ui-page-dashboard .phase1-account-hero{padding:34px 0 28px!important;}
  body.is-public.ui-page-dashboard .phase1-account-hero>.wrap{display:grid!important;gap:18px!important;}
  body.is-public.ui-page-dashboard .phase1-account-hero h1{font-size:34px!important;}
  body.is-public.ui-page-dashboard .phase1-account-hero .btn{width:100%!important;justify-content:center!important;}
  body.is-public.ui-page-dashboard .account-side nav{grid-template-columns:1fr!important;}
  body.is-public.ui-page-dashboard .loyalty-wallet,
  body.is-public.ui-page-dashboard .phase5-tier-card{padding:20px!important;}
  body.is-public.ui-page-dashboard .loyalty-wallet-main{display:grid!important;gap:14px!important;min-height:auto!important;}
  body.is-public.ui-page-dashboard .phase5-tier-stats{grid-template-columns:1fr!important;}
  body.is-public.ui-page-dashboard .phase1-empty-trip{padding:34px 20px!important;}
}