@charset "utf-8";

/*
  Horizon template theme mapping
  background_colour  -> --dbc-background
  highlight_colour   -> --dbc-accent
  font_colour        -> --dbc-text
  button_font_colour -> --dbc-button-text
  font_family        -> --dbc-font
*/

html {
  min-width: 280px;
  background: #dfe5ee;
  color-scheme: light;
  scroll-behavior: smooth;
}

body {
  min-width: 280px;
  min-height: 100vh;
  min-height: 100svh;
  margin: 0;
  background:
    radial-gradient(circle at 50% -10%, rgba(255, 255, 255, .95), transparent 34rem),
    #dfe5ee;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

#card_container.dbc-v2 {
  --dbc-background: #f3f6fb;
  --dbc-accent: #071f49;
  --dbc-text: #13233a;
  --dbc-button-text: #ffffff;
  --dbc-safe-text: var(--dbc-text);
  --dbc-safe-on-accent: var(--dbc-button-text);
  --dbc-safe-on-surface: var(--dbc-text);
  --dbc-safe-on-soft: var(--dbc-text);
  --dbc-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --dbc-texture-image: none;
  --dbc-texture-opacity: 0;
  --dbc-surface: #ffffff;
  --dbc-surface-soft: #e8edf5;
  --dbc-border: rgba(19, 35, 58, .12);
  --dbc-shadow: rgba(7, 31, 73, .16);
  --dbc-radius: 25px;
  --dbc-radius-compact: 13px;
  --dbc-radius-small: 16px;
  --dbc-radius-dock-action: 17px;
  --dbc-radius-finance: 18px;
  --dbc-radius-control: 19px;
  --dbc-radius-photo: 20px;
  --dbc-radius-large: 22px;
  --dbc-radius-dock: 23px;
  --dbc-radius-popover: 24px;
  --dbc-radius-tag-small: 8px;
  --dbc-radius-tag-large: 32px;
  --dbc-radius-shell: 34px;

  width: min(100%, 480px) !important;
  max-width: 480px !important;
  min-height: 100vh;
  min-height: 100svh;
  margin: 0 auto !important;
  padding: 0 0 calc(88px + env(safe-area-inset-bottom)) !important;
  overflow: hidden;
  border: 0 !important;
  border-radius: 0;
  color: var(--dbc-safe-text) !important;
  background: var(--dbc-background) !important;
  box-shadow: 0 0 70px rgba(12, 31, 54, .17);
  font-family: var(--dbc-font) !important;
  font-size: 16px !important;
  text-align: left !important;
}

@supports (color: color-mix(in srgb, white, black)) {
  #card_container.dbc-v2 {
    --dbc-surface: color-mix(in srgb, var(--dbc-background) 13%, white);
    --dbc-surface-soft: color-mix(in srgb, var(--dbc-accent) 9%, var(--dbc-background));
    --dbc-border: color-mix(in srgb, var(--dbc-text) 14%, transparent);
    --dbc-shadow: color-mix(in srgb, var(--dbc-accent) 16%, transparent);
  }
}

#card_container.dbc-v2,
#card_container.dbc-v2 * {
  box-sizing: border-box;
}

#card_container.dbc-v2 a,
#card_container.dbc-v2 button {
  -webkit-tap-highlight-color: transparent;
}

#card_container.dbc-v2 a:focus-visible,
#card_container.dbc-v2 button:focus-visible {
  outline: 3px solid #ffbf47;
  outline-offset: 3px;
}

#card_container.dbc-v2 #card_data {
  position: relative;
  z-index: 1;
  width: 100%;
}

#card_container.dbc-v2 #card_data::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: var(--dbc-texture-image);
  background-repeat: repeat;
  opacity: var(--dbc-texture-opacity);
  pointer-events: none;
}

#card_container.dbc-v2 #card_header {
  position: relative;
  display: flow-root;
  container: dbc-header / inline-size;
}

/* Horizon hero */
#card_container.dbc-v2 #card_logo {
  position: relative;
  display: grid !important;
  align-items: end;
  width: 100%;
  min-height: 330px;
  isolation: isolate;
  overflow: hidden;
  background-color: var(--dbc-accent);
  background-image:
    linear-gradient(180deg, transparent 62%, rgba(0, 0, 0, .14)),
    linear-gradient(180deg, rgba(5, 18, 38, .08), rgba(5, 18, 38, .84)),
    var(--dbc-hero-image) !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

#card_container.dbc-v2 #card_logo > .dbc-v2-hero-media {
  position: absolute;
  z-index: 0;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

#card_container.dbc-v2 #card_logo.dbc-v2-has-hero-media {
  background-image: none !important;
}

#card_container.dbc-v2 #card_logo > .dbc-v2-dealer-logo-media {
  visibility: hidden;
}

#card_container.dbc-v2 #card_logo .dbc-v2-hero-image {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

#card_container.dbc-v2 #card_logo::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background:
    linear-gradient(180deg, transparent 62%, rgba(0, 0, 0, .14)),
    linear-gradient(180deg, rgba(5, 18, 38, .08), rgba(5, 18, 38, .84));
  pointer-events: none;
}

#card_container.dbc-v2 #card_logo::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: -30%;
  bottom: -30%;
  left: -42%;
  width: 36%;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, .12) 22%,
    rgba(255, 255, 255, .3) 50%,
    rgba(255, 255, 255, .12) 78%,
    rgba(255, 255, 255, 0)
  );
  opacity: 0;
  pointer-events: none;
  transform: translate3d(0, 0, 0) skewX(-29deg);
  will-change: transform, opacity;
}

#card_container.dbc-v2 #card_logo.dbc-v2-sweep::after {
  animation: dbc-v2-hero-sweep 1.5s cubic-bezier(.22, .68, .32, 1) both;
}

/* Edit-mode image controls stay attached to the media they change. */
#card_container.dbc-v2[data-action="edit"] .dbc-v2-editor-control {
  position: absolute !important;
  z-index: 12 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  border: 2px solid #fff !important;
  border-radius: 50% !important;
  color: #14341e !important;
  background: #76e44d !important;
  box-shadow: 0 2px 8px rgba(5, 35, 15, .34) !important;
  text-decoration: none !important;
}

#card_container.dbc-v2[data-action="edit"] .dbc-v2-editor-control .uploadbuttonusers {
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  background: transparent !important;
  font-size: 16px !important;
  line-height: 1 !important;
}

#card_container.dbc-v2[data-action="edit"] .dbc-v2-editor-logo-control {
  top: 7px !important;
  right: 7px !important;
  left: auto !important;
  bottom: auto !important;
}

#card_container.dbc-v2[data-action="edit"] .dbc-v2-editor-hero-control {
  top: auto !important;
  right: 12px !important;
  bottom: 38px !important;
  left: auto !important;
}

#card_container.dbc-v2[data-action="edit"] .dbc-v2-profile .card_userimg {
  position: relative !important;
  overflow: visible !important;
}

#card_container.dbc-v2[data-action="edit"] .dbc-v2-profile .card_userimg > a.dbc-v2-editor-photo-control {
  top: auto !important;
  right: 5px !important;
  bottom: 5px !important;
  left: auto !important;
}

#card_container.dbc-v2[data-action="edit"] .card_dealershipaddress.dbc-v2-location-panel {
  position: relative !important;
  overflow: visible !important;
}

#card_container.dbc-v2[data-action="edit"] .dbc-v2-editor-dealership-image-control {
  top: 75px !important;
  right: 9px !important;
  left: auto !important;
  bottom: auto !important;
}

#card_container.dbc-v2 .dbc-v2-editor-target-active {
  z-index: 20 !important;
  outline: 4px solid #76e44d !important;
  outline-offset: 3px;
  box-shadow: 0 0 0 8px rgba(118, 228, 77, .34), 0 0 26px rgba(118, 228, 77, .8) !important;
  animation: dbc-v2-editor-target-pulse 1.1s ease-in-out infinite alternate;
}

@media (min-width: 992px) {
  #userprofileimg01102021 .modal-dialog,
  #dealershipimg .modal-dialog,
  #dealershipimgbottom .modal-dialog {
    position: relative;
    left: 72px;
  }
}

@keyframes dbc-v2-editor-target-pulse {
  from { box-shadow: 0 0 0 5px rgba(118, 228, 77, .32), 0 0 15px rgba(118, 228, 77, .58) !important; }
  to { box-shadow: 0 0 0 10px rgba(118, 228, 77, .43), 0 0 30px rgba(118, 228, 77, .9) !important; }
}

#card_container.dbc-v2 .dbc-v2-brand {
  position: absolute;
  z-index: 3;
  top: max(18px, env(safe-area-inset-top));
  left: 18px;
  right: 18px;
  display: flex;
  align-items: center;
  gap: 10px;
  height: 90px;
  padding: 7px 14px 7px 10px;
  border: 1px solid var(--dbc-background);
  border-radius: var(--dbc-radius-control);
  background: var(--dbc-background);
  box-shadow: 0 8px 25px rgba(4, 16, 36, .17);
}

#card_container.dbc-v2 .dbc-v2-brand img {
  display: block;
  width: min(69%, 225px) !important;
  max-width: 225px !important;
  height: auto !important;
  max-height: 74px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--dbc-background);
  box-shadow: none !important;
  object-fit: contain;
  object-position: left center;
}

#card_container.dbc-v2 .dbc-v2-brand > .dbc-v2-dealer-logo-media {
  display: block;
  flex: 0 1 225px;
  width: min(69%, 225px);
  height: 74px;
  min-width: 0;
  visibility: visible;
}

#card_container.dbc-v2 .dbc-v2-brand > .dbc-v2-dealer-logo-media > img {
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: none !important;
}

#card_container.dbc-v2 .dbc-v2-brand-label {
  min-width: 0;
  max-width: 48%;
  margin-left: auto;
  color: var(--dbc-brand-text, var(--dbc-safe-text)) !important;
  font-family: var(--dbc-font) !important;
  font-size: .85rem;
  font-weight: 750;
  line-height: 1.25;
  letter-spacing: .08em;
  text-align: right;
  text-transform: uppercase;
  white-space: normal;
}

#card_container.dbc-v2 .dbc-v2-hero-copy {
  position: relative;
  z-index: 2;
  padding: 120px 22px 28px;
  color: #ffffff !important;
}

