@import url('https://cdn-uicons.flaticon.com/4.0.0/uicons-regular-straight/css/uicons-regular-straight.css');
@import url('https://fonts.googleapis.com/css2?family=Manrope');

:root {
  --db-font: "Manrope", sans-serif ;
  --db-black: #111;
  --db-white: #fff;
  --db-light: #f8f8f8;
  --db-muted: #666;
  --db-border: rgba(0, 0, 0, 0.08);
  --db-border-soft: rgba(0, 0, 0, 0.06);
  --db-shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.06);
  --db-shadow-card: 0 8px 24px rgba(0, 0, 0, 0.06);
  --db-radius-card: 24px;
  --db-radius-field: 14px;
  --db-radius-pill: 999px;
}

/* =========================
   GLOBAL VIK FONT RESET
   ========================= */

.vikrentcar,
.vrcdivsearch,
.vrc-search-results-block,
.vrcstepsbarcont,
.vrc-showprc-form,
.db-showprc-form,
.db-oconfirm-form,
.vrc-order-details-top-wrap,
.vrc-order-details-costs-wrap,
.vrc-cdetails-cinfo,
.vrc-cardetails-book-wrap,
.vrc-avcals-container {
  font-family: inherit !important;
}

.vikrentcar *:not(.fa):not(.fas):not(.far):not(.fab),
.vrcdivsearch *:not(.fa):not(.fas):not(.far):not(.fab),
.vrc-search-results-block *:not(.fa):not(.fas):not(.far):not(.fab),
.vrcstepsbarcont *:not(.fa):not(.fas):not(.far):not(.fab),
.vrc-showprc-form *:not(.fa):not(.fas):not(.far):not(.fab),
.db-showprc-form *:not(.fa):not(.fas):not(.far):not(.fab),
.db-oconfirm-form *:not(.fa):not(.fas):not(.far):not(.fab),
.vrc-order-details-top-wrap *:not(.fa):not(.fas):not(.far):not(.fab),
.vrc-order-details-costs-wrap *:not(.fa):not(.fas):not(.far):not(.fab),
.vrc-cdetails-cinfo *:not(.fa):not(.fas):not(.far):not(.fab),
.vrc-cardetails-book-wrap *:not(.fa):not(.fas):not(.far):not(.fab),
.vrc-avcals-container *:not(.fa):not(.fas):not(.far):not(.fab) {
 
}

/* =========================
   SHARED BUTTON STATES
   ========================= */

.db-card-bookingbtn .btn,
.db-card-button,
.db-search-main .db-card-bookingbtn .btn,
.db-search-main .db-card-button,
.vrc-search-results-block .db-card-bookingbtn .btn,
.vrc-search-results-block .db-card-button {
  border: 1px solid var(--db-black) !important;
  box-shadow: none !important;
}

.db-card-bookingbtn .btn:hover,
.db-card-bookingbtn .btn:focus,
.db-card-bookingbtn .btn:active,
.db-card-button:hover,
.db-card-button:focus,
.db-card-button:active,
.db-search-main .db-card-bookingbtn .btn:hover,
.db-search-main .db-card-button:hover {
  border: 1px solid var(--db-black) !important;
  box-shadow: none !important;
  outline: none !important;
}


/* Card / catalog buttons */
.db-card-bookingbtn .btn,
.db-card-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 150px !important;
  padding: 12px !important;
  border-radius: 100px !important;
  background: var(--db-black) !important;
  color: var(--db-white) !important;
  border: 1px solid var(--db-black) !important;
  font-size: 12px !important;
  font-weight: 500;
  text-align: center;
  transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.db-card-bookingbtn .btn:hover,
.db-card-button:hover,
.db-card-bookingbtn .btn:focus,
.db-card-button:focus,
.db-card-bookingbtn .btn:active,
.db-card-button:active {
  background: var(--db-white) !important;
  color: var(--db-black) !important;
  border-color: var(--db-black) !important;
}

/* =========================
   CATALOG / RESULT CARDS
   ========================= */

.vrc-search-results-block.vrc-search-results-block-grid.db-cars-grid {
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 24px !important;
  align-items: start !important;
  justify-content: stretch !important;
}

.vrc-search-results-block.vrc-search-results-block-grid.db-cars-grid > .car_result.db-card {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  grid-column: span 1 !important;
}

body:has(.vrcstepsbarcont) .vrc-search-results-block.vrc-search-results-block-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.db-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: var(--db-white);
  border: 1px solid var(--db-border-soft);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: var(--db-shadow-card);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.db-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
  border-color: rgba(0, 0, 0, 0.12);
}

.db-card-image-link {
  display: block;
  width: 100%;
  overflow: hidden;
}

.db-card-image {
  display: block;
  width: 100%;
  padding: 10px;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 20px !important;
  filter: grayscale(100%);
  transition: filter 0.25s ease;
}

.db-card:hover .db-card-image {
  filter: grayscale(0%);
}

.db-card-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
  padding: 15px;
  padding-top: 0;
}

.db-card-title {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
}

.db-card-title a {
  color: var(--db-black);
  text-decoration: none;
}

.db-card-title a:hover {
  color: #000;
}

.db-card-features {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
  margin: 0;
}

.db-card-features > * {
  font-size: 13px;
  line-height: 1.2;
}

.db-card-divider {
  width: 100%;
  height: 1px;
  margin: 2px 0 0;
  background: lightgray;
}

.db-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: auto;
  padding-top: 2px;
}

.db-card-price {
  text-align: right;
  white-space: nowrap;
}

.db-card-price .car_cost,
.db-card-price .vrc_currency {
  font-size: 20px;
  font-weight: 700;
  color: var(--db-black);
}

.db-card-price .car_cost {
  display: inline-flex;
  align-items: baseline;
}

/* =========================
   SHARED BUTTON STATES
   ========================= */

.db-card-bookingbtn .btn,
.db-card-button,
.db-search-main .db-card-bookingbtn .btn,
.db-search-main .db-card-button,
.vrc-search-results-block .db-card-bookingbtn .btn,
.vrc-search-results-block .db-card-button {
  border: 1px solid var(--db-black) !important;
  box-shadow: none !important;
}

.db-card-bookingbtn .btn:hover,
.db-card-bookingbtn .btn:focus,
.db-card-bookingbtn .btn:active,
.db-card-button:hover,
.db-card-button:focus,
.db-card-button:active,
.db-search-main .db-card-bookingbtn .btn:hover,
.db-search-main .db-card-button:hover {
  border: 1px solid var(--db-black) !important;
  box-shadow: none !important;
  outline: none !important;
}


/* Card / catalog buttons */
.db-card-bookingbtn .btn,
.db-card-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 150px !important;
  padding: 12px !important;
  border-radius: 100px !important;
  background: var(--db-black) !important;
  color: var(--db-white) !important;
  border: 1px solid var(--db-black) !important;
  font-size: 12px !important;
  font-weight: 500;
  text-align: center;
  transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.db-card-bookingbtn .btn:hover,
.db-card-button:hover,
.db-card-bookingbtn .btn:focus,
.db-card-button:focus,
.db-card-bookingbtn .btn:active,
.db-card-button:active {
  background: var(--db-white) !important;
  color: var(--db-black) !important;
  border-color: var(--db-black) !important;
}