#card_container.dbc-v2 .dbc-v2-eyebrow {
  margin: 0 0 8px;
  color: #ffffff !important;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .13em;
  opacity: .84;
  text-transform: uppercase;
  text-wrap: balance;
}

#card_container.dbc-v2 .dbc-v2-hero-title {
  max-width: 350px;
  margin: 0;
  color: #ffffff !important;
  font-family: var(--dbc-font) !important;
  font-size: clamp(1.8rem, 8vw, 2.55rem);
  font-weight: 800;
  line-height: 1.02;
  letter-spacing: -.045em;
  text-wrap: balance;
}

#card_container.dbc-v2 #card_dealershipname {
  position: static;
  width: auto !important;
  margin: 9px 0 0 !important;
  color: rgba(255, 255, 255, .82) !important;
  font-family: var(--dbc-font) !important;
  font-size: .95rem !important;
  font-weight: 450 !important;
  line-height: 1.25;
  letter-spacing: 0;
  text-align: left !important;
  text-shadow: none;
  text-wrap: balance;
}

#card_container.dbc-v2 #banner_replacement {
  display: block;
  width: 100%;
  height: 90px;
  background: var(--dbc-accent);
}

/* Profile */
#card_container.dbc-v2 .dbc-v2-profile {
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: 98px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  min-height: 140px;
  margin: -16px 14px 0;
  padding: 16px;
  border: 1px solid var(--dbc-border);
  border-radius: var(--dbc-radius);
  color: var(--dbc-safe-on-surface) !important;
  background: var(--dbc-surface) !important;
  box-shadow: 0 20px 55px var(--dbc-shadow);
  visibility: hidden;
  transform: translateY(30px);
  container: dbc-profile / inline-size;
}

#card_container.dbc-v2 .dbc-v2-profile.dbc-v2-profile-ready {
  visibility: visible;
  animation: dbc-v2-rise .5s ease-out both;
}

#card_container.dbc-v2 .dbc-v2-profile.dbc-v2-profile-image-failed {
  visibility: visible;
  transform: translateY(0);
}

#card_container.dbc-v2 .dbc-v2-profile .card_userimg {
  display: block !important;
  width: 98px !important;
  height: 122px !important;
  margin: 0 !important;
}

#card_container.dbc-v2 .dbc-v2-profile .dbc-v2-profile-media {
  display: block;
  width: 98px;
  height: 122px;
}

#card_container.dbc-v2 .dbc-v2-profile .card_userimg > img,
#card_container.dbc-v2 .dbc-v2-profile .dbc-v2-profile-media > img {
  display: block;
  width: 98px !important;
  height: 122px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: var(--dbc-radius-photo) !important;
  background: #d8e0e9;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08);
  object-fit: cover;
  object-position: center top;
}

#card_container.dbc-v2 .dbc-v2-profile .card_userimg > a {
  inset: 0 auto auto 0 !important;
}

#card_container.dbc-v2 .dbc-v2-profile-no-image {
  grid-template-columns: 1fr;
}

#card_container.dbc-v2 .dbc-v2-identity {
  min-width: 0;
  color: var(--dbc-safe-on-surface) !important;
}

#card_container.dbc-v2 #card_username {
  width: auto !important;
  margin: 0 !important;
  color: var(--dbc-safe-on-surface) !important;
  font-family: var(--dbc-font) !important;
  font-size: 1.5rem !important;
  font-weight: 850 !important;
  line-height: 1.05;
  letter-spacing: -.035em;
  text-align: left !important;
  text-wrap: balance;
}

#card_container.dbc-v2 #card_userposition,
#card_container.dbc-v2 #card_userposition2 {
  width: auto !important;
  margin: 6px 0 0 !important;
  color: var(--dbc-safe-on-surface) !important;
  font-family: var(--dbc-font) !important;
  font-size: .86rem !important;
  font-weight: 650 !important;
  line-height: 1.3;
  text-align: left !important;
  opacity: .7;
}

#card_container.dbc-v2 #card_userposition2 {
  margin-top: 2px !important;
  font-size: .76rem !important;
}

#card_container.dbc-v2 .dbc-v2-verified {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 12px;
  color: #176443 !important;
  font-size: .73rem;
  font-weight: 750;
  line-height: 1.2;
}

#card_container.dbc-v2 .dbc-v2-verified .dbc-icon {
  width: 17px;
  height: 17px;
}

/* Contact action row */
#card_container.dbc-v2 .share-inline {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  width: auto;
  margin: 16px 14px 0 !important;
  padding: 0 !important;
  font-family: var(--dbc-font) !important;
  text-align: center;
}

#card_container.dbc-v2 .share-inline li {
  display: block !important;
  min-width: 0;
  margin: 0 !important;
}

#card_container.dbc-v2 .share-inline li.dbc-v2-quick-hidden {
  display: none !important;
}

#card_container.dbc-v2 .share-inline .circle {
  display: grid !important;
  place-items: center;
  align-content: center;
  gap: 5px;
  width: 100% !important;
  height: 66px !important;
  min-height: 44px;
  padding: 7px 2px;
  border: 1px solid var(--dbc-border);
  border-radius: var(--dbc-radius-control) !important;
  color: var(--dbc-safe-on-accent) !important;
  background: var(--dbc-accent) !important;
  line-height: 1 !important;
  text-decoration: none;
  font: inherit;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, background-color .18s ease;
}

#card_container.dbc-v2 .share-inline .circle:active {
  transform: scale(.95);
  background: var(--dbc-accent) !important;
  filter: brightness(.92);
}

#card_container.dbc-v2 .share-inline .circle > svg {
  width: 21px !important;
  height: 21px !important;
  margin: 0 !important;
  color: var(--dbc-safe-on-accent) !important;
}

#card_container.dbc-v2 .dbc-v2-action-label {
  display: block;
  max-width: 100%;
  overflow: hidden;
  color: var(--dbc-safe-on-accent) !important;
  font-size: 11px !important;
  font-weight: 750;
  line-height: 1.05;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#card_container.dbc-v2 .dbc-v2-whatsapp-share-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: calc(100% - 28px);
  min-height: 44px;
  margin: 12px 14px 0;
  padding: 10px 14px;
  border: 1px solid rgba(22, 138, 87, .32);
  border-radius: var(--dbc-radius-control);
  color: #176c48 !important;
  background: #f2faf5 !important;
  font: 750 13px/1 var(--dbc-font);
  cursor: pointer;
  box-shadow: none;
}

#card_container.dbc-v2 .dbc-v2-whatsapp-share-trigger:hover,
#card_container.dbc-v2 .dbc-v2-whatsapp-share-trigger:focus {
  color: #ffffff !important;
  background: #168a57 !important;
  border-color: #168a57;
}

#card_container.dbc-v2 .dbc-v2-whatsapp-share-trigger svg {
  width: 19px;
  height: 19px;
}

/* Swipeable links */
#card_container.dbc-v2 .dbc-v2-links {
  margin: 0;
  padding: 24px 0 10px;
}

#card_container.dbc-v2 .dbc-v2-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  padding: 0 18px 12px;
  color: var(--dbc-safe-text) !important;
}

#card_container.dbc-v2 .dbc-v2-section-title {
  margin: 0;
  color: var(--dbc-safe-text) !important;
  font-family: var(--dbc-font) !important;
  font-size: 19px !important;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -.025em;
  text-wrap: balance;
}

#card_container.dbc-v2 .dbc-v2-section-subtitle {
  margin: 3px 0 0;
  color: var(--dbc-safe-text) !important;
  font-size: 13px !important;
  opacity: .63;
}

#card_container.dbc-v2 .dbc-v2-slide-tools {
  display: flex;
  gap: 7px;
}

#card_container.dbc-v2 .dbc-v2-slide-tools button {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--dbc-border);
  border-radius: 50%;
  color: var(--dbc-safe-on-accent);
  background: var(--dbc-accent);
  font: inherit;
  cursor: pointer;
}

#card_container.dbc-v2 .dbc-v2-slide-tools .dbc-icon {
  width: 18px;
  height: 18px;
}

#card_container.dbc-v2 .dbc-v2-link-rail {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: min(79vw, 342px);
  gap: 12px;
  width: 100%;
  padding: 0 18px 12px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-padding-inline: 18px;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

#card_container.dbc-v2 .dbc-v2-link-rail::-webkit-scrollbar {
  display: none;
}

#card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button {
  position: relative;
  min-height: 180px;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  border: 0;
  border-radius: var(--dbc-radius) !important;
  color: var(--dbc-safe-on-surface) !important;
  background: var(--dbc-surface) !important;
  box-shadow: 0 4px 12px rgba(9, 31, 61, .08);
  scroll-snap-align: start;
  text-align: left !important;
}

#card_container.dbc-v2[data-action="edit"] .dbc-v2-profile .customtedit {
  display: block;
  margin-top: 7px;
}

#card_container.dbc-v2[data-action="edit"] .dbc-v2-link-rail > .card_big_button .customtedit {
  position: absolute;
  bottom: 16px;
  left: auto;
  right: 12px;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  margin: 0;
}

#card_container.dbc-v2[data-action="edit"] .dbc-v2-link-drag-handle {
  position: absolute;
  z-index: 6;
  top: 10px;
  right: 10px;
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 4px 8px;
  border-radius: var(--dbc-radius-small);
  color: var(--dbc-safe-on-surface);
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 1px 4px rgba(0, 0, 0, .18);
  font-size: .72rem;
  font-weight: 700;
  cursor: grab;
  user-select: none;
}

#card_container.dbc-v2[data-action="edit"] .dbc-v2-link-drag-handle:active {
  cursor: grabbing;
}

#card_container.dbc-v2[data-action="edit"] .dbc-v2-arrange-links-button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 34px;
  margin-left: 6px;
  padding: 6px 10px;
  border: 1px solid var(--dbc-border);
  border-radius: var(--dbc-radius-small);
  color: var(--dbc-safe-on-surface);
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
  font: inherit;
  font-size: .75rem;
  font-weight: 700;
  cursor: pointer;
}

.dbc-v2-link-order-modal {
  position: fixed;
  z-index: 10080;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(9, 21, 32, .58);
}

.dbc-v2-link-order-panel {
  width: min(680px, 100%);
  max-height: min(760px, calc(100vh - 36px));
  overflow: auto;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .3);
  color: #243648;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  line-height: 1.35;
}

.dbc-v2-link-order-header,
.dbc-v2-link-order-footer {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 18px;
}

.dbc-v2-link-order-header {
  justify-content: space-between;
  border-bottom: 1px solid #e5e9ed;
}

.dbc-v2-link-order-header h2 {
  margin: 0;
  font-size: 20px !important;
}

.dbc-v2-link-order-header p {
  margin: 4px 0 0;
  color: #68757d;
  font-size: 13px !important;
}

.dbc-v2-link-order-close {
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: #50606e;
  background: #f0f3f5;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.dbc-v2-link-order-list {
  display: grid;
  gap: 8px;
  padding: 18px;
}

.dbc-v2-link-order-item {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  padding: 8px 10px;
  border: 1px solid #d9e0e5;
  border-radius: 6px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
  cursor: grab;
}

.dbc-v2-link-order-item.is-dragging {
  opacity: .45;
}

.dbc-v2-link-order-grip {
  color: #83909b;
  font-size: 20px;
  text-align: center;
}

.dbc-v2-link-order-item strong {
  overflow: hidden;
  font-size: 14px !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dbc-v2-link-order-actions {
  display: flex;
  gap: 4px;
}

.dbc-v2-link-order-actions button,
.dbc-v2-link-order-footer button {
  min-height: 30px;
  padding: 5px 9px;
  border: 1px solid #cbd4dc;
  border-radius: 4px;
  color: #31485b;
  background: #ffffff;
  font: inherit;
  font-size: 13px !important;
  cursor: pointer;
}

.dbc-v2-link-order-footer {
  justify-content: flex-end;
  border-top: 1px solid #e5e9ed;
}

.dbc-v2-link-order-status {
  flex: 1;
  color: #68757d;
  font-size: 13px !important;
}

.dbc-v2-link-order-save {
  border-color: var(--dbc-accent, #337ab7) !important;
  color: var(--dbc-safe-on-accent, #ffffff) !important;
  background: var(--dbc-accent, #337ab7) !important;
}

@media (max-width: 520px) {
  .dbc-v2-link-order-modal { padding: 10px; }
  .dbc-v2-link-order-header,
  .dbc-v2-link-order-footer,
  .dbc-v2-link-order-list { padding: 13px; }
  .dbc-v2-link-order-header { align-items: flex-start; }
  .dbc-v2-link-order-footer { flex-wrap: wrap; }
  .dbc-v2-link-order-status { flex-basis: 100%; }
}

#card_container.dbc-v2[data-action="edit"] .dbc-v2-link-rail > .card_big_button .customtedit + br {
  display: none;
}

#card_container.dbc-v2[data-action="edit"] .dbc-v2-editor-link-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 18px 18px;
}

#card_container.dbc-v2[data-action="edit"] .dbc-v2-editor-link-actions .customtedit {
  margin: 0;
}

#card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-featured {
  isolation: isolate;
  color: var(--dbc-safe-on-accent) !important;
  background: var(--dbc-accent) !important;
}

#card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-featured::after {
  content: "";
  position: absolute;
  right: -70px;
  bottom: -80px;
  z-index: -1;
  width: 180px;
  height: 180px;
  border: 38px solid rgba(255, 255, 255, .10);
  border-radius: 50%;
}

#card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-image {
  color: #ffffff !important;
  background-color: #071b36 !important;
  background-image:
    linear-gradient(90deg, rgba(3, 15, 34, .9), rgba(3, 15, 34, .25)),
    var(--dbc-dealership-image) !important;
  background-position: center !important;
  background-size: cover !important;
}

#card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-promo {
  background: linear-gradient(145deg, var(--dbc-surface), var(--dbc-surface-soft)) !important;
}

#card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-vehicle-link {
  isolation: isolate;
}

#card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-vehicle-link::before {
  content: "";
  position: absolute;
  right: -48px;
  bottom: -35px;
  z-index: 0;
  width: 240px;
  height: 104px;
  border-top: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  border-radius: 50%;
  background:
    repeating-linear-gradient(
      90deg,
      transparent 0 18px,
      currentColor 18px 32px
    ) center / 100% 2px no-repeat;
  opacity: .085;
  pointer-events: none;
  transform: rotate(-12deg);
}

#card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-featured.dbc-v2-vehicle-link::after {
  display: none;
}

#card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-test-drive-link {
  isolation: isolate;
}

#card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-test-drive-link::before {
  content: "";
  position: absolute;
  right: -18px;
  bottom: -15px;
  z-index: 0;
  width: 270px;
  height: 154px;
  border: 0;
  border-radius: 0;
  background:
    linear-gradient(74deg, transparent 49%, currentColor 49.5% 50.5%, transparent 51%),
    linear-gradient(-74deg, transparent 49%, currentColor 49.5% 50.5%, transparent 51%);
  opacity: .055;
  pointer-events: none;
  transform: none;
}

#card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-test-drive-link > a {
  z-index: 1;
}

#card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-featured.dbc-v2-test-drive-link::after {
  display: none;
}

@supports ((-webkit-mask-image: linear-gradient(#000, #000)) or (mask-image: linear-gradient(#000, #000))) {
  #card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-test-drive-link::before {
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20160'%3E%3Cpath%20d='M128%208h44l114%20152H14z'%20fill='black'%20opacity='.22'/%3E%3Cpath%20d='M128%208L14%20160M172%208l114%20152'%20fill='none'%20stroke='black'%20stroke-width='5'%20stroke-linecap='round'/%3E%3Cpath%20d='M148%2018h4l1%2012h-6zM145%2042h10l3%2020h-16zM139%2076h22l8%2032h-38zM126%20126h48l10%2034h-68z'%20fill='black'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20160'%3E%3Cpath%20d='M128%208h44l114%20152H14z'%20fill='black'%20opacity='.22'/%3E%3Cpath%20d='M128%208L14%20160M172%208l114%20152'%20fill='none'%20stroke='black'%20stroke-width='5'%20stroke-linecap='round'/%3E%3Cpath%20d='M148%2018h4l1%2012h-6zM145%2042h10l3%2020h-16zM139%2076h22l8%2032h-38zM126%20126h48l10%2034h-68z'%20fill='black'/%3E%3C/svg%3E") center / contain no-repeat;
  }
}

#card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-service-link {
  isolation: isolate;
}

#card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-service-link::after {
  content: "";
  position: absolute;
  right: -7px;
  bottom: -20px;
  z-index: 0;
  width: 128px;
  height: 128px;
  border: 0;
  border-radius: 0;
  background: transparent;
  opacity: .06;
  pointer-events: none;
  transform: rotate(-18deg);
}

@supports ((-webkit-mask-image: linear-gradient(#000, #000)) or (mask-image: linear-gradient(#000, #000))) {
  #card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-service-link::after {
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M14.7%206.3a1%201%200%200%200%200%201.4l1.6%201.6a1%201%200%200%200%201.4%200l3.77-3.77a6%206%200%200%201-7.94%207.94l-6.91%206.91a2.12%202.12%200%200%201-3-3l6.91-6.91a6%206%200%200%201%207.94-7.94z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M14.7%206.3a1%201%200%200%200%200%201.4l1.6%201.6a1%201%200%200%200%201.4%200l3.77-3.77a6%206%200%200%201-7.94%207.94l-6.91%206.91a2.12%202.12%200%200%201-3-3l6.91-6.91a6%206%200%200%201%207.94-7.94z'/%3E%3C/svg%3E") center / contain no-repeat;
  }
}

#card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-service-link > a {
  z-index: 1;
}

#card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-parts-link {
  isolation: isolate;
}

#card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-parts-link::after {
  content: "\2699\FE0E";
  position: absolute;
  right: -7px;
  bottom: -28px;
  z-index: 0;
  width: 132px;
  height: 132px;
  border: 0;
  border-radius: 0;
  color: currentColor;
  background: transparent;
  font-family: "Segoe UI Symbol", "Apple Symbols", sans-serif;
  font-size: 126px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  opacity: .06;
  pointer-events: none;
  transform: rotate(16deg);
}

@supports ((-webkit-mask-image: linear-gradient(#000, #000)) or (mask-image: linear-gradient(#000, #000))) {
  #card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-parts-link::after {
    content: "";
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M19.43%2012.98c.04-.32.07-.65.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.37-.31-.6-.22l-2.49%201c-.52-.4-1.08-.73-1.69-.98L14.5%202.42C14.47%202.18%2014.25%202%2014%202h-4c-.25%200-.46.18-.5.42L9.12%205.07c-.61.25-1.17.58-1.69.98l-2.49-1c-.23-.09-.48%200-.6.22l-2%203.46c-.12.22-.07.49.12.64l2.11%201.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11%201.65c-.19.15-.24.42-.12.64l2%203.46c.12.22.37.31.6.22l2.49-1c.52.4%201.08.73%201.69.98l.38%202.65c.04.24.25.42.5.42h4c.25%200%20.46-.18.5-.42l.38-2.65c.61-.25%201.17-.58%201.69-.98l2.49%201c.23.09.48%200%20.6-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12%2015.5A3.5%203.5%200%201%201%2012%208a3.5%203.5%200%200%201%200%207.5z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M19.43%2012.98c.04-.32.07-.65.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.37-.31-.6-.22l-2.49%201c-.52-.4-1.08-.73-1.69-.98L14.5%202.42C14.47%202.18%2014.25%202%2014%202h-4c-.25%200-.46.18-.5.42L9.12%205.07c-.61.25-1.17.58-1.69.98l-2.49-1c-.23-.09-.48%200-.6.22l-2%203.46c-.12.22-.07.49.12.64l2.11%201.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11%201.65c-.19.15-.24.42-.12.64l2%203.46c.12.22.37.31.6.22l2.49-1c.52.4%201.08.73%201.69.98l.38%202.65c.04.24.25.42.5.42h4c.25%200%20.46-.18.5-.42l.38-2.65c.61-.25%201.17-.58%201.69-.98l2.49%201c.23.09.48%200%20.6-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12%2015.5A3.5%203.5%200%201%201%2012%208a3.5%203.5%200%200%201%200%207.5z'/%3E%3C/svg%3E") center / contain no-repeat;
  }
}

#card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-parts-link > a {
  z-index: 1;
}