@media (max-width: 1200px) {
  .vrc-search-results-block.vrc-search-results-block-grid.db-cars-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 992px) {
  .vrc-search-results-block.vrc-search-results-block-grid.db-cars-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* =========================
   SEARCH MODULE - SINGLE ROW DESKTOP
   ========================= */

.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal {
  width: 100%;
  max-width: 100%;
  border-radius: 25px;
}

/* Main form: one horizontal row */
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal > form {
  display: grid !important;
  grid-template-columns: minmax(280px, 0.9fr) minmax(520px, 1.7fr) minmax(170px, 0.35fr) !important;
  gap: 14px !important;
  align-items: end !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 12px !important;
  box-sizing: border-box !important;
}

/* Override the inline 40/40/20 widths */
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrc-searchmod-section-pickup,
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrc-searchmod-section-datetimes,
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrc-searchmod-section-sbmt {
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* Pickup + dropoff location side by side */
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrc-searchmod-section-pickup {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: end !important;
}

/* Pickup datetime + dropoff datetime side by side */
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrc-searchmod-section-datetimes {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: end !important;
}

/* Inside each datetime group: date + time */
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrc-searchmod-section-datetimes > .vrcsfentrycont {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 130px !important;
  gap: 10px !important;
  align-items: end !important;
  width: 100% !important;
  margin: 0 !important;
}

/* Submit section */
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrc-searchmod-section-sbmt {
  display: flex !important;
  align-items: end !important;
  height: 100% !important;
}

.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrc-searchmod-section-sbmt .vrcsfentrycont,
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrc-searchmod-section-sbmt .vrcsfentrysubmit {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .btn.vrcsearch {
  width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  white-space: nowrap !important;
}

/* Reset inner wrappers */
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrcsfentrycont,
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrcsfentrylabsel,
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrcsfentrytime,
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrcsfentryselect,
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrcsfentrydate {
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* Inputs/selects */
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal input,
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal select {
  width: 100% !important;
  max-width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  box-sizing: border-box !important;
}

/* Time dropdowns */
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrc-sf-time-container {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  gap: 4px !important;
  align-items: center !important;
  width: 100% !important;
}

.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrctimesep {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Calendar icon positioning */
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrcsfentrydate {
  position: relative !important;
}

.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrc-caltrigger {
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
}

.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrcsfentrydate input {
  padding-right: 42px !important;
}

/* Tablet fallback */
@media (max-width: 1200px) {
  .vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal > form {
    grid-template-columns: 1fr !important;
  }

  .vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrc-searchmod-section-pickup,
  .vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrc-searchmod-section-datetimes {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Mobile fallback */
@media (max-width: 767px) {
  .vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrc-searchmod-section-pickup,
  .vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrc-searchmod-section-datetimes,
  .vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrc-searchmod-section-datetimes > .vrcsfentrycont {
    grid-template-columns: 1fr !important;
  }
}

/* =========================
   SEARCH MODULE - STYLE POLISH
   ========================= */

/* Slightly smaller text overall */
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal,
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal label,
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal input,
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal select,
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal button {
  font-size: 14px !important;
}

/* Labels */
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal label {
  font-weight: 500 !important;
  margin-bottom: 6px !important;
  color: #111 !important;
}

/* Inputs + selects */
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal input,
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal select {
  height: 50px !important;
  min-height: 50px !important;
  border-radius: 8px !important;
  border: 1px solid #d8d8d8 !important;
  background-color: #fff !important;
  color: #111 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Inputs/selects focus */
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal input:focus,
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal select:focus {
  border-color: #111 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Make date field a little smaller inside each date/time block */
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrc-searchmod-section-datetimes > .vrcsfentrycont {
  grid-template-columns: 170px 118px !important;
}

/* Keep time selects tidy */
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrc-sf-time-container {
  height: 50px !important;
}

.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrc-sf-time-container select {
  height: 50px !important;
  min-height: 50px !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}

/* Calendar icon alignment */
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrc-caltrigger {
  right: 12px !important;
  color: #555 !important;
}

/* Button: black, no visible border */
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .btn.vrcsearch,
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .btn.vrcsearch.vrc-pref-color-btn {
  margin-top: 17px;
  height: 50px !important;
  min-height: 50px !important;
  border-radius: 8px !important;
  background-color: #000 !important;
  color: #fff !important;
  border: 1px solid #000 !important;
  box-shadow: none !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  transition: all 0.2s ease !important;
}

/* Button hover */
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .btn.vrcsearch:hover,
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .btn.vrcsearch.vrc-pref-color-btn:hover {
  background-color: #fff !important;
  color: #000 !important;
  border: 1px solid #000 !important;
  box-shadow: none !important;
}

/* Button focus/active */
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .btn.vrcsearch:focus,
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .btn.vrcsearch:active {
  background-color: #000 !important;
  color: #fff !important;
  border: 1px solid #000 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Tablet fallback: let the date breathe when the layout stacks */
@media (max-width: 1200px) {
  .vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrc-searchmod-section-datetimes > .vrcsfentrycont {
    grid-template-columns: minmax(0, 1fr) 118px !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal input,
  .vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal select,
  .vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .btn.vrcsearch {
    height: 48px !important;
    min-height: 48px !important;
  }
}

/* =========================
   SEARCH MODULE - FINAL POLISH PATCH
   ========================= */

/* Give more space back to pickup/dropoff locations */
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal > form {
  grid-template-columns: minmax(470px, 1.45fr) max-content minmax(170px, 0.35fr) !important;
  gap: 14px !important;
}

/* Keep location fields wider */
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrc-searchmod-section-pickup {
  grid-template-columns: repeat(2, minmax(220px, 1fr)) !important;
}

/* Date a bit smaller, time a tiny bit bigger */
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrc-searchmod-section-datetimes > .vrcsfentrycont {
  grid-template-columns: 155px 138px !important;
  gap: 12px !important;
}

/* Remove the double-box effect from date fields */
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrcsfentrydate {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  height: auto !important;
  min-height: 0 !important;
}

.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrcsfentrydate input {
  padding-left: 15px;
  width: 100% !important;
  border: 1px solid #d8d8d8 !important;
  border-radius: 8px !important;
  background: #fff !important;
}

/* Time fields slightly wider / cleaner */
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrc-sf-time-container {
  grid-template-columns: minmax(56px, 1fr) auto minmax(56px, 1fr) !important;
  gap: 6px !important;
}

/* Button as pill */
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .btn.vrcsearch,
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .btn.vrcsearch.vrc-pref-color-btn {
  border-radius: 999px !important;
  background: #000 !important;
  color: #fff !important;
  border: 1px solid #000 !important;
}

/* Pill hover */
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .btn.vrcsearch:hover,
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .btn.vrcsearch.vrc-pref-color-btn:hover {
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #000 !important;
}

/* Keep button from stretching too wide */
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrc-searchmod-section-sbmt {
  justify-content: flex-end !important;
}

.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrc-searchmod-section-sbmt .vrcsfentrysubmit {
  display: flex !important;
  justify-content: flex-end !important;
}

.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .btn.vrcsearch {
  width: auto !important;
  min-width: 170px !important;
}

/* Tablet fallback */
@media (max-width: 1200px) {
  .vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal > form {
    grid-template-columns: 1fr !important;
  }

  .vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrc-searchmod-section-pickup {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrc-searchmod-section-datetimes > .vrcsfentrycont {
    grid-template-columns: minmax(0, 1fr) 138px !important;
  }

  .vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .btn.vrcsearch {
    width: 100% !important;
  }
}

.vrcdivsearch .vrcsfentrylabsel .vrcsfentrydate i {
    margin: 0 !important;
    padding-right: 10px;
}

/* =========================
   VIK CARS WIDGET / STANDARD BOOKING
   ========================= */

.vrcmodcarsgridcontainer {
  margin-top: 32px;
}

.vrcmodcarsgridcontainer .vrc-modcars-item {
  height: 100%;
}

.vrcmodcarsgridcontainer .vrcmodcarsgridcont-item {
  display: block;
  height: 100%;
  margin: 0;
  background: var(--db-white);
  border: 1px solid var(--db-border);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.05);
}

.vrcmodcarsgridcontainer .vrcmodcarsgridboxdiv {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--db-white);
  border: 0 !important;
}

.vrcmodcarsgridboxdiv:hover {
  -webkit-transform: none !important;
  transform: none !important;
}

.vrcmodcarsgridcontainer .vrcmodcarsgridboxdiv > a {
  display: block;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #f4f4f4;
  border-radius: 15px;
}

.vrcmodcarsgridcontainer .vrcmodcarsgridimg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.vrcmodcarsgridcontainer .vrcmodcarsgrid-item_details {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 18px 20px 8px;
  background: var(--db-white);
  border: 0 !important;
}

.vrcmodcarsgridcontainer .vrcmodcarsgrid-item_title {
  margin: 0;
  color: var(--db-black);
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
}

.vrcmodcarsgridcontainer .vrcmodcarsgrid-box-cost {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin: 0;
}

.vrcmodcarsgridcontainer .vrcmodcarsgridstartfrom {
  color: rgba(17, 17, 17, 0.55);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.vrcmodcarsgridcontainer .vrcmodcarsgridcarcost {
  color: var(--db-black);
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

.vrcmodcarsgridcontainer .vrcmodcarsgridview {
  padding: 0 20px 20px;
  background: var(--db-white);
  border: 0 !important;
}

.vrcmodcarsgridcontainer .btn-vrcmodcarsgrid-btn,
.vrcmodcarsgridcontainer .btn-vrcmodcarsgrid-btn.vrc-pref-color-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 50px;
  padding: 0 18px;
  background: var(--db-black) !important;
  border: 1px solid var(--db-black) !important;
  border-radius: 100px;
  color: var(--db-white) !important;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-decoration: none;
  text-transform: uppercase;
  box-shadow: none !important;
}

.vrcmodcarsgridcontainer .btn-vrcmodcarsgrid-btn:hover,
.vrcmodcarsgridcontainer .btn-vrcmodcarsgrid-btn.vrc-pref-color-btn:hover {
  background: var(--db-white) !important;
  border-color: var(--db-black) !important;
  color: var(--db-black) !important;
}

.vrcmodcarsgridcontainer .vrcmodcarsgrid-item-btm,
.vrcmodcarsgridcontainer .owl-dots {
  display: none !important;
}

.vrcmodcarsgridcontainer .owl-stage-outer {
  padding: 4px 0;
}

.vrcmodcarsgridcontainer .owl-item {
  padding: 0 10px;
  box-sizing: border-box;
}

.vrcmodcarsgridcontainer .owl-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
}

.vrcmodcarsgridcontainer .owl-nav button.owl-prev,
.vrcmodcarsgridcontainer .owl-nav button.owl-next {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: var(--db-black) !important;
  border: 1px solid var(--db-black) !important;
  border-radius: 12px;
  color: var(--db-white) !important;
  font-size: 24px !important;
  line-height: 1;
  opacity: 1 !important;
  box-shadow: none !important;
}

.vrcmodcarsgridcontainer .owl-nav button.owl-prev:hover,
.vrcmodcarsgridcontainer .owl-nav button.owl-next:hover {
  background: var(--db-white) !important;
  color: var(--db-black) !important;
  border-color: var(--db-black) !important;
}

.vrcmodcarsgridcontainer .owl-nav button span {
  line-height: 1;
  transform: translateY(-1px);
}

.vrccaratsdiv .vrccarcarat {
    display: inline-block;
    background: #f1f1f1;
    margin-right: 5px;
    padding: 3px;
    border-radius: 5px;
}

/* =========================
   STEP 2 SEARCH RESULTS LAYOUT
   ========================= */

.db-search-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 32px;
  align-items: start;
}

.db-search-main,
.db-search-summary {
  min-width: 0;
}

.db-search-summary {
  width: 100%;
  align-self: start;
}

.db-search-summary-card {
  position: sticky;
  top: 24px;
  width: 100%;
  box-sizing: border-box;
  padding: 24px;
  background: var(--db-white);
  border: 1px solid var(--db-border-soft);
  border-radius: var(--db-radius-card);
  box-shadow: var(--db-shadow-soft);
}

.db-search-summary-block {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.db-search-summary-label,
.db-showprc-form .db-showprc-summary-label,
.db-oconfirm-form .db-oconfirm-summary-label {
  color: #777 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.db-search-summary-date {
  color: var(--db-black);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.15;
}

.db-search-summary-time,
.db-showprc-form .db-showprc-summary-time,
.db-oconfirm-form .db-oconfirm-summary-time {
  color: #444 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}

.db-search-summary-location,
.db-showprc-form .db-showprc-summary-location,
.db-oconfirm-form .db-oconfirm-summary-location {
  color: var(--db-muted) !important;
  font-size: 14px !important;
}

.db-search-summary-divider,
.db-showprc-form .db-showprc-summary-divider,
.db-oconfirm-form .db-oconfirm-summary-divider {
  width: 100% !important;
  height: 1px !important;
  margin: 18px 0 !important;
  background: var(--db-border) !important;
}

.db-search-summary-duration {
  margin: 0 0 18px;
  color: var(--db-black);
  font-size: 14px;
  font-weight: 600;
}

.db-search-summary-actions {
  width: 100%;
}

.db-search-change-btn {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: var(--db-radius-pill) !important;
  background: var(--db-black) !important;
  color: var(--db-white) !important;
  text-decoration: none;
  border: 1px solid var(--db-black) !important;
  transition: background 0.25s ease, color 0.25s ease;
}

.db-search-change-btn:hover {
  background: var(--db-white) !important;
  color: var(--db-black) !important;
}

.vrcsfentrysubmit {
    text-align: center;
}

@media (max-width: 1024px) {
  .db-search-layout {
    grid-template-columns: 1fr;
  }

  .db-search-summary-card {
    position: static;
  }
}

/* =========================
   STEP BAR
   ========================= */

.vrcstepsbarcont {
  margin: 0 0 28px;
  padding-inline: 4px;
  overflow: visible !important;
}

.vrc-stepbar {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 15px !important;
  border: 0;
  border-radius: 20px;
  background: none;
  list-style: none;
  counter-reset: vrcstep !important;
  overflow: visible !important;
}

.vrc-stepbar .vrc-step {
  position: relative;
  counter-increment: vrcstep !important;
  height: auto !important;
  margin: 0;
  padding: 0;
}

.vrc-stepbar .vrc-step::before,
.vrc-stepbar .vrc-step::after,
.vrc-stepbar .vrc-step > a::after,
.vrc-stepbar .vrc-step > span::after {
  content: none !important;
  display: none !important;
}

.vrc-stepbar .vrc-step > a,
.vrc-stepbar .vrc-step > span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 54px;
  padding: 0 18px 0 54px;
  border: 1px solid var(--db-border);
  border-radius: 16px;
  background: #efefef;
  color: var(--db-black) !important;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
}

.vrc-stepbar .vrc-step > a::before,
.vrc-stepbar .vrc-step > span::before {
  content: counter(vrcstep) !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border-radius: var(--db-radius-pill);
  background: var(--db-white);
  border: 1px solid rgba(0, 0, 0, 0.18);
  color: var(--db-black);
  font-size: 13px;
  font-weight: 700;
  z-index: 2;
}

.vrc-stepbar .vrc-step-current > a,
.vrc-stepbar .vrc-step-current > span {
  background: var(--db-black);
  border-color: var(--db-black);
  color: var(--db-white) !important;
}

.vrc-stepbar .vrc-step-current > a::before,
.vrc-stepbar .vrc-step-current > span::before,
.vrc-stepbar .vrc-step-complete > a::before,
.vrc-stepbar .vrc-step-complete > span::before {
  background: var(--db-white) !important;
  border: 1px solid var(--db-white) !important;
  color: var(--db-black) !important;
}

.vrc-stepbar .vrc-step-complete > a,
.vrc-stepbar .vrc-step-complete > span,
.vrc-stepbar .vrc-step-next > a,
.vrc-stepbar .vrc-step-next > span {
  background: #efefef !important;
  border-color: var(--db-border) !important;
  color: var(--db-black) !important;
  box-shadow: none !important;
}

.vrc-stepbar .vrc-step-complete > a::before {
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.vrc-stepbar .vrc-step-complete > a:hover::before {
  background: var(--db-black) !important;
  border-color: var(--db-black) !important;
  color: var(--db-white) !important;
}

@media (max-width: 900px) {
  .vrc-stepbar {
    grid-template-columns: 1fr 1fr;
  }
}

/* =========================
   STEP 3 / SHOWPRC
   ========================= */

.db-showprc-form .db-showprc-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 920px) 480px !important;
  justify-content: space-between !important;
  gap: 32px !important;
  align-items: start !important;
}

.db-showprc-form .db-showprc-main {
  min-width: 0 !important;
  max-width: 920px !important;
}

.db-showprc-form .db-showprc-heading {
  margin: 0 0 18px !important;
}

.db-showprc-form .db-showprc-title {
  margin: 0 !important;
  color: white !important;
  font-size: 42px !important;
  font-weight: 700 !important;
  line-height: 1.05 !important;
}

.db-showprc-form .db-showprc-hero {
  margin: 0 0 18px !important;
  border-radius: var(--db-radius-card) !important;
  overflow: hidden !important;
}

.db-showprc-form .db-showprc-hero-image {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
}

.db-showprc-form .db-showprc-gallery {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 0 24px !important;
}

.db-showprc-form .db-showprc-gallery-item {
  display: block !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

.db-showprc-form .db-showprc-gallery-item img {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
}

.db-showprc-form .db-showprc-description {
  margin: 0 0 22px !important;
  color: #333 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

.db-showprc-form .db-showprc-features {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
}

.db-showprc-form .db-showprc-summary,
.db-showprc-summary {
  position: sticky;
  top: 120px;
  width: 100% !important;
  min-width: 0 !important;
  align-self: start !important;
  height: fit-content;
}

.db-showprc-form .db-showprc-summary-card {
  position: sticky !important;
  top: 120px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 24px !important;
  background: var(--db-white) !important;
  border: 1px solid var(--db-border-soft) !important;
  border-radius: var(--db-radius-card) !important;
  box-shadow: var(--db-shadow-soft) !important;
  max-height: none !important;
  overflow: visible !important;
}

.db-showprc-form .db-showprc-summary-block {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.db-showprc-form .db-showprc-summary-date {
  color: var(--db-black) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
}

.db-showprc-form .db-showprc-summary-duration {
  margin: 0 0 18px !important;
  color: var(--db-black) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.db-showprc-form .db-showprc-summary-section + .db-showprc-summary-section {
  margin-top: 22px !important;
}

.db-showprc-form .db-showprc-summary-title {
  margin: 0 0 12px !important;
  color: var(--db-black) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

.db-showprc-form .db-showprc-prices-inner,
.db-showprc-form .vrc-showprc-prices-inner,
.db-showprc-form .db-showprc-options-inner,
.db-showprc-form .vrc-showprc-options-inner {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.db-showprc-form .vrc-showprc-option-row,
.db-showprc-form .vrc-showprc-price-row {
  margin: 0 !important;
  padding: 14px 16px !important;
  background: var(--db-light) !important;
  border: 1px solid var(--db-border) !important;
  border-radius: 16px !important;
}

.db-showprc-form .vrc-showprc-price-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
}

.db-showprc-form .vrc-showprc-price-row.vrc-showprc-price-selected {
  background: var(--db-white) !important;
  border-color: rgba(0, 0, 0, 0.18) !important;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.04) !important;
}

.db-showprc-form .vrc-showprc-price-row-cell-first,
.db-showprc-form .vrc-showprc-option-name-descr {
  min-width: 0 !important;
}

.db-showprc-form .vrc-showprc-price-row label {
  display: block !important;
  cursor: pointer !important;
  margin: 0 !important;
}

.db-showprc-form .vrc-showprc-priceinfo {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.db-showprc-form .vrc-showprc-pricename,
.db-showprc-form .vrc-showprc-option-name {
  color: var(--db-black) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

.db-showprc-form .vrc-showprc-pricecost,
.db-showprc-form .vrc-showprc-option-cell-price-descr {
  color: var(--db-black) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}

.db-showprc-form .vrc-showprc-priceattr {
  margin-top: 4px !important;
  color: var(--db-muted) !important;
  font-size: 13px !important;
}

.db-showprc-form .vrc-showprc-price-row-cell-last input[type="radio"],
.db-showprc-form .vrc-showprc-option-cell-price-sel input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  cursor: pointer !important;
}

.db-showprc-form .vrc-showprc-option-row {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.db-showprc-form .vrc-showprc-option-cell-info {
  display: flex !important;
  gap: 12px !important;
  align-items: flex-start !important;
  min-width: 0 !important;
}

.db-showprc-form .vrc-showprc-option-img {
  flex: 0 0 64px !important;
}

.db-showprc-form .vrc-showprc-option-img img {
  display: block !important;
  width: 64px !important;
  height: 64px !important;
  object-fit: cover !important;
  border-radius: 12px !important;
}

.db-showprc-form .vrc-showprc-option-name {
  margin-bottom: 4px !important;
}

.db-showprc-form .vrc-showprc-option-cell-descr,
.db-showprc-form .vrcoptionaldescr {
  color: var(--db-muted) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

.db-showprc-form .vrc-showprc-option-cell-price {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
}

.db-showprc-form .vrc-showprc-option-cell-price-descr {
  white-space: nowrap !important;
}

.db-showprc-form .vrc-showprc-option-cell-price-sel {
  flex: 0 0 auto !important;
}

.db-showprc-form .vrc-showprc-option-cell-price-sel input[type="number"] {
  width: 86px !important;
  height: 42px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  border-radius: 12px !important;
  background: var(--db-white) !important;
  font-size: 14px !important;
}

.db-showprc-form .vrcoptionforcequant {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 0 12px !important;
  border-radius: 12px !important;
  background: var(--db-white) !important;
  border: 1px solid var(--db-border) !important;
  color: var(--db-black) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.db-showprc-form .db-showprc-disclaimer,
.db-showprc-form .car_disclaimer {
  margin-top: 20px !important;
  padding: 14px 16px !important;
  background: #fafafa !important;
  border: 1px solid var(--db-border-soft) !important;
  border-radius: 14px !important;
  color: #555 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

.db-showprc-form .db-showprc-actions,
.db-showprc-form .car_buttons_box {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  margin-top: 20px !important;
}

.car_buttons_box .vrc-goback-block {
  margin: 0;
}

.db-showprc-form .db-showprc-back-btn,
.db-showprc-form .db-showprc-continue-btn {
  width: 100% !important;
  min-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 18px !important;
  border-radius: var(--db-radius-pill) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

.db-showprc-form .db-showprc-back-btn {
  background: #f2f2f2 !important;
  color: var(--db-black) !important;
  border: 1px solid var(--db-border) !important;
}

.db-showprc-form .db-showprc-back-btn:hover {
  background: #e8e8e8 !important;
  color: var(--db-black) !important;
}

.db-showprc-form .db-showprc-continue-btn {
  background: var(--db-black) !important;
  color: var(--db-white) !important;
  border: 1px solid var(--db-black) !important;
}

.db-showprc-form .db-showprc-continue-btn:hover {
  background: var(--db-white) !important;
  color: var(--db-black) !important;
}

.db-showprc-layout,
.vrc-showprc-container,
.db-showprc-right,
.vrc-showprc-right,
.db-showprc-sidebar {
  align-items: start !important;
  overflow: visible !important;
}

@media (max-width: 1200px) {
  .db-showprc-form .db-showprc-layout {
    grid-template-columns: minmax(0, 1fr) 340px !important;
  }
}

@media (max-width: 1024px) {
  .db-showprc-form .db-showprc-layout {
    grid-template-columns: 1fr !important;
  }

  .db-showprc-form .db-showprc-summary,
  .db-showprc-form .db-showprc-summary-card,
  .db-showprc-summary {
    position: static !important;
    max-height: none !important;
    overflow: visible !important;
  }
}

@media (max-width: 767px) {
  .db-showprc-form .db-showprc-title {
    font-size: 30px !important;
  }

  .db-showprc-form .db-showprc-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .db-showprc-form .db-showprc-summary-card {
    padding: 18px !important;
    border-radius: 18px !important;
  }

  .db-showprc-form .vrc-showprc-option-cell-info,
  .db-showprc-form .vrc-showprc-option-cell-price {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .db-showprc-form .vrc-showprc-option-img {
    flex-basis: auto !important;
  }

  .db-showprc-form .vrc-showprc-option-cell-price-descr {
    white-space: normal !important;
  }

  .db-showprc-form .db-showprc-actions,
  .db-showprc-form .car_buttons_box {
    grid-template-columns: 1fr !important;
  }
}

/* =========================
   STEP 4 / OCONFIRM
   ========================= */

.db-oconfirm-form,
.db-oconfirm-layout,
.db-oconfirm-main,
.db-oconfirm-summary {
  overflow: visible !important;
}

.db-oconfirm-form .db-oconfirm-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 920px) 480px !important;
  justify-content: space-between !important;
  gap: 32px !important;
  align-items: stretch !important;
}

.db-oconfirm-form .db-oconfirm-main {
  min-width: 0 !important;
  max-width: 920px !important;
}

.db-oconfirm-form .db-oconfirm-summary {
  position: relative;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  align-self: stretch !important;
}

.db-oconfirm-form .db-oconfirm-hero-wrap {
  margin: 0 0 24px !important;
}

.db-oconfirm-form .db-oconfirm-hero {
  margin-bottom: 14px !important;
  border-radius: var(--db-radius-card) !important;
  overflow: hidden !important;
}

.db-oconfirm-form .db-oconfirm-hero-image {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
}

.db-oconfirm-form .db-oconfirm-hero-title {
  color: var(--db-black) !important;
  font-size: 34px !important;
  font-weight: 700 !important;
  line-height: 1.05 !important;
}

.db-oconfirm-form .db-oconfirm-pin-block,
.db-oconfirm-form .vrc-enterpin-block,
.db-oconfirm-coupon-outer form,
.db-oconfirm-form .db-oconfirm-customer-card,
.db-oconfirm-form .db-oconfirm-summary-card {
  background: var(--db-white) !important;
  border: 1px solid var(--db-border-soft) !important;
  box-shadow: var(--db-shadow-soft) !important;
}

.db-oconfirm-form .db-oconfirm-pin-block,
.db-oconfirm-form .vrc-enterpin-block,
.db-oconfirm-coupon-outer form {
  padding: 18px 20px !important;
  border-radius: 20px !important;
}

.db-oconfirm-form .db-oconfirm-pin-block,
.db-oconfirm-form .vrc-enterpin-block,
.db-oconfirm-coupon-outer {
  margin: 0 0 20px !important;
}

.db-oconfirm-form .vrc-enterpin-top,
.db-oconfirm-coupon-outer .vrcentercoupon {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  align-items: center !important;
}

.db-oconfirm-form .vrc-enterpin-top > span {
  flex: 1 1 240px !important;
  color: #333 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

.db-oconfirm-form #vrc-pincode-inp,
.db-oconfirm-coupon-outer .vrcinputcoupon {
  height: 46px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  border-radius: var(--db-radius-field) !important;
  background: var(--db-light) !important;
}

.db-oconfirm-form .vrc-pincode-sbmt,
.db-oconfirm-coupon-outer .vrcsubmitcoupon {
  min-height: 46px !important;
  padding: 0 18px !important;
  border-radius: var(--db-radius-pill) !important;
}

.db-oconfirm-form .db-oconfirm-customer-card,
.db-oconfirm-form .db-oconfirm-summary-card {
  padding: 24px !important;
  border-radius: var(--db-radius-card) !important;
}

.db-oconfirm-form .db-oconfirm-summary-card {
  position: sticky !important;
  top: 24px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  align-self: start !important;
  height: fit-content !important;
  max-height: calc(100vh - 32px) !important;
  overflow: visible !important;
}

.db-oconfirm-form .db-oconfirm-section-title {
  margin: 0 0 18px !important;
  color: var(--db-black) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

.db-oconfirm-form .vrccustomfields {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px 18px !important;
}

.db-oconfirm-form .vrcdivcustomfield {
  margin: 0 !important;
  min-width: 0 !important;
}

.db-oconfirm-form .vrccustomfldinfo,
.db-oconfirm-form .vrcdivcustomfield.vrccustomfldinfo {
  grid-column: 1 / -1 !important;
}

.db-oconfirm-form .vrcseparatorcf,
.db-oconfirm-form .vrcseparatorcflong {
  padding: 10px 0 0 !important;
  border-top: 1px solid var(--db-border) !important;
  color: var(--db-muted) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

.db-oconfirm-form .vrc-customfield-label {
  margin: 0 0 8px !important;
  color: #222 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

.db-oconfirm-form .vrc-customfield-label label,
.db-oconfirm-form .vrc-customfield-label a {
  color: inherit !important;
  text-decoration: none !important;
}

.db-oconfirm-form .vrcrequired {
  color: var(--db-black) !important;
}

.db-oconfirm-form .vrc-customfield-input input[type="text"],
.db-oconfirm-form .vrc-customfield-input input[type="email"],
.db-oconfirm-form .vrc-customfield-input input[type="number"],
.db-oconfirm-form .vrc-customfield-input textarea,
.db-oconfirm-form .vrc-customfield-input select,
.db-oconfirm-form .vrcf-countryinp,
.db-oconfirm-form .vrcinput,
.db-oconfirm-form .vrctextarea {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  border-radius: var(--db-radius-field) !important;
  background: var(--db-light) !important;
  color: var(--db-black) !important;
  box-shadow: none !important;
  outline: none !important;
  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease !important;
}

.db-oconfirm-form .vrc-customfield-input input[type="text"],
.db-oconfirm-form .vrc-customfield-input input[type="email"],
.db-oconfirm-form .vrc-customfield-input input[type="number"],
.db-oconfirm-form .vrc-customfield-input select,
.db-oconfirm-form .vrcf-countryinp,
.db-oconfirm-form .vrcinput {
  height: 52px !important;
  padding: 0 16px !important;
}

.db-oconfirm-form .vrc-customfield-input textarea,
.db-oconfirm-form .vrctextarea {
  min-height: 120px !important;
  padding: 14px 16px !important;
  resize: vertical !important;
}

.db-oconfirm-form .vrc-customfield-input input:focus,
.db-oconfirm-form .vrc-customfield-input textarea:focus,
.db-oconfirm-form .vrc-customfield-input select:focus,
.db-oconfirm-form .vrcinput:focus,
.db-oconfirm-form .vrctextarea:focus,
.db-oconfirm-form .vrcf-countryinp:focus {
  background: var(--db-white) !important;
  border-color: rgba(0, 0, 0, 0.25) !important;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.06) !important;
}

.db-oconfirm-form .vrc-oconfirm-cfield-entry-checkbox {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  grid-column: 1 / -1 !important;
}

.db-oconfirm-form .vrc-oconfirm-cfield-entry-checkbox .vrc-customfield-label {
  order: 2 !important;
  flex: 1 1 auto !important;
  margin: 0 !important;
}

.db-oconfirm-form .vrc-oconfirm-cfield-entry-checkbox .vrc-customfield-input {
  order: 1 !important;
  flex: 0 0 auto !important;
  padding-top: 2px !important;
}

.db-oconfirm-form .vrc-oconfirm-cfield-entry-checkbox input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
}

.db-oconfirm-form .db-oconfirm-summary-carname {
  margin-bottom: 6px !important;
  color: var(--db-black) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
}

.db-oconfirm-form .db-oconfirm-summary-ratename {
  color: var(--db-muted) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

.db-oconfirm-form .db-oconfirm-summary-block {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.db-oconfirm-form .db-oconfirm-summary-date {
  color: var(--db-black) !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
}

.db-oconfirm-form .db-oconfirm-summary-duration {
  color: var(--db-black) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.db-oconfirm-form .db-oconfirm-summary-list,
.db-oconfirm-form .vrc-noliststyletype,
.db-oconfirm-form .vrc-oconfirm-choosedeposit-inner {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.db-oconfirm-form .db-oconfirm-summary-row {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

.db-oconfirm-form .db-oconfirm-summary-row-label {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  color: #444 !important;
}

.db-oconfirm-form .db-oconfirm-summary-row-price {
  flex: 0 0 auto !important;
  color: var(--db-black) !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}

.db-oconfirm-form .db-oconfirm-summary-row-discount .db-oconfirm-summary-row-label,
.db-oconfirm-form .db-oconfirm-summary-row-discount .db-oconfirm-summary-row-price {
  color: #0a7a3d !important;
}

.db-oconfirm-form .db-oconfirm-summary-total {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin-bottom: 18px !important;
}

.db-oconfirm-form .db-oconfirm-summary-total-label {
  color: var(--db-black) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

.db-oconfirm-form .db-oconfirm-summary-total-price {
  color: var(--db-black) !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.db-oconfirm-form .db-oconfirm-paym-block,
.db-oconfirm-form .vrc-oconfirm-paym-block {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.vrc-oconfirm-paym-block {
  display: inline-block;
  width: 100%;
  margin: 0;
  border: none;
  padding: 0;
}

.db-oconfirm-form .vrc-noliststyletype {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.db-oconfirm-form .vrc-gpay-licont {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 14px 16px !important;
  background: var(--db-light) !important;
  border: 1px solid var(--db-border) !important;
  border-radius: 16px !important;
}

.db-oconfirm-form .vrc-gpay-licont-active {
  background: var(--db-white) !important;
  border-color: rgba(0, 0, 0, 0.18) !important;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.04) !important;
}

.db-oconfirm-form .vrc-gpay-licont input[type="radio"] {
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
}

.db-oconfirm-form .vrc-gpay-licont label {
  margin: 0 !important;
  cursor: pointer !important;
}

.db-oconfirm-form .vrc-paymeth-info {
  color: var(--db-black) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
}

.db-oconfirm-form .vrc-payment-image img {
  display: block !important;
  max-height: 28px !important;
  width: auto !important;
}

.db-oconfirm-form .vrc-oconfirm-choosedeposit {
  margin-top: 18px !important;
  padding: 16px !important;
  background: #fafafa !important;
  border: 1px solid var(--db-border-soft) !important;
  border-radius: 16px !important;
}

.db-oconfirm-form .vrc-oconfirm-choosedeposit h4 {
  margin: 0 0 12px !important;
  color: var(--db-black) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

.db-oconfirm-form .vrc-oconfirm-choosedeposit-payfull,
.db-oconfirm-form .vrc-oconfirm-choosedeposit-paydeposit {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
}

.db-oconfirm-form .vrc-oconfirm-choosedeposit input[type="radio"] {
  width: 18px !important;
  height: 18px !important;
  margin-top: 1px !important;
}

.db-oconfirm-form .vrc-oconfirm-choosedeposit label {
  margin: 0 !important;
  color: #222 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  cursor: pointer !important;
}

.db-oconfirm-form .db-oconfirm-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  margin-top: 20px !important;
}

.db-oconfirm-form .db-oconfirm-back-btn,
.db-oconfirm-form .db-oconfirm-confirm-btn {
  width: 100% !important;
  min-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 18px !important;
  border-radius: var(--db-radius-pill) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

.db-oconfirm-form .db-oconfirm-back-btn {
  background: #f2f2f2 !important;
  color: var(--db-black) !important;
  border: 1px solid var(--db-border) !important;
}

.db-oconfirm-form .db-oconfirm-back-btn:hover {
  background: #e8e8e8 !important;
  color: var(--db-black) !important;
}

.db-oconfirm-form .db-oconfirm-confirm-btn {
  background: var(--db-black) !important;
  color: var(--db-white) !important;
  border: 1px solid var(--db-black) !important;
}

.db-oconfirm-form .db-oconfirm-confirm-btn:hover {
  background: var(--db-white) !important;
  color: var(--db-black) !important;
}

.db-oconfirm-coupon-outer .vrchaveacoupon {
  color: #222 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.vrc-alert-container-confirm {
  margin-top: 18px !important;
  padding: 14px 16px !important;
  background: #fff3f3 !important;
  border: 1px solid rgba(180, 0, 0, 0.12) !important;
  border-radius: 14px !important;
  color: #8a1f1f !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

.db-oconfirm-form .iti,
.db-oconfirm-form .intl-tel-input {
  width: 100% !important;
  display: block !important;
}

.db-oconfirm-form .iti input,
.db-oconfirm-form .iti input.vrcinput,
.db-oconfirm-form .intl-tel-input input,
.db-oconfirm-form .intl-tel-input input.vrcinput {
  padding-left: 52px !important;
}

.db-oconfirm-form .iti__selected-country,
.db-oconfirm-form .selected-flag {
  left: 12px !important;
  padding-left: 0 !important;
  padding-right: 8px !important;
}

.db-oconfirm-form .iti__flag-container,
.db-oconfirm-form .flag-container {
  left: 0 !important;
}

@media (max-width: 1200px) {
  .db-oconfirm-form .db-oconfirm-layout {
    grid-template-columns: minmax(0, 880px) 340px !important;
  }

  .db-oconfirm-form .db-oconfirm-main {
    max-width: 880px !important;
  }
}

@media (max-width: 1024px) {
  .db-oconfirm-form .db-oconfirm-layout {
    grid-template-columns: 1fr !important;
  }

  .db-oconfirm-form .db-oconfirm-main {
    max-width: none !important;
  }

  .db-oconfirm-form .db-oconfirm-summary-card {
    position: static !important;
  }
}

@media (max-width: 767px) {
  .db-oconfirm-form .db-oconfirm-hero-title {
    font-size: 28px !important;
  }

  .db-oconfirm-form .db-oconfirm-customer-card,
  .db-oconfirm-form .db-oconfirm-summary-card {
    padding: 18px !important;
    border-radius: 18px !important;
  }

  .db-oconfirm-form .vrccustomfields,
  .db-oconfirm-form .db-oconfirm-actions {
    grid-template-columns: 1fr !important;
  }

  .db-oconfirm-form .db-oconfirm-summary-total {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .db-oconfirm-form .db-oconfirm-summary-total-price {
    font-size: 24px !important;
  }

  .db-oconfirm-form .vrc-gpay-licont {
    grid-template-columns: auto minmax(0, 1fr) !important;
  }

  .db-oconfirm-form .vrc-payment-image {
    grid-column: 2 !important;
  }
}

/* =========================
   CAR DETAILS
   ========================= */

.db-cardetails-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 480px;
  gap: 32px;
  align-items: start;
}

.db-cardetails-main {
  min-width: 0;
}

.db-cardetails-sidebar {
  position: sticky;
  top: 120px;
  align-self: start;
  margin-top: -60px;
}

.db-cardetails-summary {
  background: var(--db-white);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
  border-radius: 30px;
  padding: 20px;
  
}

.db-cardetails-title-wrap,
.db-cardetails-hero-wrap,
.db-cardetails-gallery-wrap,
.db-cardetails-description-wrap,
.db-cardetails-features-wrap {
  margin-bottom: 28px;
}

.db-cardetails-title {
  font-size: clamp(32px, 4vw, 52px);
  color: white;
}

.db-cardetails-hero-wrap {
  display: block;
  width: 100%;
}

.db-cardetails-hero-wrap .vrc-cdetails-cmainimg {
  float: none !important;
  display: block;
  width: 100%;
  margin: 0;
  border-radius: 20px;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  background: #f5f5f5;
}

.db-cardetails-hero-wrap .vrc-cdetails-cmainimg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.vrc-cdetails-cost {
  margin: 0;
  padding: 0;
  text-align: right;
}

.db-cardetails-gallery-wrap .cardetails_moreimages {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  padding: 10px;
}

.db-cardetails-gallery-wrap .cardetails_moreimages a {
  display: block;
  border-radius: 14px;
  overflow: hidden;
  background: #f5f5f5;
}

.db-cardetails-gallery-wrap .cardetails_moreimages img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: center;
}

.db-cardetails-description-wrap {
  color: #222;
  font-size: 16px;
  line-height: 1.75;
}

.db-cardetails-description-wrap p:first-child {
  margin-top: 0;
}

.db-cardetails-description-wrap p:last-child {
  margin-bottom: 0;
}

.vrc-cardetails-legend,
.vrc-avcals-container,
.vrc-hourlycal-container {
  display: none !important;
}

.db-cardetails-summary-price {
  display: flex;
  flex-direction: column;
  background: var(--db-white);
  border: none;
}

.db-cardetails-summary-price .vrcliststartfrom {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  opacity: 0.65;
}

.db-cardetails-summary-price .car_cost {
  color: var(--db-black);
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
}

.vrc-cardetails-book-wrap {
  margin: 0;
}

.vrc-cardetails-book-wrap > h4 {
  margin: 0 0 18px !important;
  color: var(--db-black) !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.02em !important;
  display: none;
}

.vrc-cardetails-book-wrap .vrcdivsearch,
.vrc-cardetails-book-wrap .vrcdivsearch-inner {
  display: block;
  background: var(--db-white);
  border-radius: 15px;
}

.vrc-cardetails-book-wrap form {
  display: block;
}

.vrc-cardetails-book-wrap .vrc-searchf-section-datetimes {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.vrc-cardetails-book-wrap .vrc-searchf-section-datetimes > .vrcsfentrycont {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  align-items: start;
  margin-bottom: 0;
}

.vrc-cardetails-book-wrap .vrcsfentrycont {
  width: 100%;
  margin-bottom: 16px !important;
}

.vrc-cardetails-book-wrap .vrcsfentrylabsel,
.vrc-cardetails-book-wrap .vrcsfentrytime,
.vrc-cardetails-book-wrap .vrcsfentrydate,
.vrc-cardetails-book-wrap .vrc-sf-time-container,
.vrc-cardetails-book-wrap .vrcsfentryselect,
.vrc-cardetails-book-wrap .vrcsfentrysubmit,
.vrc-cardetails-book-wrap .vrc-search-submit {
  width: 100%;
}

.vrc-cardetails-book-wrap label {
  display: block !important;
  margin-bottom: 8px !important;
  color: #222 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em;
}

.vrc-cardetails-book-wrap .vrcsfentrydate {
  position: relative;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

.vrc-cardetails-book-wrap .vrcsfentrydate input,
.vrc-cardetails-book-wrap .vrc-sf-time-container select,
.vrc-cardetails-book-wrap input[type="text"],
.vrc-cardetails-book-wrap input[type="email"],
.vrc-cardetails-book-wrap input[type="tel"],
.vrc-cardetails-book-wrap input[type="number"],
.vrc-cardetails-book-wrap select,
.vrc-cardetails-book-wrap textarea {
  width: 100%;
  box-sizing: border-box;
  background: var(--db-white) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  border-radius: var(--db-radius-field) !important;
  box-shadow: none !important;
}

.vrc-cardetails-book-wrap .vrcsfentrydate input,
.vrc-cardetails-book-wrap .vrc-sf-time-container select,
.vrc-cardetails-book-wrap input[type="text"],
.vrc-cardetails-book-wrap input[type="email"],
.vrc-cardetails-book-wrap input[type="tel"],
.vrc-cardetails-book-wrap input[type="number"],
.vrc-cardetails-book-wrap select {
  height: 52px !important;
  min-height: 48px;
  padding: 0 14px !important;
}

.vrc-cardetails-book-wrap .vrcsfentrydate input {
  padding-right: 44px !important;
}

.vrc-cardetails-book-wrap textarea {
  min-height: 120px;
  padding: 12px 14px;
}

.vrc-cardetails-book-wrap .vrc-caltrigger,
.vrc-cardetails-book-wrap .vrcsfentrydate i {
  position: absolute;
  padding-right: 10px;
  padding-top: 5px;
  margin: 0 !important;
  line-height: 1;
  opacity: 0.65;
}

.vrc-cardetails-book-wrap .vrc-sf-time-container {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}

.vrc-cardetails-book-wrap .vrc-sf-time-container > span:not(.vrctimesep) {
  display: block;
  width: 100%;
}

.vrc-cardetails-book-wrap .vrctimesep {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  color: var(--db-muted);
  font-size: 16px;
  font-weight: 600;
}

.vrc-cardetails-book-wrap .vrcsfentrydate input:focus,
.vrc-cardetails-book-wrap .vrc-sf-time-container select:focus {
  border-color: rgba(0, 0, 0, 0.24) !important;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05) !important;
  outline: none;
}

.vrc-cardetails-book-wrap .vrcsfentrysubmit,
.vrc-cardetails-book-wrap .vrc-search-submit {
  margin-top: 4px !important;
}

.vrc-cardetails-book-wrap .btn,
.vrc-cardetails-book-wrap .vrc-search-btn,
.vrc-cardetails-book-wrap input[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 52px;
  padding: 0 18px;
  border-radius: 100px;
  background: var(--db-black) !important;
  border: 1px solid var(--db-black) !important;
  color: var(--db-white) !important;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: none !important;
}

.vrc-cardetails-book-wrap .btn:hover,
.vrc-cardetails-book-wrap .vrc-search-btn:hover,
.vrc-cardetails-book-wrap input[type="submit"]:hover {
  background: var(--db-white) !important;
  border-color: var(--db-black) !important;
  color: var(--db-black) !important;
}

@media (max-width: 1100px) {
  .db-cardetails-layout {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .db-cardetails-sidebar {
    position: static;
  }

  .db-cardetails-summary {
    padding: 20px !important;
  }
}

@media (max-width: 767px) {
  .db-cardetails-gallery-wrap .cardetails_moreimages {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .db-cardetails-title {
    font-size: 32px;
  }

  .vrc-cardetails-book-wrap .vrc-searchf-section-datetimes > .vrcsfentrycont {
    grid-template-columns: 1fr;
  }
}

.vrc-cardetails-book-wrap .vrc-searchf-section-locations {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px !important;
  width: 100% !important;
  margin: 0 0 18px !important;
}

.vrc-cardetails-book-wrap .vrc-searchf-section-locations .vrcsfentrycont {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.vrc-cardetails-book-wrap .vrc-searchf-section-locations .vrcsfentryselect,
.vrc-cardetails-book-wrap .vrc-searchf-section-locations select,
.vrc-cardetails-book-wrap #place,
.vrc-cardetails-book-wrap #returnplace {
  width: 100% !important;
  max-width: 100% !important;
}

/* =========================
   FEATURES PILLS
   ========================= */

.db-cardetails-features-wrap .vrc-car-carats,
.vrc-showprc-car-carats,
.vrc-car-carats {
  display: block !important;
  grid-template-columns: none !important;
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none;
}

.db-cardetails-features-wrap .vrccaratsdiv,
.vrc-car-carats .vrccaratsdiv,
.vrc-showprc-car-carats .vrccaratsdiv {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: stretch !important;
}

.db-cardetails-features-wrap .vrccarcarat,
.vrc-car-carats .vrccarcarat,
.vrc-showprc-car-carats .vrccarcarat {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
}

.db-cardetails-features-wrap .vrc-carat-cont,
.vrc-car-carats .vrc-carat-cont,
.vrc-showprc-car-carats .vrc-carat-cont {
  display: block !important;
  width: 100% !important;
}

.db-cardetails-features-wrap .vrc-expl::before,
.db-cardetails-features-wrap .vrc-expl::after,
.vrc-car-carats .vrc-expl::before,
.vrc-car-carats .vrc-expl::after,
.vrc-showprc-car-carats .vrc-expl::before,
.vrc-showprc-car-carats .vrc-expl::after {
  content: none !important;
  display: none !important;
}

.db-cardetails-features-wrap .vrc-expl,
.vrc-car-carats .vrc-expl,
.vrc-showprc-car-carats .vrc-expl {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 52px !important;
  padding: 12px 18px !important;
  background: var(--db-black) !important;
  border: none !important;
  border-radius: var(--db-radius-pill) !important;
  box-shadow: none !important;
  color: var(--db-white) !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  position: relative !important;
  overflow: hidden !important;
}

.db-cardetails-features-wrap .vrc-expl i,
.vrc-car-carats .vrc-expl i,
.vrc-showprc-car-carats .vrc-expl i {
  order: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  color: var(--db-white) !important;
  font-size: 16px !important;
  line-height: 1 !important;
}

@media (max-width: 1024px) {
  .db-cardetails-features-wrap .vrccaratsdiv,
  .vrc-car-carats .vrccaratsdiv,
  .vrc-showprc-car-carats .vrccaratsdiv {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* =========================
   ORDER PAGE
   ========================= */

.db-order-actions {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 16px;
}

.db-order-actions .vrcprintdiv {
  margin: 0;
}

.db-order-actions .vrcprintdiv a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--db-white);
  border: 1px solid var(--db-border);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
  text-decoration: none;
}

.successmade,
.warn,
.err {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 18px;
  border-radius: 16px;
  margin-bottom: 18px;
  font-weight: 500;
}

.successmade {
  background: rgba(32, 146, 84, 0.08);
  border: 1px solid rgba(32, 146, 84, 0.16);
}

.warn {
  justify-content: center;
  background: rgba(219, 154, 4, 0.08);
  border: 1px solid rgba(219, 154, 4, 0.18);
}

.err {
  background: rgba(200, 60, 60, 0.08);
  border: 1px solid rgba(200, 60, 60, 0.16);
}

.db-order-top-pay {
  margin-bottom: 22px;
}

.db-order-top-pay .vrc-paycontainer-pos,
.vrc-paycontainer-pos-middle {
  display: block !important;
}

.db-order-top-pay .vrc-paycontainer-pos:empty,
.vrc-paycontainer-pos-middle:empty {
  display: none !important;
  margin-bottom: 0 !important;
}

.vrc-paycontainer-pos-middle {
  margin-bottom: 22px;
}

.db-order-layout {
  display: block;
}

.db-order-main-grid {
  display: grid;
  grid-template-columns: 0.95fr 1.35fr;
  gap: 24px;
  align-items: start;
  margin-bottom: 28px;
}

.db-order-card,
.vrc-order-details-costs-wrap {
  background: var(--db-white);
  border: 1px solid var(--db-border);
  border-radius: 20px;
  padding: 24px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
  min-width: 0;
}

.db-order-card .vrcvordudatatitle {
  display: block;
  margin: 0 0 18px;
  color: var(--db-black);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.15;
}

.db-order-card-content-personal {
  color: #222;
  font-size: 15px;
  line-height: 1.75;
}

.db-order-card-personal .vrc-order-details-info-inner {
  margin-top: 18px;
}

.db-order-summary-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 24px;
  align-items: start;
}

.db-order-summary-main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.db-order-summary-block {
  padding: 0;
}

.db-order-summary-block + .db-order-summary-block {
  padding-top: 22px;
  border-top: 1px solid var(--db-border);
}

.vrc-order-details-info-inner,
.vrc-order-details-summary-entry {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 0;
  border-bottom: 1px solid var(--db-border-soft);
}

.vrc-order-details-info-inner:last-child,
.vrc-order-details-summary-entry:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.vrc-order-details-info-key,
.vrc-order-details-summary-key {
  flex: 0 0 40%;
  color: rgba(17, 17, 17, 0.58);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.vrc-order-details-info-val,
.vrc-order-details-summary-val {
  flex: 1 1 auto;
  color: var(--db-black);
  font-size: 15px;
  line-height: 1.55;
  text-align: right;
}

.db-order-summary-block-trip .vrcvordudatatitle {
  margin-bottom: 16px;
}

.db-order-summary-media {
  min-width: 0;
}

.db-order-summary-media .vrc-order-details-car-photo {
  margin: 0;
  border-radius: 18px;
  overflow: hidden;
  background: #f4f4f4;
  aspect-ratio: 4 / 3;
}

.db-order-summary-media .vrc-order-details-car-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.vrc-order-details-info-val-upload-docs .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  padding: 0 16px;
  border-radius: 14px;
  text-decoration: none;
}

.vrc-order-details-costs-wrap {
  margin-bottom: 22px;
}

.vrc-order-details-costs-inner {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.vrc-order-details-costs-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 14px 0;
  border-bottom: 1px solid var(--db-border-soft);
}

.vrc-order-details-costs-row:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.vrc-order-details-costs-name {
  color: #222;
  font-size: 15px;
  line-height: 1.4;
}

.vrc-order-details-costs-price {
  color: var(--db-black);
  font-size: 16px;
  font-weight: 600;
  text-align: right;
  white-space: nowrap;
}

.vrc-order-details-costs-row-total {
  padding-top: 18px;
}

.vrc-order-details-costs-row-total .vrc-order-details-costs-name,
.vrc-order-details-costs-row-total .vrc-order-details-costs-price {
  font-size: 18px;
  font-weight: 700;
}

.vrc-order-details-costs-row-totalpaid .vrc-order-details-costs-name,
.vrc-order-details-costs-row-totalpaid .vrc-order-details-costs-price,
.vrc-order-details-costs-row-remainingbalance .vrc-order-details-costs-name,
.vrc-order-details-costs-row-remainingbalance .vrc-order-details-costs-price {
  font-weight: 700;
}

.vrcvordpaybutton {
  margin-top: 22px;
  border-radius: 25px;
}

.vrcvordpaybutton form,
.vrcvordpaybutton .btn,
.vrcvordpaybutton button,
.vrcvordpaybutton input[type="submit"],
.vrcvordpaybutton a.button {
  max-width: 100%;
}

.db-order-top-pay .btn,
.db-order-top-pay button,
.db-order-top-pay input[type="submit"],
.vrcvordpaybutton .btn,
.vrcvordpaybutton button,
.vrcvordpaybutton input[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 54px;
  padding: 0 18px;
  background: #2e9e5b !important;
  border: 1px solid #2e9e5b !important;
  border-radius: 100px;
  color: var(--db-white) !important;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 10px 24px rgba(46, 158, 91, 0.2);
}

.db-order-top-pay .btn:hover,
.db-order-top-pay button:hover,
.db-order-top-pay input[type="submit"]:hover,
.vrcvordpaybutton .btn:hover,
.vrcvordpaybutton button:hover,
.vrcvordpaybutton input[type="submit"]:hover {
  background: #27874d !important;
  border-color: #27874d !important;
  color: var(--db-white) !important;
}

@media (max-width: 1100px) {
  .db-order-main-grid,
  .db-order-summary-grid {
    grid-template-columns: 1fr;
  }

  .db-order-summary-media .vrc-order-details-car-photo {
    aspect-ratio: 16 / 9;
  }
}

/* =========================
   MOBILE QA
   ========================= */

@media (max-width: 767px) {
  .vrc-search-results-block.vrc-search-results-block-grid,
  .vrc-search-results-block.vrc-search-results-block-grid.db-cars-grid,
  body:has(.vrcstepsbarcont) .vrc-search-results-block.vrc-search-results-block-grid,
  body:has(.vrcstepsbarcont) .vrc-search-results-block.vrc-search-results-block-grid.db-cars-grid {
    grid-template-columns: 1fr !important;
  }

  .vrc-search-results-block.vrc-search-results-block-grid > .car_result,
  .vrc-search-results-block.vrc-search-results-block-grid.db-cars-grid > .car_result.db-card {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    grid-column: auto !important;
  }

  .db-card-title {
    font-size: 20px;
  }

  .db-card-body {
    padding: 16px;
  }

  .db-card-price .car_cost {
    font-size: 18px;
  }

  .vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal form {
    padding: 18px !important;
    border-radius: 18px !important;
  }

  .vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrc-searchmod-section-datetimes {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrc-searchmod-section-datetimes > .vrcsfentrycont {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: end !important;
    width: 100% !important;
  }

  .vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrc-searchmod-section-datetimes > .vrcsfentrycont > .vrcsfentrylabsel,
  .vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrc-searchmod-section-datetimes > .vrcsfentrycont > .vrcsfentrytime {
    width: 100% !important;
    min-width: 0 !important;
  }

  .vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-horizontal .vrc-sf-time-container {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    gap: 6px !important;
    width: 100% !important;
  }

  .db-cardetails-features-wrap .vrccaratsdiv,
  .vrc-car-carats .vrccaratsdiv,
  .vrc-showprc-car-carats .vrccaratsdiv {
    grid-template-columns: 1fr !important;
  }

  .db-order-card,
  .vrc-order-details-costs-wrap {
    padding: 18px;
  }

  .vrc-order-details-info-inner,
  .vrc-order-details-summary-entry,
  .vrc-order-details-costs-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .vrc-order-details-info-val,
  .vrc-order-details-summary-val,
  .vrc-order-details-costs-price {
    text-align: left;
    white-space: normal;
  }

  .db-order-actions {
    justify-content: flex-start;
  }
}


/* =========================================================
   ORDER PAGE - Contact form style rebuild
   paste at the very bottom
========================================================= */

/* Main order containers */
.vrc-order-details-top-wrap,
.vrc-order-details-costs-wrap,
.db-order-card {
  background: #fff !important;
  border: 0 !important;
  border-radius: 26px !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.08) !important;
  padding: 28px !important;
  margin-bottom: 28px !important;
  overflow: hidden !important;
}

/* Remove old inner borders/boxes */
.vrc-order-details-top-wrap *,
.vrc-order-details-costs-wrap *,
.db-order-card * {
  box-sizing: border-box;
}

.vrc-order-details-top-order,
.vrc-order-details-top-car,
.vrc-order-details-costs-inner {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Top section layout */
.vrc-order-details-top-order {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin-bottom: 18px !important;
}

/* Inner cards: personal details / order details / car summary */
.vrc-order-details-top-element,
.vrc-order-details-top-car {
  background: #f0f1f3 !important;
  border: 0 !important;
  border-radius: 20px !important;
  box-shadow: none !important;
  padding: 22px !important;
  margin: 0 !important;
}

/* Car summary layout */
.vrc-order-details-top-car {
  display: grid !important;
  grid-template-columns: 260px minmax(0, 1fr) !important;
  gap: 22px !important;
  align-items: stretch !important;
}

/* Car image */
.vrc-order-details-car-info {
  min-width: 0 !important;
}

.vrc-order-details-car-photo {
  width: 100% !important;
  margin: 0 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: #fff !important;
  aspect-ratio: 16 / 9 !important;
}

.vrc-order-details-car-photo img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

.vrc-order-details-car-info h4 {
  display: none !important;
  margin: 14px 0 0 !important;
  color: #000 !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

/* Titles */
.vrcvordudatatitle {
  display: block !important;
  margin: 0 0 14px !important;
  color: #000 !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

/* Text */
.vrc-order-details-text-wrap {
  color: #8c8fa1 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

/* Order info rows */
.vrc-order-details-info-inner,
.vrc-order-details-summary-entry {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 16px !important;
  padding: 12px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
  background: transparent !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

.vrc-order-details-info-inner:last-child,
.vrc-order-details-summary-entry:last-child {
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.vrc-order-details-info-key,
.vrc-order-details-summary-key {
  color: #000 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.vrc-order-details-info-val,
.vrc-order-details-summary-val {
  color: #8c8fa1 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-align: right !important;
}

/* Trip summary block */
.vrc-order-details-summary {
  background: #fff !important;
  border: 0 !important;
  border-radius: 18px !important;
  box-shadow: none !important;
  padding: 18px !important;
  margin: 0 !important;
}

/* Costs card */
.vrc-order-details-costs-inner {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.vrc-order-details-costs-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 18px !important;
  margin: 0 !important;
  padding: 16px 18px !important;
  background: #f0f1f3 !important;
  border: 0 !important;
  border-radius: 16px !important;
  color: #8c8fa1 !important;
}

.vrc-order-details-costs-name {
  color: #000 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

.vrc-order-details-costs-price {
  color: #000 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

/* Total / paid / remaining rows */
.vrc-order-details-costs-row-total,
.vrc-order-details-costs-row-totalpaid,
.vrc-order-details-costs-row-remainingbalance {
  background: #071021 !important;
  border-radius: 999px !important;
  padding: 18px 22px !important;
}

.vrc-order-details-costs-row-total *,
.vrc-order-details-costs-row-totalpaid *,
.vrc-order-details-costs-row-remainingbalance * {
  color: #fff !important;
  font-weight: 900 !important;
}

/* Status message pills */
.successmade,
.warn,
.err {
  border: 0 !important;
  border-radius: 999px !important;
  padding: 16px 22px !important;
  margin: 0 0 24px !important;
  box-shadow: none !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

.successmade {
  background: #e8f8ef !important;
  color: #157a3f !important;
}

.warn {
  background: #fff4df !important;
  color: #946200 !important;
}

.err {
  background: #ffe8e8 !important;
  color: #a60000 !important;
}

/* Print button */
.vrcprintdiv {
  margin-bottom: 18px !important;
}

.vrcprintdiv a {
  width: 44px !important;
  height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #071021 !important;
  color: #fff !important;
  border-radius: 999px !important;
  text-decoration: none !important;
}

/* Pay button area */
.vrcvordpaybutton {
  background: #fff !important;
  border: 0 !important;
  border-radius: 26px !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.08) !important;
  padding: 24px !important;
  margin-top: 24px !important;
}

.vrcvordpaybutton .btn,
.vrcvordpaybutton button,
.vrcvordpaybutton input[type="submit"],
.vrcvordpaybutton a.button {
  width: 100% !important;
  min-height: 56px !important;
  border: 1px solid #071021 !important;
  border-radius: 999px !important;
  background: #071021 !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.vrcvordpaybutton .btn:hover,
.vrcvordpaybutton button:hover,
.vrcvordpaybutton input[type="submit"]:hover,
.vrcvordpaybutton a.button:hover {
  background: #fff !important;
  color: #071021 !important;
}

/* Mobile */
@media (max-width: 767px) {
  .vrc-order-details-top-wrap,
  .vrc-order-details-costs-wrap,
  .db-order-card,
  .vrcvordpaybutton {
    padding: 18px !important;
    border-radius: 22px !important;
  }

  .vrc-order-details-top-order,
  .vrc-order-details-top-car {
    grid-template-columns: 1fr !important;
  }

  .vrc-order-details-top-element,
  .vrc-order-details-top-car {
    padding: 18px !important;
    border-radius: 18px !important;
  }

  .vrc-order-details-info-inner,
  .vrc-order-details-summary-entry,
  .vrc-order-details-costs-row {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
  }

  .vrc-order-details-info-val,
  .vrc-order-details-summary-val,
  .vrc-order-details-costs-price {
    text-align: left !important;
    white-space: normal !important;
  }

  .vrc-order-details-costs-row-total,
  .vrc-order-details-costs-row-totalpaid,
  .vrc-order-details-costs-row-remainingbalance {
    border-radius: 18px !important;
  }
}

/* =========================================================
   CARD DETAILS BOOKING CARD - Contact form style
========================================================= */

.vrc-cardetails-book-wrap h4 {
  diplay: none !important;
}

/* Remove the ugly inner box */
.vrc-cardetails-book-wrap .vrcdivsearch,
.vrc-cardetails-book-wrap .vrcdivsearch-inner,
.vrc-cardetails-book-wrap form {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Each field group */
.vrc-cardetails-book-wrap .vrcsfentrycont {
  width: 100% !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

/* Labels */
.vrc-cardetails-book-wrap label {
  display: block !important;
  margin: 0 0 9px !important;
  color: #000 !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
}

/* Field wrappers */
.vrc-cardetails-book-wrap .vrcsfentryselect,
.vrc-cardetails-book-wrap .vrcsfentrydate,
.vrc-cardetails-book-wrap .vrc-sf-time-container {
  width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Inputs + selects */
.vrc-cardetails-book-wrap input[type="text"],
.vrc-cardetails-book-wrap select {
  width: 100% !important;
  height: 53px !important;
  border: 0 !important;
  outline: none !important;
  background: #f0f1f3 !important;
  color: #0b1020 !important;
  border-radius: 12px !important;
  padding: 0 18px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  box-shadow: none !important;
}

/* Date field with calendar icon */
.vrc-cardetails-book-wrap .vrcsfentrydate {
  position: relative !important;
}

.vrc-cardetails-book-wrap .vrcsfentrydate input[type="text"] {
  padding-left: 42px !important;
  margin: 0;
}

.vrc-cardetails-book-wrap .vrc-caltrigger,
.vrc-cardetails-book-wrap .fa-calendar-alt {
  position: absolute !important;
  left: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #8c8fa1 !important;
  font-size: 14px !important;
  z-index: 2 !important;
}

/* Pickup/dropoff location section */
.vrc-cardetails-book-wrap .vrc-searchf-section-locations {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* Time fields */
.vrc-cardetails-book-wrap .vrcsfentrytime {
  width: 100% !important;
  margin: 0 !important;
}

.vrc-cardetails-book-wrap .vrc-sf-time-container {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
  gap: 14px !important;
}

.vrc-cardetails-book-wrap .vrc-sf-time-container span {
  display: block !important;
}

.vrc-cardetails-book-wrap .vrctimesep {
  color: #8c8fa1 !important;
  font-weight: 700 !important;
}

/* Submit area */
.vrc-cardetails-book-wrap .vrcsfentrysubmit {
  width: 100% !important;
  margin-top: 6px !important;
}

.vrc-cardetails-book-wrap button[type="submit"],
.vrc-cardetails-book-wrap .vrcsearch,
.vrc-cardetails-book-wrap .vrc-pref-color-btn {
  width: 100% !important;
  height: 56px !important;
  border: 1px solid #071021 !important;
  border-radius: 999px !important;
  background: #071021 !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.vrc-cardetails-book-wrap button[type="submit"]:hover,
.vrc-cardetails-book-wrap .vrcsearch:hover,
.vrc-cardetails-book-wrap .vrc-pref-color-btn:hover {
  background: #fff !important;
  color: #071021 !important;
  border-color: #071021 !important;
}

/* Focus */
.vrc-cardetails-book-wrap input[type="text"]:focus,
.vrc-cardetails-book-wrap select:focus {
  background: #eceef1 !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06) !important;
}

/* Mobile tightening */
@media (max-width: 767px) {
  .vrc-cardetails-book-wrap {
    padding: 28px !important;
    border-radius: 24px !important;
  }

  .vrc-cardetails-book-wrap h4 {
    font-size: 29px !important;
    display: none;
  }

  .vrc-cardetails-book-wrap input[type="text"],
  .vrc-cardetails-book-wrap select {
    height: 53px !important;
  }
}

/* =========================================================
   CARD DETAILS BOOKING CARD - Time fields fix
========================================================= */

.vrc-cardetails-book-wrap .vrcsfentrytime {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.vrc-cardetails-book-wrap .vrc-sf-time-container {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
  gap: 14px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Target the actual hour/minute selects */
.vrc-cardetails-book-wrap .vrcsfentrytime select,
.vrc-cardetails-book-wrap .vrc-sf-time-container select,
.vrc-cardetails-book-wrap #vrccomselph select,
.vrc-cardetails-book-wrap #vrccomselpm select,
.vrc-cardetails-book-wrap #vrccomseldh select,
.vrc-cardetails-book-wrap #vrccomseldm select {
  width: 100% !important;
  height: 53px !important;
  min-height: 53px !important;
  border: 0 !important;
  outline: none !important;
  background-color: #f0f1f3 !important;
  color: #0b1020 !important;
  border-radius: 999px !important;
  padding: 0 18px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  box-shadow: none !important;
  appearance: auto !important;
  -webkit-appearance: auto !important;
}

/* Make the spans holding the selects behave properly */
.vrc-cardetails-book-wrap .vrc-sf-time-container > span:not(.vrctimesep) {
  width: 100% !important;
  display: block !important;
}

/* Colon between time fields */
.vrc-cardetails-book-wrap .vrc-sf-time-container .vrctimesep {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #8c8fa1 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  width: auto !important;
}

/* Focus state */
.vrc-cardetails-book-wrap .vrcsfentrytime select:focus,
.vrc-cardetails-book-wrap .vrc-sf-time-container select:focus {
  background-color: #eceef1 !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06) !important;
}

/* Mobile: keep the two time boxes balanced */
@media (max-width: 767px) {
  .vrc-cardetails-book-wrap .vrc-sf-time-container {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  .vrc-cardetails-book-wrap .vrcsfentrytime select,
  .vrc-cardetails-book-wrap .vrc-sf-time-container select {
    height: 53px !important;
    min-height: 53px !important;
  }
}

/* =========================================================
   CARD DETAILS BOOKING CARD - Nuclear time select fix
   Must be at the very bottom
========================================================= */

body .vrc-cardetails-book-wrap .vrcsfentrytime .vrc-sf-time-container {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 18px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* The actual wrappers around hour/minute selects */
body .vrc-cardetails-book-wrap #vrccomselph,
body .vrc-cardetails-book-wrap #vrccomselpm,
body .vrc-cardetails-book-wrap #vrccomseldh,
body .vrc-cardetails-book-wrap #vrccomseldm {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 53px !important;
  background: #f0f1f3 !important;
  border: 0 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

/* Fake select arrow */
body .vrc-cardetails-book-wrap #vrccomselph::after,
body .vrc-cardetails-book-wrap #vrccomselpm::after,
body .vrc-cardetails-book-wrap #vrccomseldh::after,
body .vrc-cardetails-book-wrap #vrccomseldm::after {
  content: "▾" !important;
  position: absolute !important;
  right: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #0b1020 !important;
  font-size: 13px !important;
  line-height: 1 !important;
  pointer-events: none !important;
}

/* Actual selects */
body .vrc-cardetails-book-wrap #vrccomselph select,
body .vrc-cardetails-book-wrap #vrccomselpm select,
body .vrc-cardetails-book-wrap #vrccomseldh select,
body .vrc-cardetails-book-wrap #vrccomseldm select,
body .vrc-cardetails-book-wrap select#pickuph,
body .vrc-cardetails-book-wrap select#releaseh,
body .vrc-cardetails-book-wrap select[name="pickupm"],
body .vrc-cardetails-book-wrap select[name="releasem"] {
  display: block !important;
  width: 100% !important;
  height: 53px !important;
  min-height: 53px !important;
  margin: 0 !important;
  padding: 0 42px 0 18px !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  outline: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;

  color: #0b1020 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 53px !important;

  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
}

/* Colon */
body .vrc-cardetails-book-wrap .vrc-sf-time-container .vrctimesep {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  min-width: 18px !important;
  height: 53px !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #8c8fa1 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

/* Focus state */
body .vrc-cardetails-book-wrap #vrccomselph:focus-within,
body .vrc-cardetails-book-wrap #vrccomselpm:focus-within,
body .vrc-cardetails-book-wrap #vrccomseldh:focus-within,
body .vrc-cardetails-book-wrap #vrccomseldm:focus-within {
  background: #eceef1 !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06) !important;
}

/* =========================================================
   CAR CHARACTERISTICS - Unified specs card
   Works on Cardetails + Step 3 / Showprc
========================================================= */

/* Main specs card */
body :is(.db-cardetails-features-wrap, .db-showprc-features) {
  margin: 28px 0 !important;
  padding: 28px !important;
  background: #fff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 24px !important;
  box-shadow: none !important;
}

/* Card title */
body :is(.db-cardetails-features-wrap, .db-showprc-features)::before {
  content: "Specifications";
  display: block !important;
  margin: 0 0 26px !important;
  color: #000 !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

/* Grid */
body :is(.db-cardetails-features-wrap, .db-showprc-features) .vrccaratsdiv {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 30px 56px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Reset wrappers */
body :is(.db-cardetails-features-wrap, .db-showprc-features) .vrccarcarat,
body :is(.db-cardetails-features-wrap, .db-showprc-features) .vrc-carat-cont {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Main item / value */
body :is(.db-cardetails-features-wrap, .db-showprc-features) .vrc-expl,
body :is(.db-cardetails-features-wrap, .db-showprc-features) .vrc-expl:hover,
body :is(.db-cardetails-features-wrap, .db-showprc-features) .vrc-expl:focus,
body :is(.db-cardetails-features-wrap, .db-showprc-features) .vrc-expl:active {
  position: relative !important;
  display: block !important;

  min-height: 48px !important;
  padding: 26px 0 0 0 !important;
  margin: 0 !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  color: #000 !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  text-align: left !important;
  text-decoration: none !important;
  white-space: normal !important;
  transform: none !important;
}

/* Kill original hover tooltip */
body :is(.db-cardetails-features-wrap, .db-showprc-features) .vrc-expl::after,
body :is(.db-cardetails-features-wrap, .db-showprc-features) .vrc-expl:hover::after,
body :is(.db-cardetails-features-wrap, .db-showprc-features) .vrc-expl:focus::after,
body :is(.db-cardetails-features-wrap, .db-showprc-features) .vrc-expl:active::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Icon */
body :is(.db-cardetails-features-wrap, .db-showprc-features) .vrc-expl > i {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 16px !important;
  height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;

  color: #8c8fa1 !important;
  font-size: 16px !important;
  line-height: 1 !important;
}

/* Permanent title from data-vrc-expl */
body :is(.db-cardetails-features-wrap, .db-showprc-features) .vrc-expl::before,
body :is(.db-cardetails-features-wrap, .db-showprc-features) .vrc-expl:hover::before,
body :is(.db-cardetails-features-wrap, .db-showprc-features) .vrc-expl:focus::before,
body :is(.db-cardetails-features-wrap, .db-showprc-features) .vrc-expl:active::before {
  content: attr(data-vrc-expl) !important;

  position: absolute !important;
  left: 24px !important;
  top: 0 !important;
  transform: none !important;

  display: inline-flex !important;
  align-items: center !important;

  width: auto !important;
  height: 18px !important;
  max-width: calc(100% - 24px) !important;

  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;

  color: #8c8fa1 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  text-transform: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Mobile */
@media (max-width: 767px) {
  body :is(.db-cardetails-features-wrap, .db-showprc-features) {
    padding: 24px !important;
    border-radius: 22px !important;
  }

  body :is(.db-cardetails-features-wrap, .db-showprc-features) .vrccaratsdiv {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }
}


/* Cardetails gallery - active thumbnail */
.cardetails_moreimages a {
  cursor: pointer;
  display: block !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  position: relative !important;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.cardetails_moreimages a img {
  display: block !important;
  width: 100% !important;
  border-radius: 10px !important;
}

/* Visible selected state */
.cardetails_moreimages a.db-thumb-active {
  box-shadow: 0 0 0 3px #111 !important;
}

/* Optional: slight active lift */
.cardetails_moreimages a.db-thumb-active img {
  opacity: 1 !important;
}

/* =========================================================
   ADDED 2026-06-27 — Booking page search (no-results wrapper)
   Targets the form rendered by error_form.php on
   /standard-booking/?task=search so it matches the
   category-page search styling above.
   Safe to remove this whole block between the ADDED/END markers.
========================================================= */

/* Hide the plugin's default heading + "Please select dates" warning,
   the category page doesn't show these. Remove these two rules if
   you want to keep them. */
.vrcdivsearch-noresults ~ p.err,
.vrc-intro-main:empty {
  display: none !important;
}

/* ----- Wrapper + inner ----- */
.vrcdivsearch.vrcdivsearch-noresults {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  border-radius: 25px;
}

.vrcdivsearch.vrcdivsearch-noresults .vrcdivsearch-inner {
  background: var(--db-white);
  border-radius: 25px;
  padding: 0;
}

/* ----- Form: single horizontal row on desktop ----- */
.vrcdivsearch.vrcdivsearch-noresults form {
  display: grid !important;
  grid-template-columns: minmax(470px, 1.45fr) max-content minmax(170px, 0.35fr) !important;
  gap: 14px !important;
  align-items: end !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 12px !important;
  box-sizing: border-box !important;
}

/* ----- The three top-level form sections ----- */
.vrcdivsearch.vrcdivsearch-noresults .vrc-searchf-section-locations,
.vrcdivsearch.vrcdivsearch-noresults .vrc-searchf-section-datetimes,
.vrcdivsearch.vrcdivsearch-noresults .vrc-searchf-section-sbmt {
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* Pickup + Drop-off locations side by side */
.vrcdivsearch.vrcdivsearch-noresults .vrc-searchf-section-locations {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(220px, 1fr)) !important;
  gap: 12px !important;
  align-items: end !important;
}

/* Pickup datetime + Return datetime side by side */
.vrcdivsearch.vrcdivsearch-noresults .vrc-searchf-section-datetimes {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: end !important;
}

/* Each datetime block: date column + time column */
.vrcdivsearch.vrcdivsearch-noresults .vrc-searchf-section-datetimes > .vrcsfentrycont {
  display: grid !important;
  grid-template-columns: 155px 138px !important;
  gap: 12px !important;
  align-items: end !important;
  width: 100% !important;
  margin: 0 !important;
}

/* Reset every inner field container */
.vrcdivsearch.vrcdivsearch-noresults .vrcsfentrycont,
.vrcdivsearch.vrcdivsearch-noresults .vrcsfentrylabsel,
.vrcdivsearch.vrcdivsearch-noresults .vrcsfentrytime,
.vrcdivsearch.vrcdivsearch-noresults .vrcsfentryselect,
.vrcdivsearch.vrcdivsearch-noresults .vrcsfentrydate {
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* ----- Typography + base look ----- */
.vrcdivsearch.vrcdivsearch-noresults,
.vrcdivsearch.vrcdivsearch-noresults label,
.vrcdivsearch.vrcdivsearch-noresults input,
.vrcdivsearch.vrcdivsearch-noresults select,
.vrcdivsearch.vrcdivsearch-noresults button {
  font-size: 14px !important;
  font-family: var(--db-font) !important;
}

.vrcdivsearch.vrcdivsearch-noresults label {
  font-weight: 500 !important;
  margin-bottom: 6px !important;
  color: var(--db-black) !important;
}

/* ----- Inputs / selects ----- */
.vrcdivsearch.vrcdivsearch-noresults input,
.vrcdivsearch.vrcdivsearch-noresults select {
  width: 100% !important;
  height: 50px !important;
  min-height: 50px !important;
  border-radius: 8px !important;
  border: 1px solid #d8d8d8 !important;
  background-color: var(--db-white) !important;
  color: var(--db-black) !important;
  box-shadow: none !important;
  outline: none !important;
  box-sizing: border-box !important;
}

.vrcdivsearch.vrcdivsearch-noresults input:focus,
.vrcdivsearch.vrcdivsearch-noresults select:focus {
  border-color: var(--db-black) !important;
  box-shadow: none !important;
  outline: none !important;
}

/* ----- Date field (the input has a calendar icon overlaid) ----- */
.vrcdivsearch.vrcdivsearch-noresults .vrcsfentrydate {
  position: relative !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  height: auto !important;
  min-height: 0 !important;
}

.vrcdivsearch.vrcdivsearch-noresults .vrcsfentrydate input {
  padding-left: 15px !important;
  padding-right: 42px !important;
  width: 100% !important;
  border: 1px solid #d8d8d8 !important;
  border-radius: 8px !important;
  background: var(--db-white) !important;
}

.vrcdivsearch.vrcdivsearch-noresults .vrc-caltrigger,
.vrcdivsearch.vrcdivsearch-noresults .vrcsfentrydate i {
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #555 !important;
  pointer-events: none !important;
}

/* ----- Time block (hour : minute) ----- */
.vrcdivsearch.vrcdivsearch-noresults .vrc-sf-time-container {
  display: grid !important;
  grid-template-columns: minmax(56px, 1fr) auto minmax(56px, 1fr) !important;
  gap: 6px !important;
  align-items: center !important;
  width: 100% !important;
  height: 50px !important;
}

.vrcdivsearch.vrcdivsearch-noresults .vrc-sf-time-container select {
  height: 50px !important;
  min-height: 50px !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.vrcdivsearch.vrcdivsearch-noresults .vrctimesep {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* ----- Submit button (black pill matching brand) ----- */
.vrcdivsearch.vrcdivsearch-noresults .vrc-searchf-section-sbmt {
  display: flex !important;
  align-items: end !important;
  justify-content: flex-end !important;
  height: 100% !important;
}

.vrcdivsearch.vrcdivsearch-noresults .vrc-searchf-section-sbmt .vrcsfentrycont,
.vrcdivsearch.vrcdivsearch-noresults .vrc-searchf-section-sbmt .vrcsfentrysubmit {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

.vrcdivsearch.vrcdivsearch-noresults .btn.vrc-search-btn,
.vrcdivsearch.vrcdivsearch-noresults .btn.vrc-search-btn.vrc-pref-color-btn,
.vrcdivsearch.vrcdivsearch-noresults input[type="submit"].vrc-search-btn,
.vrcdivsearch.vrcdivsearch-noresults input[type="submit"].vrc-pref-color-btn {
  width: auto !important;
  min-width: 170px !important;
  height: 50px !important;
  min-height: 50px !important;
  margin-top: 17px !important;
  padding: 0 26px !important;
  border-radius: 999px !important;
  background: #000 !important;
  color: #fff !important;
  border: 1px solid #000 !important;
  box-shadow: none !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.vrcdivsearch.vrcdivsearch-noresults .btn.vrc-search-btn:hover,
.vrcdivsearch.vrcdivsearch-noresults .btn.vrc-search-btn.vrc-pref-color-btn:hover,
.vrcdivsearch.vrcdivsearch-noresults input[type="submit"].vrc-search-btn:hover,
.vrcdivsearch.vrcdivsearch-noresults input[type="submit"].vrc-pref-color-btn:hover {
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #000 !important;
  box-shadow: none !important;
}

/* ----- Tablet (≤1200px): stack the three top-level sections ----- */
@media (max-width: 1200px) {
  .vrcdivsearch.vrcdivsearch-noresults form {
    grid-template-columns: 1fr !important;
  }
  .vrcdivsearch.vrcdivsearch-noresults .vrc-searchf-section-locations,
  .vrcdivsearch.vrcdivsearch-noresults .vrc-searchf-section-datetimes {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .vrcdivsearch.vrcdivsearch-noresults .vrc-searchf-section-datetimes > .vrcsfentrycont {
    grid-template-columns: minmax(0, 1fr) 138px !important;
  }
  .vrcdivsearch.vrcdivsearch-noresults .btn.vrc-search-btn,
  .vrcdivsearch.vrcdivsearch-noresults input[type="submit"].vrc-search-btn {
    width: 100% !important;
  }
}

/* ----- Mobile (≤767px): full single-column ----- */
@media (max-width: 767px) {
  .vrcdivsearch.vrcdivsearch-noresults .vrc-searchf-section-locations,
  .vrcdivsearch.vrcdivsearch-noresults .vrc-searchf-section-datetimes,
  .vrcdivsearch.vrcdivsearch-noresults .vrc-searchf-section-datetimes > .vrcsfentrycont {
    grid-template-columns: 1fr !important;
  }
  .vrcdivsearch.vrcdivsearch-noresults input,
  .vrcdivsearch.vrcdivsearch-noresults select,
  .vrcdivsearch.vrcdivsearch-noresults .btn.vrc-search-btn {
    height: 48px !important;
    min-height: 48px !important;
  }
}

/* =========================================================
   END ADDED 2026-06-27
========================================================= */


/* =========================================================
   SINGLE CAR BOOKING CARD - Label icons with CSS only
========================================================= */

/* Make labels icon-ready */
.vrc-cardetails-book-wrap label[for="pickupdate"],
.vrc-cardetails-book-wrap label[for="releasedate"],
.vrc-cardetails-book-wrap label[for="pickuph"],
.vrc-cardetails-book-wrap label[for="releaseh"],
.vrc-cardetails-book-wrap label[for="place"],
.vrc-cardetails-book-wrap label[for="returnplace"] {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* Shared icon base */
.vrc-cardetails-book-wrap label[for="pickupdate"]::before,
.vrc-cardetails-book-wrap label[for="releasedate"]::before,
.vrc-cardetails-book-wrap label[for="pickuph"]::before,
.vrc-cardetails-book-wrap label[for="releaseh"]::before,
.vrc-cardetails-book-wrap label[for="place"]::before,
.vrc-cardetails-book-wrap label[for="returnplace"]::before {
  content: "" !important;
  display: inline-block !important;
  width: 14px !important;
  min-width: 14px !important;
  height: 14px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

/* Calendar icon */
.vrc-cardetails-book-wrap label[for="pickupdate"]::before,
.vrc-cardetails-book-wrap label[for="releasedate"]::before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 2V5M17 2V5M4 9H20M6 4H18C19.1046 4 20 4.89543 20 6V19C20 20.1046 19.1046 21 18 21H6C4.89543 21 4 20.1046 4 19V6C4 4.89543 4.89543 4 6 4Z' stroke='%238c8fa1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* Clock icon */
.vrc-cardetails-book-wrap label[for="pickuph"]::before,
.vrc-cardetails-book-wrap label[for="releaseh"]::before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' stroke='%238c8fa1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 6V12L16 14' stroke='%238c8fa1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* Location icon */
.vrc-cardetails-book-wrap label[for="place"]::before,
.vrc-cardetails-book-wrap label[for="returnplace"]::before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 10C21 17 12 22 12 22C12 22 3 17 3 10C3 5.02944 7.02944 1 12 1C16.9706 1 21 5.02944 21 10Z' stroke='%238c8fa1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z' stroke='%238c8fa1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}