#card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-social-link {
  isolation: isolate;
}

#card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-social-link::after {
  content: "";
  position: absolute;
  right: 1px;
  bottom: -21px;
  z-index: 0;
  width: 126px;
  height: 126px;
  border: 0;
  border-radius: 0;
  background: transparent;
  opacity: .085;
  pointer-events: none;
  transform: rotate(-7deg);
}

@supports ((-webkit-mask-image: linear-gradient(#000, #000)) or (mask-image: linear-gradient(#000, #000))) {
  #card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-social-facebook::after {
    background: #5f7fa8;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20d='M16%208.049C16%203.603%2012.418%200%208%200S0%203.603%200%208.049C0%2012.066%202.926%2015.396%206.75%2016v-5.625H4.719V8.049H6.75V6.275c0-2.017%201.194-3.131%203.022-3.131.876%200%201.791.157%201.791.157v1.986h-1.008c-.993%200-1.303.621-1.303%201.258v1.494h2.219l-.355%202.326H9.252V16C13.074%2015.396%2016%2012.066%2016%208.049z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20d='M16%208.049C16%203.603%2012.418%200%208%200S0%203.603%200%208.049C0%2012.066%202.926%2015.396%206.75%2016v-5.625H4.719V8.049H6.75V6.275c0-2.017%201.194-3.131%203.022-3.131.876%200%201.791.157%201.791.157v1.986h-1.008c-.993%200-1.303.621-1.303%201.258v1.494h2.219l-.355%202.326H9.252V16C13.074%2015.396%2016%2012.066%2016%208.049z'/%3E%3C/svg%3E") center / contain no-repeat;
  }

  #card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-social-twitter::after {
    background: #697985;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M18.244%202.25h3.308l-7.227%208.26%208.502%2011.24H16.17l-5.214-6.817L4.99%2021.75H1.68l7.73-8.835L1.254%202.25H8.08l4.713%206.231zm-1.161%2017.52h1.833L7.084%204.126H5.117z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M18.244%202.25h3.308l-7.227%208.26%208.502%2011.24H16.17l-5.214-6.817L4.99%2021.75H1.68l7.73-8.835L1.254%202.25H8.08l4.713%206.231zm-1.161%2017.52h1.833L7.084%204.126H5.117z'/%3E%3C/svg%3E") center / contain no-repeat;
  }

  #card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-social-instagram::after {
    background: linear-gradient(135deg, #756f9c, #9e708c 52%, #aa806a);
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2.3'%3E%3Crect%20x='3'%20y='3'%20width='18'%20height='18'%20rx='5'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='4.2'/%3E%3Ccircle%20cx='17.4'%20cy='6.7'%20r='1.1'%20fill='black'%20stroke='none'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2.3'%3E%3Crect%20x='3'%20y='3'%20width='18'%20height='18'%20rx='5'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='4.2'/%3E%3Ccircle%20cx='17.4'%20cy='6.7'%20r='1.1'%20fill='black'%20stroke='none'/%3E%3C/svg%3E") center / contain no-repeat;
  }

  #card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-social-youtube::after {
    background: #b25a5a;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M23.498%206.186a3.016%203.016%200%200%200-2.122-2.136C19.505%203.545%2012%203.545%2012%203.545s-7.505%200-9.377.505A3.017%203.017%200%200%200%20.502%206.186C0%208.07%200%2012%200%2012s0%203.93.502%205.814a3.017%203.017%200%200%200%202.121%202.136c1.872.505%209.377.505%209.377.505s7.505%200%209.376-.505a3.016%203.016%200%200%200%202.122-2.136C24%2015.93%2024%2012%2024%2012s0-3.93-.502-5.814zM9.545%2015.568V8.432L15.818%2012z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M23.498%206.186a3.016%203.016%200%200%200-2.122-2.136C19.505%203.545%2012%203.545%2012%203.545s-7.505%200-9.377.505A3.017%203.017%200%200%200%20.502%206.186C0%208.07%200%2012%200%2012s0%203.93.502%205.814a3.017%203.017%200%200%200%202.121%202.136c1.872.505%209.377.505%209.377.505s7.505%200%209.376-.505a3.016%203.016%200%200%200%202.122-2.136C24%2015.93%2024%2012%2024%2012s0-3.93-.502-5.814zM9.545%2015.568V8.432L15.818%2012z'/%3E%3C/svg%3E") center / contain no-repeat;
  }

  #card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-social-tiktok::after {
    background: #596773;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M12.525.02c1.31-.02%202.61-.01%203.91-.02.08%201.53.63%203.09%201.75%204.17%201.12%201.11%202.7%201.62%204.24%201.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01%202.92.01%205.84-.02%208.75-.08%201.4-.54%202.79-1.35%203.94-1.31%201.92-3.58%203.17-5.91%203.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.72-.02-.5-.03-1-.01-1.49.18-1.9%201.12-3.72%202.58-4.96%201.66-1.45%203.98-2.14%206.15-1.72.02%201.48-.04%202.96-.04%204.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11%201.04-1.36%201.75-.21.51-.15%201.07-.14%201.61.24%201.64%201.82%203.02%203.5%202.87%201.12-.01%202.19-.66%202.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M12.525.02c1.31-.02%202.61-.01%203.91-.02.08%201.53.63%203.09%201.75%204.17%201.12%201.11%202.7%201.62%204.24%201.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01%202.92.01%205.84-.02%208.75-.08%201.4-.54%202.79-1.35%203.94-1.31%201.92-3.58%203.17-5.91%203.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.72-.02-.5-.03-1-.01-1.49.18-1.9%201.12-3.72%202.58-4.96%201.66-1.45%203.98-2.14%206.15-1.72.02%201.48-.04%202.96-.04%204.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11%201.04-1.36%201.75-.21.51-.15%201.07-.14%201.61.24%201.64%201.82%203.02%203.5%202.87%201.12-.01%202.19-.66%202.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z'/%3E%3C/svg%3E") center / contain no-repeat;
  }

  #card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-social-google::after {
    background: conic-gradient(from -45deg, #6f8db6 0 25%, #9d7271 25% 50%, #a59062 50% 75%, #708f78 75% 100%);
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20488%20512'%3E%3Cpath%20d='M488%20261.8C488%20403.3%20391.1%20504%20248%20504%20110.8%20504%200%20393.2%200%20256S110.8%208%20248%208c66.8%200%20123%2024.5%20166.3%2064.9l-67.5%2064.9C258.5%2052.6%2094.3%20116.6%2094.3%20256c0%2086.5%2069.1%20156.6%20153.7%20156.6%2098.2%200%20135-70.4%20140.8-106.9H248v-85.3h236.1c2.3%2012.7%203.9%2024.9%203.9%2041.4z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20488%20512'%3E%3Cpath%20d='M488%20261.8C488%20403.3%20391.1%20504%20248%20504%20110.8%20504%200%20393.2%200%20256S110.8%208%20248%208c66.8%200%20123%2024.5%20166.3%2064.9l-67.5%2064.9C258.5%2052.6%2094.3%20116.6%2094.3%20256c0%2086.5%2069.1%20156.6%20153.7%20156.6%2098.2%200%20135-70.4%20140.8-106.9H248v-85.3h236.1c2.3%2012.7%203.9%2024.9%203.9%2041.4z'/%3E%3C/svg%3E") center / contain no-repeat;
  }
}

#card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-social-link > a {
  z-index: 1;
}

#card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-toyota-connect-link {
  isolation: isolate;
}

#card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-toyota-connect-link::after {
  content: "";
  position: absolute;
  right: -18px;
  bottom: 18px;
  z-index: 0;
  width: 255px;
  height: 38px;
  border: 0;
  border-radius: 0;
  background: url("../assets/toyota-connect.svg") center / contain no-repeat;
  opacity: .06;
  pointer-events: none;
  transform: rotate(-7deg);
  transform-origin: center;
}

@supports ((-webkit-mask-image: linear-gradient(#000, #000)) or (mask-image: linear-gradient(#000, #000))) {
  #card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-toyota-connect-link::after {
    background: currentColor;
    -webkit-mask: url("../assets/toyota-connect.svg") center / contain no-repeat;
    mask: url("../assets/toyota-connect.svg") center / contain no-repeat;
  }
}

#card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-toyota-connect-link > a {
  z-index: 1;
}

@supports selector(.card_big_button:has(> a)) {
  #card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button:has(
    > a:is(
      [aria-label*="roadside" i],
      [aria-label*="assist" i],
      [href*="roadside" i],
      [href*="assist" i]
    )
  ) {
    isolation: isolate;
  }

  #card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button:has(
    > a:is(
      [aria-label*="roadside" i],
      [aria-label*="assist" i],
      [href*="roadside" i],
      [href*="assist" i]
    )
  )::after {
    content: "";
    position: absolute;
    right: -9px;
    bottom: -22px;
    z-index: 0;
    width: 132px;
    height: 132px;
    border: 12px solid currentColor;
    border-radius: 50%;
    background:
      linear-gradient(45deg, transparent 42%, currentColor 43% 57%, transparent 58%),
      linear-gradient(-45deg, transparent 42%, currentColor 43% 57%, transparent 58%);
    opacity: .05;
    pointer-events: none;
    transform: rotate(-10deg);
  }

  #card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button:has(
    > a:is(
      [aria-label*="roadside" i],
      [aria-label*="assist" i],
      [href*="roadside" i],
      [href*="assist" i]
    )
  ) > a {
    z-index: 1;
  }
}

@supports selector(.card_big_button:has(> a)) and ((-webkit-mask-image: linear-gradient(#000, #000)) or (mask-image: linear-gradient(#000, #000))) {
  #card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button:has(
    > a:is(
      [aria-label*="roadside" i],
      [aria-label*="assist" i],
      [href*="roadside" i],
      [href*="assist" i]
    )
  )::after {
    border: 0;
    border-radius: 0;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='9'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='3'/%3E%3Cpath%20d='M5.64%205.64l4.24%204.24M14.12%2014.12l4.24%204.24M5.64%2018.36l4.24-4.24M14.12%209.88l4.24-4.24'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='9'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='3'/%3E%3Cpath%20d='M5.64%205.64l4.24%204.24M14.12%2014.12l4.24%204.24M5.64%2018.36l4.24-4.24M14.12%209.88l4.24-4.24'/%3E%3C/svg%3E") center / contain no-repeat;
  }
}

@supports selector(.card_big_button:has(> a)) {
  #card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button:has(
    > a:is(
      [aria-label*="pre inspection" i],
      [aria-label*="pre-inspection" i],
      [aria-label*="preinspection" i],
      [aria-label*="sell" i],
      [aria-label*="trade in" i],
      [aria-label*="trade-in" i],
      [aria-label*="valuation" i],
      [aria-label*="value my car" i],
      [aria-label*="we buy" i],
      [href*="pre-inspection" i],
      [href*="preinspection" i],
      [href*="pre%20inspection" i],
      [href*="sell" i],
      [href*="trade-in" i],
      [href*="trade_in" i],
      [href*="trade%20in" i],
      [href*="valuation" i],
      [href*="value-my-car" i],
      [href*="value_my_car" i]
    )
  ) {
    isolation: isolate;
  }

  #card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button:has(
    > a:is(
      [aria-label*="pre inspection" i],
      [aria-label*="pre-inspection" i],
      [aria-label*="preinspection" i],
      [aria-label*="sell" i],
      [aria-label*="trade in" i],
      [aria-label*="trade-in" i],
      [aria-label*="valuation" i],
      [aria-label*="value my car" i],
      [aria-label*="we buy" i],
      [href*="pre-inspection" i],
      [href*="preinspection" i],
      [href*="pre%20inspection" i],
      [href*="sell" i],
      [href*="trade-in" i],
      [href*="trade_in" i],
      [href*="trade%20in" i],
      [href*="valuation" i],
      [href*="value-my-car" i],
      [href*="value_my_car" i]
    )
  )::after {
    content: "";
    position: absolute;
    right: -5px;
    bottom: -18px;
    z-index: 0;
    width: 138px;
    height: 138px;
    border: 3px solid currentColor;
    border-radius:
      var(--dbc-radius-tag-large)
      var(--dbc-radius-tag-large)
      var(--dbc-radius-tag-large)
      var(--dbc-radius-tag-small);
    background:
      radial-gradient(circle at 73% 27%, transparent 0 7px, currentColor 8px 10px, transparent 11px);
    opacity: .05;
    pointer-events: none;
    transform: rotate(-14deg);
  }

  #card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button:has(
    > a:is(
      [aria-label*="pre inspection" i],
      [aria-label*="pre-inspection" i],
      [aria-label*="preinspection" i],
      [aria-label*="sell" i],
      [aria-label*="trade in" i],
      [aria-label*="trade-in" i],
      [aria-label*="valuation" i],
      [aria-label*="value my car" i],
      [aria-label*="we buy" i],
      [href*="pre-inspection" i],
      [href*="preinspection" i],
      [href*="pre%20inspection" i],
      [href*="sell" i],
      [href*="trade-in" i],
      [href*="trade_in" i],
      [href*="trade%20in" i],
      [href*="valuation" i],
      [href*="value-my-car" i],
      [href*="value_my_car" i]
    )
  ) > a {
    z-index: 1;
  }
}

@supports selector(.card_big_button:has(> a)) and ((-webkit-mask-image: linear-gradient(#000, #000)) or (mask-image: linear-gradient(#000, #000))) {
  #card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button:has(
    > a:is(
      [aria-label*="pre inspection" i],
      [aria-label*="pre-inspection" i],
      [aria-label*="preinspection" i],
      [aria-label*="sell" i],
      [aria-label*="trade in" i],
      [aria-label*="trade-in" i],
      [aria-label*="valuation" i],
      [aria-label*="value my car" i],
      [aria-label*="we buy" i],
      [href*="pre-inspection" i],
      [href*="preinspection" i],
      [href*="pre%20inspection" i],
      [href*="sell" i],
      [href*="trade-in" i],
      [href*="trade_in" i],
      [href*="trade%20in" i],
      [href*="valuation" i],
      [href*="value-my-car" i],
      [href*="value_my_car" i]
    )
  )::after {
    border: 0;
    border-radius: 0;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20%2013l-7%207a2%202%200%200%201-2.8%200L3%2012.8a2%202%200%200%201%200-2.8l7-7h7a3%203%200%200%201%203%203v7z'/%3E%3Ccircle%20cx='15.8'%20cy='7.2'%20r='1.25'/%3E%3Cpath%20d='M6.8%2012.7h8.1M8.4%2010.4l1.2-2.2h3.2l1.25%202.2M8.2%2012.7v1.1M13.5%2012.7v1.1'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20%2013l-7%207a2%202%200%200%201-2.8%200L3%2012.8a2%202%200%200%201%200-2.8l7-7h7a3%203%200%200%201%203%203v7z'/%3E%3Ccircle%20cx='15.8'%20cy='7.2'%20r='1.25'/%3E%3Cpath%20d='M6.8%2012.7h8.1M8.4%2010.4l1.2-2.2h3.2l1.25%202.2M8.2%2012.7v1.1M13.5%2012.7v1.1'/%3E%3C/svg%3E") center / contain no-repeat;
  }
}

#card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-specials-link {
  --dbc-specials-overlay: var(--dbc-surface);
  isolation: isolate;
}

#card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-featured.dbc-v2-specials-link {
  --dbc-specials-overlay: var(--dbc-accent);
}

#card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-image.dbc-v2-specials-link {
  --dbc-specials-overlay: #071b36;
}

#card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-specials-preview::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0; /* captured Specials page */
  width: auto;
  height: auto;
  border: 0;
  border-radius: inherit;
  background-color: transparent;
  background-image: var(--dbc-specials-preview);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: .23;
  filter: saturate(.72) contrast(.92);
  pointer-events: none;
  transform: scale(1.025);
  transform-origin: center;
}

#card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-specials-preview::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1; /* diagonal readability overlay */
  border: 0;
  border-radius: inherit;
  background: linear-gradient(
    155deg,
    var(--dbc-specials-overlay) 0%,
    var(--dbc-specials-overlay) 24%,
    transparent 78%
  );
  opacity: .82;
  pointer-events: none;
}

#card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-specials-link.dbc-v2-specials-preview > a {
  z-index: 3; /* all link text and controls */
}

#card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button > a {
  position: absolute;
  inset: 0;
  display: block !important;
  width: 100%;
  min-height: 100%;
  padding: 22px !important;
  color: inherit !important;
  font-family: var(--dbc-font) !important;
  text-align: left !important;
  text-decoration: none;
}

#card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button.dbc-v2-vehicle-link > a {
  z-index: 1;
}

#card_container.dbc-v2 .dbc-v2-link-title {
  display: block;
  max-width: 270px;
  margin: 0 0 8px;
  color: inherit !important;
  font-size: 20px !important;
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -.025em;
  text-wrap: balance;
}

#card_container.dbc-v2 .dbc-v2-link-description {
  display: block;
  max-width: 255px;
  color: inherit !important;
  font-size: 14px !important;
  font-weight: 450;
  line-height: 1.5;
  opacity: .78;
}

#card_container.dbc-v2 .dbc-v2-link-source {
  display: block;
  max-width: 255px;
  margin: -1px 0 6px;
  color: inherit !important;
  font-size: .73rem;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: .01em;
  text-wrap: balance;
  opacity: .92;
}

#card_container.dbc-v2 .dbc-v2-link-cta {
  position: absolute;
  left: 22px;
  bottom: 13px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 32px;
  color: inherit !important;
  font-size: 13px !important;
  font-weight: 800;
}

#card_container.dbc-v2 .dbc-v2-link-cta .dbc-icon {
  width: 17px;
  height: 17px;
}

#card_container.dbc-v2 #card_customlinks.dbc-v2-empty {
  display: none;
}

#card_container.dbc-v2 .dbc-v2-section-hidden {
  display: none !important;
}

#card_container.dbc-v2 .dbc-v2-finance-action {
  margin: 2px 18px 14px;
}

#card_container.dbc-v2 .dbc-v2-finance-link {
  position: relative;
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr) 34px;
  align-items: center;
  gap: 13px;
  min-height: 104px;
  padding: 15px 14px !important;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--dbc-accent) 42%, var(--dbc-border));
  border-radius: var(--dbc-radius-finance);
  color: var(--dbc-safe-on-surface) !important;
  background:
    linear-gradient(105deg, color-mix(in srgb, var(--dbc-accent) 10%, var(--dbc-surface)), var(--dbc-surface) 62%) !important;
  box-shadow: 0 3px 10px rgba(9, 31, 61, .07);
  font-family: var(--dbc-font) !important;
  text-align: left;
  text-decoration: none !important;
}

#card_container.dbc-v2 .dbc-v2-finance-link::after {
  content: "";
  position: absolute;
  right: -42px;
  bottom: -64px;
  width: 128px;
  height: 128px;
  border: 24px solid color-mix(in srgb, var(--dbc-accent) 7%, transparent);
  border-radius: 50%;
  pointer-events: none;
}

#card_container.dbc-v2 .dbc-v2-finance-icon,
#card_container.dbc-v2 .dbc-v2-finance-arrow {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  color: var(--dbc-safe-on-accent);
  background: var(--dbc-accent);
}

#card_container.dbc-v2 .dbc-v2-finance-icon {
  width: 52px;
  height: 52px;
  border-radius: var(--dbc-radius-small);
}

#card_container.dbc-v2 .dbc-v2-finance-icon .dbc-icon {
  width: 25px;
  height: 25px;
}

#card_container.dbc-v2 .dbc-v2-finance-copy {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 3px;
  min-width: 0;
}

#card_container.dbc-v2 .dbc-v2-finance-copy > span {
  color: var(--dbc-safe-on-surface) !important;
  font-size: .76rem;
  line-height: 1.25;
  opacity: .68;
}

#card_container.dbc-v2 .dbc-v2-finance-copy > .dbc-v2-finance-eyebrow {
  color: var(--dbc-accent) !important;
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: 1;
}

#card_container.dbc-v2 .dbc-v2-finance-copy strong {
  color: var(--dbc-safe-on-surface) !important;
  font-size: 1.02rem;
  font-weight: 850;
  line-height: 1.15;
  letter-spacing: -.02em;
  text-wrap: balance;
}

#card_container.dbc-v2 .dbc-v2-finance-arrow {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}

#card_container.dbc-v2 .dbc-v2-finance-arrow .dbc-icon {
  width: 17px;
  height: 17px;
}

@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
  #card_container.dbc-v2 .dbc-v2-finance-link {
    border-color: var(--dbc-border);
    background: var(--dbc-surface-soft) !important;
  }

  #card_container.dbc-v2 .dbc-v2-finance-link::after {
    display: none;
  }
}

/* Contact details */
#card_container.dbc-v2 #card_user {
  display: block !important;
  position: relative !important;
  width: auto;
  margin: 0 14px 22px;
  color: var(--dbc-safe-on-surface) !important;
}

#card_container.dbc-v2 #card_userdeets {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid var(--dbc-border);
  border-radius: var(--dbc-radius);
  background: var(--dbc-surface) !important;
  text-align: left !important;
}

#card_container.dbc-v2 #card_userdeets > .dbc-v2-detail-row {
  position: relative;
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) 20px;
  align-items: center;
  gap: 10px;
  width: 100% !important;
  max-width: none !important;
  min-height: 61px;
  padding: 9px 16px !important;
  border-bottom: 1px solid var(--dbc-border);
  color: var(--dbc-safe-on-surface) !important;
}

#card_container.dbc-v2 #card_userdeets > .dbc-v2-detail-row:last-child {
  border-bottom: 0;
}

#card_container.dbc-v2 .dbc-v2-detail-icon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: var(--dbc-radius-compact);
  color: var(--dbc-safe-on-soft) !important;
  background: var(--dbc-surface-soft);
}

#card_container.dbc-v2 .dbc-v2-detail-icon .dbc-icon,
#card_container.dbc-v2 .dbc-v2-detail-chevron {
  width: 18px;
  height: 18px;
}

#card_container.dbc-v2 .dbc-v2-detail-copy {
  min-width: 0;
}

#card_container.dbc-v2 .userhighlight {
  display: block !important;
  width: auto !important;
  margin: 0 0 2px !important;
  color: var(--dbc-safe-on-surface) !important;
  font-size: .67rem;
  font-weight: 700 !important;
  letter-spacing: .06em;
  opacity: .58;
  text-transform: uppercase;
}

#card_container.dbc-v2 .card_userinfo,
#card_container.dbc-v2 .card_userinfo a {
  display: block;
  max-width: 100% !important;
  margin: 0 !important;
  overflow: hidden;
  color: var(--dbc-safe-on-surface) !important;
  font-family: var(--dbc-font) !important;
  font-size: .83rem !important;
  font-weight: 750;
  line-height: 1.3;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .userhighlight {
  font-size: .67rem !important;
  line-height: 1.2 !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .card_userinfo,
#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .card_userinfo a {
  font-size: .83rem !important;
  line-height: 1.3 !important;
  font-weight: 750 !important;
}

#card_container.dbc-v2 #card_userdeets > .dbc-v2-detail-row--editable {
  grid-template-columns: 40px minmax(0, 1fr) 76px;
}

#card_container.dbc-v2 .dbc-v2-detail-edit {
  position: absolute !important;
  z-index: 3;
  top: 50%;
  right: 10px;
  margin: 0 !important;
  transform: translateY(-50%);
}

#card_container.dbc-v2 .dbc-v2-detail-edit .btn {
  min-width: 58px;
  padding: 4px 7px !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
}

#card_container.dbc-v2 .dbc-v2-detail-row--editable .dbc-v2-detail-chevron {
  display: none;
}

#card_container.dbc-v2 .dbc-v2-detail-link {
  position: absolute;
  inset: 0;
  z-index: 2;
}

/* Location */
#card_container.dbc-v2 .card_dealershipaddress {
  width: auto !important;
  margin: 0 14px 22px !important;
  overflow: hidden;
  border: 1px solid var(--dbc-border);
  border-radius: var(--dbc-radius);
  color: var(--dbc-safe-on-surface) !important;
  background: var(--dbc-surface) !important;
  box-shadow: none;
  text-align: left !important;
}

#card_container.dbc-v2 .card_dealershipaddress > a {
  display: grid;
  color: var(--dbc-safe-on-surface) !important;
  text-decoration: none !important;
}

#card_container.dbc-v2 .card_dealershipaddress .dbc-v2-location-dealer-media,
#card_container.dbc-v2 .card_dealershipaddress .dbc-v2-map-media,
#card_container.dbc-v2 .card_dealershipaddress .dbc-v2-award-media {
  order: 1;
  display: block;
  width: 100%;
}

#card_container.dbc-v2 .card_dealershipaddress img {
  order: 1;
  display: block;
  width: 100% !important;
  height: 166px !important;
  min-height: 132px;
  max-height: 166px;
  border: 0;
  object-fit: cover;
}

@supports (aspect-ratio: 1 / 1) {
  #card_container.dbc-v2 .card_dealershipaddress img {
    height: auto !important;
    min-height: 0;
    max-height: none;
    aspect-ratio: 30 / 11;
  }
}

#card_container.dbc-v2 .card_dealershipaddress .dbc-v2-location-dealer-image {
  width: 100% !important;
  height: 113px !important;
  min-height: 0;
  max-height: none;
  border-radius: 0 !important;
  opacity: 1 !important;
  filter: none !important;
  object-fit: cover;
}

#card_container.dbc-v2 .card_dealershipaddress .dbc-v2-map-image {
  width: 100% !important;
  height: 138px !important;
  min-height: 0;
  max-height: none;
  border-top: 1px solid var(--dbc-border);
  border-radius: 0 !important;
  opacity: 1 !important;
  filter: none !important;
  object-fit: cover;
}

@supports (aspect-ratio: 1 / 1) {
  #card_container.dbc-v2 .card_dealershipaddress .dbc-v2-location-dealer-image {
    height: auto !important;
    aspect-ratio: 4 / 1;
  }

  #card_container.dbc-v2 .card_dealershipaddress .dbc-v2-map-image {
    height: auto !important;
    aspect-ratio: 36 / 11;
  }
}

#card_container.dbc-v2 .card_dealershipaddress.dbc-v2-award-panel {
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent !important;
}

#card_container.dbc-v2 .card_dealershipaddress.dbc-v2-award-panel img {
  width: 100% !important;
  height: auto !important;
  min-height: 0;
  max-height: none;
  border: 0;
  border-radius: 0 !important;
  object-fit: contain;
}

#card_container.dbc-v2 .card_dealershipaddress .dbc-v2-location-copy {
  order: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 46px;
  align-items: center;
  gap: 12px;
  padding: 16px;
}

#card_container.dbc-v2 .dbc-v2-location-text {
  min-width: 0;
}

#card_container.dbc-v2 .dbc-v2-location-title {
  display: block;
  margin: 0 0 5px;
  color: var(--dbc-safe-on-surface) !important;
  font-size: .96rem;
  font-weight: 800;
  text-wrap: balance;
}

#card_container.dbc-v2 .card_dealershipaddresstext {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--dbc-safe-on-surface) !important;
  font-family: var(--dbc-font) !important;
  font-size: .76rem !important;
  font-weight: 500 !important;
  line-height: 1.4;
  opacity: .66;
}

#card_container.dbc-v2 .card_dealershipaddresstext > .fa {
  display: none;
}

#card_container.dbc-v2 .dbc-v2-round-link {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  color: var(--dbc-safe-on-accent) !important;
  background: var(--dbc-accent);
}

#card_container.dbc-v2 .dbc-v2-round-link .dbc-icon {
  width: 20px;
  height: 20px;
}

/* QR proof and retained footer branding */
#card_container.dbc-v2 .dbc-v2-proof {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  margin: 0 14px 22px;
  padding: 18px;
  border: 1px solid var(--dbc-border);
  border-radius: var(--dbc-radius);
  background: var(--dbc-surface);
}

#card_container.dbc-v2 .dbc-v2-proof img {
  width: 88px !important;
  height: 88px !important;
  padding: 3px;
  object-fit: contain;
  background: #ffffff;
}

#card_container.dbc-v2 .dbc-v2-proof h3 {
  margin: 0 0 5px;
  color: var(--dbc-safe-on-surface) !important;
  font-family: var(--dbc-font) !important;
  font-size: .98rem;
}

#card_container.dbc-v2 .dbc-v2-proof p {
  margin: 0;
  color: var(--dbc-safe-on-surface) !important;
  font-size: .76rem;
  line-height: 1.4;
  opacity: .64;
}

#card_container.dbc-v2 #card_footer {
  width: auto !important;
  margin: 0 14px 10px !important;
  overflow: hidden;
  border: 1px solid var(--dbc-border);
  border-radius: var(--dbc-radius);
  color: var(--dbc-safe-on-surface) !important;
  background: var(--dbc-surface) !important;
  text-align: center !important;
}

#card_container.dbc-v2 #card_footer > a > img {
  display: none !important;
}

#card_container.dbc-v2 #card_footer table {
  width: 100% !important;
  margin: 0 !important;
  color: var(--dbc-safe-on-surface) !important;
}

#card_container.dbc-v2 #card_footer.dbc-v2-proof-footer {
  position: relative;
  padding: 16px;
  text-align: left !important;
  container: dbc-proof / inline-size;
}

#card_container.dbc-v2 #card_footer.dbc-v2-proof-footer table {
  margin: 0 !important;
  table-layout: fixed;
}

#card_container.dbc-v2 #card_footer.dbc-v2-proof-footer td {
  padding: 0 !important;
  vertical-align: top !important;
}

#card_container.dbc-v2 #card_footer.dbc-v2-proof-footer td:first-child {
  width: 138px;
  padding-right: 14px !important;
}

#card_container.dbc-v2 #card_footer.dbc-v2-proof-footer td:last-child {
  position: relative;
  padding-bottom: 76px !important;
}

#card_container.dbc-v2 #card_footer.dbc-v2-proof-footer td:first-child > div {
  margin: 0 !important;
}

#card_container.dbc-v2 #card_footer.dbc-v2-proof-footer td:first-child > div > div {
  width: 124px !important;
  height: 124px !important;
  padding: 2px !important;
  background: #ffffff !important;
}

#card_container.dbc-v2 #card_footer.dbc-v2-proof-footer img[alt="QRCode"] {
  display: block;
  width: 120px !important;
  height: 120px !important;
  margin: 0 !important;
  background: #ffffff !important;
}

#card_container.dbc-v2 .dbc-v2-proof-copy h3 {
  margin: 0 0 6px;
  color: var(--dbc-safe-on-surface) !important;
  font-family: var(--dbc-font) !important;
  font-size: .98rem;
  font-weight: 800;
  text-wrap: balance;
}

#card_container.dbc-v2 .dbc-v2-proof-copy p {
  margin: 0;
  color: var(--dbc-safe-on-surface) !important;
  font-family: var(--dbc-font) !important;
  font-size: .76rem;
  line-height: 1.45;
  opacity: .66;
}

#card_container.dbc-v2 #card_footer.dbc-v2-proof-footer .card_carvendors {
  position: absolute;
  right: 0;
  bottom: 10px;
  display: block;
  width: auto !important;
  max-width: 130px;
  margin: 0;
  font-size: .62rem;
  line-height: 1.25;
  text-align: right !important;
  white-space: nowrap;
}

#card_container.dbc-v2 #card_footer.dbc-v2-proof-footer .card_carvendors img {
  display: block;
  max-width: 92px !important;
  height: auto !important;
  margin: 0 0 3px auto !important;
}

#card_container.dbc-v2 #card_footer.dbc-v2-proof-footer.dbc-v2-proof-has-group td:last-child {
  padding-bottom: 0 !important;
}

#card_container.dbc-v2 #card_footer.dbc-v2-proof-footer.dbc-v2-proof-has-group .card_carvendors {
  position: static;
  width: 130px !important;
  margin: 18px 0 0 auto;
}

#card_container.dbc-v2 .card_carvendors,
#card_container.dbc-v2 .card_carvendors a {
  color: var(--dbc-safe-on-surface) !important;
  font-family: var(--dbc-font) !important;
}

#card_container.dbc-v2 #wadiv {
  width: auto !important;
  margin: 14px;
  padding: 16px;
  border: 1px solid var(--dbc-border);
  border-radius: var(--dbc-radius-large);
  background: var(--dbc-surface) !important;
  box-shadow: 0 16px 36px var(--dbc-shadow);
}

/* Render below-the-fold panels only when they approach the viewport. */
#card_container.dbc-v2 #card_customlinks.dbc-v2-links,
#card_container.dbc-v2 #card_user,
#card_container.dbc-v2 .card_dealershipaddress,
#card_container.dbc-v2 #card_footer {
  content-visibility: auto;
  contain-intrinsic-size: auto 230px;
}

#card_container.dbc-v2 .dbc-v2-qr-trigger {
  display: block;
  width: 124px;
  height: 124px;
  margin: 0;
  padding: 2px;
  border: 0;
  color: inherit;
  background: #ffffff !important;
  cursor: zoom-in;
}

/* Native popovers, with the same rules used by the small JS fallback. */
.dbc-v2-popover {
  position: fixed;
  z-index: 80;
  inset: 50% auto auto 50%;
  width: min(calc(100% - 32px), 390px);
  max-height: calc(100vh - 40px);
  max-height: calc(100dvh - 40px);
  margin: 0;
  padding: 20px;
  overflow: auto;
  border: 1px solid var(--dbc-border, rgba(19, 35, 58, .14));
  border-radius: var(--dbc-radius-popover);
  color: var(--dbc-safe-on-surface, #13233a);
  background: var(--dbc-surface, #ffffff);
  box-shadow: 0 18px 45px rgba(5, 18, 40, .24);
  font-family: var(--dbc-font, sans-serif);
  transform: translate(-50%, -50%);
}

.dbc-v2-popover:not(:popover-open):not(.is-open) {
  display: none;
}

.dbc-v2-popover::backdrop {
  background: rgba(5, 18, 40, .56);
  backdrop-filter: blur(3px);
}

.dbc-v2-popover-fallback-backdrop {
  position: fixed;
  z-index: 79;
  inset: 0;
  background: rgba(5, 18, 40, .56);
}

.dbc-v2-popover-head {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 16px;
}

.dbc-v2-popover-head > div {
  min-width: 0;
}

.dbc-v2-popover h2 {
  margin: 0;
  color: inherit;
  font: 850 1.2rem/1.15 var(--dbc-font, sans-serif);
  letter-spacing: -.025em;
  text-wrap: balance;
}

.dbc-v2-popover p {
  margin: 5px 0 0;
  color: inherit;
  font: 500 .8rem/1.45 var(--dbc-font, sans-serif);
  opacity: .68;
}

.dbc-v2-popover-close {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  margin-left: auto;
  padding: 0;
  border: 1px solid var(--dbc-border, rgba(19, 35, 58, .14));
  border-radius: 50%;
  color: inherit;
  background: var(--dbc-surface-soft, #e8edf5);
  font: 800 1.15rem/1 sans-serif;
  cursor: pointer;
}

.dbc-v2-wallet-actions {
  display: grid;
  gap: 10px;
}

.dbc-v2-wallet-action {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 54px;
  padding: 11px 14px;
  border: 1px solid var(--dbc-border, rgba(19, 35, 58, .14));
  border-radius: var(--dbc-radius-small);
  color: inherit;
  background: var(--dbc-surface-soft, #e8edf5);
  font: 750 .82rem/1.2 var(--dbc-font, sans-serif);
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.dbc-v2-wallet-action .dbc-icon {
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
}

.dbc-v2-qr-popover {
  text-align: center;
}

.dbc-v2-qr-popover .dbc-v2-popover-head {
  text-align: left;
}

.dbc-v2-qr-large {
  display: block;
  width: min(76vw, 280px) !important;
  height: min(76vw, 280px) !important;
  margin: 6px auto 0 !important;
  padding: 6px;
  background: #ffffff !important;
  object-fit: contain;
}

/* Fixed Horizon action dock */
.dbc-v2-dock {
  position: fixed;
  z-index: 40;
  left: 50%;
  bottom: max(10px, env(safe-area-inset-bottom));
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: min(calc(100% - 22px), 456px);
  padding: 7px;
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: var(--dbc-radius-dock);
  color: var(--dbc-safe-on-accent, #ffffff);
  background: var(--dbc-accent, #071f49);
  box-shadow: 0 18px 45px rgba(5, 18, 40, .28);
  backdrop-filter: blur(18px);
  transform: translateX(-50%);
}

.dbc-v2-dock a,
.dbc-v2-dock button {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 3px;
  min-width: 0;
  min-height: 54px;
  padding: 4px;
  border: 0;
  border-radius: var(--dbc-radius-dock-action);
  color: inherit;
  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, .045),
      rgba(255, 255, 255, 0) 48%,
      rgba(0, 0, 0, .035)
    );
  font: 750 .63rem/1 var(--dbc-font, sans-serif);
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.dbc-v2-dock a:active,
.dbc-v2-dock button:active {
  background: rgba(255, 255, 255, .13);
}

.dbc-v2-dock .dbc-icon {
  width: 20px;
  height: 20px;
}

.dbc-v2-toast {
  position: fixed;
  z-index: 60;
  left: 50%;
  bottom: 100px;
  padding: 11px 16px;
  border-radius: 999px;
  color: #ffffff;
  background: #152239;
  font: 750 .76rem/1.2 var(--dbc-font, sans-serif);
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 18px);
  transition: opacity .22s ease, transform .22s ease;
}

.dbc-v2-toast.is-visible {
  opacity: 1;
  transform: translate(-50%, 0);
}

@keyframes dbc-v2-rise {
  from {
    transform: translateY(30px);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes dbc-v2-hero-sweep {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0) skewX(-29deg);
  }

  14% {
    opacity: .65;
  }

  58% {
    opacity: 1;
  }

  84% {
    opacity: .45;
  }

  100% {
    opacity: 0;
    transform: translate3d(500%, 0, 0) skewX(-29deg);
  }
}

@media (max-width: 350px) {
  #card_container.dbc-v2 #card_logo {
    min-height: 310px;
  }

  #card_container.dbc-v2 .dbc-v2-brand {
    left: 12px;
    right: 12px;
  }

  #card_container.dbc-v2 .dbc-v2-profile {
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 12px;
    margin-inline: 10px;
    padding: 12px;
  }

  #card_container.dbc-v2 .dbc-v2-profile .card_userimg,
  #card_container.dbc-v2 .dbc-v2-profile .card_userimg > img,
  #card_container.dbc-v2 .dbc-v2-profile .dbc-v2-profile-media,
  #card_container.dbc-v2 .dbc-v2-profile .dbc-v2-profile-media > img {
    width: 88px !important;
    height: 110px !important;
  }

  #card_container.dbc-v2 #card_username {
    font-size: 1.27rem !important;
  }

  #card_container.dbc-v2 .share-inline {
    gap: 5px;
    margin-inline: 10px !important;
  }

  #card_container.dbc-v2 .share-inline .circle {
    border-radius: var(--dbc-radius-small) !important;
  }

  #card_container.dbc-v2 .dbc-v2-action-label {
    font-size: .58rem;
  }
}

@container dbc-header (max-width: 350px) {
  #card_container.dbc-v2 .dbc-v2-brand {
    left: 12px;
    right: 12px;
  }

  #card_container.dbc-v2 .dbc-v2-profile {
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 12px;
    padding: 12px;
  }
}

@container dbc-profile (max-width: 330px) {
  #card_container.dbc-v2 .dbc-v2-profile .card_userimg,
  #card_container.dbc-v2 .dbc-v2-profile .dbc-v2-profile-media,
  #card_container.dbc-v2 .dbc-v2-profile .dbc-v2-profile-media > img {
    width: 88px !important;
    height: 110px !important;
  }

  #card_container.dbc-v2 #card_username {
    font-size: 1.27rem !important;
  }
}

@container dbc-proof (max-width: 350px) {
  #card_container.dbc-v2 #card_footer.dbc-v2-proof-footer td:first-child {
    width: 118px;
    padding-right: 10px !important;
  }

  #card_container.dbc-v2 #card_footer.dbc-v2-proof-footer td:first-child > div > div,
  #card_container.dbc-v2 .dbc-v2-qr-trigger {
    width: 108px !important;
    height: 108px !important;
  }

  #card_container.dbc-v2 #card_footer.dbc-v2-proof-footer img[alt="QRCode"] {
    width: 104px !important;
    height: 104px !important;
  }
}

@media (min-width: 700px) {
  #card_container.dbc-v2 {
    min-height: calc(100vh - 48px);
    min-height: calc(100svh - 48px);
    margin-block: 24px !important;
    border-radius: var(--dbc-radius-shell) var(--dbc-radius-shell) 0 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  #card_container.dbc-v2 #card_logo.dbc-v2-sweep::after {
    animation: none !important;
  }

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: .001ms !important;
    transition-duration: .001ms !important;
  }
}

/*
  The operations dashboard loads several legacy card styles after the shared
  renderer. Keep the edit preview isolated from those generic selectors. This
  intentionally applies only to default.php's edit card, never display.php.
*/
#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] {
  display: block !important;
  position: relative !important;
  width: min(100%, 480px) !important;
  max-width: 480px !important;
  min-height: 100vh !important;
  margin: 0 auto !important;
  padding: 0 0 24px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--dbc-safe-text) !important;
  background: var(--dbc-background) !important;
  box-shadow: 0 0 70px rgba(12, 31, 54, .17) !important;
  font-family: var(--dbc-font) !important;
  text-align: left !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"],
#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] * {
  box-sizing: border-box !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] #card_data,
#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] #card_header {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] #card_logo {
  position: relative !important;
  display: grid !important;
  align-items: end !important;
  width: 100% !important;
  min-height: 330px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background-image: none !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] #card_logo > .dbc-v2-hero-media,
#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] #card_logo .dbc-v2-hero-image {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .dbc-v2-brand {
  position: absolute !important;
  z-index: 3 !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .dbc-v2-hero-copy {
  position: relative !important;
  z-index: 2 !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .dbc-v2-profile {
  position: relative !important;
  z-index: 4 !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .dbc-v2-profile {
  display: grid !important;
  grid-template-columns: 98px minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: center !important;
  width: auto !important;
  margin: -24px 14px 0 !important;
  padding: 14px !important;
  overflow: visible !important;
  border: 1px solid var(--dbc-border) !important;
  border-radius: var(--dbc-radius) !important;
  color: var(--dbc-safe-on-surface) !important;
  background: var(--dbc-surface) !important;
  box-shadow: 0 10px 24px rgba(9, 31, 61, .12) !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .dbc-v2-profile .card_userimg,
#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .dbc-v2-profile .card_userimg > img,
#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .dbc-v2-profile .dbc-v2-profile-media,
#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .dbc-v2-profile .dbc-v2-profile-media > img {
  display: block !important;
  width: 98px !important;
  height: 122px !important;
  margin: 0 !important;
  max-width: none !important;
  border: 0 !important;
  border-radius: var(--dbc-radius-photo) !important;
  object-fit: cover !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] #card_username,
#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] #card_userposition,
#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] #card_userposition2 {
  width: auto !important;
  color: var(--dbc-safe-on-surface) !important;
  font-family: var(--dbc-font) !important;
  text-align: left !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .share-inline {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: auto !important;
  margin: 16px 14px 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .share-inline li,
#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .share-inline .circle {
  display: grid !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .dbc-v2-link-rail {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: min(79vw, 342px) !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 18px 12px !important;
  overflow-x: auto !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .dbc-v2-link-rail > .card_big_button {
  position: relative !important;
  display: block !important;
  min-height: 180px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: var(--dbc-radius) !important;
  background: var(--dbc-surface) !important;
  box-shadow: 0 4px 12px rgba(9, 31, 61, .08) !important;
}

/* The dashboard isolation rule above must retain the public card variants. */
#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .dbc-v2-link-rail > .card_big_button.dbc-v2-featured {
  color: var(--dbc-safe-on-accent) !important;
  background: var(--dbc-accent) !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .dbc-v2-link-rail > .card_big_button.dbc-v2-image {
  color: #ffffff !important;
  background-color: #071b36 !important;
  background-image: linear-gradient(90deg, rgba(3, 15, 34, .9), rgba(3, 15, 34, .25)), var(--dbc-dealership-image) !important;
  background-position: center !important;
  background-size: cover !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .dbc-v2-link-rail > .card_big_button.dbc-v2-promo {
  color: var(--dbc-safe-on-surface) !important;
  background: linear-gradient(145deg, var(--dbc-surface), var(--dbc-surface-soft)) !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .dbc-v2-link-rail > .card_big_button.dbc-v2-featured > a,
#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .dbc-v2-link-rail > .card_big_button.dbc-v2-featured > a * {
  color: var(--dbc-safe-on-accent) !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .dbc-v2-link-rail > .card_big_button.dbc-v2-image > a,
#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .dbc-v2-link-rail > .card_big_button.dbc-v2-image > a * {
  color: #ffffff !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .dbc-v2-link-rail > .card_big_button > a {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 22px !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] #card_user,
#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .card_dealershipaddress,
#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] #card_footer {
  position: relative !important;
  display: block !important;
  width: auto !important;
  margin: 16px 14px !important;
  padding: 0 !important;
  color: var(--dbc-safe-on-surface) !important;
  background: transparent !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] #card_userdeets {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--dbc-border) !important;
  border-radius: var(--dbc-radius) !important;
  color: var(--dbc-safe-on-surface) !important;
  background: var(--dbc-surface) !important;
  text-align: left !important;
}

/*
  Reassert the public-card typography inside default.php. The operations shell
  has broad legacy font rules which otherwise win for these smaller elements.
  This is deliberately scoped to the edit preview only.
*/
#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .dbc-v2-brand-label {
  font-size: .85rem !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  letter-spacing: .08em !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .dbc-v2-eyebrow {
  font-size: .72rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: .13em !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .dbc-v2-hero-title {
  font-size: clamp(1.8rem, 8vw, 2.55rem) !important;
  font-weight: 800 !important;
  line-height: 1.02 !important;
  letter-spacing: -.045em !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] #card_dealershipname {
  font-size: .95rem !important;
  font-weight: 450 !important;
  line-height: 1.25 !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] #card_username {
  font-size: 1.5rem !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
  letter-spacing: -.035em !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] #card_userposition {
  font-size: .86rem !important;
  font-weight: 650 !important;
  line-height: 1.3 !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] #card_userposition2 {
  font-size: .76rem !important;
  font-weight: 650 !important;
  line-height: 1.3 !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .dbc-v2-finance-copy > span {
  font-size: .76rem !important;
  line-height: 1.25 !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .dbc-v2-finance-copy > .dbc-v2-finance-eyebrow {
  font-size: .66rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: .08em !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .dbc-v2-finance-copy strong {
  font-size: 1.02rem !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .dbc-v2-location-title {
  font-size: .96rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .card_dealershipaddresstext {
  font-size: .76rem !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

/* Keep the legacy proof markup readable instead of pinning the text to a narrow strip. */
#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] #card_footer.dbc-v2-proof-footer {
  padding: 16px !important;
  background: var(--dbc-surface) !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] #card_footer.dbc-v2-proof-footer table {
  width: 100% !important;
  table-layout: fixed !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] #card_footer.dbc-v2-proof-footer td {
  vertical-align: middle !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] #card_footer.dbc-v2-proof-footer td:first-child {
  width: 138px !important;
  padding-right: 14px !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] #card_footer.dbc-v2-proof-footer td:last-child {
  position: static !important;
  padding-bottom: 0 !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] #card_footer.dbc-v2-proof-footer .dbc-v2-proof-copy h3 {
  font-size: .98rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] #card_footer.dbc-v2-proof-footer .dbc-v2-proof-copy p {
  font-size: .76rem !important;
  line-height: 1.45 !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] #card_footer.dbc-v2-proof-footer .card_carvendors {
  position: static !important;
  display: block !important;
  width: auto !important;
  max-width: none !important;
  margin: 12px 0 0 !important;
  font-size: .82rem !important;
  line-height: 1.4 !important;
  text-align: left !important;
  white-space: normal !important;
}

#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] #card_footer.dbc-v2-proof-footer .card_carvendors img {
  margin: 0 0 6px !important;
}

/* default.php inherits a reduced rem base from the operations shell. Use the
   public card's intended pixel sizes in the editable preview. */
#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .dbc-v2-brand-label { font-size: 14px !important; }
#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .dbc-v2-eyebrow { font-size: 12px !important; }
#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .dbc-v2-hero-title { font-size: clamp(29px, 8vw, 41px) !important; }
#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] #card_dealershipname { font-size: 15px !important; }
#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] #card_username { font-size: 24px !important; }
#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] #card_userposition { font-size: 14px !important; }
#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] #card_userposition2 { font-size: 12px !important; }
#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .userhighlight { font-size: 11px !important; }
#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .card_userinfo,
#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .card_userinfo a { font-size: 13px !important; }
#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .dbc-v2-finance-copy > span { font-size: 12px !important; }
#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .dbc-v2-finance-copy > .dbc-v2-finance-eyebrow { font-size: 10px !important; }
#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .dbc-v2-finance-copy strong { font-size: 16px !important; }
#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .dbc-v2-location-title { font-size: 15px !important; }
#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] .card_dealershipaddresstext { font-size: 12px !important; }
#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] #card_footer.dbc-v2-proof-footer .dbc-v2-proof-copy h3 { font-size: 16px !important; }
#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] #card_footer.dbc-v2-proof-footer .dbc-v2-proof-copy p { font-size: 12px !important; }
#divContent.bcv2-default-layout #card_container.dbc-v2[data-action="edit"] #card_footer.dbc-v2-proof-footer .card_carvendors { font-size: 13px !important; }

@media (prefers-contrast: more) {
  #card_container.dbc-v2 {
    --dbc-border: rgba(0, 0, 0, .34);
  }

  #card_container.dbc-v2 .dbc-v2-profile,
  #card_container.dbc-v2 #card_userdeets,
  #card_container.dbc-v2 .share-inline .circle,
  #card_container.dbc-v2 .dbc-v2-link-rail > .card_big_button,
  #card_container.dbc-v2 .card_dealershipaddress,
  #card_container.dbc-v2 .dbc-v2-proof {
    border-width: 2px;
  }
}
