/* DPD chrome stability styles */
:root {
  --dpd-chrome-shell-width: min(1440px, calc(100vw - 96px));
  --dpd-chrome-logo-column: 236px;
  --dpd-chrome-logo-size: 58px;
  --dpd-chrome-pill-height: 44px;
  --dpd-chrome-utility-size: 50px;
  --dpd-chrome-header-bg: #0f1d1d;
  --dpd-chrome-header-accent-width: clamp(220px, 32vw, 420px);
  --dpd-chrome-font-body: var(--font-body, "Helvetica Neue", Helvetica, Arial, sans-serif);
  --dpd-chrome-font-display: var(--font-display, "acumin-pro-condensed", "Helvetica Neue Condensed", "Arial Narrow", Arial, sans-serif);
  --dpd-chrome-font-ui: var(--font-brand, "acumin-pro-semi-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif);
  --dpd-chrome-border: rgba(255, 255, 255, 0.12);
}

/* DPD 2.0 training portal live-language alignment - 2026-07-10 */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .video-header-content.mock-static-bg,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .mock-static-bg {
  align-items: center !important;
  gap: clamp(26px, 4vw, 72px) !important;
  grid-template-columns: minmax(0, 0.9fr) minmax(420px, 0.85fr) !important;
  min-height: clamp(260px, 22vw, 340px) !important;
  overflow: visible !important;
  padding: clamp(34px, 4vw, 58px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dashboard-head-left h1 {
  font-size: clamp(34px, 3.1vw, 54px) !important;
  line-height: 0.98 !important;
  max-inline-size: 15ch !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro #training-focus-copy {
  max-inline-size: 68ch !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary {
  max-width: none !important;
  overflow: visible !important;
  padding: clamp(16px, 1.6vw, 22px) !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary__grid {
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary__tile {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.24) !important;
  border-radius: 16px !important;
  color: #fff !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-height: 116px !important;
  padding: 14px 10px !important;
  text-align: center !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary__tile em {
  color: rgba(255, 255, 255, 0.72) !important;
  display: block !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
  line-height: 1.25 !important;
  margin-bottom: 10px !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary__tile strong {
  color: #fff !important;
  display: block !important;
  font-size: clamp(42px, 4vw, 64px) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 0.9 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary__note {
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 13px !important;
  margin: 14px 0 0 !important;
  text-align: center !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-info-managed > .dpd-v2-info-summary {
  bottom: auto !important;
  left: auto !important;
  max-width: min(340px, calc(100vw - 48px)) !important;
  right: 0 !important;
  top: calc(100% + 12px) !important;
  transform: none !important;
  white-space: normal !important;
  z-index: 60 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-mobile-counts {
  display: none !important;
}

@media (max-width: 1180px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .video-header-content.mock-static-bg,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .mock-static-bg {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 767px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .video-header-content.mock-static-bg,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .mock-static-bg {
    padding: 28px 22px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-mobile-counts {
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    margin-top: 18px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-mobile-counts span {
    background: rgba(255, 255, 255, 0.12) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 12px !important;
    color: rgba(255, 255, 255, 0.76) !important;
    display: block !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: 0.1em !important;
    line-height: 1.2 !important;
    padding: 10px 6px !important;
    text-align: center !important;
    text-transform: uppercase !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-mobile-counts strong {
    color: #fff !important;
    display: block !important;
    font-size: 28px !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    margin-bottom: 4px !important;
  }
}

html {
  scrollbar-gutter: stable;
}

#dpd-account-dropdown.dpd-account-dropdown,
#header-login.dpd-public-header--member .dpd-account-dropdown {
  background: #ffffff !important;
  border: 1px solid rgba(16, 23, 31, 0.12) !important;
  border-radius: 22px !important;
  box-shadow: 0 28px 70px rgba(5, 12, 18, 0.28) !important;
  box-sizing: border-box !important;
  color: #101820 !important;
  max-width: calc(100vw - 32px) !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 18px !important;
  width: min(420px, calc(100vw - 32px)) !important;
}

#dpd-account-dropdown .acc-dropdown-tab {
  align-items: center !important;
  border-bottom: 1px solid rgba(16, 23, 31, 0.1) !important;
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  margin: 0 0 12px !important;
  padding: 0 0 14px !important;
  width: 100% !important;
}

#dpd-account-dropdown .acc-drop-pic,
#dpd-account-dropdown .acc-drop-pic .dpd-user-badge {
  height: 58px !important;
  max-height: 58px !important;
  max-width: 58px !important;
  min-height: 58px !important;
  min-width: 58px !important;
  width: 58px !important;
}

#dpd-account-dropdown .acc-drop-pic .dpd-user-badge {
  background: var(--dpd-user-badge-fill, var(--dpd-portal-accent, #fff200)) !important;
  border: 2px solid var(--dpd-user-badge-fill, var(--dpd-portal-accent, #fff200)) !important;
  box-shadow: none !important;
  color: var(--dpd-user-badge-ink, var(--dpd-portal-accent-ink, #111820)) !important;
}

#dpd-account-dropdown .acc-drop-pic .dpd-user-badge img {
  height: 26px !important;
  max-height: 26px !important;
  max-width: 26px !important;
  padding: 0 !important;
  width: 26px !important;
}

#dpd-account-dropdown .acc-drop-cont {
  min-width: 0 !important;
  padding: 0 !important;
}

#dpd-account-dropdown .acc-drop-cont h4 {
  color: #101820 !important;
  font-size: 20px !important;
  letter-spacing: 0.04em !important;
  line-height: 1.05 !important;
  margin: 0 0 4px !important;
  overflow-wrap: anywhere !important;
}

#dpd-account-dropdown .acc-drop-cont p {
  color: #5c6874 !important;
  font-size: 12px !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  text-transform: none !important;
}

#dpd-account-dropdown .dpd-header-account-recordline,
#dpd-account-dropdown .acc-drop-help {
  display: none !important;
}

#dpd-account-dropdown .acc-drop-meta {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin-top: 10px !important;
}

#dpd-account-dropdown .acc-drop-meta__item {
  background: #f5f7f9 !important;
  border: 1px solid rgba(16, 23, 31, 0.08) !important;
  border-radius: 12px !important;
  min-width: 0 !important;
  padding: 9px !important;
}

#dpd-account-dropdown .acc-drop-meta__item span,
#dpd-account-dropdown .acc-drop-meta__item strong {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#dpd-account-dropdown .acc-drop-meta__item span {
  color: #6a7480 !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  line-height: 1.1 !important;
  margin-bottom: 3px !important;
  text-transform: uppercase !important;
}

#dpd-account-dropdown .acc-drop-meta__item strong {
  color: #101820 !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
}

#dpd-account-dropdown .dpd-account-menu__actions {
  display: grid !important;
  gap: 8px !important;
  margin-top: 12px !important;
}

#dpd-account-dropdown .dpd-account-menu__action {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid rgba(16, 23, 31, 0.12) !important;
  border-radius: 999px !important;
  color: #101820 !important;
  display: flex !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  justify-content: flex-start !important;
  letter-spacing: 0.08em !important;
  min-height: 42px !important;
  padding: 0 15px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

#dpd-account-dropdown .dpd-account-menu__action.is-primary {
  background: #081014 !important;
  border-color: #081014 !important;
  color: #ffffff !important;
}

#dpd-account-dropdown .dpd-account-menu__action.is-signout {
  border-color: rgba(180, 35, 24, 0.28) !important;
  color: #9f1d14 !important;
}

#dpd-account-dropdown.dpd-account-dropdown,
#dpd-account-dropdown.dpd-account-dropdown * {
  font-family: var(--dpd-chrome-font-ui) !important;
}

#dpd-account-dropdown .acc-drop-cont h4 {
  font-family: var(--dpd-chrome-font-display) !important;
}

#dpd-account-dropdown .acc-drop-cont p,
#dpd-account-dropdown .acc-drop-meta__item strong {
  font-family: var(--dpd-chrome-font-body) !important;
}

#dpd-account-dropdown .acc-appearance--dropdown {
  background: #f6f8fa !important;
  border: 1px solid rgba(16, 23, 31, 0.1) !important;
  border-radius: 14px !important;
  display: block !important;
  margin: 10px 0 0 !important;
  max-height: min(320px, 44vh) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 11px !important;
}

#dpd-account-dropdown .acc-appearance-header {
  align-items: center !important;
  display: flex !important;
  justify-content: space-between !important;
  margin: 0 0 8px !important;
}

#dpd-account-dropdown .acc-appearance-copy p {
  display: none !important;
}

#dpd-account-dropdown .acc-appearance-label {
  color: #101820 !important;
  display: block !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
  line-height: 1 !important;
  margin: 0 0 8px !important;
  text-transform: uppercase !important;
}

#dpd-account-dropdown .acc-appearance-panel--approved {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: 1fr !important;
}

#dpd-account-dropdown .acc-appearance-block {
  background: #ffffff !important;
  border: 1px solid rgba(16, 23, 31, 0.08) !important;
  border-radius: 12px !important;
  min-width: 0 !important;
  padding: 10px !important;
}

#dpd-account-dropdown .acc-avatar-grid--selector {
  display: grid !important;
  gap: 7px !important;
  grid-template-columns: repeat(auto-fit, minmax(64px, 1fr)) !important;
  min-width: 0 !important;
}

#dpd-account-dropdown .acc-avatar-option {
  align-items: center !important;
  background: #f8fafc !important;
  border: 1px solid rgba(16, 23, 31, 0.08) !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  display: grid !important;
  gap: 5px !important;
  justify-items: center !important;
  min-height: 64px !important;
  min-width: 0 !important;
  padding: 7px 5px !important;
}

#dpd-account-dropdown .acc-avatar-option.is-active,
#dpd-account-dropdown .acc-palette-swatch.is-active {
  border-color: var(--dpd-user-badge-fill, var(--dpd-portal-accent, #fff200)) !important;
  box-shadow: inset 0 0 0 1px var(--dpd-user-badge-fill, var(--dpd-portal-accent, #fff200)) !important;
}

#dpd-account-dropdown .acc-avatar-icon,
#dpd-account-dropdown .acc-avatar-initials {
  align-items: center !important;
  background: var(--dpd-user-badge-fill, var(--dpd-portal-accent, #fff200)) !important;
  border-radius: 999px !important;
  color: var(--dpd-user-badge-ink, var(--dpd-portal-accent-ink, #111820)) !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  height: 26px !important;
  justify-content: center !important;
  width: 26px !important;
}

#dpd-account-dropdown .acc-avatar-icon--mark,
#dpd-account-dropdown .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark {
  background-color: currentColor !important;
}

#dpd-account-dropdown .acc-avatar-caption {
  color: #3d4853 !important;
  display: block !important;
  font-family: var(--dpd-account-dropdown-typeface, var(--font-ui, "acumin-pro-semi-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif)) !important;
  font-size: var(--dpd-account-dropdown-caption-size, 9px) !important;
  font-weight: var(--dpd-account-dropdown-caption-weight, 700) !important;
  letter-spacing: 0.04em !important;
  line-height: 1.15 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

#dpd-account-dropdown .acc-palette-swatches--compact {
  display: grid !important;
  gap: 7px !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

#dpd-account-dropdown .acc-palette-swatch {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid rgba(16, 23, 31, 0.12) !important;
  border-radius: 999px !important;
  cursor: pointer !important;
  display: inline-flex !important;
  height: 28px !important;
  justify-content: center !important;
  padding: 0 !important;
  width: 28px !important;
}

#dpd-account-dropdown .acc-palette-swatch .acc-palette-swatch__dot,
#dpd-account-dropdown .acc-palette-swatch > span[aria-hidden="true"]:not([class]) {
  border-radius: 999px !important;
  display: block !important;
  height: 18px !important;
  width: 18px !important;
}

#dpd-account-dropdown .acc-palette-swatch[data-dpd-accent-choice="yellow"] .acc-palette-swatch__dot,
#dpd-account-dropdown .acc-palette-swatch[data-dpd-accent-choice="yellow"] > span[aria-hidden="true"]:not([class]) {
  background: #fff200 !important;
}

#dpd-account-dropdown .acc-palette-swatch[data-dpd-accent-choice="green"] .acc-palette-swatch__dot,
#dpd-account-dropdown .acc-palette-swatch[data-dpd-accent-choice="green"] > span[aria-hidden="true"]:not([class]) {
  background: #2fe0bd !important;
}

#dpd-account-dropdown .acc-palette-swatch[data-dpd-accent-choice="blue"] .acc-palette-swatch__dot,
#dpd-account-dropdown .acc-palette-swatch[data-dpd-accent-choice="blue"] > span[aria-hidden="true"]:not([class]) {
  background: #79c7ff !important;
}

#dpd-account-dropdown .acc-palette-swatch[data-dpd-accent-choice="dark"] .acc-palette-swatch__dot,
#dpd-account-dropdown .acc-palette-swatch[data-dpd-accent-choice="dark"] > span[aria-hidden="true"]:not([class]) {
  background: #111820 !important;
}

#dpd-account-dropdown .acc-palette-swatch[data-dpd-accent-choice="orange"] .acc-palette-swatch__dot,
#dpd-account-dropdown .acc-palette-swatch[data-dpd-accent-choice="orange"] > span[aria-hidden="true"]:not([class]) {
  background: #ff6600 !important;
}

#dpd-account-dropdown .acc-palette-swatch[data-dpd-accent-choice="dirt"] .acc-palette-swatch__dot,
#dpd-account-dropdown .acc-palette-swatch[data-dpd-accent-choice="dirt"] > span[aria-hidden="true"]:not([class]) {
  background: #d8aa64 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell {
  bottom: 18px !important;
  max-height: calc(100vh - var(--dpd-v2-fixed-header-space, 112px) - 36px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell::-webkit-scrollbar,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell::-webkit-scrollbar {
  width: 8px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell::-webkit-scrollbar-thumb,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell::-webkit-scrollbar-thumb {
  background: rgba(255, 242, 0, 0.32) !important;
  border-radius: 999px !important;
}

footer#kill .footer-nav {
  column-gap: 0 !important;
}

footer#kill .footer-nav span,
.dpd-v2-portal-footer .footer-nav span,
.dpd-launch-safe-footer__copy > * {
  align-items: center !important;
  display: inline-flex !important;
  min-width: 0 !important;
  padding: 0 !important;
}

footer#kill .footer-nav span:not(:last-child)::after,
.dpd-v2-portal-footer .footer-nav span:not(:last-child)::after,
.dpd-launch-safe-footer__copy > *:not(:last-child)::after {
  color: rgba(16, 24, 32, 0.42) !important;
  content: "|" !important;
  display: inline-block !important;
  font-weight: 700 !important;
  margin: 0 12px !important;
  position: static !important;
  transform: none !important;
}

.dpd-v2-portal-footer .footer-nav span:not(:last-child)::after {
  color: rgba(229, 235, 240, 0.34) !important;
}

.dpd-launch-safe-footer__copy {
  column-gap: 0 !important;
  row-gap: 8px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main-in,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-result-surface,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__grid {
  overflow: visible !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 590px !important;
  min-width: 0 !important;
  overflow: visible !important;
  padding-bottom: 18px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 0 !important;
  min-width: 0 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-title-block,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-highlights,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-side-bank,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card .dpd-v2-action-row {
  min-width: 0 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-highlights {
  align-items: flex-start !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-highlights .mock-chip {
  box-sizing: border-box !important;
  max-width: 100% !important;
  min-width: 0 !important;
  white-space: normal !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-side-bank {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: 100% !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-side-bank--static {
  grid-template-columns: 1fr !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-side-button {
  box-sizing: border-box !important;
  min-width: 0 !important;
  width: 100% !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card .dpd-v2-action-row {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin-top: auto !important;
  width: 100% !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card .dpd-v2-action-row .mock-btn {
  box-sizing: border-box !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  width: 100% !important;
}

/* Route presentation refinements */
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell {
  background: #08121a !important;
  color: #ffffff !important;
  isolation: isolate !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
  z-index: 10020 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell *,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell * {
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item > a,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item > a:visited {
  color: #ffffff !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-section h3,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-section-title {
  color: rgba(255, 255, 255, 0.62) !important;
  text-shadow: none !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell::before,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell::after,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell::before,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell::after {
  content: none !important;
  display: none !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .video-header-content.mock-static-bg {
  min-height: clamp(300px, 28vw, 420px) !important;
  overflow: hidden !important;
  padding: clamp(34px, 4vw, 60px) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-hero-kicker,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dashboard-head-left > span,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dashboard-head-left > p.dpd-v2-hero-kicker {
  color: #fff200 !important;
  display: inline-flex !important;
  font-size: 12px !important;
  letter-spacing: 0.1em !important;
  line-height: 1.2 !important;
  margin: 0 0 12px !important;
  max-width: 100% !important;
  overflow: visible !important;
  padding: 0 !important;
  position: relative !important;
  transform: none !important;
  white-space: nowrap !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .lms-container,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .training-portal-table-in,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .training-portal-tab-data,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .training-portal-tab-video,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .training-portal-video,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .dpd-v2-course-player,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .dpd-training-course-player {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .training-portal-tab-video video,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .training-portal-video video,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .lms-container video,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .lms-container iframe {
  aspect-ratio: 16 / 9 !important;
  display: block !important;
  height: auto !important;
  max-height: min(62vh, 540px) !important;
  max-width: 100% !important;
  object-fit: contain !important;
  width: 100% !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .training-portal-tab-video video + video,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .training-portal-video video + video,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .lms-container video + video {
  margin-top: 14px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero-shell,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-dmt-overview,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-dmt-features,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-size-grid,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .table-responsive {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: auto !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero-shell .video-header-content.mock-static-bg {
  min-height: clamp(230px, 24vw, 330px) !important;
  padding: clamp(26px, 3.2vw, 44px) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero h1 {
  font-size: clamp(36px, 4.3vw, 64px) !important;
  line-height: 0.96 !important;
  max-width: 16ch !important;
  overflow-wrap: anywhere !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero-visual-shell {
  box-sizing: border-box !important;
  grid-template-columns: minmax(160px, 230px) minmax(160px, 1fr) !important;
  max-width: 100% !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero-visual,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__image,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-dmt-overview__visual {
  min-height: 0 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero-visual img,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__image img,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-dmt-overview__visual img {
  max-height: 220px !important;
  object-fit: contain !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-size-option,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-size-button,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero-visual-meta span,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero-visual-meta strong {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dpd-v2-library-card__media,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--downloads .dpd-v2-library-card__media {
  min-height: 170px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dpd-v2-library-card__media:empty,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--downloads .dpd-v2-library-card__media:empty {
  background: linear-gradient(135deg, #eaf0f4, #f7f9fb) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .swag-store-bg-header,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .bg-header-main,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .swag-store-bg-header,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .bg-header-main,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .swag-store-bg-header,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .bg-header-main,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .swag-store-bg-header,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .bg-header-main {
  max-height: 380px !important;
  min-height: clamp(240px, 24vw, 360px) !important;
  overflow: hidden !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .bg-header-left h4,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .bg-header-left h4,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .bg-header-left h4,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .bg-header-left h4 {
  font-size: clamp(38px, 4vw, 58px) !important;
  letter-spacing: 0.12em !important;
  line-height: 0.98 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .bg-header-gray-box,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .bg-header-gray-box,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .bg-header-gray-box,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .bg-header-gray-box {
  max-height: 300px !important;
  overflow: hidden !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .swag-store-sec1-tabs,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .reward-store-tabs,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-tabs,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .swag-store-sec1-tabs,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .swag-store-sec1-tabs,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .swag-store-sec1-tabs {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  padding: 16px 24px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .swag-store-sec1-tabs a,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .reward-store-tabs a,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-tabs a,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .swag-store-sec1-tabs a,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .swag-store-sec1-tabs a,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .swag-store-sec1-tabs a,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .swag-store-sec1-tabs button,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .swag-store-sec1-tabs button,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .swag-store-sec1-tabs button,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .swag-store-sec1-tabs button {
  align-items: center !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  height: 46px !important;
  justify-content: center !important;
  letter-spacing: 0.1em !important;
  line-height: 1 !important;
  min-height: 46px !important;
  min-width: 0 !important;
  padding: 0 22px !important;
  text-transform: uppercase !important;
  width: auto !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .swag-store-sec1-tabs .active a,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .swag-store-sec1-tabs a.active,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .reward-store-tabs .active a,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-tabs .active a,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .swag-store-sec1-tabs .active a,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .swag-store-sec1-tabs a.active,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .swag-store-sec1-tabs .active a,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .swag-store-sec1-tabs a.active,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .swag-store-sec1-tabs .active a,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .swag-store-sec1-tabs a.active {
  background: #fff200 !important;
  border-color: #fff200 !important;
  color: #071018 !important;
  filter: none !important;
  min-width: 0 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-flow-strip,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip {
  background: #111820 !important;
  border: 1px solid rgba(255, 242, 0, 0.44) !important;
  border-radius: 20px !important;
  color: #ffffff !important;
  display: grid !important;
  gap: clamp(18px, 2vw, 28px) !important;
  grid-template-columns: minmax(220px, 0.74fr) minmax(0, 1fr) !important;
  margin: 18px 0 !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: clamp(22px, 3vw, 34px) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-flow-strip__intro h3,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__intro h3,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__intro h3,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__intro h3 {
  color: #ffffff !important;
  font-size: clamp(26px, 2.4vw, 38px) !important;
  line-height: 1.04 !important;
  max-width: 18ch !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-flow-strip__copy,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-flow-strip p,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-flow-strip li,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__copy,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip p,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip li,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__copy,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip p,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip li,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__copy,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip p,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip li {
  color: rgba(255, 255, 255, 0.76) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-flow-strip__stats,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__stats,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__stats,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__stats {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  min-width: 0 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-flow-strip__stat,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__stat,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__stat,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__stat {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-flow-strip__stat span,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__stat span,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__stat span,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__stat span {
  color: rgba(255, 255, 255, 0.62) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-flow-strip__stat strong,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__stat strong,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__stat strong,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__stat strong {
  color: #ffffff !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-single-product__redeem-panel,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-single-product__redeem-panel p,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-single-product__redeem-panel li,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-single-product__redeem-panel span,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-single-product__redeem-panel,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-single-product__redeem-panel p,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-single-product__redeem-panel li,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-single-product__redeem-panel span {
  color: rgba(255, 255, 255, 0.76) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-single-product__redeem-panel h2,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-single-product__redeem-panel h3,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-single-product__redeem-panel h4,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-single-product__redeem-panel strong,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-single-product__redeem-panel h2,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-single-product__redeem-panel h3,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-single-product__redeem-panel h4,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-single-product__redeem-panel strong {
  color: #ffffff !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-single-product__redeem-card,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-single-product__redeem-card {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-commerce-surface,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .dpd-v2-commerce-surface,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .dpd-v2-commerce-surface,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-commerce-surface {
  overflow: hidden !important;
}

@media (max-width: 1180px) {
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-flow-strip,
  body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip,
  body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip,
  body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip {
    grid-template-columns: 1fr !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-flow-strip__stats,
  body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__stats,
  body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__stats,
  body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1180px) {
  :root {
    --dpd-chrome-shell-width: calc(100vw - 32px);
    --dpd-chrome-logo-column: 190px;
  }

  #header-login.dpd-public-header--member .dpd-v2-header-primary-actions,
  #header-login.dpd-public-header--member .dpd-v2-header-primary-actions--jumpbar {
    max-width: 100% !important;
  }
}

@media (max-width: 980px) {
  #header-login.dpd-public-header--member .dpd-v2-header-primary-actions,
  #header-login.dpd-public-header--member .dpd-v2-header-primary-actions--jumpbar {
    display: none !important;
  }
}

@media (max-width: 760px) {
  :root {
    --dpd-chrome-shell-width: calc(100vw - 24px);
    --dpd-chrome-logo-column: 58px;
    --dpd-chrome-logo-size: 50px;
    --dpd-chrome-utility-size: 46px;
  }

  #dpd-account-dropdown .acc-dropdown-tab {
    grid-template-columns: 52px minmax(0, 1fr) !important;
  }

  #dpd-account-dropdown .acc-drop-pic,
  #dpd-account-dropdown .acc-drop-pic .dpd-user-badge {
    height: 52px !important;
    max-height: 52px !important;
    max-width: 52px !important;
    min-height: 52px !important;
    min-width: 52px !important;
    width: 52px !important;
  }

  #dpd-account-dropdown .acc-drop-meta {
    grid-template-columns: 1fr !important;
  }
}

#header-login.dpd-public-header--member .dpd-v2-header-primary-actions,
#header-login.dpd-public-header--member .dpd-v2-header-primary-actions--jumpbar {
  justify-content: flex-start !important;
  min-width: 0 !important;
}

#header-login.dpd-public-header--member .dpd-v2-header-primary-actions .dpd-public-header-link,
#header-login.dpd-public-header--member .dpd-v2-header-primary-actions--jumpbar .dpd-public-header-link {
  max-width: none !important;
  min-width: max-content !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

#header-login.dpd-public-header--member .dpd-v2-header-primary-actions .dpd-public-header-link__icon,
#header-login.dpd-public-header--member .dpd-public-header-link:not(.dpd-public-header-link--utility-bubble):not(.dpd-public-header-link--updates-bubble):not(.dpd-public-header-account-toggle) .dpd-public-header-link__icon {
  display: none !important;
}

#header-login.dpd-public-header--member .dpd-public-header-link__content {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell {
  bottom: auto !important;
  max-height: calc(100vh - var(--dpd-v2-fixed-header-space, 112px) - 18px) !important;
  position: sticky !important;
  top: calc(var(--dpd-v2-fixed-header-space, 112px) + 18px) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table-shell .training-portal-table-in,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table-shell .dpd-v2-table-scroll {
  background: #ffffff !important;
  box-shadow: none !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table {
  border-collapse: collapse !important;
  box-shadow: none !important;
  min-width: 760px !important;
  table-layout: fixed !important;
  width: 100% !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table thead th {
  background: #f3f6f8 !important;
  color: #526171 !important;
  text-shadow: none !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table tbody tr,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table tbody tr:nth-child(1),
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table tbody tr:nth-child(2),
.dpd-training-v2-page .training-portal-table table tbody tr,
.dpd-training-v2-page .training-portal-table table tbody tr:nth-child(1),
.dpd-training-v2-page .training-portal-table table tbody tr:nth-child(2) {
  background: #ffffff !important;
  box-shadow: none !important;
  filter: none !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table tbody tr:nth-child(even),
.dpd-training-v2-page .training-portal-table table tbody tr:nth-child(even) {
  background: #f8fbfc !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table td,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table td *,
.dpd-training-v2-page .training-portal-table table td,
.dpd-training-v2-page .training-portal-table table td * {
  color: #25313c !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dpd-v2-library-card,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--downloads .dpd-v2-library-card {
  min-height: 0 !important;
  overflow: hidden !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dpd-v2-library-card__media,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--downloads .dpd-v2-library-card__media {
  max-height: 220px !important;
  min-height: 96px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dpd-v2-library-card__media.is-fallback,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dpd-v2-library-card__media:empty,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--downloads .dpd-v2-library-card__media.is-fallback,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--downloads .dpd-v2-library-card__media:empty {
  max-height: 118px !important;
  min-height: 96px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dpd-v2-library-card .mock-btn.small,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--downloads .dpd-v2-library-card .mock-btn.small {
  aspect-ratio: auto !important;
  border-radius: 999px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 16px !important;
  width: auto !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .swag-store-bg-header,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .bg-header-main,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .swag-store-bg-header,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .bg-header-main,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .swag-store-bg-header,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .bg-header-main,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .swag-store-bg-header,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .bg-header-main {
  max-height: 286px !important;
  min-height: 230px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .bg-header-left h4,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .bg-header-left h4,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .bg-header-left h4,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .bg-header-left h4 {
  font-size: clamp(30px, 3vw, 44px) !important;
  letter-spacing: 0.08em !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .bg-header-gray-box,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .bg-header-gray-box,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .bg-header-gray-box,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .bg-header-gray-box {
  max-height: 236px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .swag-store-sec1-tabs,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .reward-store-tabs,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-tabs,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .swag-store-sec1-tabs,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .swag-store-sec1-tabs,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .swag-store-sec1-tabs {
  gap: 8px !important;
  padding: 12px 18px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .swag-store-sec1-tabs a,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .reward-store-tabs a,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-tabs a,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .swag-store-sec1-tabs a,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .swag-store-sec1-tabs a,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .swag-store-sec1-tabs a,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .swag-store-sec1-tabs button,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .swag-store-sec1-tabs button,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .swag-store-sec1-tabs button,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .swag-store-sec1-tabs button {
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 16px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-flow-strip,
body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-rewards-flow-strip,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-single-product__redeem-panel,
body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-single-product__redeem-panel {
  margin: 14px 0 !important;
  min-height: 0 !important;
  padding: 22px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-action-card.is-console,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--wallet .dpd-v2-action-card.is-console {
  background: #ffffff !important;
  border-color: #dbe3e8 !important;
  color: #101820 !important;
  opacity: 1 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-action-card.is-console *,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--wallet .dpd-v2-action-card.is-console * {
  color: #101820 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-service-status-panel__title,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-utility-signal-card h3,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-status-hub__next h3 {
  font-size: clamp(20px, 1.55vw, 28px) !important;
  line-height: 1.03 !important;
  hyphens: none !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-service-status-panel__badge,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-status-badge {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--customer-rebates .dpd-v2-process-note,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--rebates .dpd-v2-process-note {
  display: none !important;
}

@media (min-width: 1101px) {
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell,
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell .dpd-v2-nav-shell,
  body.dpd-member-surface #sub-page-main-content-wrapper[class*="dpd-v2-route-shell"] .dpd-v2-nav-shell,
  body.dpd-member-surface #sub-page-main-content-wrapper[class*="dpd-v2-guided-route"] .dpd-v2-nav-shell,
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-nav-shell,
  body.dpd-member-surface.woocommerce-cart #sub-page-main-content-wrapper .dpd-v2-nav-shell,
  body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper .dpd-v2-nav-shell,
  body.dpd-member-surface.single-product #sub-page-main-content-wrapper .dpd-v2-nav-shell {
    border-radius: 22px !important;
    bottom: auto !important;
    box-shadow: 0 22px 44px rgba(9, 22, 31, 0.16) !important;
    left: clamp(16px, 1.6vw, 28px) !important;
    max-height: calc(100vh - var(--dpd-v2-fixed-header-space, 112px) - 32px) !important;
    overflow: hidden !important;
    position: fixed !important;
    top: calc(var(--dpd-v2-fixed-header-space, 112px) + 16px) !important;
    z-index: 34 !important;
  }

  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell {
    border-radius: 22px !important;
    left: clamp(16px, 1.6vw, 28px) !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .main-content-area-left-nav {
    max-height: inherit !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    scrollbar-color: rgba(44, 218, 194, 0.56) rgba(7, 18, 26, 0.28) !important;
    scrollbar-width: thin !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .main-content-area-left-nav::-webkit-scrollbar {
    width: 6px !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .main-content-area-left-nav::-webkit-scrollbar-thumb {
    background: rgba(44, 218, 194, 0.5) !important;
    border-radius: 999px !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .main-content-area-left-nav::-webkit-scrollbar-track {
    background: rgba(7, 18, 26, 0.28) !important;
    border-radius: 999px !important;
  }
}

/* June 17 polish: stabilize containers after the older portal overrides. */
body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-bar {
  overflow: visible !important;
}

body.dpd-member-surface .dpd-v2-header-shell .dpd-public-header-actions,
body.dpd-member-surface .dpd-v2-header-shell .dpd-public-header-nav,
body.dpd-member-surface .dpd-v2-header-shell .right-sec {
  min-width: 0 !important;
  overflow: visible !important;
}

body.dpd-member-surface .dpd-v2-header-shell .dpd-public-header-link,
body.dpd-member-surface .dpd-v2-header-shell .dpd-v2-header-jump-link {
  align-items: center !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  justify-content: center !important;
  min-width: max-content !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

@media (min-width: 1101px) {
  body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left,
  body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell,
  body.dpd-member-surface #navbar.dpd-v2-nav-shell {
    background: transparent !important;
    border: 0 !important;
    border-radius: 22px !important;
    bottom: auto !important;
    box-shadow: none !important;
    clip-path: inset(0 round 22px) !important;
    left: clamp(16px, 1.6vw, 28px) !important;
    max-height: calc(100vh - var(--dpd-v2-fixed-header-space, 112px) - 32px) !important;
    overflow: hidden !important;
    position: fixed !important;
    top: calc(var(--dpd-v2-fixed-header-space, 112px) + 16px) !important;
    z-index: 34 !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left-nav,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .main-content-area-left-nav {
    background: linear-gradient(180deg, #07121a 0%, #050d14 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 22px !important;
    box-shadow: 0 22px 44px rgba(9, 22, 31, 0.16) !important;
    clip-path: inset(0 round 22px) !important;
    max-height: inherit !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
}

body.dpd-member-surface #sub-page-main-content-wrapper .mock-btn,
body.dpd-member-surface #sub-page-main-content-wrapper .bttn,
body.dpd-member-surface #sub-page-main-content-wrapper .button,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-action-row a,
body.dpd-member-surface #sub-page-main-content-wrapper .db-right-btns a {
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  line-height: 1 !important;
  min-height: 38px !important;
  text-align: center !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-commerce-surface .button {
  min-height: 48px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .db-right-btns,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-action-row,
body.dpd-member-surface #sub-page-main-content-wrapper .mock-btn-row,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-wallet-flow__tabs {
  align-items: center !important;
  gap: 10px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-kicker,
body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left > span,
body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left > p.dpd-v2-hero-kicker {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #fff200 !important;
  display: inline-block !important;
  padding: 0 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-kicker::before,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-kicker::after,
body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left > span::before,
body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left > span::after {
  content: none !important;
  display: none !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-status-hub__next li,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-status-hub__next a,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-utility-signal-card,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item {
  border-left-color: rgba(15, 23, 42, 0.12) !important;
  border-left-width: 1px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-status-hub__next li::before,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-status-hub__next a::before,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-utility-signal-card::before,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item::before {
  border-radius: 0 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-dot {
  align-items: center !important;
  background: #fff200 !important;
  border: 1px solid #101820 !important;
  border-radius: 999px !important;
  color: #101820 !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-family: Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  height: 28px !important;
  justify-content: center !important;
  line-height: 1 !important;
  padding: 0 !important;
  position: relative !important;
  text-transform: none !important;
  width: 28px !important;
  z-index: 5 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-dot[data-dpd-tooltip]::after {
  background: #101820 !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 8px !important;
  bottom: calc(100% + 8px) !important;
  box-shadow: 0 12px 28px rgba(7, 18, 26, 0.22) !important;
  color: #ffffff !important;
  content: attr(data-dpd-tooltip) !important;
  font-family: Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  left: 50% !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
  opacity: 0 !important;
  padding: 8px 10px !important;
  pointer-events: none !important;
  position: absolute !important;
  text-transform: none !important;
  transform: translate(-50%, 4px) !important;
  transition: opacity 0.14s ease, transform 0.14s ease, visibility 0.14s ease !important;
  visibility: hidden !important;
  white-space: normal !important;
  width: min(240px, 70vw) !important;
  z-index: 60 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-dot[data-dpd-tooltip]:hover::after,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-dot[data-dpd-tooltip]:focus-visible::after {
  opacity: 1 !important;
  transform: translate(-50%, 0) !important;
  visibility: visible !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-service-overview__header {
  align-items: start !important;
  display: grid !important;
  gap: 4px 12px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-service-overview__header > span,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-service-overview__header > strong {
  grid-column: 1 !important;
  max-width: 100% !important;
  text-align: left !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-service-overview__info {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  justify-self: end !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item {
  padding-right: 60px !important;
  position: relative !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__info {
  position: absolute !important;
  right: 16px !important;
  top: 16px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .video-header-content.mock-static-bg {
  align-items: center !important;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 280px) !important;
  min-height: clamp(210px, 18vw, 260px) !important;
  padding: clamp(20px, 2.2vw, 30px) clamp(24px, 2.8vw, 38px) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dashboard-head-left h1 {
  font-size: clamp(34px, 3vw, 48px) !important;
  line-height: 0.98 !important;
  max-inline-size: 16ch !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dashboard-head-right-in {
  max-width: 280px !important;
  padding: 14px !important;
}

/* June 17 final polish: keep the public and role chrome launch-safe. */
body:not(.wp-admin) .dpd-public-home-shell header.log-out.dpd-public-header,
body:not(.wp-admin) .dpd-public-home-shell header.log-out.jsticky.dpd-public-header,
body:not(.wp-admin) .dpd-public-home-shell #header-login,
body:not(.wp-admin) .dpd-public-home-shell .dpd-public-header-bar {
  background-image: none !important;
  box-shadow: none !important;
}

body:not(.wp-admin) .dpd-public-home-shell header.log-out.dpd-public-header,
body:not(.wp-admin) .dpd-public-home-shell header.log-out.jsticky.dpd-public-header,
body:not(.wp-admin) .dpd-public-home-shell #header-login {
  background: transparent !important;
  overflow: visible !important;
}

body:not(.wp-admin) .dpd-public-home-shell .dpd-public-header-bar,
body:not(.wp-admin) .dpd-public-home-shell #header-login .header-inner {
  background: linear-gradient(90deg, rgba(72, 79, 20, 0.98) 0%, rgba(10, 25, 26, 0.98) 48%, rgba(7, 22, 23, 0.98) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.13) !important;
  border-radius: 26px !important;
  overflow: visible !important;
}

body:not(.wp-admin) .dpd-public-home-shell .dpd-public-logo,
body:not(.wp-admin) .dpd-public-home-shell .dpd-public-logo-link,
body:not(.wp-admin) .dpd-public-home-shell .dpd-public-logo-mark,
body:not(.wp-admin) .dpd-public-home-shell .logo,
body:not(.wp-admin) .dpd-public-home-shell .logo a {
  left: auto !important;
  margin: 0 !important;
  max-width: none !important;
  min-width: 0 !important;
  overflow: visible !important;
  position: relative !important;
  transform: none !important;
}

body:not(.wp-admin) .dpd-public-home-shell .dpd-public-logo {
  align-items: center !important;
  display: flex !important;
  flex: 0 0 auto !important;
  gap: 16px !important;
}

body:not(.wp-admin) .dpd-public-home-shell .dpd-public-logo-link {
  align-items: center !important;
  display: inline-flex !important;
  gap: 16px !important;
}

body:not(.wp-admin) .dpd-public-home-shell .dpd-public-logo-mark {
  align-items: center !important;
  display: inline-flex !important;
  flex: 0 0 58px !important;
  height: 58px !important;
  justify-content: center !important;
  width: 58px !important;
}

body:not(.wp-admin) .dpd-public-home-shell .dpd-public-logo-mark img,
body:not(.wp-admin) .dpd-public-home-shell .logo img {
  display: block !important;
  height: auto !important;
  max-height: 58px !important;
  max-width: 100% !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: auto !important;
}

.dpd-public-home-shell .dpd-launch-feature-icon,
.dpd-public-home-shell .dpd-launch-card-icon,
.dpd-public-home-shell .dpd-launch-portal-panel__icon,
.dpd-public-home-shell .dpd-launch-mobile-shortcut__icon,
.dpd-public-home-shell .rewards-portal-main-icon-sec,
.dpd-public-home-shell .icon {
  align-items: center !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  justify-content: center !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.dpd-public-home-shell .dpd-launch-feature-icon img,
.dpd-public-home-shell .dpd-launch-card-icon img,
.dpd-public-home-shell .dpd-launch-portal-panel__icon img,
.dpd-public-home-shell .dpd-launch-mobile-shortcut__icon img,
.dpd-public-home-shell .rewards-portal-main-icon-sec img,
.dpd-public-home-shell .icon img {
  display: block !important;
  max-height: 100% !important;
  max-width: 100% !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.dpd-member-surface .dpd-v2-header-shell .dpd-public-header-link,
body.dpd-member-surface .dpd-v2-header-shell .dpd-v2-header-jump-link,
body.dpd-member-surface .dpd-v2-route-jump-shell a,
body.dpd-member-surface .dpd-v2-route-jump-shell button {
  max-width: none !important;
  min-width: max-content !important;
  overflow: visible !important;
  text-indent: 0 !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

body.dpd-member-surface .dpd-v2-header-shell .dpd-public-header-link__content,
body.dpd-member-surface .dpd-v2-header-shell .dpd-v2-header-jump-link span,
body.dpd-member-surface .dpd-v2-route-jump-shell a span,
body.dpd-member-surface .dpd-v2-route-jump-shell button span {
  display: inline !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

@media (max-width: 1500px) {
  body.dpd-member-surface .dpd-v2-header-shell .dpd-public-header-link,
  body.dpd-member-surface .dpd-v2-header-shell .dpd-v2-header-jump-link {
    font-size: 11px !important;
    padding-inline: 14px !important;
  }
}

@media (min-width: 1101px) {
  body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left,
  body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell,
  body.dpd-member-surface #sub-page-main-content-wrapper #navbar,
  body.dpd-member-surface #navbar,
  body.dpd-member-surface #navbar.dpd-v2-nav-shell {
    background: transparent !important;
    border: 0 !important;
    border-radius: 22px !important;
    box-shadow: none !important;
    clip-path: none !important;
    left: clamp(16px, 1.6vw, 28px) !important;
    max-height: calc(100vh - var(--dpd-v2-fixed-header-space, 112px) - 32px) !important;
    overflow: visible !important;
    padding: 0 !important;
    position: fixed !important;
    top: calc(var(--dpd-v2-fixed-header-space, 112px) + 16px) !important;
    width: 196px !important;
    z-index: 34 !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left::before,
  body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left::after,
  body.dpd-member-surface #sub-page-main-content-wrapper #navbar::before,
  body.dpd-member-surface #sub-page-main-content-wrapper #navbar::after,
  body.dpd-member-surface #navbar::before,
  body.dpd-member-surface #navbar::after {
    content: none !important;
    display: none !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left-nav,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .main-content-area-left-nav,
  body.dpd-member-surface #navbar .main-content-area-left-nav {
    border-radius: 22px !important;
    box-sizing: border-box !important;
    clip-path: inset(0 round 22px) !important;
    max-height: inherit !important;
    min-width: 196px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    width: 196px !important;
  }
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-utility-signal-card,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-status-hub__next li,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-status-hub__next a {
  border-left: 1px solid rgba(15, 23, 42, 0.12) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item::before,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-utility-signal-card::before,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-status-hub__next li::before,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-status-hub__next a::before {
  content: none !important;
  display: none !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item h3,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-utility-signal-card h3,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-download-card h3,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-marketing-card h3,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-status-hub__next h3 {
  font-size: clamp(20px, 1.8vw, 28px) !important;
  line-height: 1.05 !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item p,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-utility-signal-card p,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-download-card p,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-marketing-card p,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-status-hub__next p {
  font-size: 14px !important;
  line-height: 1.35 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item .dpd-v2-status-badge,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-utility-signal-card .dpd-v2-status-badge,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-status-hub__next .dpd-v2-status-badge {
  border-radius: 999px !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-kicker,
body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left > span,
body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left > p.dpd-v2-hero-kicker {
  max-width: 100% !important;
  overflow: visible !important;
  text-shadow: none !important;
  white-space: normal !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .video-header-content.mock-static-bg {
  min-height: clamp(180px, 15vw, 230px) !important;
  padding: clamp(18px, 2vw, 26px) clamp(22px, 2.5vw, 34px) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dashboard-head-left h1 {
  font-size: clamp(30px, 2.45vw, 42px) !important;
  line-height: 1 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-wallet-flow__tabs .mock-btn,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-wallet-flow__tabs .button {
  border-radius: 999px !important;
  min-width: 92px !important;
  padding-inline: 22px !important;
}

/* June 17 follow-up polish: stronger launch chrome overrides for public + role pages. */
@media (min-width: 971px) {
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header::before,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header::after,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .header-inner,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .header-inner::before,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .header-inner::after,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-bar::before,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-bar::after {
  background-image: none !important;
  box-shadow: none !important;
}

body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header::before,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header::after,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .header-inner::before,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .header-inner::after,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-bar::before,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-bar::after {
  content: none !important;
  display: none !important;
}

body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.jsticky.dpd-public-header {
  background: transparent !important;
  overflow: visible !important;
}

body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .header-inner {
  background: transparent !important;
  box-sizing: border-box !important;
  left: auto !important;
  margin-inline: auto !important;
  max-width: min(1480px, calc(100vw - 64px)) !important;
  overflow: visible !important;
  padding-inline: 0 !important;
  position: relative !important;
  transform: none !important;
  width: auto !important;
}

body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-bar {
  align-items: center !important;
  background: linear-gradient(90deg, rgba(73, 79, 19, 0.98) 0%, rgba(12, 28, 28, 0.99) 46%, rgba(7, 21, 23, 0.99) 100%) !important;
  border: 1px solid rgba(226, 242, 245, 0.14) !important;
  border-radius: 26px !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  display: flex !important;
  gap: clamp(18px, 2vw, 34px) !important;
  justify-content: space-between !important;
  min-height: 86px !important;
  overflow: visible !important;
  padding: 14px clamp(18px, 2vw, 32px) !important;
  width: 100% !important;
}

body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .logo,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-logo {
  align-items: center !important;
  display: flex !important;
  flex: 0 0 auto !important;
  float: none !important;
  inset: auto !important;
  margin: 0 !important;
  max-width: none !important;
  min-width: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  position: static !important;
  transform: none !important;
  width: auto !important;
}

body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .logo a,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-logo-link {
  align-items: center !important;
  display: inline-flex !important;
  gap: 14px !important;
  margin: 0 !important;
  min-width: 0 !important;
  overflow: visible !important;
  position: static !important;
  transform: none !important;
  white-space: nowrap !important;
}

body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-logo-mark {
  align-items: center !important;
  background: #fff200 !important;
  border-radius: 16px !important;
  display: inline-flex !important;
  flex: 0 0 58px !important;
  height: 58px !important;
  justify-content: center !important;
  overflow: hidden !important;
  width: 58px !important;
}

body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .logo img,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-logo-mark img {
  display: block !important;
  height: auto !important;
  max-height: 52px !important;
  max-width: 52px !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: auto !important;
}

body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-logo-copy {
  color: #fff200 !important;
  display: inline-flex !important;
  flex-direction: column !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  gap: 0 !important;
  line-height: 0.96 !important;
  max-width: 120px !important;
  min-width: 0 !important;
  overflow: visible !important;
  text-transform: uppercase !important;
  white-space: normal !important;
}

body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .header-right,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-story-nav,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .header-right ul {
  align-items: center !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-wrap: nowrap !important;
  gap: clamp(8px, 0.9vw, 14px) !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
  overflow: visible !important;
}

body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .header-right ul {
  flex: 0 1 auto !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-story-nav a,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .header-right ul li a,
body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .main-nav {
  align-items: center !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-size: clamp(10px, 0.68vw, 12px) !important;
  justify-content: center !important;
  letter-spacing: 0.13em !important;
  line-height: 1 !important;
  max-width: none !important;
  min-height: 48px !important;
  min-width: max-content !important;
  overflow: visible !important;
  padding-inline: clamp(12px, 1.05vw, 20px) !important;
  text-indent: 0 !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

body:not(.wp-admin):not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-link__content {
  display: inline !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

body:not(.wp-admin) .dpd-public-home-shell header.log-out.dpd-public-header .header-right ul li a.dpd-public-header-link {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.11) !important;
  border: 1px solid rgba(255, 255, 255, 0.24) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  color: #ffffff !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-size: clamp(10px, 0.68vw, 12px) !important;
  font-weight: 700 !important;
  justify-content: center !important;
  letter-spacing: 0.13em !important;
  line-height: 1 !important;
  min-height: 48px !important;
  min-width: max-content !important;
  overflow: visible !important;
  padding: 0 clamp(16px, 1.35vw, 24px) !important;
  text-decoration: none !important;
  text-indent: 0 !important;
  text-overflow: clip !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body:not(.wp-admin) .dpd-public-home-shell header.log-out.dpd-public-header .header-right ul li a.dpd-public-header-link--accent {
  background: #fff200 !important;
  border-color: #fff200 !important;
  color: #071416 !important;
  padding-inline: clamp(20px, 1.8vw, 30px) !important;
}

body:not(.wp-admin) .dpd-public-home-shell header.log-out.dpd-public-header .header-right ul li a.dpd-public-header-link:hover,
body:not(.wp-admin) .dpd-public-home-shell header.log-out.dpd-public-header .header-right ul li a.dpd-public-header-link:focus-visible {
  border-color: rgba(255, 242, 0, 0.72) !important;
  color: #ffffff !important;
}

body:not(.wp-admin) .dpd-public-home-shell header.log-out.dpd-public-header .header-right ul li a.dpd-public-header-link--accent:hover,
body:not(.wp-admin) .dpd-public-home-shell header.log-out.dpd-public-header .header-right ul li a.dpd-public-header-link--accent:focus-visible {
  background: #fff200 !important;
  color: #071416 !important;
}

body:not(.wp-admin) .dpd-public-home-shell header.log-out.dpd-public-header .dpd-public-header-link__content {
  color: inherit !important;
  display: inline !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}
}

body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell,
body:not(.wp-admin):not(.dpd-member-surface) .dpd-launch-home {
  background-position: center top !important;
  overflow-x: clip !important;
}

body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell .dpd-launch-feature-icon,
body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell .dpd-launch-card-icon,
body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell .dpd-launch-portal-panel__icon,
body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell .dpd-launch-mobile-shortcut__icon {
  align-items: center !important;
  background: rgba(255, 242, 0, 0.14) !important;
  border: 1px solid rgba(255, 242, 0, 0.34) !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  flex: 0 0 42px !important;
  height: 42px !important;
  justify-content: center !important;
  opacity: 1 !important;
  overflow: hidden !important;
  visibility: visible !important;
  width: 42px !important;
}

body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell .dpd-launch-feature-icon img,
body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell .dpd-launch-card-icon img,
body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell .dpd-launch-portal-panel__icon img,
body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell .dpd-launch-mobile-shortcut__icon img {
  display: block !important;
  filter: none !important;
  height: 24px !important;
  max-height: 24px !important;
  max-width: 24px !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: 24px !important;
}

body.dpd-member-surface .dpd-v2-header-shell,
body.dpd-member-surface .dpd-v2-header-shell .dpd-v2-header-primary-actions,
body.dpd-member-surface .dpd-v2-header-shell .dpd-v2-route-jumpbar,
body.dpd-member-surface .dpd-v2-header-shell .header-right,
body.dpd-member-surface .dpd-v2-header-shell .header-right ul {
  min-width: 0 !important;
  overflow: visible !important;
}

body.dpd-member-surface .dpd-v2-header-shell .dpd-public-header-link,
body.dpd-member-surface .dpd-v2-header-shell .dpd-v2-header-jump-link,
body.dpd-member-surface .dpd-v2-header-shell .dpd-v2-route-jumpbar a,
body.dpd-member-surface .dpd-v2-header-shell .dpd-v2-route-jumpbar button {
  font-size: clamp(10px, 0.72vw, 12px) !important;
  letter-spacing: 0.12em !important;
  max-width: none !important;
  min-width: max-content !important;
  padding-inline: clamp(12px, 0.95vw, 18px) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-kicker,
body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-left > span,
body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-left > p.dpd-v2-hero-kicker {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #fff200 !important;
  display: inline-block !important;
  line-height: 1.15 !important;
  padding: 0 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-kicker::before,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-kicker::after,
body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-left > span::before,
body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-left > span::after {
  content: none !important;
  display: none !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .border-dotted-heading h2 span,
body.dpd-member-surface #sub-page-main-content-wrapper .section-label,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-section-label,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-card-kicker.mock-chip,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-label {
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-decoration-break: clone !important;
  box-shadow: none !important;
  line-height: 1.1 !important;
  text-shadow: none !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-download-card,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-marketing-card,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-utility-signal-card,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-status-hub__next,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-status-hub__next li {
  min-width: 0 !important;
  overflow: hidden !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-download-card h3,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-marketing-card h3,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item h3,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-utility-signal-card h3,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-status-hub__next h3 {
  font-size: clamp(18px, 1.35vw, 24px) !important;
  letter-spacing: 0 !important;
  line-height: 1.08 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-download-card p,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-marketing-card p,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item p,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-utility-signal-card p,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-status-hub__next p {
  font-size: 13px !important;
  line-height: 1.35 !important;
  max-width: 100% !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item .dpd-v2-status-badge,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-utility-signal-card .dpd-v2-status-badge,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-status-badge {
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
  padding-inline: 14px !important;
  white-space: nowrap !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .video-header-content.mock-static-bg,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .mock-static-bg {
  min-height: clamp(170px, 13vw, 215px) !important;
  padding-block: clamp(16px, 1.8vw, 24px) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dashboard-head-left h1 {
  font-size: clamp(28px, 2.2vw, 38px) !important;
  max-inline-size: 18ch !important;
}

/* June 17 final client polish: prevent public chrome bleed, clipping, and role-copy overflow. */
@media (min-width: 971px) {
body:not(.wp-admin):not(.dpd-member-surface).home header.log-out.dpd-public-header,
body:not(.wp-admin):not(.dpd-member-surface).home header.log-out.jsticky.dpd-public-header,
body:not(.wp-admin):not(.dpd-member-surface).page-template-templates-frontend-template-home header.log-out.dpd-public-header,
body:not(.wp-admin):not(.dpd-member-surface).page-template-templates-frontend-template-home-php header.log-out.dpd-public-header,
body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell header.log-out.dpd-public-header,
body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell header.log-out.jsticky.dpd-public-header {
  background: #071214 !important;
  background-image: none !important;
  box-shadow: none !important;
  isolation: isolate !important;
  overflow: visible !important;
  padding: 18px 0 14px !important;
  position: relative !important;
  z-index: 20 !important;
}

body:not(.wp-admin):not(.dpd-member-surface).home header.log-out.dpd-public-header::before,
body:not(.wp-admin):not(.dpd-member-surface).home header.log-out.dpd-public-header::after,
body:not(.wp-admin):not(.dpd-member-surface).page-template-templates-frontend-template-home header.log-out.dpd-public-header::before,
body:not(.wp-admin):not(.dpd-member-surface).page-template-templates-frontend-template-home header.log-out.dpd-public-header::after,
body:not(.wp-admin):not(.dpd-member-surface).page-template-templates-frontend-template-home-php header.log-out.dpd-public-header::before,
body:not(.wp-admin):not(.dpd-member-surface).page-template-templates-frontend-template-home-php header.log-out.dpd-public-header::after,
body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell header.log-out.dpd-public-header::before,
body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell header.log-out.dpd-public-header::after {
  content: none !important;
  display: none !important;
}

body:not(.wp-admin):not(.dpd-member-surface).home header.log-out.dpd-public-header .header-inner,
body:not(.wp-admin):not(.dpd-member-surface).page-template-templates-frontend-template-home header.log-out.dpd-public-header .header-inner,
body:not(.wp-admin):not(.dpd-member-surface).page-template-templates-frontend-template-home-php header.log-out.dpd-public-header .header-inner,
body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell header.log-out.dpd-public-header .header-inner {
  background: transparent !important;
  box-shadow: none !important;
  display: block !important;
  margin: 0 auto !important;
  max-width: min(1480px, calc(100vw - 96px)) !important;
  overflow: visible !important;
  padding: 0 !important;
  position: relative !important;
  width: auto !important;
}

body:not(.wp-admin):not(.dpd-member-surface).home header.log-out.dpd-public-header .dpd-public-header-bar,
body:not(.wp-admin):not(.dpd-member-surface).page-template-templates-frontend-template-home header.log-out.dpd-public-header .dpd-public-header-bar,
body:not(.wp-admin):not(.dpd-member-surface).page-template-templates-frontend-template-home-php header.log-out.dpd-public-header .dpd-public-header-bar,
body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell header.log-out.dpd-public-header .dpd-public-header-bar {
  background: linear-gradient(90deg, #374113 0%, #0b191b 48%, #071416 100%) !important;
  background-image: linear-gradient(90deg, #374113 0%, #0b191b 48%, #071416 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 28px !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24) !important;
  display: flex !important;
  gap: clamp(14px, 2vw, 28px) !important;
  min-height: 82px !important;
  overflow: hidden !important;
  padding: 0 clamp(18px, 2.3vw, 34px) !important;
  position: relative !important;
  width: 100% !important;
}

body:not(.wp-admin):not(.dpd-member-surface).home header.log-out.dpd-public-header .logo,
body:not(.wp-admin):not(.dpd-member-surface).page-template-templates-frontend-template-home header.log-out.dpd-public-header .logo,
body:not(.wp-admin):not(.dpd-member-surface).page-template-templates-frontend-template-home-php header.log-out.dpd-public-header .logo,
body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell header.log-out.dpd-public-header .logo {
  flex: 0 0 auto !important;
  inset: auto !important;
  left: auto !important;
  margin: 0 !important;
  max-width: none !important;
  min-width: 0 !important;
  position: static !important;
  transform: none !important;
  z-index: 2 !important;
}
}

body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell .dpd-launch-feature-icon,
body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell .dpd-launch-portal-panel__icon,
body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell .dpd-launch-mobile-shortcut__icon {
  align-items: center !important;
  background: rgba(255, 242, 0, 0.12) !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-height: 42px !important;
  min-width: 42px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell .dpd-launch-feature-icon img,
body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell .dpd-launch-portal-panel__icon img,
body:not(.wp-admin):not(.dpd-member-surface) .dpd-public-home-shell .dpd-launch-mobile-shortcut__icon img {
  display: block !important;
  filter: none !important;
  max-height: 24px !important;
  max-width: 24px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.dpd-member-surface #header-login .dpd-public-header-bar {
  display: flex !important;
  gap: clamp(12px, 1.5vw, 24px) !important;
  overflow: hidden !important;
}

body.dpd-member-surface #header-login .right-sec.header-right,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions--jumpbar {
  flex: 1 1 auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  white-space: nowrap !important;
}

body.dpd-member-surface #header-login .right-sec.header-right::-webkit-scrollbar,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions::-webkit-scrollbar,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions--jumpbar::-webkit-scrollbar {
  display: none !important;
}

body.dpd-member-surface #header-login .dpd-v2-header-primary-actions > li,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions--jumpbar > li {
  flex: 0 0 auto !important;
  max-width: none !important;
  min-width: max-content !important;
}

body.dpd-member-surface #header-login .dpd-public-header-link,
body.dpd-member-surface #header-login .dpd-v2-header-jump-link {
  flex: 0 0 auto !important;
  max-width: none !important;
  min-width: max-content !important;
  overflow: visible !important;
  padding-inline: clamp(12px, 0.9vw, 16px) !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

body.dpd-member-surface #header-login .dpd-public-header-link__content {
  display: inline-block !important;
  max-width: none !important;
  min-width: 0 !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-download-card,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-marketing-card,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-utility-signal-card,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-ops-card,
body.dpd-member-surface #sub-page-main-content-wrapper .mock-panel {
  min-width: 0 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-download-card *,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-marketing-card *,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-utility-signal-card *,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item *,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-ops-card * {
  max-width: 100% !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-download-card h3,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-marketing-card h3,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-utility-signal-card h3,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item h3,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-ops-card h3 {
  font-size: clamp(17px, 1.15vw, 23px) !important;
  line-height: 1.05 !important;
  overflow-wrap: anywhere !important;
  text-wrap: balance !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-download-card p,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-marketing-card p,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-utility-signal-card p,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item p,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-ops-card p {
  font-size: clamp(12px, 0.76vw, 14px) !important;
  line-height: 1.38 !important;
  overflow-wrap: anywhere !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-ops-card__row,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-utility-signal-card__row,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__row {
  align-items: center !important;
  display: flex !important;
  gap: 10px !important;
  justify-content: space-between !important;
  min-width: 0 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-kicker,
body.dpd-member-surface #sub-page-main-content-wrapper .border-dotted-heading h2 span,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-section-header__eyebrow,
body.dpd-member-surface #sub-page-main-content-wrapper .section-label,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-section-label {
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  line-height: 1 !important;
  overflow: visible !important;
  text-shadow: none !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .video-header-content.mock-static-bg,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .mock-static-bg {
  min-height: clamp(150px, 12vw, 190px) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dashboard-head-left h1 {
  font-size: clamp(26px, 2vw, 34px) !important;
  line-height: 1.02 !important;
}

/* Tire detail: keep one primary tire image/info module instead of repeating the tire art. */
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero-shell .video-header-content.mock-static-bg {
  min-height: clamp(150px, 13vw, 210px) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero-shell__inner {
  display: block !important;
  max-width: 100% !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero {
  max-width: min(720px, 100%) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero h1 {
  font-size: clamp(34px, 4vw, 58px) !important;
  line-height: 0.98 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero-visual-shell,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-dmt-overview-shell {
  display: none !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit {
  padding: clamp(20px, 2.2vw, 32px) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__main {
  align-items: center !important;
  display: grid !important;
  gap: clamp(18px, 2.4vw, 34px) !important;
  grid-template-columns: minmax(180px, 260px) minmax(0, 1fr) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision {
  align-self: center !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 !important;
  max-width: 260px !important;
  min-height: 0 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision img {
  height: 100% !important;
  max-height: 230px !important;
  object-fit: contain !important;
  width: 100% !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-configurator-head {
  align-items: flex-start !important;
  gap: 16px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector--decision .dpd-v2-tire-size-selector__list {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-inline-tip,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-inline-tip--muted {
  margin-top: 12px !important;
}

@media (max-width: 900px) {
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__main {
    grid-template-columns: 1fr !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision {
    max-width: 220px !important;
  }
}

/* Final DPD v2 sidebar and admin hero control pass. This file loads after the portal shell CSS. */
@media (min-width: 1101px) {
  body.dpd-member-surface {
    --dpd-v2-app-sidebar-expanded: clamp(178px, 13.5vw, 214px);
    --dpd-v2-app-sidebar-collapsed: 76px;
  }

  body.dpd-member-surface:not(.dpd-v2-sidebar-collapsed):not(.dpd-sidebar-collapsed)
    #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area {
    align-items: start !important;
    display: grid !important;
    gap: clamp(20px, 2vw, 30px) !important;
    grid-template-columns: var(--dpd-v2-app-sidebar-expanded) minmax(0, 1fr) !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell,
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area {
    overflow: visible !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell,
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell {
    align-self: start !important;
    background: linear-gradient(180deg, #101820 0%, #071018 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 26px !important;
    box-shadow: 0 24px 48px rgba(6, 15, 22, 0.2) !important;
    box-sizing: border-box !important;
    display: block !important;
    height: auto !important;
    max-height: calc(100dvh - 142px) !important;
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 16px 12px !important;
    position: sticky !important;
    top: 118px !important;
    transform: none !important;
    width: var(--dpd-v2-app-sidebar-expanded) !important;
    z-index: 75 !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell::before,
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell::after,
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell::before,
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell::after {
    content: none !important;
    display: none !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .main-content-area-left-nav {
    background: transparent !important;
    border: 0 !important;
    border-radius: inherit !important;
    box-shadow: none !important;
    display: grid !important;
    gap: 18px !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    width: 100% !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-header,
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-header-actions {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-collapse {
    align-items: center !important;
    background: #04070a !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 999px !important;
    color: #fff !important;
    display: inline-flex !important;
    gap: 8px !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 0 14px !important;
    width: 100% !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-section {
    display: grid !important;
    gap: 9px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-section h3 {
    color: rgba(255, 255, 255, 0.68) !important;
    display: block !important;
    font-size: 10px !important;
    letter-spacing: 0.42em !important;
    line-height: 1 !important;
    margin: 0 0 2px !important;
    padding: 0 0 9px !important;
    position: relative !important;
    text-transform: uppercase !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-section h3::after {
    background: linear-gradient(90deg, #31d8bf 0%, rgba(255, 242, 0, 0.5) 100%) !important;
    bottom: 0 !important;
    content: "" !important;
    display: block !important;
    height: 3px !important;
    left: 0 !important;
    position: absolute !important;
    right: 0 !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu {
    display: grid !important;
    gap: 7px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item {
    margin: 0 !important;
    padding: 0 !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item > a {
    align-items: center !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    color: #fff !important;
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: 26px minmax(0, 1fr) auto !important;
    min-height: 44px !important;
    padding: 9px 12px !important;
    text-decoration: none !important;
    width: 100% !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item > a::before,
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item > a::after {
    content: none !important;
    display: none !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item.is-current > a,
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item.current-menu-item > a,
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item > a:hover,
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item > a:focus-visible {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-icon {
    color: #fff200 !important;
    display: inline-flex !important;
    font-size: 19px !important;
    justify-content: center !important;
    line-height: 1 !important;
    min-width: 26px !important;
    text-align: center !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-label {
    color: #fff !important;
    display: block !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    line-height: 1.1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area {
    gap: clamp(18px, 1.8vw, 28px) !important;
    grid-template-columns: var(--dpd-v2-app-sidebar-collapsed) minmax(0, 1fr) !important;
  }

  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell {
    border-radius: 999px !important;
    padding: 10px !important;
    width: var(--dpd-v2-app-sidebar-collapsed) !important;
  }

  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-section,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-section {
    gap: 10px !important;
  }

  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-section h3,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-section h3,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-label,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-label,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-count,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-count,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-close,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-close,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-collapse-label,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-collapse-label {
    display: none !important;
  }

  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-collapse,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-collapse,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item > a,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item > a {
    display: inline-flex !important;
    height: 46px !important;
    justify-content: center !important;
    min-height: 46px !important;
    padding: 0 !important;
    width: 46px !important;
  }
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-tool-hero .video-header-content {
  align-items: center !important;
  display: grid !important;
  gap: 28px !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 340px) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-tool-hero .dashboard-head-left,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-tool-hero .dashboard-head-right {
  float: none !important;
  width: auto !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-tool-hero .dashboard-head-right-in {
  margin-left: auto !important;
  max-width: 320px !important;
  width: 100% !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-tool-hero .dashboard-head-right-in h3 {
  font-size: 34px !important;
  letter-spacing: 0.1em !important;
  line-height: 1.1 !important;
  text-align: center !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-tool-hero .dpd-v2-action-row {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 16px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-tool-hero .db-right-btns {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: 1fr !important;
  width: 100% !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-tool-hero .dpd-v2-action-row .bttn,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-tool-hero .db-right-btns .bttn {
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-height: 40px !important;
  min-width: 0 !important;
  padding: 0 18px !important;
  white-space: nowrap !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-tool-hero .db-right-btns .bttn {
  width: 100% !important;
}

@media (max-width: 991px) {
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-tool-hero .video-header-content {
    grid-template-columns: 1fr !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-tool-hero .dashboard-head-right {
    display: none !important;
  }
}

/* Final sidebar behavior: keep the DPD v2 left nav sticky within the page flow. */
@media (min-width: 1101px) {
  body.dpd-member-surface {
    --dpd-v2-sidebar-fixed-top: var(--dpd-v2-fixed-header-space, 124px);
    --dpd-v2-sidebar-fixed-height: calc(100dvh - var(--dpd-v2-sidebar-fixed-top) - 24px);
    --dpd-v2-sidebar-expanded-final: var(--dpd-member-sidebar-expanded, clamp(188px, 13.5vw, 218px));
    --dpd-v2-sidebar-collapsed-final: var(--dpd-member-sidebar-collapsed, 88px);
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell,
  body.dpd-member-surface #navbar.dpd-v2-nav-shell {
    align-self: auto !important;
    background: linear-gradient(180deg, rgba(7, 18, 26, 0.99) 0%, rgba(4, 13, 20, 0.99) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 26px !important;
    bottom: auto !important;
    box-shadow: 0 24px 48px rgba(6, 15, 22, 0.24) !important;
    box-sizing: border-box !important;
    clip-path: inset(0 round 26px) !important;
    display: block !important;
    height: var(--dpd-v2-sidebar-fixed-height) !important;
    left: auto !important;
    max-height: var(--dpd-v2-sidebar-fixed-height) !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 14px 12px !important;
    position: sticky !important;
    right: auto !important;
    top: var(--dpd-v2-sidebar-fixed-top) !important;
    transform: translateZ(0) !important;
    width: var(--dpd-v2-sidebar-expanded-final) !important;
    z-index: 10020 !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell::before,
  body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell::after,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell::before,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell::after,
  body.dpd-member-surface #navbar.dpd-v2-nav-shell::before,
  body.dpd-member-surface #navbar.dpd-v2-nav-shell::after {
    content: none !important;
    display: none !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left-nav,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .main-content-area-left-nav,
  body.dpd-member-surface #navbar.dpd-v2-nav-shell .main-content-area-left-nav {
    background: transparent !important;
    border: 0 !important;
    border-radius: inherit !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    clip-path: none !important;
    display: grid !important;
    gap: 18px !important;
    height: calc(var(--dpd-v2-sidebar-fixed-height) - 28px) !important;
    max-height: calc(var(--dpd-v2-sidebar-fixed-height) - 28px) !important;
    min-height: 0 !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    padding: 0 !important;
    scrollbar-width: none !important;
    width: 100% !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left-nav::-webkit-scrollbar,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .main-content-area-left-nav::-webkit-scrollbar,
  body.dpd-member-surface #navbar.dpd-v2-nav-shell .main-content-area-left-nav::-webkit-scrollbar {
    height: 0 !important;
    width: 0 !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-header,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-header-actions,
  body.dpd-member-surface #navbar.dpd-v2-nav-shell .dpd-v2-nav-header,
  body.dpd-member-surface #navbar.dpd-v2-nav-shell .dpd-v2-nav-header-actions {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-collapse,
  body.dpd-member-surface #navbar.dpd-v2-nav-shell .dpd-v2-nav-collapse {
    align-items: center !important;
    background: #03070a !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 999px !important;
    color: #fff !important;
    display: inline-flex !important;
    gap: 8px !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 0 14px !important;
    width: 100% !important;
  }

  body.dpd-v2-sidebar-collapsed.dpd-member-surface,
  body.dpd-sidebar-collapsed.dpd-member-surface {
    --dpd-v2-sidebar-fixed-bottom: 76px;
  }

  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell {
    border-radius: 999px !important;
    clip-path: none !important;
    padding: 10px !important;
    width: var(--dpd-v2-sidebar-collapsed-final) !important;
  }

  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left-nav,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left-nav,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .main-content-area-left-nav,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .main-content-area-left-nav,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .main-content-area-left-nav,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .main-content-area-left-nav {
    align-items: center !important;
    gap: 12px !important;
    height: calc(var(--dpd-v2-sidebar-fixed-height) - 20px) !important;
    max-height: calc(var(--dpd-v2-sidebar-fixed-height) - 20px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    place-items: center !important;
  }

  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .dpd-v2-nav-section,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .dpd-v2-nav-section {
    align-items: center !important;
    display: grid !important;
    gap: 10px !important;
    justify-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section h3,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section h3,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section h3::after,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section h3::after,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .dpd-v2-nav-section h3,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .dpd-v2-nav-section h3,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .dpd-v2-nav-section h3::after,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .dpd-v2-nav-section h3::after {
    display: none !important;
  }

  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu {
    align-items: center !important;
    display: grid !important;
    gap: 10px !important;
    justify-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu-item,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu-item {
    display: grid !important;
    justify-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
  }

  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-collapse,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-collapse,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .dpd-v2-nav-collapse,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .dpd-v2-nav-collapse,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu-item > a,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu-item > a {
    align-items: center !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    height: 46px !important;
    justify-content: center !important;
    min-height: 46px !important;
    padding: 0 !important;
    width: 46px !important;
  }

  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu-item > a,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu-item > a {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    grid-template-columns: 1fr !important;
  }

  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.is-current > a,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.is-current > a,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.current-menu-item > a,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.current-menu-item > a,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu-item.is-current > a,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu-item.is-current > a,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu-item.current-menu-item > a,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu-item.current-menu-item > a {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: #fff200 !important;
    outline: 0 !important;
  }

  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-label,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-label,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-count,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-count,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-collapse-label,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-collapse-label,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .dpd-v2-nav-label,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .dpd-v2-nav-label,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .dpd-v2-nav-count,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .dpd-v2-nav-count,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .dpd-v2-nav-collapse-label,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .dpd-v2-nav-collapse-label,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a:hover .dpd-v2-nav-label,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a:hover .dpd-v2-nav-label,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a:focus-visible .dpd-v2-nav-label,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a:focus-visible .dpd-v2-nav-label,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu-item > a:hover .dpd-v2-nav-label,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu-item > a:hover .dpd-v2-nav-label,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu-item > a:focus-visible .dpd-v2-nav-label,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu-item > a:focus-visible .dpd-v2-nav-label {
    clip: rect(0 0 0 0) !important;
    display: none !important;
    font-size: 0 !important;
    height: 0 !important;
    line-height: 0 !important;
    max-height: 0 !important;
    max-width: 0 !important;
    min-height: 0 !important;
    min-width: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    visibility: hidden !important;
    white-space: nowrap !important;
    width: 0 !important;
  }

  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a::before,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a::before,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a::after,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a::after,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu-item > a::before,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu-item > a::before,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu-item > a::after,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .menu-item > a::after {
    content: none !important;
    display: none !important;
  }

  body.dpd-v2-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-icon,
  body.dpd-sidebar-collapsed.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-icon,
  body.dpd-v2-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .dpd-v2-nav-icon,
  body.dpd-sidebar-collapsed.dpd-member-surface #navbar.dpd-v2-nav-shell .dpd-v2-nav-icon {
    font-size: 20px !important;
    margin: 0 !important;
    min-width: 0 !important;
  }
}

@media (max-width: 991px) {
  body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell,
  body.dpd-member-surface #navbar.dpd-v2-nav-shell {
    bottom: auto !important;
    max-height: none !important;
    position: relative !important;
    top: auto !important;
  }
}

/* Final-loaded backup: Admin Tools accordion must reveal every link inside the sidebar rail. */
@media (min-width: 1101px) {
  html body.dpd-member-surface #dpd-v2-sidebar.has-open-nav-accordion,
  html body.dpd-member-surface #dpd-v2-sidebar:has(.dpd-v2-nav-section.is-accordion.is-open),
  html body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell.has-open-nav-accordion,
  html body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell:has(.dpd-v2-nav-section.is-accordion.is-open) {
    bottom: 16px !important;
    height: auto !important;
    max-height: calc(100dvh - var(--dpd-stable-adminbar, 0px) - var(--dpd-stable-header-top, 12px) - var(--dpd-stable-header-height, 82px) - 34px) !important;
    overflow: hidden !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar.has-open-nav-accordion .main-content-area-left-nav,
  html body.dpd-member-surface #dpd-v2-sidebar:has(.dpd-v2-nav-section.is-accordion.is-open) .main-content-area-left-nav,
  html body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell.has-open-nav-accordion .main-content-area-left-nav,
  html body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell:has(.dpd-v2-nav-section.is-accordion.is-open) .main-content-area-left-nav {
    height: 100% !important;
    max-height: calc(100dvh - var(--dpd-stable-adminbar, 0px) - var(--dpd-stable-header-top, 12px) - var(--dpd-stable-header-height, 82px) - 34px) !important;
    min-height: 0 !important;
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    padding-bottom: 40px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu {
    min-height: 0 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu,
  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu {
    max-height: clamp(190px, 32dvh, 320px) !important;
    overflow: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding-right: 6px !important;
    scrollbar-gutter: stable !important;
  }
}

/* Final-loaded accent sync: dashboard glows must follow the selected avatar color. */
html body.dpd-member-surface {
  --dpd-selected-glow-rgb: var(--dpd-portal-accent-rgb, var(--dpd-ui-accent-rgb, var(--dpd-accent-rgb, 255, 242, 0)));
  --dpd-selected-glow-accent: var(--dpd-portal-accent, var(--dpd-ui-accent, var(--dpd-accent, #fff200)));
  --dpd-selected-glow-ink: var(--dpd-portal-accent-ink, var(--dpd-ui-accent-ink, var(--dpd-accent-contrast, #071018)));
  --dpd-selected-glow-soft: rgba(var(--dpd-selected-glow-rgb), 0.1);
  --dpd-selected-glow: rgba(var(--dpd-selected-glow-rgb), 0.24);
  --dpd-selected-glow-strong: rgba(var(--dpd-selected-glow-rgb), 0.38);
  --dpd-selected-glow-border: rgba(var(--dpd-selected-glow-rgb), 0.38);
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell,
html body.dpd-member-surface .dpd-v2-header-shell {
  background:
    radial-gradient(circle at 14% 0%, rgba(var(--dpd-selected-glow-rgb), 0.09), rgba(var(--dpd-selected-glow-rgb), 0) 30%),
    linear-gradient(180deg, rgba(235, 241, 245, 0.92), rgba(246, 244, 239, 0.82)) !important;
}

html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-bar,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header-content,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header-content.mock-static-bg,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-left,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-tool-hero .video-header-content,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-tool-hero .dashboard-head-left,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-tool-hero .dashboard-head-right-in,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview--ops,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in.dpd-v2-service-overview--ops,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item,
html body.dpd-member-surface #sub-page-main-content-wrapper .mock-panel.is-dark,
html body.dpd-member-surface #sub-page-main-content-wrapper .mock-card.is-dark,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-action-card.is-dark,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-card,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero {
  background:
    radial-gradient(circle at 88% 10%, var(--dpd-selected-glow), rgba(var(--dpd-selected-glow-rgb), 0) 34%),
    radial-gradient(circle at 18% 92%, rgba(var(--dpd-selected-glow-rgb), 0.1), rgba(var(--dpd-selected-glow-rgb), 0) 32%),
    linear-gradient(145deg, #101820 0%, #162225 56%, #111a18 100%) !important;
  border-color: var(--dpd-selected-glow-border) !important;
  box-shadow:
    0 22px 48px rgba(7, 13, 19, 0.18),
    0 0 38px var(--dpd-selected-glow-soft) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .video-header-content::before,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header-content.mock-static-bg::before {
  background:
    radial-gradient(circle at 88% 12%, rgba(var(--dpd-selected-glow-rgb), 0.24), rgba(var(--dpd-selected-glow-rgb), 0) 35%),
    linear-gradient(90deg, rgba(7, 15, 20, 0.96) 0%, rgba(13, 23, 27, 0.82) 48%, rgba(13, 23, 27, 0.44) 100%) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .db-white-box,
html body.dpd-member-surface #sub-page-main-content-wrapper .mock-panel:not(.is-dark) {
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.16) !important;
  box-shadow:
    0 18px 46px rgba(10, 18, 28, 0.08),
    0 0 44px rgba(var(--dpd-selected-glow-rgb), 0.07) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .main-content-sec {
  border-color: rgba(18, 26, 34, 0.08) !important;
  box-shadow: 0 18px 42px rgba(8, 14, 21, 0.07) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .border-dotted-heading h2 span {
  color: var(--dpd-selected-glow-accent) !important;
  text-shadow: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .section-label,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-section-label,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-label,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-dot,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__info,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__info {
  background: var(--dpd-selected-glow-accent) !important;
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.66) !important;
  box-shadow: 0 10px 22px rgba(var(--dpd-selected-glow-rgb), 0.22) !important;
  color: var(--dpd-selected-glow-ink) !important;
  -webkit-text-fill-color: var(--dpd-selected-glow-ink) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .mock-chip:not(.ok):not(.ready),
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-status-pill:not(.ok):not(.ready),
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-badge:not(.ok):not(.ready) {
  background: var(--dpd-selected-glow-accent) !important;
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.66) !important;
  box-shadow: 0 10px 22px rgba(var(--dpd-selected-glow-rgb), 0.2) !important;
  color: var(--dpd-selected-glow-ink) !important;
  -webkit-text-fill-color: var(--dpd-selected-glow-ink) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-money-tile,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-rebate-total,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-empty,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--program-visuals .dpd-v2-pending-rebate-row,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__row,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__metric,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__service {
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 0 24px rgba(var(--dpd-selected-glow-rgb), 0.08) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--program-visuals .dpd-v2-loyalty-chart {
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.28) !important;
  box-shadow:
    inset 0 0 0 12px rgba(var(--dpd-selected-glow-rgb), 0.08),
    0 0 30px rgba(var(--dpd-selected-glow-rgb), 0.12) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__info[data-dpd-tooltip]::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__info[data-dpd-tooltip]::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-dot[data-dpd-tooltip]::after {
  border-color: var(--dpd-selected-glow-border) !important;
  box-shadow:
    0 12px 28px rgba(var(--dpd-selected-glow-rgb), 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}

/* Final-loaded accent enforcement: use the selected account accent, not the default portal yellow. */
html body.dpd-member-surface[data-dpd-accent="yellow"] {
  --dpd-selected-glow-rgb: 255, 242, 0 !important;
  --dpd-selected-glow-accent: #fff200 !important;
  --dpd-selected-glow-ink: #071018 !important;
}

html body.dpd-member-surface[data-dpd-accent="green"] {
  --dpd-selected-glow-rgb: 47, 221, 187 !important;
  --dpd-selected-glow-accent: #2fddbb !important;
  --dpd-selected-glow-ink: #04130f !important;
}

html body.dpd-member-surface[data-dpd-accent="blue"] {
  --dpd-selected-glow-rgb: 99, 168, 255 !important;
  --dpd-selected-glow-accent: #63a8ff !important;
  --dpd-selected-glow-ink: #07121c !important;
}

html body.dpd-member-surface[data-dpd-accent="dark"] {
  --dpd-selected-glow-rgb: 255, 242, 0 !important;
  --dpd-selected-glow-accent: #fff200 !important;
  --dpd-selected-glow-ink: #101820 !important;
}

html body.dpd-member-surface[data-dpd-accent="orange"] {
  --dpd-selected-glow-rgb: 255, 102, 0 !important;
  --dpd-selected-glow-accent: #ff6600 !important;
  --dpd-selected-glow-ink: #160d00 !important;
}

html body.dpd-member-surface[data-dpd-accent="dirt"] {
  --dpd-selected-glow-rgb: 193, 122, 50 !important;
  --dpd-selected-glow-accent: #c17a32 !important;
  --dpd-selected-glow-ink: #1c1208 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell,
html body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell {
  background:
    radial-gradient(circle at 72% 8%, rgba(var(--dpd-selected-glow-rgb), 0.18), rgba(var(--dpd-selected-glow-rgb), 0) 35%),
    linear-gradient(180deg, rgba(7, 18, 26, 0.99) 0%, rgba(4, 13, 20, 0.99) 100%) !important;
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.18) !important;
  box-shadow:
    0 24px 48px rgba(6, 15, 22, 0.24),
    0 0 34px rgba(var(--dpd-selected-glow-rgb), 0.08) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-icon,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item a .dpd-v2-nav-icon,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item a i.fa,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-collapse,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-close {
  color: var(--dpd-selected-glow-accent) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section h3,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section-heading,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section-toggle {
  color: var(--dpd-selected-glow-accent) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section h3::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section-heading::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section-toggle::after {
  background: linear-gradient(90deg, rgba(var(--dpd-selected-glow-rgb), 0.94), rgba(var(--dpd-selected-glow-rgb), 0.42)) !important;
  box-shadow: 0 0 14px rgba(var(--dpd-selected-glow-rgb), 0.28) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .video-header-content,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header-content.mock-static-bg,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-left,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview--ops,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item,
html body.dpd-member-surface #sub-page-main-content-wrapper .mock-panel.is-dark,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-card,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card {
  background:
    radial-gradient(circle at 88% 10%, rgba(var(--dpd-selected-glow-rgb), 0.26), rgba(var(--dpd-selected-glow-rgb), 0) 34%),
    radial-gradient(circle at 18% 92%, rgba(var(--dpd-selected-glow-rgb), 0.12), rgba(var(--dpd-selected-glow-rgb), 0) 32%),
    linear-gradient(145deg, #101820 0%, #162225 56%, #111a18 100%) !important;
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.42) !important;
  box-shadow:
    0 22px 48px rgba(7, 13, 19, 0.18),
    0 0 42px rgba(var(--dpd-selected-glow-rgb), 0.12) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .border-dotted-heading h2 span {
  color: var(--dpd-selected-glow-accent) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .section-label,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-section-label,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-label,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-dot,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__info,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__info {
  background: var(--dpd-selected-glow-accent) !important;
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.72) !important;
  box-shadow: 0 10px 24px rgba(var(--dpd-selected-glow-rgb), 0.24) !important;
  color: var(--dpd-selected-glow-ink) !important;
  -webkit-text-fill-color: var(--dpd-selected-glow-ink) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview--ops,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in.dpd-v2-service-overview--ops,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__header,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__grid,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item {
  overflow: visible !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-dot[data-dpd-tooltip],
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__info[data-dpd-tooltip],
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__info[data-dpd-tooltip],
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__info[data-dpd-tooltip] {
  overflow: visible !important;
  position: relative !important;
  z-index: 500 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-dot[data-dpd-tooltip]::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__info[data-dpd-tooltip]::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__info[data-dpd-tooltip]::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__info[data-dpd-tooltip]::after {
  background: rgba(13, 20, 27, 0.98) !important;
  border: 1px solid rgba(var(--dpd-selected-glow-rgb), 0.46) !important;
  border-radius: 10px !important;
  bottom: calc(100% + 10px) !important;
  box-shadow:
    0 18px 38px rgba(7, 12, 18, 0.28),
    0 0 28px rgba(var(--dpd-selected-glow-rgb), 0.14) !important;
  box-sizing: border-box !important;
  color: #ffffff !important;
  content: attr(data-dpd-tooltip) !important;
  display: block !important;
  font-family: "acumin-pro", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  left: auto !important;
  letter-spacing: 0 !important;
  line-height: 1.42 !important;
  max-height: min(220px, 62dvh) !important;
  max-width: min(360px, calc(100vw - 34px)) !important;
  min-width: min(300px, calc(100vw - 34px)) !important;
  opacity: 0 !important;
  overflow: auto !important;
  overflow-wrap: normal !important;
  padding: 12px 14px !important;
  pointer-events: none !important;
  position: absolute !important;
  right: 0 !important;
  text-align: left !important;
  text-shadow: none !important;
  text-transform: none !important;
  top: auto !important;
  transform: translateY(4px) !important;
  visibility: hidden !important;
  white-space: normal !important;
  width: min(360px, calc(100vw - 34px)) !important;
  word-break: normal !important;
  z-index: 2147483400 !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-dot[data-dpd-tooltip]:hover::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-dot[data-dpd-tooltip]:focus-visible::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__info[data-dpd-tooltip]:hover::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__info[data-dpd-tooltip]:focus-visible::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__info[data-dpd-tooltip]:hover::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__info[data-dpd-tooltip]:focus-visible::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__info[data-dpd-tooltip]:hover::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__info[data-dpd-tooltip]:focus-visible::after {
  opacity: 1 !important;
  transform: translateY(0) !important;
  visibility: visible !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-managed > .dpd-v2-info-summary {
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.46) !important;
  box-shadow:
    0 18px 38px rgba(7, 12, 18, 0.28),
    0 0 28px rgba(var(--dpd-selected-glow-rgb), 0.14) !important;
  width: min(380px, calc(100vw - 34px)) !important;
}

/* Last-word account accent mapping for dashboard glow surfaces. */
html[data-dpd-accent="yellow"] body.dpd-member-surface,
html[data-accent-mode="yellow"] body.dpd-member-surface,
body.dpd-member-surface[data-dpd-accent="yellow"],
body.dpd-member-surface[data-accent-mode="yellow"],
#sub-page-main-content-wrapper[data-dpd-accent="yellow"],
#sub-page-main-content-wrapper[data-accent-mode="yellow"],
.dpd-v2-portal-shell[data-dpd-accent="yellow"],
.dpd-v2-portal-shell[data-accent-mode="yellow"],
.main-content-area-right[data-dpd-accent="yellow"],
.main-content-area-right[data-accent-mode="yellow"] {
  --dpd-accent: #fff200 !important;
  --dpd-accent-rgb: 255, 242, 0 !important;
  --dpd-accent-contrast: #071018 !important;
  --dpd-portal-accent: #fff200 !important;
  --dpd-portal-accent-rgb: 255, 242, 0 !important;
  --dpd-portal-accent-ink: #071018 !important;
  --dpd-ui-accent: #fff200 !important;
  --dpd-ui-accent-rgb: 255, 242, 0 !important;
  --dpd-ui-accent-ink: #071018 !important;
  --dpd-selected-glow-rgb: 255, 242, 0 !important;
  --dpd-selected-glow-accent: #fff200 !important;
  --dpd-selected-glow-ink: #071018 !important;
  --dpd-selected-glow-soft: rgba(255, 242, 0, 0.1) !important;
  --dpd-selected-glow: rgba(255, 242, 0, 0.24) !important;
  --dpd-selected-glow-strong: rgba(255, 242, 0, 0.38) !important;
  --dpd-selected-glow-border: rgba(255, 242, 0, 0.38) !important;
}

html[data-dpd-accent="green"] body.dpd-member-surface,
html[data-accent-mode="green"] body.dpd-member-surface,
body.dpd-member-surface[data-dpd-accent="green"],
body.dpd-member-surface[data-accent-mode="green"],
#sub-page-main-content-wrapper[data-dpd-accent="green"],
#sub-page-main-content-wrapper[data-accent-mode="green"],
.dpd-v2-portal-shell[data-dpd-accent="green"],
.dpd-v2-portal-shell[data-accent-mode="green"],
.main-content-area-right[data-dpd-accent="green"],
.main-content-area-right[data-accent-mode="green"] {
  --dpd-accent: #2fddbb !important;
  --dpd-accent-rgb: 47, 221, 187 !important;
  --dpd-accent-contrast: #04130f !important;
  --dpd-portal-accent: #2fddbb !important;
  --dpd-portal-accent-rgb: 47, 221, 187 !important;
  --dpd-portal-accent-ink: #04130f !important;
  --dpd-ui-accent: #2fddbb !important;
  --dpd-ui-accent-rgb: 47, 221, 187 !important;
  --dpd-ui-accent-ink: #04130f !important;
  --dpd-selected-glow-rgb: 47, 221, 187 !important;
  --dpd-selected-glow-accent: #2fddbb !important;
  --dpd-selected-glow-ink: #04130f !important;
  --dpd-selected-glow-soft: rgba(47, 221, 187, 0.1) !important;
  --dpd-selected-glow: rgba(47, 221, 187, 0.24) !important;
  --dpd-selected-glow-strong: rgba(47, 221, 187, 0.38) !important;
  --dpd-selected-glow-border: rgba(47, 221, 187, 0.38) !important;
}

html[data-dpd-accent="blue"] body.dpd-member-surface,
html[data-accent-mode="blue"] body.dpd-member-surface,
body.dpd-member-surface[data-dpd-accent="blue"],
body.dpd-member-surface[data-accent-mode="blue"],
#sub-page-main-content-wrapper[data-dpd-accent="blue"],
#sub-page-main-content-wrapper[data-accent-mode="blue"],
.dpd-v2-portal-shell[data-dpd-accent="blue"],
.dpd-v2-portal-shell[data-accent-mode="blue"],
.main-content-area-right[data-dpd-accent="blue"],
.main-content-area-right[data-accent-mode="blue"] {
  --dpd-accent: #63a8ff !important;
  --dpd-accent-rgb: 99, 168, 255 !important;
  --dpd-accent-contrast: #07121c !important;
  --dpd-portal-accent: #63a8ff !important;
  --dpd-portal-accent-rgb: 99, 168, 255 !important;
  --dpd-portal-accent-ink: #07121c !important;
  --dpd-ui-accent: #63a8ff !important;
  --dpd-ui-accent-rgb: 99, 168, 255 !important;
  --dpd-ui-accent-ink: #07121c !important;
  --dpd-selected-glow-rgb: 99, 168, 255 !important;
  --dpd-selected-glow-accent: #63a8ff !important;
  --dpd-selected-glow-ink: #07121c !important;
  --dpd-selected-glow-soft: rgba(99, 168, 255, 0.1) !important;
  --dpd-selected-glow: rgba(99, 168, 255, 0.24) !important;
  --dpd-selected-glow-strong: rgba(99, 168, 255, 0.38) !important;
  --dpd-selected-glow-border: rgba(99, 168, 255, 0.38) !important;
}

html[data-dpd-accent="dark"] body.dpd-member-surface,
html[data-accent-mode="dark"] body.dpd-member-surface,
body.dpd-member-surface[data-dpd-accent="dark"],
body.dpd-member-surface[data-accent-mode="dark"],
#sub-page-main-content-wrapper[data-dpd-accent="dark"],
#sub-page-main-content-wrapper[data-accent-mode="dark"],
.dpd-v2-portal-shell[data-dpd-accent="dark"],
.dpd-v2-portal-shell[data-accent-mode="dark"],
.main-content-area-right[data-dpd-accent="dark"],
.main-content-area-right[data-accent-mode="dark"] {
  --dpd-accent: #fff200 !important;
  --dpd-accent-rgb: 255, 242, 0 !important;
  --dpd-accent-contrast: #101820 !important;
  --dpd-portal-accent: #fff200 !important;
  --dpd-portal-accent-rgb: 255, 242, 0 !important;
  --dpd-portal-accent-ink: #101820 !important;
  --dpd-ui-accent: #fff200 !important;
  --dpd-ui-accent-rgb: 255, 242, 0 !important;
  --dpd-ui-accent-ink: #101820 !important;
  --dpd-selected-glow-rgb: 255, 242, 0 !important;
  --dpd-selected-glow-accent: #fff200 !important;
  --dpd-selected-glow-ink: #101820 !important;
  --dpd-selected-glow-soft: rgba(255, 242, 0, 0.1) !important;
  --dpd-selected-glow: rgba(255, 242, 0, 0.24) !important;
  --dpd-selected-glow-strong: rgba(255, 242, 0, 0.38) !important;
  --dpd-selected-glow-border: rgba(255, 242, 0, 0.38) !important;
  --dpd-user-badge-fill: #101820 !important;
  --dpd-user-badge-ink: #fff200 !important;
}

html[data-dpd-accent="orange"] body.dpd-member-surface,
html[data-accent-mode="orange"] body.dpd-member-surface,
body.dpd-member-surface[data-dpd-accent="orange"],
body.dpd-member-surface[data-accent-mode="orange"],
#sub-page-main-content-wrapper[data-dpd-accent="orange"],
#sub-page-main-content-wrapper[data-accent-mode="orange"],
.dpd-v2-portal-shell[data-dpd-accent="orange"],
.dpd-v2-portal-shell[data-accent-mode="orange"],
.main-content-area-right[data-dpd-accent="orange"],
.main-content-area-right[data-accent-mode="orange"] {
  --dpd-accent: #ff6600 !important;
  --dpd-accent-rgb: 255, 102, 0 !important;
  --dpd-accent-contrast: #160d00 !important;
  --dpd-portal-accent: #ff6600 !important;
  --dpd-portal-accent-rgb: 255, 102, 0 !important;
  --dpd-portal-accent-ink: #160d00 !important;
  --dpd-ui-accent: #ff6600 !important;
  --dpd-ui-accent-rgb: 255, 102, 0 !important;
  --dpd-ui-accent-ink: #160d00 !important;
  --dpd-selected-glow-rgb: 255, 102, 0 !important;
  --dpd-selected-glow-accent: #ff6600 !important;
  --dpd-selected-glow-ink: #160d00 !important;
  --dpd-selected-glow-soft: rgba(255, 102, 0, 0.1) !important;
  --dpd-selected-glow: rgba(255, 102, 0, 0.24) !important;
  --dpd-selected-glow-strong: rgba(255, 102, 0, 0.38) !important;
  --dpd-selected-glow-border: rgba(255, 102, 0, 0.38) !important;
}

html[data-dpd-accent="dirt"] body.dpd-member-surface,
html[data-accent-mode="dirt"] body.dpd-member-surface,
html[data-accent-mode="offroad"] body.dpd-member-surface,
body.dpd-member-surface[data-dpd-accent="dirt"],
body.dpd-member-surface[data-accent-mode="dirt"],
body.dpd-member-surface[data-accent-mode="offroad"],
#sub-page-main-content-wrapper[data-dpd-accent="dirt"],
#sub-page-main-content-wrapper[data-accent-mode="dirt"],
#sub-page-main-content-wrapper[data-accent-mode="offroad"],
.dpd-v2-portal-shell[data-dpd-accent="dirt"],
.dpd-v2-portal-shell[data-accent-mode="dirt"],
.dpd-v2-portal-shell[data-accent-mode="offroad"],
.main-content-area-right[data-dpd-accent="dirt"],
.main-content-area-right[data-accent-mode="dirt"],
.main-content-area-right[data-accent-mode="offroad"] {
  --dpd-accent: #c17a32 !important;
  --dpd-accent-rgb: 193, 122, 50 !important;
  --dpd-accent-contrast: #1c1208 !important;
  --dpd-portal-accent: #c17a32 !important;
  --dpd-portal-accent-rgb: 193, 122, 50 !important;
  --dpd-portal-accent-ink: #1c1208 !important;
  --dpd-ui-accent: #c17a32 !important;
  --dpd-ui-accent-rgb: 193, 122, 50 !important;
  --dpd-ui-accent-ink: #1c1208 !important;
  --dpd-selected-glow-rgb: 193, 122, 50 !important;
  --dpd-selected-glow-accent: #c17a32 !important;
  --dpd-selected-glow-ink: #1c1208 !important;
  --dpd-selected-glow-soft: rgba(193, 122, 50, 0.1) !important;
  --dpd-selected-glow: rgba(193, 122, 50, 0.24) !important;
  --dpd-selected-glow-strong: rgba(193, 122, 50, 0.38) !important;
  --dpd-selected-glow-border: rgba(193, 122, 50, 0.38) !important;
}

/* DPD v2 sidebar/accent audit closeout - 2026-06-24. */
@media (min-width: 1101px) {
  html body.dpd-member-surface #dpd-v2-sidebar,
  html body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell {
    bottom: 16px !important;
    max-height: calc(100dvh - var(--dpd-stable-adminbar, 0px) - var(--dpd-stable-header-top, 12px) - var(--dpd-stable-header-height, 82px) - 34px) !important;
    overflow: hidden !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .main-content-area-left-nav,
  html body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell .main-content-area-left-nav,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .main-content-area-left-nav {
    max-height: calc(100dvh - var(--dpd-stable-adminbar, 0px) - var(--dpd-stable-header-top, 12px) - var(--dpd-stable-header-height, 82px) - 34px) !important;
    min-height: 0 !important;
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    padding-bottom: 40px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu,
  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu {
    display: flex !important;
    max-height: clamp(190px, 32dvh, 320px) !important;
    overflow: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding-right: 6px !important;
    scrollbar-gutter: stable !important;
  }
}

html[data-dpd-accent="dark"] body.dpd-member-surface,
html[data-accent-mode="dark"] body.dpd-member-surface,
body.dpd-member-surface[data-dpd-accent="dark"],
body.dpd-member-surface[data-accent-mode="dark"],
#sub-page-main-content-wrapper[data-dpd-accent="dark"],
#sub-page-main-content-wrapper[data-accent-mode="dark"],
.dpd-v2-portal-shell[data-dpd-accent="dark"],
.dpd-v2-portal-shell[data-accent-mode="dark"],
.main-content-area-right[data-dpd-accent="dark"],
.main-content-area-right[data-accent-mode="dark"] {
  --dpd-accent: #fff200 !important;
  --dpd-accent-rgb: 255, 242, 0 !important;
  --dpd-accent-contrast: #101820 !important;
  --dpd-portal-accent: #fff200 !important;
  --dpd-portal-accent-rgb: 255, 242, 0 !important;
  --dpd-portal-accent-ink: #101820 !important;
  --dpd-ui-accent: #fff200 !important;
  --dpd-ui-accent-rgb: 255, 242, 0 !important;
  --dpd-ui-accent-ink: #101820 !important;
  --dpd-selected-glow-rgb: 255, 242, 0 !important;
  --dpd-selected-glow-accent: #fff200 !important;
  --dpd-selected-glow-ink: #101820 !important;
  --dpd-selected-glow-soft: rgba(255, 242, 0, 0.1) !important;
  --dpd-selected-glow: rgba(255, 242, 0, 0.24) !important;
  --dpd-selected-glow-strong: rgba(255, 242, 0, 0.38) !important;
  --dpd-selected-glow-border: rgba(255, 242, 0, 0.38) !important;
  --dpd-user-badge-fill: #101820 !important;
  --dpd-user-badge-ink: #fff200 !important;
}

html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a,
body.dpd-member-surface[data-dpd-accent="dark"] #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a,
html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-label,
body.dpd-member-surface[data-dpd-accent="dark"] #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-label,
html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section h3,
body.dpd-member-surface[data-dpd-accent="dark"] #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section h3 {
  color: #fff200 !important;
  -webkit-text-fill-color: #fff200 !important;
}

html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-icon,
html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item a i.fa,
body.dpd-member-surface[data-dpd-accent="dark"] #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-icon,
body.dpd-member-surface[data-dpd-accent="dark"] #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item a i.fa {
  color: #fff200 !important;
}

body[data-theme-mode="offroad"].dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a,
html[data-accent-mode="offroad"] body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a,
body.dpd-member-surface[data-accent-mode="offroad"] #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a {
  border-radius: 6px !important;
  gap: 14px !important;
  margin: 0 0 5px !important;
  min-height: 38px !important;
  padding: 10px 12px !important;
  transform: none !important;
}

body[data-theme-mode="offroad"].dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .main-content-area-left-nav,
html[data-accent-mode="offroad"] body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .main-content-area-left-nav,
body.dpd-member-surface[data-accent-mode="offroad"] #sub-page-main-content-wrapper .dpd-v2-nav-shell .main-content-area-left-nav {
  border-radius: 22px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--program-visuals,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card--wide,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-visual-card,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview--ops,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-tool-hero .video-header-content {
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.42) !important;
  box-shadow:
    0 22px 48px rgba(7, 13, 19, 0.18),
    0 0 42px rgba(var(--dpd-selected-glow-rgb), 0.12) !important;
}

html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-bar,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .header-right,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .right-sec,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell,
html body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .main-content-area-left-nav {
  background:
    radial-gradient(circle at 72% 8%, rgba(var(--dpd-selected-glow-rgb), 0.18), rgba(var(--dpd-selected-glow-rgb), 0) 35%),
    linear-gradient(180deg, rgba(7, 18, 26, 0.99) 0%, rgba(4, 13, 20, 0.99) 100%) !important;
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.2) !important;
  box-shadow:
    0 24px 48px rgba(6, 15, 22, 0.24),
    0 0 34px rgba(var(--dpd-selected-glow-rgb), 0.1) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card--wide,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview--ops,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header-content,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-left,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in {
  background:
    radial-gradient(circle at 88% 10%, rgba(var(--dpd-selected-glow-rgb), 0.26), rgba(var(--dpd-selected-glow-rgb), 0) 34%),
    radial-gradient(circle at 18% 92%, rgba(var(--dpd-selected-glow-rgb), 0.12), rgba(var(--dpd-selected-glow-rgb), 0) 32%),
    linear-gradient(145deg, #101820 0%, #162225 56%, #111a18 100%) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .section-label,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-section-label,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-chip,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-status,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card__label,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card__status,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-label,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-dot,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__info,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__info {
  background: var(--dpd-selected-glow-accent) !important;
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.72) !important;
  box-shadow: 0 10px 24px rgba(var(--dpd-selected-glow-rgb), 0.24) !important;
  color: var(--dpd-selected-glow-ink) !important;
  -webkit-text-fill-color: var(--dpd-selected-glow-ink) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__metric,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-money-tile,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-rebate-total,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-empty,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-pending-rebate-row {
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.3) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 28px rgba(var(--dpd-selected-glow-rgb), 0.1) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-dot[data-dpd-tooltip]::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__info[data-dpd-tooltip]::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__info[data-dpd-tooltip]::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__info[data-dpd-tooltip]::after {
  box-sizing: border-box !important;
  display: block !important;
  font-size: 12px !important;
  letter-spacing: 0 !important;
  line-height: 1.45 !important;
  max-width: min(420px, calc(100vw - 48px)) !important;
  min-width: min(320px, calc(100vw - 48px)) !important;
  overflow-wrap: normal !important;
  padding: 12px 14px !important;
  text-align: left !important;
  text-transform: none !important;
  white-space: normal !important;
  width: min(420px, calc(100vw - 48px)) !important;
  word-break: normal !important;
}

/* DPD v2 final sidebar/avatar/accent polish - 2026-06-24. */
@media (min-width: 1101px) {
  html body.dpd-member-surface #dpd-v2-sidebar .main-content-area-left-nav,
  html body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell .main-content-area-left-nav,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .main-content-area-left-nav {
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    padding-bottom: 40px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu,
  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu {
    max-height: clamp(190px, 32dvh, 320px) !important;
    overflow: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding-right: 6px !important;
    scrollbar-color: var(--dpd-selected-glow-accent) rgba(255, 255, 255, 0.08) !important;
    scrollbar-gutter: stable !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu::-webkit-scrollbar,
  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu::-webkit-scrollbar {
    width: 6px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu::-webkit-scrollbar-thumb,
  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu::-webkit-scrollbar-thumb {
    background: var(--dpd-selected-glow-accent) !important;
    border-radius: 999px !important;
  }
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-left,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-tool-hero .dashboard-head-left {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  outline: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-left::before,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-left::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left::before,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left::after {
  content: none !important;
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .video-header-content,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header-content.mock-static-bg,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview--ops,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-card,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card--wide,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-visual-card,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero {
  background:
    radial-gradient(circle at 88% 12%, rgba(var(--dpd-selected-glow-rgb), 0.34), rgba(var(--dpd-selected-glow-rgb), 0) 36%),
    radial-gradient(circle at 18% 92%, rgba(var(--dpd-selected-glow-rgb), 0.12), rgba(var(--dpd-selected-glow-rgb), 0) 34%),
    linear-gradient(145deg, #101820 0%, #132128 58%, #0d161c 100%) !important;
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.44) !important;
  box-shadow:
    0 22px 48px rgba(7, 13, 19, 0.18),
    0 0 42px rgba(var(--dpd-selected-glow-rgb), 0.14) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .section-label,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-section-label,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-chip,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-status,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card__label,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card__status,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-label,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-dot,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__info,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__info {
  background: var(--dpd-selected-glow-accent) !important;
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.72) !important;
  box-shadow:
    0 10px 24px rgba(var(--dpd-selected-glow-rgb), 0.26),
    0 0 26px rgba(var(--dpd-selected-glow-rgb), 0.16) !important;
  color: var(--dpd-selected-glow-ink) !important;
  -webkit-text-fill-color: var(--dpd-selected-glow-ink) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item .dpd-v2-status-badge,
html body.dpd-member-surface #sub-page-main-content-wrapper .mock-chip,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-status-pill,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-badge {
  box-shadow:
    0 10px 24px rgba(var(--dpd-selected-glow-rgb), 0.22),
    0 0 22px rgba(var(--dpd-selected-glow-rgb), 0.16) !important;
}

#dpd-account-dropdown .acc-avatar-option.is-active,
#dpd-account-dropdown .acc-palette-swatch.is-active {
  border-color: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent))) !important;
  box-shadow:
    inset 0 0 0 1px var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent))),
    0 12px 28px rgba(var(--dpd-user-accent-rgb, var(--dpd-selected-glow-rgb)), 0.18) !important;
}

#dpd-account-dropdown .acc-avatar-icon,
#dpd-account-dropdown .acc-avatar-initials,
#dpd-account-dropdown .acc-drop-pic .dpd-user-badge,
.dpd-v2-header-shell [data-dpd-user-badge],
#header-login [data-dpd-user-badge],
.dpd-public-header [data-dpd-user-badge] {
  background: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent))) !important;
  border-color: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent))) !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
  -webkit-text-fill-color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
}

#dpd-account-dropdown .acc-avatar-icon--image {
  align-items: center !important;
  background: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent))) !important;
  border-color: rgba(0, 0, 0, 0.16) !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
  display: inline-flex !important;
  justify-content: center !important;
  overflow: hidden !important;
  position: relative !important;
  -webkit-text-fill-color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
}

#dpd-account-dropdown .acc-avatar-icon--image::before {
  background: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
  content: "" !important;
  display: block !important;
  flex: 0 0 auto !important;
  height: 72% !important;
  width: 72% !important;
  -webkit-mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
}

#dpd-account-dropdown .acc-avatar-icon--image .acc-avatar-icon__img,
[data-dpd-user-badge] .dpd-user-badge__mark-img {
  display: none !important;
}

[data-dpd-user-badge] .dpd-user-badge__mark--image {
  background: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, var(--dpd-portal-accent-ink, #101820)))) !important;
  display: block !important;
  height: 66% !important;
  max-height: 34px !important;
  max-width: 34px !important;
  width: 66% !important;
  -webkit-mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
}

/* Keep SVG avatar choices rendered as masks after older dropdown image rules load. */
html body.dpd-member-surface #dpd-account-dropdown .acc-avatar-option--chip .acc-avatar-icon--image,
html body.dpd-member-surface #dpd-account-dropdown .acc-avatar-option--mark .acc-avatar-icon--image {
  align-items: center !important;
  background: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, var(--dpd-portal-accent, #fff200)))) !important;
  background-color: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, var(--dpd-portal-accent, #fff200)))) !important;
  background-image: none !important;
  border-color: rgba(0, 0, 0, 0.16) !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, var(--dpd-portal-accent-ink, #101820)))) !important;
  display: inline-flex !important;
  height: 30px !important;
  justify-content: center !important;
  mask-image: none !important;
  overflow: hidden !important;
  position: relative !important;
  width: 30px !important;
  -webkit-mask-image: none !important;
  -webkit-text-fill-color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, var(--dpd-portal-accent-ink, #101820)))) !important;
}

html body.dpd-member-surface #dpd-account-dropdown .acc-avatar-option--chip .acc-avatar-icon--image::before,
html body.dpd-member-surface #dpd-account-dropdown .acc-avatar-option--mark .acc-avatar-icon--image::before {
  background: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, var(--dpd-portal-accent-ink, #101820)))) !important;
  content: "" !important;
  display: block !important;
  flex: 0 0 auto !important;
  height: 72% !important;
  width: 72% !important;
  -webkit-mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
}

html body.dpd-member-surface #dpd-account-dropdown .acc-avatar-option--chip .acc-avatar-icon--image .acc-avatar-icon__img,
html body.dpd-member-surface #dpd-account-dropdown .acc-avatar-option--mark .acc-avatar-icon--image .acc-avatar-icon__img,
html body.dpd-member-surface #dpd-account-dropdown .dpd-user-badge__mark-img,
html body.dpd-member-surface #header-login .dpd-user-badge__mark-img,
html body.dpd-member-surface .dpd-v2-header-shell [data-dpd-user-badge] .dpd-user-badge__mark-img,
html body.dpd-member-surface .dpd-public-header [data-dpd-user-badge] .dpd-user-badge__mark-img {
  display: none !important;
}

html body.dpd-member-surface #dpd-account-dropdown .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image,
html body.dpd-member-surface #header-login .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image,
html body.dpd-member-surface .dpd-v2-header-shell [data-dpd-user-badge] .dpd-user-badge__mark--image,
html body.dpd-member-surface .dpd-public-header [data-dpd-user-badge] .dpd-user-badge__mark--image {
  background: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, var(--dpd-portal-accent-ink, #101820)))) !important;
  background-color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, var(--dpd-portal-accent-ink, #101820)))) !important;
  background-image: none !important;
  display: block !important;
  height: 66% !important;
  max-height: 34px !important;
  max-width: 34px !important;
  width: 66% !important;
  -webkit-mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
}

html body.dpd-member-surface #dpd-account-dropdown .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image::before,
html body.dpd-member-surface #header-login .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image::before,
html body.dpd-member-surface .dpd-v2-header-shell [data-dpd-user-badge] .dpd-user-badge__mark--image::before,
html body.dpd-member-surface .dpd-public-header [data-dpd-user-badge] .dpd-user-badge__mark--image::before {
  content: none !important;
  display: none !important;
}

/* Black accent closeout: clean page base, yellow buttons, white chrome icons. */
html[data-dpd-accent="dark"] body.dpd-member-surface,
html[data-accent-mode="dark"] body.dpd-member-surface,
body.dpd-member-surface[data-dpd-accent="dark"],
body.dpd-member-surface[data-accent-mode="dark"] {
  background-color: #f7f8f2 !important;
  background-image: none !important;
  --dpd-selected-glow-rgb: 255, 242, 0 !important;
  --dpd-selected-glow-accent: #fff200 !important;
  --dpd-selected-glow-ink: #101820 !important;
}

html[data-dpd-accent="dark"] body.dpd-member-surface::before,
html[data-dpd-accent="dark"] body.dpd-member-surface::after,
html[data-accent-mode="dark"] body.dpd-member-surface::before,
html[data-accent-mode="dark"] body.dpd-member-surface::after,
body.dpd-member-surface[data-dpd-accent="dark"]::before,
body.dpd-member-surface[data-dpd-accent="dark"]::after,
body.dpd-member-surface[data-accent-mode="dark"]::before,
body.dpd-member-surface[data-accent-mode="dark"]::after,
html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper::before,
html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper::after,
html[data-accent-mode="dark"] body.dpd-member-surface #sub-page-main-content-wrapper::before,
html[data-accent-mode="dark"] body.dpd-member-surface #sub-page-main-content-wrapper::after,
body.dpd-member-surface[data-dpd-accent="dark"] #sub-page-main-content-wrapper::before,
body.dpd-member-surface[data-dpd-accent="dark"] #sub-page-main-content-wrapper::after,
body.dpd-member-surface[data-accent-mode="dark"] #sub-page-main-content-wrapper::before,
body.dpd-member-surface[data-accent-mode="dark"] #sub-page-main-content-wrapper::after {
  background: none !important;
  background-image: none !important;
  content: none !important;
  display: none !important;
}

html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper,
html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area,
html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-right,
html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-right-content,
html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .main-content-sec,
html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section,
html[data-accent-mode="dark"] body.dpd-member-surface #sub-page-main-content-wrapper,
html[data-accent-mode="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area,
html[data-accent-mode="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-right,
html[data-accent-mode="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-right-content,
html[data-accent-mode="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .main-content-sec,
html[data-accent-mode="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section,
body.dpd-member-surface[data-dpd-accent="dark"] #sub-page-main-content-wrapper,
body.dpd-member-surface[data-dpd-accent="dark"] #sub-page-main-content-wrapper .main-content-area,
body.dpd-member-surface[data-dpd-accent="dark"] #sub-page-main-content-wrapper .main-content-area-right,
body.dpd-member-surface[data-dpd-accent="dark"] #sub-page-main-content-wrapper .main-content-area-right-content,
body.dpd-member-surface[data-dpd-accent="dark"] #sub-page-main-content-wrapper .main-content-sec,
body.dpd-member-surface[data-dpd-accent="dark"] #sub-page-main-content-wrapper .dpd-v2-dashboard-section,
body.dpd-member-surface[data-accent-mode="dark"] #sub-page-main-content-wrapper,
body.dpd-member-surface[data-accent-mode="dark"] #sub-page-main-content-wrapper .main-content-area,
body.dpd-member-surface[data-accent-mode="dark"] #sub-page-main-content-wrapper .main-content-area-right,
body.dpd-member-surface[data-accent-mode="dark"] #sub-page-main-content-wrapper .main-content-area-right-content,
body.dpd-member-surface[data-accent-mode="dark"] #sub-page-main-content-wrapper .main-content-sec,
body.dpd-member-surface[data-accent-mode="dark"] #sub-page-main-content-wrapper .dpd-v2-dashboard-section {
  background-image: none !important;
  background-size: auto !important;
}

html[data-dpd-accent="dark"] body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-link:not(.dpd-public-header-link--utility-bubble):not(.dpd-v2-header-jump-link),
html[data-dpd-accent="dark"] body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-route-jumpbar a:not(.dpd-v2-header-jump-link),
html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-action-row a,
html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .bttn,
html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .bttn a,
html[data-dpd-accent="dark"] body.dpd-member-surface #dpd-account-dropdown .dpd-account-menu__action.is-primary,
html[data-dpd-accent="dark"] body.dpd-member-surface #dpd-account-dropdown .dpd-account-menu__action.is-signout,
body.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-header-shell #header-login .dpd-public-header-link:not(.dpd-public-header-link--utility-bubble):not(.dpd-v2-header-jump-link),
body.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-header-shell #header-login .dpd-v2-route-jumpbar a:not(.dpd-v2-header-jump-link),
body.dpd-member-surface[data-dpd-accent="dark"] #sub-page-main-content-wrapper .dpd-v2-action-row a,
body.dpd-member-surface[data-dpd-accent="dark"] #sub-page-main-content-wrapper .bttn,
body.dpd-member-surface[data-dpd-accent="dark"] #sub-page-main-content-wrapper .bttn a,
body.dpd-member-surface[data-dpd-accent="dark"] #dpd-account-dropdown .dpd-account-menu__action.is-primary,
body.dpd-member-surface[data-dpd-accent="dark"] #dpd-account-dropdown .dpd-account-menu__action.is-signout {
  background: #fff200 !important;
  background-color: #fff200 !important;
  background-image: none !important;
  border-color: #fff200 !important;
  box-shadow:
    0 12px 28px rgba(255, 242, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.34) !important;
  color: #101820 !important;
  text-shadow: none !important;
  -webkit-text-fill-color: #101820 !important;
}

html[data-dpd-accent="dark"] body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-link--utility-bubble,
html[data-dpd-accent="dark"] body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-link--finder-bubble,
html[data-dpd-accent="dark"] body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-utility button,
body.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-header-shell #header-login .dpd-public-header-link--utility-bubble,
body.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-header-shell #header-login .dpd-public-header-link--finder-bubble,
body.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-header-shell #header-login .dpd-public-header-utility button {
  background: rgba(7, 18, 26, 0.92) !important;
  border-color: rgba(255, 242, 0, 0.62) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-dpd-accent="dark"] body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-link--utility-bubble i,
html[data-dpd-accent="dark"] body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-link--utility-bubble svg,
html[data-dpd-accent="dark"] body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-link--utility-bubble .dpd-public-header-link__icon--art,
html[data-dpd-accent="dark"] body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-link--finder-bubble i,
html[data-dpd-accent="dark"] body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-link--finder-bubble svg,
html[data-dpd-accent="dark"] body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-utility button i,
html[data-dpd-accent="dark"] body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-utility button svg,
html[data-dpd-accent="dark"] body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-utility button .dpd-public-header-link__icon--art,
html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-icon,
html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item a i.fa,
html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item a svg,
body.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-header-shell #header-login .dpd-public-header-link--utility-bubble i,
body.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-header-shell #header-login .dpd-public-header-link--utility-bubble svg,
body.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-header-shell #header-login .dpd-public-header-link--utility-bubble .dpd-public-header-link__icon--art,
body.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-header-shell #header-login .dpd-public-header-link--finder-bubble i,
body.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-header-shell #header-login .dpd-public-header-link--finder-bubble svg,
body.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-header-shell #header-login .dpd-public-header-utility button i,
body.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-header-shell #header-login .dpd-public-header-utility button svg,
body.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-header-shell #header-login .dpd-public-header-utility button .dpd-public-header-link__icon--art,
body.dpd-member-surface[data-dpd-accent="dark"] #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-icon,
body.dpd-member-surface[data-dpd-accent="dark"] #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item a i.fa,
body.dpd-member-surface[data-dpd-accent="dark"] #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item a svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Collapsed sidebar hover lock: keep the rail from breathing between legacy widths. */
@media (min-width: 1101px) {
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed,
  html body.dpd-member-surface.dpd-sidebar-collapsed {
    --dpd-v2-app-sidebar: var(--dpd-member-sidebar-collapsed, 88px) !important;
    --dpd-v2-app-sidebar-collapsed: var(--dpd-member-sidebar-collapsed, 88px) !important;
    --dpd-v2-sidebar-collapsed-final: var(--dpd-member-sidebar-collapsed, 88px) !important;
    --dpd-v2-sidebar-collapsed-width: var(--dpd-member-sidebar-collapsed, 88px) !important;
    --dpd-floating-sidebar-collapsed-width: var(--dpd-member-sidebar-collapsed, 88px) !important;
  }

  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #dpd-v2-sidebar,
  html body.dpd-member-surface.dpd-sidebar-collapsed #dpd-v2-sidebar,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #navbar.dpd-v2-nav-shell,
  html body.dpd-member-surface.dpd-sidebar-collapsed #navbar.dpd-v2-nav-shell,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #dpd-v2-sidebar:hover,
  html body.dpd-member-surface.dpd-sidebar-collapsed #dpd-v2-sidebar:hover,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #dpd-v2-sidebar:focus-within,
  html body.dpd-member-surface.dpd-sidebar-collapsed #dpd-v2-sidebar:focus-within,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell:hover,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell:hover,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell:focus-within,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell:focus-within {
    box-sizing: border-box !important;
    flex: 0 0 76px !important;
    max-width: 76px !important;
    min-width: 76px !important;
    overflow: hidden !important;
    padding: 10px !important;
    transform: none !important;
    transition: none !important;
    width: 76px !important;
  }

  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #dpd-v2-sidebar .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-sidebar-collapsed #dpd-v2-sidebar .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #dpd-v2-sidebar:hover .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-sidebar-collapsed #dpd-v2-sidebar:hover .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #dpd-v2-sidebar:focus-within .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-sidebar-collapsed #dpd-v2-sidebar:focus-within .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell:hover .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell:hover .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell:focus-within .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell:focus-within .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell:hover .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell:hover .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell:focus-within .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell:focus-within .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #navbar.dpd-v2-nav-shell .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-sidebar-collapsed #navbar.dpd-v2-nav-shell .main-content-area-left-nav {
    align-content: start !important;
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: inherit !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    clip-path: none !important;
    max-width: 56px !important;
    min-width: 56px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    transition: none !important;
    width: 56px !important;
  }

  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-section,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-section,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell:hover .dpd-v2-nav-section,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell:hover .dpd-v2-nav-section,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell:focus-within .dpd-v2-nav-section,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell:focus-within .dpd-v2-nav-section,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell:hover .menu,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell:hover .menu,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell:focus-within .menu,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell:focus-within .menu,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell:hover .menu-item,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell:hover .menu-item,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell:focus-within .menu-item,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell:focus-within .menu-item,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #navbar.dpd-v2-nav-shell .dpd-v2-nav-section,
  html body.dpd-member-surface.dpd-sidebar-collapsed #navbar.dpd-v2-nav-shell .dpd-v2-nav-section,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #navbar.dpd-v2-nav-shell:hover .dpd-v2-nav-section,
  html body.dpd-member-surface.dpd-sidebar-collapsed #navbar.dpd-v2-nav-shell:hover .dpd-v2-nav-section,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #navbar.dpd-v2-nav-shell:focus-within .dpd-v2-nav-section,
  html body.dpd-member-surface.dpd-sidebar-collapsed #navbar.dpd-v2-nav-shell:focus-within .dpd-v2-nav-section,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #navbar.dpd-v2-nav-shell .menu,
  html body.dpd-member-surface.dpd-sidebar-collapsed #navbar.dpd-v2-nav-shell .menu,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #navbar.dpd-v2-nav-shell:hover .menu,
  html body.dpd-member-surface.dpd-sidebar-collapsed #navbar.dpd-v2-nav-shell:hover .menu,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #navbar.dpd-v2-nav-shell:focus-within .menu,
  html body.dpd-member-surface.dpd-sidebar-collapsed #navbar.dpd-v2-nav-shell:focus-within .menu,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #navbar.dpd-v2-nav-shell .menu-item,
  html body.dpd-member-surface.dpd-sidebar-collapsed #navbar.dpd-v2-nav-shell .menu-item,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #navbar.dpd-v2-nav-shell:hover .menu-item,
  html body.dpd-member-surface.dpd-sidebar-collapsed #navbar.dpd-v2-nav-shell:hover .menu-item,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #navbar.dpd-v2-nav-shell:focus-within .menu-item,
  html body.dpd-member-surface.dpd-sidebar-collapsed #navbar.dpd-v2-nav-shell:focus-within .menu-item {
    box-sizing: border-box !important;
    display: grid !important;
    justify-items: center !important;
    max-width: 48px !important;
    min-width: 48px !important;
    overflow: visible !important;
    place-items: center !important;
    transition: none !important;
    width: 48px !important;
  }

  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-collapse,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-collapse,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a:hover,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a:hover,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a:focus-visible,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a:focus-visible,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.is-current > a,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.is-current > a,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.current-menu-item > a,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.current-menu-item > a,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #navbar.dpd-v2-nav-shell .dpd-v2-nav-collapse,
  html body.dpd-member-surface.dpd-sidebar-collapsed #navbar.dpd-v2-nav-shell .dpd-v2-nav-collapse,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #navbar.dpd-v2-nav-shell .menu-item > a,
  html body.dpd-member-surface.dpd-sidebar-collapsed #navbar.dpd-v2-nav-shell .menu-item > a,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #navbar.dpd-v2-nav-shell .menu-item > a:hover,
  html body.dpd-member-surface.dpd-sidebar-collapsed #navbar.dpd-v2-nav-shell .menu-item > a:hover,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #navbar.dpd-v2-nav-shell .menu-item > a:focus-visible,
  html body.dpd-member-surface.dpd-sidebar-collapsed #navbar.dpd-v2-nav-shell .menu-item > a:focus-visible,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #navbar.dpd-v2-nav-shell .menu-item.is-current > a,
  html body.dpd-member-surface.dpd-sidebar-collapsed #navbar.dpd-v2-nav-shell .menu-item.is-current > a,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #navbar.dpd-v2-nav-shell .menu-item.current-menu-item > a,
  html body.dpd-member-surface.dpd-sidebar-collapsed #navbar.dpd-v2-nav-shell .menu-item.current-menu-item > a {
    aspect-ratio: auto !important;
    block-size: 46px !important;
    box-sizing: border-box !important;
    flex: 0 0 46px !important;
    height: 46px !important;
    inline-size: 46px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-block-size: 46px !important;
    max-height: 46px !important;
    max-inline-size: 46px !important;
    max-width: 46px !important;
    min-block-size: 46px !important;
    min-height: 46px !important;
    min-inline-size: 46px !important;
    min-width: 46px !important;
    overflow: visible !important;
    padding: 0 !important;
    transform: none !important;
    transition:
      background-color 0.18s ease,
      border-color 0.18s ease,
      color 0.18s ease,
      box-shadow 0.18s ease !important;
    width: 46px !important;
  }

  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #dpd-v2-sidebar .dpd-v2-nav-collapse,
  html body.dpd-member-surface.dpd-sidebar-collapsed #dpd-v2-sidebar .dpd-v2-nav-collapse,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-collapse,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-collapse,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #navbar.dpd-v2-nav-shell .dpd-v2-nav-collapse,
  html body.dpd-member-surface.dpd-sidebar-collapsed #navbar.dpd-v2-nav-shell .dpd-v2-nav-collapse {
    aspect-ratio: auto !important;
    block-size: 44px !important;
    border-radius: 24px !important;
    flex: 0 0 56px !important;
    height: 44px !important;
    inline-size: 56px !important;
    max-block-size: 44px !important;
    max-height: 44px !important;
    max-inline-size: 56px !important;
    max-width: 56px !important;
    min-block-size: 44px !important;
    min-height: 44px !important;
    min-inline-size: 56px !important;
    min-width: 56px !important;
    overflow: visible !important;
    width: 56px !important;
  }
}

/* Avatar normalization: keep monogram and SVG marks on one visual system. */
html body.dpd-member-surface #header-login #dpd-account-dropdown,
html body.dpd-member-surface #dpd-account-dropdown {
  --dpd-avatar-picker-badge-size: 30px;
  --dpd-avatar-picker-initials-size: 10px;
  --dpd-avatar-picker-mark-size: 20px;
  --dpd-avatar-panel-mark-size: 30px;
  --dpd-avatar-trigger-mark-size: 24px;
}

html body.dpd-member-surface #header-login #dpd-account-dropdown .acc-avatar-icon,
html body.dpd-member-surface #header-login #dpd-account-dropdown .acc-avatar-initials,
html body.dpd-member-surface #header-login #dpd-account-dropdown .acc-avatar-icon--image,
html body.dpd-member-surface #dpd-account-dropdown .acc-avatar-icon,
html body.dpd-member-surface #dpd-account-dropdown .acc-avatar-initials,
html body.dpd-member-surface #dpd-account-dropdown .acc-avatar-icon--image {
  align-items: center !important;
  aspect-ratio: 1 / 1 !important;
  background: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent))) !important;
  background-color: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent))) !important;
  background-image: none !important;
  border: 2px solid rgba(0, 0, 0, 0.2) !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
  display: inline-flex !important;
  flex: 0 0 var(--dpd-avatar-picker-badge-size) !important;
  font-family: var(--dpd-chrome-font-ui) !important;
  font-size: var(--dpd-avatar-picker-initials-size) !important;
  font-weight: 950 !important;
  height: var(--dpd-avatar-picker-badge-size) !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  margin: 0 !important;
  max-height: var(--dpd-avatar-picker-badge-size) !important;
  max-width: var(--dpd-avatar-picker-badge-size) !important;
  min-height: var(--dpd-avatar-picker-badge-size) !important;
  min-width: var(--dpd-avatar-picker-badge-size) !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  text-align: center !important;
  text-transform: uppercase !important;
  width: var(--dpd-avatar-picker-badge-size) !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  -webkit-text-fill-color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
}

html body.dpd-member-surface #header-login #dpd-account-dropdown .acc-avatar-initials,
html body.dpd-member-surface #dpd-account-dropdown .acc-avatar-initials {
  font-size: var(--dpd-avatar-picker-initials-size) !important;
  letter-spacing: 0 !important;
}

html body.dpd-member-surface #header-login #dpd-account-dropdown .acc-avatar-icon--image::before,
html body.dpd-member-surface #dpd-account-dropdown .acc-avatar-icon--image::before {
  background: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
  content: "" !important;
  display: block !important;
  flex: 0 0 var(--dpd-avatar-picker-mark-size) !important;
  height: var(--dpd-avatar-picker-mark-size) !important;
  margin: auto !important;
  max-height: var(--dpd-avatar-picker-mark-size) !important;
  max-width: var(--dpd-avatar-picker-mark-size) !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: var(--dpd-avatar-picker-mark-size) !important;
  -webkit-mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
}

html body.dpd-member-surface #header-login #dpd-account-dropdown .acc-avatar-option[data-dpd-avatar-choice="tread"] .acc-avatar-icon--image::before,
html body.dpd-member-surface #dpd-account-dropdown .acc-avatar-option[data-dpd-avatar-choice="tread"] .acc-avatar-icon--image::before {
  height: 28px !important;
  max-height: 28px !important;
  max-width: 22px !important;
  width: 22px !important;
}

html body.dpd-member-surface #header-login #dpd-account-dropdown .acc-avatar-option[data-dpd-avatar-choice="helmet"] .acc-avatar-icon--image::before,
html body.dpd-member-surface #dpd-account-dropdown .acc-avatar-option[data-dpd-avatar-choice="helmet"] .acc-avatar-icon--image::before {
  height: 24px !important;
  max-height: 24px !important;
  max-width: 28px !important;
  width: 28px !important;
}

html body.dpd-member-surface #header-login #dpd-account-dropdown .acc-avatar-icon__img,
html body.dpd-member-surface #dpd-account-dropdown .acc-avatar-icon__img,
html body.dpd-member-surface #header-login .dpd-user-badge__mark-img,
html body.dpd-member-surface .dpd-v2-header-shell [data-dpd-user-badge] .dpd-user-badge__mark-img,
html body.dpd-member-surface .dpd-public-header [data-dpd-user-badge] .dpd-user-badge__mark-img {
  display: none !important;
}

html body.dpd-member-surface #header-login .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image,
html body.dpd-member-surface .dpd-v2-header-shell [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark--image,
html body.dpd-member-surface .dpd-public-header [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark--image {
  background: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, var(--dpd-portal-accent-ink, #101820)))) !important;
  background-color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, var(--dpd-portal-accent-ink, #101820)))) !important;
  background-image: none !important;
  display: block !important;
  flex: 0 0 var(--dpd-avatar-trigger-mark-size) !important;
  height: var(--dpd-avatar-trigger-mark-size) !important;
  margin: auto !important;
  max-height: var(--dpd-avatar-trigger-mark-size) !important;
  max-width: var(--dpd-avatar-trigger-mark-size) !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: var(--dpd-avatar-trigger-mark-size) !important;
  -webkit-mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
}

html body.dpd-member-surface #dpd-account-dropdown .acc-drop-pic .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image,
html body.dpd-member-surface #header-login #dpd-account-dropdown .acc-drop-pic .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image {
  flex-basis: var(--dpd-avatar-panel-mark-size) !important;
  height: var(--dpd-avatar-panel-mark-size) !important;
  max-height: var(--dpd-avatar-panel-mark-size) !important;
  max-width: var(--dpd-avatar-panel-mark-size) !important;
  width: var(--dpd-avatar-panel-mark-size) !important;
}

html body.dpd-member-surface #header-login [data-dpd-user-badge] .dpd-user-badge__text,
html body.dpd-member-surface .dpd-v2-header-shell [data-dpd-user-badge] .dpd-user-badge__text,
html body.dpd-member-surface .dpd-public-header [data-dpd-user-badge] .dpd-user-badge__text {
  align-items: center !important;
  display: inline-flex !important;
  font-family: var(--dpd-chrome-font-ui) !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-transform: uppercase !important;
  -webkit-text-fill-color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
}

/* Cross-surface account menu and Admin Tools polish. */
html body #dpd-account-dropdown {
  --dpd-avatar-picker-badge-size: 30px;
  --dpd-avatar-picker-initials-size: 10px;
  --dpd-avatar-picker-mark-size: 20px;
  --dpd-avatar-panel-mark-size: 30px;
  --dpd-avatar-trigger-mark-size: 24px;
}

html body #dpd-account-dropdown .acc-drop-help,
html body #dpd-account-dropdown .acc-appearance-header {
  display: none !important;
}

html body #dpd-account-dropdown .acc-appearance {
  margin-top: 10px !important;
}

html body #dpd-account-dropdown .acc-appearance-panel--approved {
  gap: 8px !important;
}

html body #dpd-account-dropdown .acc-appearance-block {
  border-color: rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.38) !important;
  border-radius: 10px !important;
  padding: 9px 10px !important;
}

html body #dpd-account-dropdown .acc-avatar-grid--selector {
  align-items: start !important;
  display: grid !important;
  gap: 7px !important;
  grid-template-columns: repeat(6, minmax(54px, 1fr)) !important;
}

html body #dpd-account-dropdown .acc-avatar-option {
  align-content: center !important;
  align-items: center !important;
  background: #050708 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: 4px !important;
  justify-items: center !important;
  min-height: 62px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 6px 4px !important;
}

html body #dpd-account-dropdown .acc-avatar-option.is-active {
  border-color: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent))) !important;
  box-shadow:
    inset 0 0 0 1px var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent))),
    0 10px 26px rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.18) !important;
}

html body #dpd-account-dropdown .acc-avatar-icon,
html body #dpd-account-dropdown .acc-avatar-initials,
html body #dpd-account-dropdown .acc-avatar-icon--image {
  align-items: center !important;
  aspect-ratio: 1 / 1 !important;
  background: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent))) !important;
  background-color: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent))) !important;
  background-image: none !important;
  border: 2px solid rgba(0, 0, 0, 0.32) !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
  display: inline-flex !important;
  flex: 0 0 var(--dpd-avatar-picker-badge-size) !important;
  font-size: var(--dpd-avatar-picker-initials-size) !important;
  font-weight: 850 !important;
  height: var(--dpd-avatar-picker-badge-size) !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  margin: 0 !important;
  max-height: var(--dpd-avatar-picker-badge-size) !important;
  max-width: var(--dpd-avatar-picker-badge-size) !important;
  min-height: var(--dpd-avatar-picker-badge-size) !important;
  min-width: var(--dpd-avatar-picker-badge-size) !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  text-align: center !important;
  text-transform: uppercase !important;
  width: var(--dpd-avatar-picker-badge-size) !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  -webkit-text-fill-color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
}

html body #dpd-account-dropdown .acc-avatar-icon--image::before {
  background: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
  content: "" !important;
  display: block !important;
  flex: 0 0 var(--dpd-avatar-picker-mark-size) !important;
  height: var(--dpd-avatar-picker-mark-size) !important;
  margin: auto !important;
  max-height: var(--dpd-avatar-picker-mark-size) !important;
  max-width: var(--dpd-avatar-picker-mark-size) !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: var(--dpd-avatar-picker-mark-size) !important;
  -webkit-mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
}

html body #dpd-account-dropdown .acc-avatar-option[data-dpd-avatar-choice="tread"] .acc-avatar-icon--image::before {
  height: 22px !important;
  max-height: 22px !important;
  max-width: 18px !important;
  width: 18px !important;
}

html body #dpd-account-dropdown .acc-avatar-option[data-dpd-avatar-choice="helmet"] .acc-avatar-icon--image::before {
  height: 20px !important;
  max-height: 20px !important;
  max-width: 24px !important;
  width: 24px !important;
}

html body #dpd-account-dropdown .acc-avatar-icon__img,
html body #header-login .dpd-user-badge__mark-img,
html body .dpd-v2-header-shell [data-dpd-user-badge] .dpd-user-badge__mark-img,
html body .dpd-public-header [data-dpd-user-badge] .dpd-user-badge__mark-img {
  display: none !important;
}

html body #header-login .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image,
html body .dpd-v2-header-shell [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark--image,
html body .dpd-public-header [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark--image {
  background: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, var(--dpd-portal-accent-ink, #101820)))) !important;
  background-color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, var(--dpd-portal-accent-ink, #101820)))) !important;
  background-image: none !important;
  display: block !important;
  flex: 0 0 var(--dpd-avatar-trigger-mark-size) !important;
  height: var(--dpd-avatar-trigger-mark-size) !important;
  margin: auto !important;
  max-height: var(--dpd-avatar-trigger-mark-size) !important;
  max-width: var(--dpd-avatar-trigger-mark-size) !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: var(--dpd-avatar-trigger-mark-size) !important;
  -webkit-mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
}

html body #dpd-account-dropdown .acc-drop-pic .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image {
  flex-basis: var(--dpd-avatar-panel-mark-size) !important;
  height: var(--dpd-avatar-panel-mark-size) !important;
  max-height: var(--dpd-avatar-panel-mark-size) !important;
  max-width: var(--dpd-avatar-panel-mark-size) !important;
  width: var(--dpd-avatar-panel-mark-size) !important;
}

html body #dpd-account-dropdown .acc-avatar-caption {
  color: #ffffff !important;
  display: block !important;
  font-family: var(--dpd-account-dropdown-typeface, var(--font-ui, "acumin-pro-semi-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif)) !important;
  font-size: var(--dpd-account-dropdown-caption-size, 9px) !important;
  font-weight: var(--dpd-account-dropdown-caption-weight, 700) !important;
  letter-spacing: 0.04em !important;
  line-height: 1.15 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body #dpd-account-dropdown .dpd-account-menu__action {
  font-weight: 800 !important;
  justify-content: center !important;
  letter-spacing: 0.08em !important;
}

html body #dpd-account-dropdown .dpd-account-menu__action.is-primary,
html body #dpd-account-dropdown .dpd-account-menu__action.is-signout {
  background: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent))) !important;
  border-color: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent))) !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
  -webkit-text-fill-color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
}

html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-link--utility-bubble,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-utility button {
  background: var(--dpd-selected-glow-accent) !important;
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.72) !important;
  color: var(--dpd-selected-glow-ink) !important;
  -webkit-text-fill-color: var(--dpd-selected-glow-ink) !important;
}

html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-link--utility-bubble i,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-link--utility-bubble svg,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-link--utility-bubble .dpd-public-header-link__icon--art,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-utility button i,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-utility button svg,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-utility button .dpd-public-header-link__icon--art {
  color: var(--dpd-selected-glow-ink) !important;
  fill: none !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: var(--dpd-selected-glow-ink) !important;
}

@media (min-width: 1101px) {
  html body.dpd-member-surface #dpd-v2-sidebar.has-open-nav-accordion,
  html body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell.has-open-nav-accordion {
    overflow: visible !important;
    z-index: 10035 !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar.has-open-nav-accordion .main-content-area-left-nav,
  html body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell.has-open-nav-accordion .main-content-area-left-nav {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion {
    position: relative !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion:not(.is-open) .menu,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion:not(.is-open) .menu {
    display: none !important;
    visibility: hidden !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu {
    align-items: stretch !important;
    background:
      radial-gradient(circle at 12% 10%, rgba(var(--dpd-selected-glow-rgb), 0.2), transparent 38%),
      linear-gradient(145deg, rgba(8, 16, 20, 0.98), rgba(10, 19, 24, 0.96)) !important;
    border: 1px solid rgba(var(--dpd-selected-glow-rgb), 0.48) !important;
    border-radius: 14px !important;
    box-shadow:
      0 24px 60px rgba(0, 0, 0, 0.28),
      0 0 0 1px rgba(255, 255, 255, 0.04),
      0 0 34px rgba(var(--dpd-selected-glow-rgb), 0.16) !important;
    box-sizing: border-box !important;
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    left: var(--dpd-admin-tools-popup-left, calc(var(--dpd-stable-sidebar, 224px) + 40px)) !important;
    list-style: none !important;
    margin: 0 !important;
    max-height: none !important;
    max-width: min(680px, calc(100vw - 120px)) !important;
    min-width: 300px !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    padding: 14px !important;
    position: fixed !important;
    scrollbar-gutter: auto !important;
    top: var(--dpd-admin-tools-popup-top, 180px) !important;
    visibility: visible !important;
    width: var(--dpd-admin-tools-popup-width, min(620px, calc(100vw - 320px))) !important;
    z-index: 2147483000 !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu::before,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu::before {
    color: var(--dpd-selected-glow-accent) !important;
    content: "Admin Tools" !important;
    display: block !important;
    font-family: var(--dpd-chrome-font-ui) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    grid-column: 1 / -1 !important;
    letter-spacing: 0.12em !important;
    line-height: 1 !important;
    padding: 1px 2px 5px !important;
    text-transform: uppercase !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item {
    display: block !important;
    height: auto !important;
    margin: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    opacity: 1 !important;
    padding: 0 !important;
    visibility: visible !important;
    width: auto !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item > a,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item > a {
    align-items: center !important;
    background: rgba(255, 255, 255, 0.055) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    color: #ffffff !important;
    display: flex !important;
    flex: none !important;
    gap: 10px !important;
    height: auto !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    max-width: none !important;
    min-height: 42px !important;
    min-width: 0 !important;
    padding: 10px 12px !important;
    text-align: left !important;
    text-decoration: none !important;
    transform: none !important;
    width: 100% !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item > a:hover,
  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item > a:focus-visible,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item > a:hover,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item > a:focus-visible {
    background: rgba(var(--dpd-selected-glow-rgb), 0.14) !important;
    border-color: rgba(var(--dpd-selected-glow-rgb), 0.44) !important;
    color: #ffffff !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .dpd-v2-nav-icon,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .dpd-v2-nav-icon {
    color: var(--dpd-selected-glow-accent) !important;
    display: inline-flex !important;
    flex: 0 0 22px !important;
    font-size: 15px !important;
    justify-content: center !important;
    margin: 0 !important;
    min-width: 22px !important;
    width: 22px !important;
    -webkit-text-fill-color: var(--dpd-selected-glow-accent) !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .dpd-v2-nav-label,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .dpd-v2-nav-label {
    color: #ffffff !important;
    display: block !important;
    flex: 1 1 auto !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    line-height: 1.1 !important;
    max-width: none !important;
    min-width: 0 !important;
    opacity: 1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-transform: uppercase !important;
    visibility: visible !important;
    white-space: nowrap !important;
    width: auto !important;
    -webkit-text-fill-color: #ffffff !important;
  }
}

/* Consistent section info panels across dashboard modules. */
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-heading.dpd-v2-info-managed {
  align-items: center !important;
  display: inline-flex !important;
  gap: 8px !important;
  max-width: 100% !important;
  overflow: visible !important;
  position: relative !important;
  width: max-content !important;
  z-index: 90 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-heading.dpd-v2-info-managed h2 {
  margin: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-heading.dpd-v2-info-managed > .dpd-v2-info-dot,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__header > .dpd-v2-service-overview__info {
  flex: 0 0 auto !important;
  height: 26px !important;
  margin: 0 !important;
  min-height: 26px !important;
  min-width: 26px !important;
  padding: 0 !important;
  position: relative !important;
  right: auto !important;
  top: auto !important;
  width: 26px !important;
  z-index: 4 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-heading.dpd-v2-info-managed > .dpd-v2-info-summary {
  left: 0 !important;
  max-height: min(220px, 60dvh) !important;
  max-width: min(340px, calc(100vw - 40px)) !important;
  min-width: min(260px, calc(100vw - 40px)) !important;
  overflow: auto !important;
  right: auto !important;
  top: calc(100% + 10px) !important;
  width: min(340px, calc(100vw - 40px)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-section-info-summary p,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__summary-panel p,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__summary-panel p,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-summary--tooltip p {
  align-items: start !important;
  display: grid !important;
  font-size: 12px !important;
  gap: 4px 12px !important;
  grid-template-columns: 72px minmax(0, 1fr) !important;
  letter-spacing: 0 !important;
  line-height: 1.38 !important;
  margin: 0 0 10px !important;
  max-width: none !important;
  min-width: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-section-info-summary p:last-child,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__summary-panel p:last-child,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__summary-panel p:last-child,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-summary--tooltip p:last-child {
  margin-bottom: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-section-info-summary strong,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__summary-panel strong,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__summary-panel strong {
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
  line-height: 1.3 !important;
  text-transform: uppercase !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-section-info-summary span,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__summary-panel span,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__summary-panel span {
  color: #ffffff !important;
  font-size: 12px !important;
  letter-spacing: 0 !important;
  line-height: 1.38 !important;
  min-width: 0 !important;
  overflow-wrap: normal !important;
  text-transform: none !important;
  white-space: normal !important;
  word-break: normal !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-dot[data-dpd-tooltip]::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__info[data-dpd-tooltip]::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__info[data-dpd-tooltip]::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__info[data-dpd-tooltip]::after {
  content: none !important;
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__item.dpd-v2-info-managed > .dpd-v2-info-summary {
  right: 12px !important;
  top: 46px !important;
}

@media (max-width: 760px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-heading.dpd-v2-info-managed {
    max-width: 100% !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-heading.dpd-v2-info-managed > .dpd-v2-info-summary {
    left: 0 !important;
    right: auto !important;
    width: min(340px, calc(100vw - 36px)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-section-info-summary p,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-overview__summary-panel p,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-service-status-panel__summary-panel p {
    grid-template-columns: 1fr !important;
  }
}

/* Final Admin Tools behavior: inline drawer with previewed sidebar links. */
@media (min-width: 1101px) {
  html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell,
  html body.dpd-member-surface #dpd-v2-sidebar.has-open-nav-accordion,
  html body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell.has-open-nav-accordion {
    bottom: 16px !important;
    height: auto !important;
    max-height: calc(100dvh - var(--dpd-stable-adminbar, 0px) - var(--dpd-stable-header-top, 12px) - var(--dpd-stable-header-height, 82px) - 34px) !important;
    overflow: hidden !important;
    width: var(--dpd-stable-sidebar, var(--dpd-v2-sidebar-width, 224px)) !important;
  }

  html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell .main-content-area-left-nav,
  html body.dpd-member-surface #dpd-v2-sidebar.has-open-nav-accordion .main-content-area-left-nav,
  html body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell.has-open-nav-accordion .main-content-area-left-nav {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    height: 100% !important;
    max-height: calc(100dvh - var(--dpd-stable-adminbar, 0px) - var(--dpd-stable-header-top, 12px) - var(--dpd-stable-header-height, 82px) - 34px) !important;
    min-height: 0 !important;
    overflow: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding-bottom: 40px !important;
    scrollbar-color: var(--dpd-selected-glow-accent) rgba(255, 255, 255, 0.08) !important;
    scrollbar-gutter: stable !important;
  }

  html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .dpd-v2-nav-section,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section {
    display: block !important;
    flex: 0 0 auto !important;
    max-height: none !important;
    opacity: 1 !important;
    overflow: visible !important;
    visibility: visible !important;
  }

  html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .dpd-v2-nav-section:not(.is-accordion),
  html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section:not(.is-accordion) {
    opacity: 0.66 !important;
  }

  html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .dpd-v2-nav-section:not(.is-accordion) .menu-item > a,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section:not(.is-accordion) .menu-item > a {
    cursor: pointer !important;
    opacity: 0.58 !important;
    transform: none !important;
  }

  html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .dpd-v2-nav-section:not(.is-accordion) .menu-item > a:hover,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .dpd-v2-nav-section:not(.is-accordion) .menu-item > a:focus-visible,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section:not(.is-accordion) .menu-item > a:hover,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section:not(.is-accordion) .menu-item > a:focus-visible {
    opacity: 0.86 !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open {
    display: block !important;
    flex: 0 0 auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    position: relative !important;
    width: 100% !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu {
    align-items: stretch !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    display: grid !important;
    gap: 7px !important;
    grid-template-columns: 1fr !important;
    left: auto !important;
    list-style: none !important;
    margin: 8px 0 0 !important;
    max-height: var(--dpd-admin-tools-panel-max-height, clamp(220px, 34dvh, 310px)) !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    overflow: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 0 4px 2px 0 !important;
    position: relative !important;
    right: auto !important;
    scrollbar-color: var(--dpd-selected-glow-accent) rgba(255, 255, 255, 0.08) !important;
    scrollbar-gutter: stable !important;
    top: auto !important;
    transform: none !important;
    visibility: visible !important;
    width: 100% !important;
    z-index: 1 !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu::before,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu::before {
    content: none !important;
    display: none !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item {
    display: block !important;
    height: auto !important;
    margin: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    opacity: 1 !important;
    padding: 0 !important;
    visibility: visible !important;
    width: 100% !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item > a,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item > a {
    align-items: center !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-left: 3px solid var(--dpd-selected-glow-accent) !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    color: #ffffff !important;
    display: flex !important;
    flex: none !important;
    gap: 12px !important;
    height: auto !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    max-width: none !important;
    min-height: 38px !important;
    min-width: 0 !important;
    padding: 9px 11px !important;
    text-align: left !important;
    text-decoration: none !important;
    transform: none !important;
    width: 100% !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item > a:hover,
  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item > a:focus-visible,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item > a:hover,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item > a:focus-visible {
    background: rgba(var(--dpd-selected-glow-rgb), 0.14) !important;
    border-color: rgba(var(--dpd-selected-glow-rgb), 0.44) !important;
    border-left-color: var(--dpd-selected-glow-accent) !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .dpd-v2-nav-icon,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .dpd-v2-nav-icon {
    color: var(--dpd-selected-glow-accent) !important;
    display: inline-flex !important;
    flex: 0 0 20px !important;
    font-size: 15px !important;
    justify-content: center !important;
    margin: 0 !important;
    min-width: 20px !important;
    width: 20px !important;
    -webkit-text-fill-color: var(--dpd-selected-glow-accent) !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .dpd-v2-nav-label,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .dpd-v2-nav-label {
    color: #ffffff !important;
    display: block !important;
    flex: 1 1 auto !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    letter-spacing: 0.03em !important;
    line-height: 1.1 !important;
    max-width: none !important;
    min-width: 0 !important;
    opacity: 1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-transform: uppercase !important;
    visibility: visible !important;
    white-space: nowrap !important;
    width: auto !important;
    -webkit-text-fill-color: #ffffff !important;
  }
}

/* DPD v2 admin drawer polish: one scroll surface, no popup, matched nav rows. */
@media (min-width: 1101px) {
  html body.dpd-member-surface.dpd-v2-admin-tools-open {
    --dpd-v2-app-sidebar: var(--dpd-v2-sidebar-expanded-final, var(--dpd-stable-sidebar, var(--dpd-v2-sidebar-width, 224px))) !important;
  }

  html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell,
  html body.dpd-member-surface #dpd-v2-sidebar.has-open-nav-accordion,
  html body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell.has-open-nav-accordion {
    background:
      radial-gradient(circle at 72% 8%, rgba(var(--dpd-selected-glow-rgb), 0.18), rgba(var(--dpd-selected-glow-rgb), 0) 35%),
      linear-gradient(180deg, rgba(7, 18, 26, 0.99) 0%, rgba(4, 13, 20, 0.99) 100%) !important;
    border-color: rgba(var(--dpd-selected-glow-rgb), 0.22) !important;
    border-radius: 26px !important;
    clip-path: inset(0 round 26px) !important;
    overflow: hidden !important;
    padding: 14px 12px !important;
    width: var(--dpd-v2-sidebar-expanded-final, var(--dpd-stable-sidebar, var(--dpd-v2-sidebar-width, 224px))) !important;
  }

  html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .main-content-area {
    grid-template-columns: var(--dpd-v2-sidebar-expanded-final, var(--dpd-stable-sidebar, var(--dpd-v2-sidebar-width, 224px))) minmax(0, 1fr) !important;
  }

  html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .main-content-area-left-nav,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell .main-content-area-left-nav,
  html body.dpd-member-surface #dpd-v2-sidebar.has-open-nav-accordion .main-content-area-left-nav,
  html body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell.has-open-nav-accordion .main-content-area-left-nav {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    height: 100% !important;
    max-height: calc(100dvh - var(--dpd-stable-adminbar, 0px) - var(--dpd-stable-header-top, 12px) - var(--dpd-stable-header-height, 82px) - 34px) !important;
    min-height: 0 !important;
    overflow: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 0 0 40px !important;
    scrollbar-width: none !important;
  }

  html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .main-content-area-left-nav::-webkit-scrollbar,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell .main-content-area-left-nav::-webkit-scrollbar,
  html body.dpd-member-surface #dpd-v2-sidebar.has-open-nav-accordion .main-content-area-left-nav::-webkit-scrollbar,
  html body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell.has-open-nav-accordion .main-content-area-left-nav::-webkit-scrollbar {
    height: 0 !important;
    width: 0 !important;
  }

  html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .dpd-v2-nav-section,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .dpd-v2-nav-section .menu,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section .menu {
    justify-items: stretch !important;
    width: 100% !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section-toggle,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section-toggle {
    align-items: center !important;
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: 26px minmax(0, 1fr) auto 14px !important;
    text-align: left !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section-toggle-icon,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section-toggle-icon {
    color: var(--dpd-selected-glow-accent) !important;
    display: inline-flex !important;
    font-size: 15px !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    min-width: 26px !important;
    opacity: 1 !important;
    width: 26px !important;
    -webkit-text-fill-color: var(--dpd-selected-glow-accent) !important;
  }

  html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .dpd-v2-nav-section h3,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section h3,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .dpd-v2-nav-section-heading,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section-heading,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .dpd-v2-nav-label,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-label,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .dpd-v2-nav-count,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-count,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .dpd-v2-nav-collapse-label,
  html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-collapse-label {
    display: block !important;
    max-width: none !important;
    min-width: 0 !important;
    opacity: 1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    visibility: visible !important;
    white-space: nowrap !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu,
  html body.dpd-member-surface.dpd-sidebar-collapsed #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu,
  html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu {
    align-items: stretch !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    display: grid !important;
    gap: 5px !important;
    grid-template-columns: 1fr !important;
    left: auto !important;
    list-style: none !important;
    margin: 8px 0 0 !important;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    overflow: visible !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    padding: 0 !important;
    position: relative !important;
    right: auto !important;
    scrollbar-gutter: auto !important;
    top: auto !important;
    transform: none !important;
    visibility: visible !important;
    width: 100% !important;
    z-index: 1 !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu::before,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu::before {
    content: none !important;
    display: none !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item {
    display: block !important;
    height: auto !important;
    justify-items: stretch !important;
    margin: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    opacity: 1 !important;
    padding: 0 !important;
    visibility: visible !important;
    width: 100% !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item > a,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item > a {
    align-items: center !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-left: 3px solid var(--dpd-selected-glow-accent) !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    color: #f7fafc !important;
    display: flex !important;
    flex: none !important;
    gap: 14px !important;
    height: auto !important;
    justify-content: flex-start !important;
    margin: 0 0 5px !important;
    max-width: none !important;
    min-height: 38px !important;
    min-width: 0 !important;
    padding: 10px 12px !important;
    text-align: left !important;
    text-decoration: none !important;
    transform: none !important;
    width: 100% !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .dpd-v2-nav-icon,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .dpd-v2-nav-icon {
    color: var(--dpd-selected-glow-accent) !important;
    display: inline-flex !important;
    flex: 0 0 26px !important;
    font-size: 18px !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    min-width: 26px !important;
    opacity: 1 !important;
    width: 26px !important;
    -webkit-text-fill-color: var(--dpd-selected-glow-accent) !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .dpd-v2-nav-label,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .dpd-v2-nav-label {
    color: #f7fafc !important;
    display: block !important;
    flex: 1 1 auto !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    line-height: 1.1 !important;
    max-width: none !important;
    min-width: 0 !important;
    opacity: 1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-transform: uppercase !important;
    visibility: visible !important;
    white-space: nowrap !important;
    width: auto !important;
    -webkit-text-fill-color: #f7fafc !important;
  }

  html body.dpd-member-surface.dpd-v2-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #dpd-v2-sidebar,
  html body.dpd-member-surface.dpd-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #dpd-v2-sidebar,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #dpd-v2-sidebar:hover,
  html body.dpd-member-surface.dpd-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #dpd-v2-sidebar:hover,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #dpd-v2-sidebar:focus-within,
  html body.dpd-member-surface.dpd-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #dpd-v2-sidebar:focus-within,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell,
  html body.dpd-member-surface.dpd-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell:hover,
  html body.dpd-member-surface.dpd-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell:hover,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell:focus-within,
  html body.dpd-member-surface.dpd-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell:focus-within {
    background:
      radial-gradient(circle at 50% 2%, rgba(var(--dpd-selected-glow-rgb), 0.18), rgba(var(--dpd-selected-glow-rgb), 0) 28%),
      linear-gradient(180deg, rgba(7, 18, 26, 0.99) 0%, rgba(4, 13, 20, 0.99) 100%) !important;
    border-color: rgba(var(--dpd-selected-glow-rgb), 0.2) !important;
    border-radius: 999px !important;
    box-shadow:
      0 24px 48px rgba(6, 15, 22, 0.24),
      0 0 34px rgba(var(--dpd-selected-glow-rgb), 0.1) !important;
    clip-path: none !important;
  }

  html body.dpd-member-surface.dpd-v2-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a,
  html body.dpd-member-surface.dpd-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a:hover,
  html body.dpd-member-surface.dpd-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a:hover,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a:focus-visible,
  html body.dpd-member-surface.dpd-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a:focus-visible {
    aspect-ratio: auto !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    block-size: 46px !important;
    box-shadow: none !important;
    color: var(--dpd-selected-glow-accent) !important;
    height: 46px !important;
    inline-size: 46px !important;
    max-block-size: 46px !important;
    max-height: 46px !important;
    max-inline-size: 46px !important;
    max-width: 46px !important;
    min-block-size: 46px !important;
    min-height: 46px !important;
    min-inline-size: 46px !important;
    min-width: 46px !important;
    overflow: visible !important;
    padding: 0 !important;
    transform: none !important;
    width: 46px !important;
    -webkit-text-fill-color: var(--dpd-selected-glow-accent) !important;
  }

  html body.dpd-member-surface.dpd-v2-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.is-current > a,
  html body.dpd-member-surface.dpd-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.is-current > a,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.current-menu-item > a,
  html body.dpd-member-surface.dpd-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.current-menu-item > a,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.is-current > a:hover,
  html body.dpd-member-surface.dpd-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.is-current > a:hover,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.is-current > a:focus-visible,
  html body.dpd-member-surface.dpd-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.is-current > a:focus-visible,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.current-menu-item > a:hover,
  html body.dpd-member-surface.dpd-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.current-menu-item > a:hover,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.current-menu-item > a:focus-visible,
  html body.dpd-member-surface.dpd-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.current-menu-item > a:focus-visible {
    background: rgba(var(--dpd-selected-glow-rgb), 0.1) !important;
    border-color: rgba(var(--dpd-selected-glow-rgb), 0.26) !important;
    box-shadow: none !important;
  }

  html body.dpd-member-surface.dpd-v2-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-icon,
  html body.dpd-member-surface.dpd-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-icon,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item i,
  html body.dpd-member-surface.dpd-sidebar-collapsed:not(.dpd-v2-admin-tools-open) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item i {
    color: var(--dpd-selected-glow-accent) !important;
    font-size: 19px !important;
    opacity: 1 !important;
    -webkit-text-fill-color: var(--dpd-selected-glow-accent) !important;
  }
}

/* DPD v2 final visual audit: shared accent, avatar, header, and Admin Tools fixes. */
html[data-dpd-accent="orange"] body,
html body[data-dpd-accent="orange"],
html[data-dpd-personal-accent="orange"] body,
html body[data-dpd-personal-accent="orange"] {
  --dpd-accent: #ff6600 !important;
  --dpd-ui-accent: #ff6600 !important;
  --dpd-portal-accent: #ff6600 !important;
  --dpd-personal-accent: #ff6600 !important;
  --dpd-personal-accent-rgb: 255, 102, 0 !important;
  --dpd-personal-accent-ink: #071018 !important;
  --dpd-selected-glow-rgb: 255, 102, 0 !important;
  --dpd-selected-glow-accent: #ff6600 !important;
  --dpd-selected-glow-ink: #071018 !important;
  --dpd-user-accent: #ff6600 !important;
  --dpd-user-accent-rgb: 255, 102, 0 !important;
  --dpd-user-badge-fill: #ff6600 !important;
  --dpd-user-badge-ink: #071018 !important;
}

html[data-dpd-accent="dark"] body,
html[data-dpd-accent="black"] body,
html[data-dpd-accent="dark"] body,
html body[data-dpd-accent="dark"],
html body[data-dpd-accent="black"],
html body[data-dpd-accent="dark"],
html[data-dpd-personal-accent="dark"] body,
html[data-dpd-personal-accent="black"] body,
html[data-dpd-personal-accent="carbon"] body,
html body[data-dpd-personal-accent="dark"],
html body[data-dpd-personal-accent="black"],
html body[data-dpd-personal-accent="carbon"] {
  --dpd-selected-glow-rgb: 255, 242, 0 !important;
  --dpd-selected-glow-accent: #fff200 !important;
  --dpd-selected-glow-ink: #071018 !important;
  --dpd-user-badge-fill: #101820 !important;
  --dpd-user-badge-ink: #fff200 !important;
}

html[data-dpd-accent="dark"] body.dpd-member-surface,
html[data-dpd-accent="black"] body.dpd-member-surface,
html[data-dpd-accent="dark"] body.dpd-member-surface,
html body[data-dpd-accent="dark"].dpd-member-surface,
html body[data-dpd-accent="black"].dpd-member-surface,
html body[data-dpd-accent="dark"].dpd-member-surface,
html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper,
html[data-dpd-accent="black"] body.dpd-member-surface #sub-page-main-content-wrapper,
html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper,
html body[data-dpd-accent="dark"].dpd-member-surface #sub-page-main-content-wrapper,
html body[data-dpd-accent="black"].dpd-member-surface #sub-page-main-content-wrapper,
html body[data-dpd-accent="dark"].dpd-member-surface #sub-page-main-content-wrapper {
  background-image: none !important;
}

html[data-dpd-accent="dark"] body.dpd-member-surface::before,
html[data-dpd-accent="dark"] body.dpd-member-surface::after,
html[data-dpd-accent="black"] body.dpd-member-surface::before,
html[data-dpd-accent="black"] body.dpd-member-surface::after,
html[data-dpd-accent="dark"] body.dpd-member-surface::before,
html[data-dpd-accent="dark"] body.dpd-member-surface::after,
html body[data-dpd-accent="dark"].dpd-member-surface::before,
html body[data-dpd-accent="dark"].dpd-member-surface::after,
html body[data-dpd-accent="black"].dpd-member-surface::before,
html body[data-dpd-accent="black"].dpd-member-surface::after,
html body[data-dpd-accent="dark"].dpd-member-surface::before,
html body[data-dpd-accent="dark"].dpd-member-surface::after {
  content: none !important;
  display: none !important;
}

html body .dpd-v2-section-label,
html body .dashboard-section-label,
html body .mock-panel__eyebrow,
html body .dpd-v2-section-kicker,
html body .section-label,
html body .dpd-v2-program-chip,
html body .dpd-v2-program-status,
html body .dpd-v2-program-card__label,
html body .dpd-v2-program-card__status,
html body .dpd-v2-service-label,
html body .dpd-v2-info-dot {
  background: var(--dpd-selected-glow-accent) !important;
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.74) !important;
  color: var(--dpd-selected-glow-ink) !important;
  text-shadow: none !important;
  -webkit-text-fill-color: var(--dpd-selected-glow-ink) !important;
}

html body .dpd-v2-dashboard-card,
html body .dpd-v2-program-card,
html body .dpd-v2-program-card--wide,
html body .dpd-v2-program-visual-card,
html body .dpd-v2-program-visual,
html body .dpd-v2-service-card,
html body .dashboard-head,
html body .mock-panel.is-dark {
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.5) !important;
  box-shadow:
    0 22px 48px rgba(0, 0, 0, 0.13),
    0 0 38px rgba(var(--dpd-selected-glow-rgb), 0.12) !important;
}

html body .dashboard-head-left {
  box-shadow: none !important;
}

html body .dpd-public-header-link.is-active,
html body .dpd-public-header-link:hover,
html body .dpd-public-header-account-toggle.is-active,
html body .dpd-v2-header-shell .dpd-v2-header-link.is-active {
  background: var(--dpd-selected-glow-accent) !important;
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.74) !important;
  color: var(--dpd-selected-glow-ink) !important;
  -webkit-text-fill-color: var(--dpd-selected-glow-ink) !important;
}

html body .dpd-public-header-search,
html body .dpd-public-header-link--utility-bubble,
html body .dpd-v2-header-shell .dpd-v2-header-icon-button,
html body .dpd-v2-header-shell .dpd-public-header-search {
  background: rgba(8, 15, 19, 0.9) !important;
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.58) !important;
  color: var(--dpd-selected-glow-accent) !important;
  -webkit-text-fill-color: var(--dpd-selected-glow-accent) !important;
}

html body .dpd-public-header-link--utility-bubble.is-active,
html body .dpd-public-header-link--utility-bubble:hover,
html body .dpd-v2-header-shell .dpd-v2-header-icon-button:hover,
html body .dpd-v2-header-shell .dpd-v2-header-icon-button.is-active {
  background: var(--dpd-selected-glow-accent) !important;
  color: var(--dpd-selected-glow-ink) !important;
  -webkit-text-fill-color: var(--dpd-selected-glow-ink) !important;
}

html body .dpd-public-header-search svg,
html body .dpd-public-header-link--utility-bubble svg,
html body .dpd-public-header-link--utility-bubble .dpd-public-header-link__icon--art,
html body .dpd-v2-header-shell .dpd-v2-header-icon-button svg,
html body .dpd-public-header-search i,
html body .dpd-public-header-link--utility-bubble i {
  color: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #dpd-account-dropdown .acc-avatar-grid--selector {
  align-items: start !important;
  display: grid !important;
  gap: 7px !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

html body #dpd-account-dropdown .acc-avatar-option {
  align-items: center !important;
  border-radius: 8px !important;
  justify-content: flex-start !important;
  min-height: 62px !important;
  overflow: hidden !important;
  padding: 6px 4px !important;
}

html body #dpd-account-dropdown .acc-avatar-icon,
html body #dpd-account-dropdown .acc-avatar-initials,
html body #dpd-account-dropdown .acc-avatar-icon--image {
  background: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent))) !important;
  border-radius: 999px !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
  height: 30px !important;
  min-height: 30px !important;
  min-width: 30px !important;
  width: 30px !important;
  -webkit-text-fill-color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
}

html body #dpd-account-dropdown .acc-avatar-icon--image {
  isolation: isolate !important;
  position: relative !important;
}

html body #dpd-account-dropdown .acc-avatar-icon--image::before {
  background: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
  content: "" !important;
  display: block !important;
  height: 18px !important;
  left: 50% !important;
  -webkit-mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  position: absolute !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 18px !important;
}

html body #dpd-account-dropdown .acc-avatar-option[data-dpd-avatar-choice="checkered"] .acc-avatar-icon--image::before {
  height: 20px !important;
  width: 20px !important;
}

html body #dpd-account-dropdown .acc-avatar-option[data-dpd-avatar-choice="helmet"] .acc-avatar-icon--image::before {
  height: 18px !important;
  width: 24px !important;
}

html body #dpd-account-dropdown .acc-avatar-option[data-dpd-avatar-choice="tread"] .acc-avatar-icon--image::before {
  height: 22px !important;
  width: 14px !important;
}

html body #dpd-account-dropdown .acc-avatar-icon__img,
html body #header-login .dpd-user-badge__mark-img,
html body .dpd-v2-header-shell [data-dpd-user-badge] .dpd-user-badge__mark-img,
html body .dpd-public-header [data-dpd-user-badge] .dpd-user-badge__mark-img {
  display: none !important;
  opacity: 0 !important;
}

html body #header-login .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image,
html body .dpd-v2-header-shell [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark--image,
html body .dpd-public-header [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark--image,
html body [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark--image {
  background: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
  display: block !important;
  height: 22px !important;
  -webkit-mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  min-height: 22px !important;
  min-width: 22px !important;
  width: 22px !important;
}

html body #dpd-account-dropdown .acc-drop-pic .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image {
  height: 34px !important;
  width: 34px !important;
}

html body #dpd-account-dropdown .acc-avatar-caption {
  color: #fff !important;
  font-family: var(--dpd-account-dropdown-typeface, var(--font-ui, "acumin-pro-semi-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif)) !important;
  font-size: var(--dpd-account-dropdown-caption-size, 9px) !important;
  font-weight: var(--dpd-account-dropdown-caption-weight, 700) !important;
  letter-spacing: 0.04em !important;
  line-height: 1.15 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  -webkit-text-fill-color: #fff !important;
}

html body #dpd-account-dropdown .dpd-account-menu__action {
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

html body #dpd-account-dropdown .dpd-account-menu__action.is-primary,
html body #dpd-account-dropdown .dpd-account-menu__action.is-signout {
  background: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent))) !important;
  border-color: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent))) !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
  -webkit-text-fill-color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
}

html body .dpd-v2-info-summary,
html body .dpd-v2-service-overview__summary-panel,
html body .dpd-v2-section-info-summary,
html body .dpd-v2-info-popover,
html body .dpd-v2-info-popover * {
  line-height: 1.25 !important;
  max-width: min(280px, calc(100vw - 40px)) !important;
  text-align: left !important;
  white-space: normal !important;
}

html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-label,
html[data-dpd-accent="black"] body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-label,
html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-label,
html body[data-dpd-accent="dark"].dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-label,
html body[data-dpd-accent="black"].dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-label,
html body[data-dpd-accent="dark"].dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-label {
  color: #fff200 !important;
  -webkit-text-fill-color: #fff200 !important;
}

html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-icon,
html[data-dpd-accent="black"] body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-icon,
html[data-dpd-accent="dark"] body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-icon,
html body[data-dpd-accent="dark"].dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-icon,
html body[data-dpd-accent="black"].dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-icon,
html body[data-dpd-accent="dark"].dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-icon {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

@media (min-width: 1101px) {
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed.dpd-v2-admin-tools-open,
  html body.dpd-member-surface.dpd-sidebar-collapsed.dpd-v2-admin-tools-open {
    --dpd-v2-app-sidebar: var(--dpd-floating-sidebar-collapsed-width, var(--dpd-v2-sidebar-collapsed-width, 88px)) !important;
  }

  html body.dpd-member-surface.dpd-v2-sidebar-collapsed.dpd-v2-admin-tools-open #dpd-v2-sidebar,
  html body.dpd-member-surface.dpd-sidebar-collapsed.dpd-v2-admin-tools-open #dpd-v2-sidebar,
  html body.dpd-member-surface.dpd-v2-sidebar-collapsed #dpd-v2-sidebar.has-open-nav-accordion,
  html body.dpd-member-surface.dpd-sidebar-collapsed #dpd-v2-sidebar.has-open-nav-accordion {
    max-width: var(--dpd-floating-sidebar-collapsed-width, var(--dpd-v2-sidebar-collapsed-width, 88px)) !important;
    min-width: var(--dpd-floating-sidebar-collapsed-width, var(--dpd-v2-sidebar-collapsed-width, 88px)) !important;
    overflow: visible !important;
    width: var(--dpd-floating-sidebar-collapsed-width, var(--dpd-v2-sidebar-collapsed-width, 88px)) !important;
  }

  html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar,
  html body.dpd-member-surface #dpd-v2-sidebar.has-open-nav-accordion {
    overflow: visible !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar.has-open-nav-accordion .main-content-area-left-nav,
  html body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell.has-open-nav-accordion .main-content-area-left-nav {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    padding-bottom: 0 !important;
    scrollbar-gutter: auto !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu {
    background:
      radial-gradient(circle at 12% 10%, rgba(var(--dpd-selected-glow-rgb), 0.2), transparent 38%),
      rgba(5, 8, 10, 0.98) !important;
    border: 1px solid rgba(var(--dpd-selected-glow-rgb), 0.38) !important;
    border-radius: 10px !important;
    box-shadow:
      0 22px 48px rgba(0, 0, 0, 0.38),
      0 0 34px rgba(var(--dpd-selected-glow-rgb), 0.16) !important;
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    left: var(--dpd-admin-tools-popup-left, calc(var(--dpd-stable-sidebar, 224px) + 40px)) !important;
    margin: 0 !important;
    max-height: none !important;
    max-width: min(680px, calc(100vw - 48px)) !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    padding: 12px !important;
    position: fixed !important;
    top: var(--dpd-admin-tools-popup-top, 180px) !important;
    width: var(--dpd-admin-tools-popup-width, min(680px, calc(100vw - 48px))) !important;
    z-index: 2147483000 !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item > a,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .menu-item > a {
    align-items: center !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-left: 3px solid var(--dpd-selected-glow-accent) !important;
    border-radius: 6px !important;
    color: #f7fafc !important;
    display: flex !important;
    gap: 12px !important;
    justify-content: flex-start !important;
    min-height: 42px !important;
    padding: 10px 12px !important;
    text-align: left !important;
    text-decoration: none !important;
    width: 100% !important;
    -webkit-text-fill-color: #f7fafc !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .dpd-v2-nav-icon,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .dpd-v2-nav-icon {
    color: var(--dpd-selected-glow-accent) !important;
    flex: 0 0 24px !important;
    font-size: 17px !important;
    width: 24px !important;
    -webkit-text-fill-color: var(--dpd-selected-glow-accent) !important;
  }

  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .dpd-v2-nav-label,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .dpd-v2-nav-label {
    color: #f7fafc !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.02em !important;
    line-height: 1.1 !important;
    -webkit-text-fill-color: #f7fafc !important;
  }
}

/* Final pass: keep account badges identical across public and member chrome. */
html body #header-login [data-dpd-user-badge],
html body #header-login .dpd-user-badge,
html body .dpd-public-header [data-dpd-user-badge],
html body .dpd-public-header .dpd-user-badge,
html body .dpd-v2-header-shell [data-dpd-user-badge],
html body .dpd-v2-header-shell .dpd-user-badge,
html body #dpd-account-dropdown .acc-drop-pic [data-dpd-user-badge],
html body #dpd-account-dropdown .acc-drop-pic .dpd-user-badge {
  align-items: center !important;
  aspect-ratio: 1 / 1 !important;
  background: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent))) !important;
  background-image: none !important;
  border: 2px solid rgba(255, 255, 255, 0.92) !important;
  border-radius: 999px !important;
  box-shadow:
    0 0 0 1px rgba(var(--dpd-selected-glow-rgb), 0.35),
    0 14px 28px rgba(var(--dpd-selected-glow-rgb), 0.16) !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink))) !important;
  display: inline-grid !important;
  font-size: 0 !important;
  justify-items: center !important;
  line-height: 1 !important;
  min-height: 44px !important;
  min-width: 44px !important;
  overflow: hidden !important;
  padding: 0 !important;
  place-items: center !important;
  position: relative !important;
  text-align: center !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #header-login [data-dpd-user-badge],
html body #header-login .dpd-user-badge,
html body .dpd-public-header [data-dpd-user-badge],
html body .dpd-public-header .dpd-user-badge,
html body .dpd-v2-header-shell [data-dpd-user-badge],
html body .dpd-v2-header-shell .dpd-user-badge {
  height: 44px !important;
  width: 44px !important;
}

html body #dpd-account-dropdown .acc-drop-pic [data-dpd-user-badge],
html body #dpd-account-dropdown .acc-drop-pic .dpd-user-badge {
  height: 52px !important;
  width: 52px !important;
}

html body [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark,
html body .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark,
html body [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark--image,
html body .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image {
  background: currentColor !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: currentColor !important;
  display: block !important;
  flex: 0 0 auto !important;
  height: 58% !important;
  line-height: 1 !important;
  margin: 0 !important;
  max-height: 34px !important;
  max-width: 34px !important;
  min-height: 20px !important;
  min-width: 20px !important;
  padding: 0 !important;
  -webkit-mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  opacity: 1 !important;
  width: 58% !important;
  -webkit-text-fill-color: currentColor !important;
}

html body [data-dpd-avatar-choice="helmet"] [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark,
html body [data-dpd-avatar-choice="helmet"] .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark,
html body [data-dpd-user-badge][data-dpd-avatar-choice="helmet"].has-mark-avatar .dpd-user-badge__mark,
html body .dpd-user-badge[data-dpd-avatar-choice="helmet"].has-mark-avatar .dpd-user-badge__mark {
  height: 50% !important;
  width: 70% !important;
}

html body [data-dpd-avatar-choice="checkered"] [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark,
html body [data-dpd-avatar-choice="checkered"] .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark,
html body [data-dpd-user-badge][data-dpd-avatar-choice="checkered"].has-mark-avatar .dpd-user-badge__mark,
html body .dpd-user-badge[data-dpd-avatar-choice="checkered"].has-mark-avatar .dpd-user-badge__mark {
  height: 62% !important;
  width: 62% !important;
}

html body [data-dpd-avatar-choice="tread"] [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark,
html body [data-dpd-avatar-choice="tread"] .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark,
html body [data-dpd-user-badge][data-dpd-avatar-choice="tread"].has-mark-avatar .dpd-user-badge__mark,
html body .dpd-user-badge[data-dpd-avatar-choice="tread"].has-mark-avatar .dpd-user-badge__mark {
  height: 66% !important;
  width: 44% !important;
}

html body [data-dpd-user-badge].has-mark-avatar img,
html body .dpd-user-badge.has-mark-avatar img,
html body #dpd-account-dropdown .acc-avatar-icon--image img,
html body #dpd-account-dropdown .acc-avatar-icon__img {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

html body #dpd-account-dropdown .acc-avatar-option {
  gap: 5px !important;
  width: auto !important;
}

html body #dpd-account-dropdown .acc-avatar-icon,
html body #dpd-account-dropdown .acc-avatar-initials,
html body #dpd-account-dropdown .acc-avatar-icon--image {
  align-items: center !important;
  aspect-ratio: 1 / 1 !important;
  box-shadow:
    inset 0 0 0 2px rgba(0, 0, 0, 0.18),
    0 8px 18px rgba(var(--dpd-selected-glow-rgb), 0.18) !important;
  display: inline-grid !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  justify-items: center !important;
  line-height: 1 !important;
  place-items: center !important;
  text-align: center !important;
}

html body #dpd-account-dropdown .acc-avatar-icon--image::before {
  background: currentColor !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #dpd-account-dropdown .acc-avatar-option.is-active .acc-avatar-icon,
html body #dpd-account-dropdown .acc-avatar-option.is-active .acc-avatar-initials,
html body #dpd-account-dropdown .acc-avatar-option.is-active .acc-avatar-icon--image {
  box-shadow:
    inset 0 0 0 2px rgba(0, 0, 0, 0.18),
    0 0 0 1px rgba(var(--dpd-selected-glow-rgb), 0.9),
    0 12px 24px rgba(var(--dpd-selected-glow-rgb), 0.22) !important;
}

html body .dpd-public-header-search svg,
html body .dpd-public-header-search svg *,
html body .dpd-public-header-link--utility-bubble svg,
html body .dpd-public-header-link--utility-bubble .dpd-public-header-link__icon--art,
html body .dpd-public-header-link--utility-bubble svg *,
html body .dpd-v2-header-shell .dpd-v2-header-icon-button svg,
html body .dpd-v2-header-shell .dpd-v2-header-icon-button svg * {
  color: currentColor !important;
  stroke: currentColor !important;
}

html body .dpd-public-header-search .fa,
html body .dpd-public-header-search i,
html body .dpd-public-header-link--utility-bubble .fa,
html body .dpd-public-header-link--utility-bubble i,
html body .dpd-v2-header-shell .dpd-v2-header-icon-button .fa,
html body .dpd-v2-header-shell .dpd-v2-header-icon-button i {
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-dpd-accent="dark"] body .dpd-public-header-link:not(.dpd-public-header-link--utility-bubble):not(.dpd-public-header-account-toggle):not(.dpd-v2-header-jump-link),
html[data-dpd-accent="black"] body .dpd-public-header-link:not(.dpd-public-header-link--utility-bubble):not(.dpd-public-header-account-toggle):not(.dpd-v2-header-jump-link),
html[data-dpd-accent="dark"] body .dpd-public-header-link:not(.dpd-public-header-link--utility-bubble):not(.dpd-public-header-account-toggle):not(.dpd-v2-header-jump-link),
html body[data-dpd-accent="dark"] .dpd-public-header-link:not(.dpd-public-header-link--utility-bubble):not(.dpd-public-header-account-toggle):not(.dpd-v2-header-jump-link),
html body[data-dpd-accent="black"] .dpd-public-header-link:not(.dpd-public-header-link--utility-bubble):not(.dpd-public-header-account-toggle):not(.dpd-v2-header-jump-link),
html body[data-dpd-accent="dark"] .dpd-public-header-link:not(.dpd-public-header-link--utility-bubble):not(.dpd-public-header-account-toggle):not(.dpd-v2-header-jump-link) {
  background: #fff200 !important;
  border-color: rgba(255, 242, 0, 0.82) !important;
  color: #071018 !important;
  -webkit-text-fill-color: #071018 !important;
}

html[data-dpd-accent="dark"] body .dpd-public-header-link--utility-bubble,
html[data-dpd-accent="black"] body .dpd-public-header-link--utility-bubble,
html[data-dpd-accent="dark"] body .dpd-public-header-link--utility-bubble,
html body[data-dpd-accent="dark"] .dpd-public-header-link--utility-bubble,
html body[data-dpd-accent="black"] .dpd-public-header-link--utility-bubble,
html body[data-dpd-accent="dark"] .dpd-public-header-link--utility-bubble {
  background: rgba(8, 15, 19, 0.94) !important;
  border-color: rgba(255, 242, 0, 0.72) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* Dashboard layout builder prototype package. */
html body .dpd-dashboard-builder {
  background: #fff !important;
  border: 1px solid rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.24) !important;
  border-radius: 18px !important;
  box-shadow: 0 22px 42px rgba(8, 15, 19, 0.08) !important;
  color: #111820 !important;
  margin-top: 28px !important;
  padding: 24px !important;
}

html body .dpd-dashboard-builder,
html body .dpd-dashboard-builder * {
  letter-spacing: 0 !important;
}

html body .dpd-dashboard-builder button {
  cursor: pointer !important;
  font-weight: 600 !important;
  text-transform: none !important;
}

html body .dpd-dashboard-builder button:disabled {
  cursor: default !important;
  opacity: 0.54 !important;
}

html body .dpd-dashboard-builder__header {
  align-items: flex-start !important;
  display: flex !important;
  gap: 20px !important;
  justify-content: space-between !important;
}

html body .dpd-dashboard-builder__header h2 {
  color: #111820 !important;
  font-size: clamp(26px, 3vw, 40px) !important;
  line-height: 1.02 !important;
  margin: 8px 0 8px !important;
}

html body .dpd-dashboard-builder__header p,
html body .dpd-dashboard-builder__note,
html body .dpd-dashboard-builder__preview-head p {
  color: #4a5866 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

html body .dpd-dashboard-builder__actions {
  align-items: center !important;
  display: flex !important;
  flex: 0 0 auto !important;
  gap: 10px !important;
  justify-content: flex-end !important;
}

html body .dpd-dashboard-builder .mock-btn.small.dark {
  align-items: center !important;
  background: #101923 !important;
  border: 1px solid rgba(8, 15, 19, 0.12) !important;
  border-radius: 999px !important;
  color: #fff !important;
  display: inline-flex !important;
  font-size: 12px !important;
  min-height: 38px !important;
  padding: 0 16px !important;
  -webkit-text-fill-color: #fff !important;
}

html body .dpd-dashboard-builder .mock-chip {
  align-items: center !important;
  background: rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.16) !important;
  border: 1px solid rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.38) !important;
  border-radius: 999px !important;
  color: #111820 !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  white-space: nowrap !important;
}

html body .dpd-dashboard-builder__rolebar {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 22px 0 18px !important;
}

html body .dpd-dashboard-builder__role {
  background: #f6f8fa !important;
  border: 1px solid rgba(8, 15, 19, 0.12) !important;
  border-radius: 999px !important;
  color: #111820 !important;
  font-size: 13px !important;
  min-height: 38px !important;
  padding: 0 16px !important;
  transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, color 160ms ease !important;
}

html body .dpd-dashboard-builder__role.is-active {
  background: var(--dpd-selected-glow, #fff200) !important;
  border-color: rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.82) !important;
  box-shadow: 0 10px 24px rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.22) !important;
  color: var(--dpd-selected-glow-ink, #071018) !important;
  -webkit-text-fill-color: var(--dpd-selected-glow-ink, #071018) !important;
}

html[data-dpd-accent="black"] body .dpd-dashboard-builder__role.is-active,
html[data-dpd-accent="dark"] body .dpd-dashboard-builder__role.is-active,
html[data-dpd-accent="dark"] body .dpd-dashboard-builder__role.is-active,
html body[data-dpd-accent="black"] .dpd-dashboard-builder__role.is-active,
html body[data-dpd-accent="dark"] .dpd-dashboard-builder__role.is-active,
html body[data-dpd-accent="dark"] .dpd-dashboard-builder__role.is-active {
  background: #fff200 !important;
  border-color: rgba(255, 242, 0, 0.86) !important;
  color: #071018 !important;
  -webkit-text-fill-color: #071018 !important;
}

html body .dpd-dashboard-builder__body {
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: minmax(260px, 0.82fr) minmax(360px, 1.18fr) !important;
}

html body .dpd-dashboard-builder__library,
html body .dpd-dashboard-builder__preview {
  background: #f7fafc !important;
  border: 1px solid rgba(8, 15, 19, 0.08) !important;
  border-radius: 14px !important;
  min-width: 0 !important;
  padding: 14px !important;
}

html body .dpd-dashboard-builder__eyebrow {
  color: #0c1720 !important;
  display: block !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  margin: 0 0 10px !important;
  text-transform: uppercase !important;
}

html body .dpd-dashboard-builder__library-list,
html body .dpd-dashboard-builder__dropzone {
  display: grid !important;
  gap: 10px !important;
}

html body .dpd-dashboard-builder__library-card,
html body .dpd-dashboard-builder__preview-card {
  background: #fff !important;
  border: 1px solid rgba(8, 15, 19, 0.09) !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 22px rgba(8, 15, 19, 0.04) !important;
  min-width: 0 !important;
}

html body .dpd-dashboard-builder__library-card {
  display: grid !important;
  gap: 7px !important;
  grid-template-columns: 1fr auto !important;
  padding: 14px !important;
}

html body .dpd-dashboard-builder__library-card.is-added {
  border-color: rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.34) !important;
}

html body .dpd-dashboard-builder__library-card strong,
html body .dpd-dashboard-builder__preview-card strong {
  color: #111820 !important;
  font-size: 15px !important;
  line-height: 1.18 !important;
}

html body .dpd-dashboard-builder__library-card p,
html body .dpd-dashboard-builder__preview-card p {
  color: #526170 !important;
  font-size: 13px !important;
  grid-column: 1 / -1 !important;
  line-height: 1.42 !important;
  margin: 0 !important;
}

html body .dpd-dashboard-builder__meta {
  color: rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.98) !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

html body .dpd-dashboard-builder__add,
html body .dpd-dashboard-builder__remove,
html body .dpd-dashboard-builder__move {
  align-self: start !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  min-height: 32px !important;
  padding: 0 12px !important;
}

html body .dpd-dashboard-builder__add,
html body .dpd-dashboard-builder__move {
  background: var(--dpd-selected-glow, #fff200) !important;
  border: 1px solid rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.72) !important;
  color: var(--dpd-selected-glow-ink, #071018) !important;
  -webkit-text-fill-color: var(--dpd-selected-glow-ink, #071018) !important;
}

html body .dpd-dashboard-builder__remove {
  background: #fff !important;
  border: 1px solid rgba(8, 15, 19, 0.16) !important;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
}

html[data-dpd-accent="black"] body .dpd-dashboard-builder__add,
html[data-dpd-accent="dark"] body .dpd-dashboard-builder__add,
html[data-dpd-accent="dark"] body .dpd-dashboard-builder__add,
html[data-dpd-accent="black"] body .dpd-dashboard-builder__move,
html[data-dpd-accent="dark"] body .dpd-dashboard-builder__move,
html[data-dpd-accent="dark"] body .dpd-dashboard-builder__move,
html body[data-dpd-accent="black"] .dpd-dashboard-builder__add,
html body[data-dpd-accent="dark"] .dpd-dashboard-builder__add,
html body[data-dpd-accent="dark"] .dpd-dashboard-builder__add,
html body[data-dpd-accent="black"] .dpd-dashboard-builder__move,
html body[data-dpd-accent="dark"] .dpd-dashboard-builder__move,
html body[data-dpd-accent="dark"] .dpd-dashboard-builder__move {
  background: #fff200 !important;
  border-color: rgba(255, 242, 0, 0.86) !important;
  color: #071018 !important;
  -webkit-text-fill-color: #071018 !important;
}

html body .dpd-dashboard-builder__preview-head {
  align-items: baseline !important;
  display: flex !important;
  gap: 12px !important;
  justify-content: space-between !important;
  margin-bottom: 10px !important;
}

html body .dpd-dashboard-builder__dropzone {
  min-height: 156px !important;
}

html body .dpd-dashboard-builder__preview-card {
  align-items: center !important;
  cursor: grab !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: auto auto minmax(0, 1fr) auto !important;
  padding: 12px !important;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease !important;
}

html body .dpd-dashboard-builder__preview-card:active {
  cursor: grabbing !important;
}

html body .dpd-dashboard-builder__preview-card.is-dragging {
  border-color: rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.72) !important;
  box-shadow: 0 16px 30px rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.18) !important;
  opacity: 0.78 !important;
  transform: scale(0.99) !important;
}

html body .dpd-dashboard-builder__handle {
  align-items: center !important;
  background: #101923 !important;
  border-radius: 999px !important;
  color: #fff !important;
  display: inline-flex !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 0 10px !important;
}

html body .dpd-dashboard-builder__order {
  align-items: center !important;
  background: rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.14) !important;
  border: 1px solid rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.34) !important;
  border-radius: 10px !important;
  color: #111820 !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  height: 36px !important;
  justify-content: center !important;
  width: 42px !important;
}

html body .dpd-dashboard-builder__preview-content {
  min-width: 0 !important;
}

html body .dpd-dashboard-builder__preview-content .dpd-dashboard-builder__meta {
  margin-bottom: 3px !important;
}

html body .dpd-dashboard-builder__preview-actions {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  justify-content: flex-end !important;
}

html body .dpd-dashboard-builder__empty {
  align-items: center !important;
  background: rgba(8, 15, 19, 0.04) !important;
  border: 1px dashed rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.42) !important;
  border-radius: 14px !important;
  color: #526170 !important;
  display: flex !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  min-height: 126px !important;
  padding: 18px !important;
}

html body .dpd-dashboard-builder__note {
  background: rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.08) !important;
  border: 1px solid rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.18) !important;
  border-radius: 12px !important;
  margin-top: 14px !important;
  padding: 10px 12px !important;
}

@media (max-width: 980px) {
  html body .dpd-dashboard-builder {
    padding: 18px !important;
  }

  html body .dpd-dashboard-builder__header,
  html body .dpd-dashboard-builder__preview-head {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  html body .dpd-dashboard-builder__body {
    grid-template-columns: 1fr !important;
  }

  html body .dpd-dashboard-builder__actions {
    justify-content: flex-start !important;
  }
}

@media (max-width: 640px) {
  html body .dpd-dashboard-builder__preview-card {
    align-items: start !important;
    grid-template-columns: auto 1fr !important;
  }

  html body .dpd-dashboard-builder__preview-card .dpd-dashboard-builder__order,
  html body .dpd-dashboard-builder__preview-card .dpd-dashboard-builder__preview-actions {
    justify-self: start !important;
  }

  html body .dpd-dashboard-builder__preview-content,
  html body .dpd-dashboard-builder__preview-card .dpd-dashboard-builder__preview-actions {
    grid-column: 1 / -1 !important;
  }
}

/* DPD 2.0 QA package: shared info dots, avatars, mobile nav, admin tools grid, and hero imagery. */
html {
  --dpd-accent-orange: #FF6600;
}

html[data-dpd-accent="orange"],
body[data-dpd-accent="orange"] {
  --dpd-selected-glow: #FF6600 !important;
  --dpd-selected-glow-rgb: 255, 102, 0 !important;
  --dpd-selected-glow-ink: #101820 !important;
  --dpd-portal-accent: #FF6600 !important;
  --dpd-portal-accent-rgb: 255, 102, 0 !important;
  --dpd-user-accent: #FF6600 !important;
  --dpd-user-accent-rgb: 255, 102, 0 !important;
}

html body .rewards-portal-main-con {
  background-image:
    linear-gradient(90deg, rgba(7, 16, 18, 0.98) 0%, rgba(7, 16, 18, 0.88) 42%, rgba(7, 16, 18, 0.48) 100%),
    url("images/dashboard-header-bg.webp") !important;
  background-position: center right !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

html body .video-header-content.mock-static-bg[style*="dashboard-video-poster"],
html body .video-header-content[style*="dashboard-video-poster"],
html body .dashboard-head[style*="dashboard-video-poster"],
html body .dpd-v2-hero-motion[style*="dashboard-video-poster"],
html body .dpd-v2-global-hero[style*="dashboard-video-poster"] {
  background-image:
    radial-gradient(circle at 78% 24%, rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.18), transparent 34%),
    linear-gradient(110deg, rgba(7, 16, 18, 0.98), rgba(7, 16, 18, 0.9) 50%, rgba(7, 16, 18, 0.72)),
    url("images/dashboard-header-bg.webp") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

html body .dpd-v2-info-managed {
  contain: none !important;
  overflow: visible !important;
  position: relative !important;
}

html body .dpd-v2-info-managed.is-info-open,
html body .dpd-v2-info-managed.is-info-hover,
html body .dpd-v2-info-managed:focus-within {
  z-index: 9994 !important;
}

html body .dpd-v2-info-summary,
html body .dpd-v2-info-summary--tooltip,
html body .dpd-v2-info-summary--fallback,
html body .dpd-v2-section-info-summary {
  background: #101820 !important;
  border: 1px solid rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.5) !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 38px rgba(5, 12, 18, 0.28), 0 0 20px rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.18) !important;
  box-sizing: border-box !important;
  color: #ffffff !important;
  display: block !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  left: auto !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  max-height: min(260px, calc(100vh - 72px)) !important;
  max-width: min(340px, calc(100vw - 40px)) !important;
  min-width: min(260px, calc(100vw - 40px)) !important;
  opacity: 0 !important;
  overflow: auto !important;
  padding: 10px 12px !important;
  pointer-events: none !important;
  position: absolute !important;
  right: 0 !important;
  text-align: left !important;
  text-transform: none !important;
  top: calc(100% + 10px) !important;
  transform: translateY(-4px) !important;
  transition: opacity .16s ease, transform .16s ease, visibility .16s ease !important;
  visibility: hidden !important;
  white-space: normal !important;
  width: max-content !important;
  z-index: 9995 !important;
}

html body .dpd-v2-info-summary::before,
html body .dpd-v2-info-summary::after {
  content: none !important;
  display: none !important;
}

html body .dpd-v2-info-managed.is-info-open > .dpd-v2-info-summary,
html body .dpd-v2-info-managed.is-info-hover > .dpd-v2-info-summary,
html body .dpd-v2-info-managed:hover > .dpd-v2-info-summary,
html body .dpd-v2-info-managed:focus-within > .dpd-v2-info-summary {
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !important;
}

html body .dpd-v2-info-summary p,
html body .dpd-v2-info-summary span,
html body .dpd-v2-info-summary strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body #header-login .dpd-public-header-account-toggle,
html body #header-login .dpd-public-header-account-chip,
html body .dpd-public-header .dpd-public-header-account-toggle,
html body .dpd-v2-header-shell .dpd-public-header-account-toggle {
  align-items: center !important;
  gap: 10px !important;
  min-height: var(--dpd-public-header-account-control-height, 50px) !important;
}

html body #header-login [data-dpd-user-badge],
html body #header-login .dpd-user-badge,
html body .dpd-public-header [data-dpd-user-badge],
html body .dpd-public-header .dpd-user-badge,
html body .dpd-v2-header-shell [data-dpd-user-badge],
html body .dpd-v2-header-shell .dpd-user-badge {
  align-items: center !important;
  background: var(--dpd-user-accent, var(--dpd-selected-glow, #fff200)) !important;
  border: 2px solid rgba(255, 255, 255, 0.86) !important;
  border-radius: 999px !important;
  display: inline-grid !important;
  flex: 0 0 44px !important;
  height: 44px !important;
  justify-items: center !important;
  margin: 0 !important;
  min-height: 44px !important;
  min-width: 44px !important;
  overflow: hidden !important;
  place-items: center !important;
  width: 44px !important;
}

html body .dpd-user-badge__mark,
html body .acc-avatar-icon,
html body .acc-avatar-initials {
  align-items: center !important;
  display: inline-grid !important;
  justify-items: center !important;
  place-items: center !important;
}

html body .dpd-user-badge__mark-img,
html body .acc-avatar-icon__img,
html body .acc-avatar-icon img,
html body .acc-avatar-icon svg,
html body .dpd-user-badge svg {
  display: block !important;
  height: 72% !important;
  max-height: 72% !important;
  max-width: 72% !important;
  object-fit: contain !important;
  overflow: visible !important;
  width: 72% !important;
}

html body #dpd-account-dropdown .acc-dropdown-tab {
  align-items: center !important;
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
}

html body #dpd-account-dropdown .acc-drop-pic,
html body #dpd-account-dropdown .acc-drop-pic [data-dpd-user-badge],
html body #dpd-account-dropdown .acc-drop-pic .dpd-user-badge {
  flex: 0 0 58px !important;
  height: 58px !important;
  min-height: 58px !important;
  min-width: 58px !important;
  width: 58px !important;
}

html body #dpd-account-dropdown .acc-avatar-grid--selector {
  align-items: start !important;
  display: grid !important;
  gap: 7px !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

html body #dpd-account-dropdown .acc-avatar-option {
  align-content: center !important;
  display: grid !important;
  justify-items: center !important;
  min-height: 62px !important;
  padding: 6px 4px !important;
}

html body #dpd-account-dropdown .acc-avatar-option .acc-avatar-icon,
html body #dpd-account-dropdown .acc-avatar-option .acc-avatar-initials,
html body #dpd-account-dropdown .acc-avatar-option .acc-avatar-icon--image {
  height: 30px !important;
  min-height: 30px !important;
  min-width: 30px !important;
  width: 30px !important;
}

html body #dpd-account-dropdown .acc-avatar-option .acc-avatar-caption {
  font-family: var(--dpd-account-dropdown-typeface, var(--font-ui, "acumin-pro-semi-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif)) !important;
  font-size: var(--dpd-account-dropdown-caption-size, 9px) !important;
  font-weight: var(--dpd-account-dropdown-caption-weight, 700) !important;
  letter-spacing: 0.04em !important;
  line-height: 1.15 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body #dpd-account-dropdown .dpd-account-menu__action,
html body #dpd-account-dropdown .dpd-account-menu__action span {
  font-weight: 600 !important;
  letter-spacing: .08em !important;
}

html body .dpd-v2-header-shell .dpd-public-header-utility,
html body .dpd-v2-header-shell .dpd-public-header-search,
html body .dpd-v2-header-shell .dpd-public-header-icon-button {
  align-items: center !important;
  display: inline-grid !important;
  justify-items: center !important;
  place-items: center !important;
}

html body .dpd-v2-header-shell .dpd-public-header-utility i,
html body .dpd-v2-header-shell .dpd-public-header-search i,
html body .dpd-v2-header-shell .dpd-public-header-icon-button i,
html body .dpd-v2-header-shell .dpd-public-header-utility svg,
html body .dpd-v2-header-shell .dpd-public-header-search svg,
html body .dpd-v2-header-shell .dpd-public-header-icon-button svg {
  color: currentColor !important;
  fill: none !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html body .dpd-v2-section-label,
html body .dpd-v2-program-chip,
html body .mock-panel__eyebrow,
html body .dpd-v2-info-dot,
html body .dpd-v2-service-info-dot {
  color: var(--dpd-selected-glow-ink, #101820) !important;
  -webkit-text-fill-color: var(--dpd-selected-glow-ink, #101820) !important;
}

html body .dpd-v2-section-label,
html body .dpd-v2-program-chip,
html body .mock-panel__eyebrow {
  background: var(--dpd-selected-glow, #fff200) !important;
  border-color: rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.55) !important;
}

html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar,
html body.dpd-member-surface.dpd-sidebar-collapsed.dpd-v2-admin-tools-open #dpd-v2-sidebar,
html body.dpd-member-surface.dpd-v2-sidebar-collapsed.dpd-v2-admin-tools-open #dpd-v2-sidebar,
html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell,
html body.dpd-member-surface.dpd-sidebar-collapsed.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell,
html body.dpd-member-surface.dpd-v2-sidebar-collapsed.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell {
  max-height: calc(100dvh - var(--dpd-stable-adminbar, 0px) - var(--dpd-stable-header-top, 12px) - var(--dpd-stable-header-height, 82px) - 34px) !important;
  overflow: hidden !important;
}

html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .main-content-area-left-nav,
html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell .main-content-area-left-nav {
  height: 100% !important;
  max-height: inherit !important;
  overflow: hidden !important;
  padding-bottom: 0 !important;
}

html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open > .menu,
html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open > .menu {
  align-items: stretch !important;
  background: #101820 !important;
  border: 1px solid rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.4) !important;
  border-radius: 14px !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.34), 0 0 34px rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.14) !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(2, minmax(180px, 1fr)) !important;
  left: var(--dpd-admin-tools-popup-left, calc(var(--dpd-stable-sidebar, 224px) + 40px)) !important;
  margin: 0 !important;
  max-height: none !important;
  max-width: min(680px, calc(100vw - 48px)) !important;
  min-width: 0 !important;
  overflow: visible !important;
  padding: 14px !important;
  position: fixed !important;
  right: auto !important;
  top: var(--dpd-admin-tools-popup-top, 180px) !important;
  transform: none !important;
  width: var(--dpd-admin-tools-popup-width, min(680px, calc(100vw - 48px))) !important;
  z-index: 2147483000 !important;
}

html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open > .menu .menu-item > a,
html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open > .menu .menu-item > a {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  display: flex !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  gap: 10px !important;
  justify-content: flex-start !important;
  letter-spacing: .04em !important;
  min-height: 42px !important;
  padding: 10px 12px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  width: 100% !important;
}

html body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open > .menu .menu-item > a:hover,
html body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open > .menu .menu-item > a:hover {
  background: rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.14) !important;
  border-color: rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.42) !important;
}

html body.dpd-member-surface.dpd-v2-sidebar-collapsed #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open > .menu,
html body.dpd-member-surface.dpd-sidebar-collapsed #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open > .menu,
html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open > .menu,
html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open > .menu {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  max-height: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  pointer-events: none !important;
  position: static !important;
  visibility: hidden !important;
}

html[data-dpd-accent="black"] body .dpd-v2-header-shell .dpd-public-header-link:not(.dpd-v2-header-jump-link),
html[data-dpd-accent="dark"] body .dpd-v2-header-shell .dpd-public-header-link:not(.dpd-v2-header-jump-link),
html[data-dpd-accent="dark"] body .dpd-v2-header-shell .dpd-public-header-link:not(.dpd-v2-header-jump-link),
body[data-dpd-accent="black"] .dpd-v2-header-shell .dpd-public-header-link:not(.dpd-v2-header-jump-link),
body[data-dpd-accent="dark"] .dpd-v2-header-shell .dpd-public-header-link:not(.dpd-v2-header-jump-link),
body[data-dpd-accent="dark"] .dpd-v2-header-shell .dpd-public-header-link:not(.dpd-v2-header-jump-link) {
  background: #fff200 !important;
  border-color: rgba(255, 242, 0, 0.86) !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html[data-dpd-accent="black"] body .dpd-v2-nav-icon,
html[data-dpd-accent="black"] body .dpd-v2-header-shell .fa,
body[data-dpd-accent="black"] .dpd-v2-nav-icon,
body[data-dpd-accent="black"] .dpd-v2-header-shell .fa {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

@media (max-width: 1100px) {
  html body #header-login-mobile.dpd-v2-mobile-header-shell {
    align-items: center !important;
    background: linear-gradient(135deg, #101820 0%, #071018 100%) !important;
    border: 1px solid rgba(255, 242, 0, .28) !important;
    border-radius: 22px !important;
    box-shadow: 0 18px 34px rgba(7, 16, 24, .2) !important;
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: 54px minmax(0, 1fr) 50px !important;
    min-height: var(--dpd-v2-app-header-height, 76px) !important;
    padding: 8px 10px !important;
    position: relative !important;
    width: 100% !important;
    z-index: 1200 !important;
  }

  html body #header-login-mobile .dpd-v2-mobile-header-shell__brand {
    align-items: center !important;
    background: #fff200 !important;
    border-radius: 16px !important;
    display: grid !important;
    height: 52px !important;
    margin: 0 !important;
    place-items: center !important;
    width: 52px !important;
  }

  html body #header-login-mobile .dpd-v2-mobile-header-shell__brand a {
    align-items: center !important;
    display: grid !important;
    height: 52px !important;
    place-items: center !important;
    width: 52px !important;
  }

  html body #header-login-mobile .dpd-v2-mobile-header-shell__brand img {
    height: auto !important;
    max-height: 38px !important;
    max-width: 38px !important;
    object-fit: contain !important;
    width: auto !important;
  }

  html body #header-login-mobile .dpd-v2-mobile-header-shell__title {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    line-height: 1.15 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-align: left !important;
    text-overflow: ellipsis !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  html body #header-login-mobile .dpd-v2-mobile-nav {
    align-items: center !important;
    display: flex !important;
    justify-content: flex-end !important;
    margin-left: auto !important;
    min-width: 50px !important;
  }

  html body #header-login-mobile .dpd-v2-nav-toggle--mobile {
    align-items: center !important;
    background: #fff200 !important;
    border: 1px solid rgba(255, 242, 0, .9) !important;
    border-radius: 16px !important;
    display: grid !important;
    height: 48px !important;
    justify-content: center !important;
    place-items: center !important;
    width: 48px !important;
  }

  html body #header-login-mobile .dpd-v2-nav-toggle-bars span {
    background: #101820 !important;
  }
}

@media (max-width: 700px) {
  html body #dpd-account-dropdown .acc-avatar-grid--selector {
    grid-template-columns: repeat(3, minmax(58px, 1fr)) !important;
  }

  html body #dpd-account-dropdown .acc-dropdown-tab {
    grid-template-columns: 54px minmax(0, 1fr) !important;
  }
}

/* DPD role-aware dashboard edit mode prototype - 2026-06-25 */
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-edit-bar {
  align-items: center !important;
  display: flex !important;
  gap: 18px !important;
  justify-content: space-between !important;
  padding: 18px 22px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-edit-bar__copy {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-edit-bar__copy strong {
  color: #101820 !important;
  display: block !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
  text-transform: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-edit-bar__copy p {
  color: #56616b !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  max-width: 720px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-edit-bar__actions {
  align-items: center !important;
  display: flex !important;
  flex: 0 0 auto !important;
  gap: 10px !important;
  justify-content: flex-end !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-edit-bar.is-editing {
  border-color: rgba(255, 242, 0, .72) !important;
  box-shadow: 0 16px 38px rgba(255, 242, 0, .16) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-builder--editor-panel {
  margin-bottom: 16px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-builder--editor-panel[hidden] {
  display: none !important;
}

html body.dpd-member-surface.dpd-dashboard-edit-mode #sub-page-main-content-wrapper .dpd-dashboard-editable-widget {
  outline: 2px dashed rgba(255, 242, 0, .72) !important;
  outline-offset: 5px !important;
  position: relative !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-inline-tool {
  align-items: center !important;
  background: #101820 !important;
  border: 1px solid rgba(255, 242, 0, .35) !important;
  border-radius: 8px !important;
  box-shadow: 0 12px 30px rgba(8, 14, 21, .2) !important;
  display: none !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  max-width: calc(100% - 24px) !important;
  margin: 14px 0 0 auto !important;
  padding: 6px !important;
  position: relative !important;
  z-index: 25 !important;
}

html body.dpd-member-surface.dpd-dashboard-edit-mode #sub-page-main-content-wrapper .dpd-dashboard-inline-tool {
  display: inline-flex !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card .dpd-dashboard-inline-tool {
  background: rgba(8, 14, 21, .86) !important;
  margin-top: 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-inline-tool__label {
  color: #fff200 !important;
  display: inline-block !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  max-width: 180px !important;
  overflow: hidden !important;
  padding: 0 8px !important;
  text-overflow: ellipsis !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-inline-tool__button:disabled {
  cursor: not-allowed !important;
  opacity: .46 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-inline-tool__button {
  align-items: center !important;
  background: #fff !important;
  border: 1px solid rgba(16, 24, 32, .14) !important;
  border-radius: 999px !important;
  color: #101820 !important;
  display: inline-flex !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  min-height: 26px !important;
  padding: 0 10px !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-inline-tool__button:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-inline-tool__button:focus-visible {
  background: #fff200 !important;
  border-color: #fff200 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .is-dpd-dashboard-featured {
  border-color: rgba(255, 242, 0, .78) !important;
  box-shadow: 0 18px 42px rgba(255, 242, 0, .16), 0 10px 28px rgba(8, 14, 21, .08) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper [data-dpd-dashboard-read-mode="compact"] .dpd-v2-section-deck,
html body.dpd-member-surface #sub-page-main-content-wrapper [data-dpd-dashboard-read-mode="compact"] .dpd-dashboard-builder__note,
html body.dpd-member-surface #sub-page-main-content-wrapper [data-dpd-dashboard-read-mode="compact"] .mock-list {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper [data-dpd-dashboard-read-mode="detail"] {
  outline-color: rgba(36, 211, 185, .72) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-widget-stage {
  display: contents !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-addback-panel {
  align-items: center !important;
  background: #f7fafb !important;
  border: 1px dashed rgba(255, 242, 0, .72) !important;
  border-radius: 8px !important;
  display: none !important;
  gap: 12px !important;
  justify-content: space-between !important;
  margin-top: 12px !important;
  padding: 14px 16px !important;
}

html body.dpd-member-surface.dpd-dashboard-edit-mode #sub-page-main-content-wrapper .dpd-dashboard-addback-panel {
  display: flex !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-addback-panel__label {
  color: #101820 !important;
  flex: 0 0 auto !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-addback-panel__actions {
  align-items: center !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
}

@media (max-width: 900px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-edit-bar {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-edit-bar__actions {
    justify-content: flex-start !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-inline-tool {
    align-items: flex-start !important;
    border-radius: 12px !important;
    flex-wrap: wrap !important;
    margin-left: 0 !important;
    max-width: calc(100% - 20px) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-addback-panel {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-addback-panel__actions {
    justify-content: flex-start !important;
  }
}

/* Dashboard editor completion: visible active state plus nested element controls. */
html body.dpd-member-surface.dpd-dashboard-edit-mode #sub-page-main-content-wrapper {
  --dpd-dashboard-edit-accent: #ff6b2d;
  --dpd-dashboard-edit-accent-rgb: 255, 107, 45;
  --dpd-dashboard-edit-ink: #101820;
  --dpd-dashboard-edit-soft: rgba(255, 107, 45, .12);
  --dpd-dashboard-edit-border: rgba(255, 107, 45, .62);
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-edit-bar.is-editing {
  background:
    linear-gradient(90deg, rgba(var(--dpd-dashboard-edit-accent-rgb, 255, 107, 45), .16), rgba(255, 255, 255, .96) 58%) !important;
  border-color: var(--dpd-dashboard-edit-accent, #ff6b2d) !important;
  box-shadow:
    0 0 0 2px rgba(var(--dpd-dashboard-edit-accent-rgb, 255, 107, 45), .14),
    0 18px 44px rgba(var(--dpd-dashboard-edit-accent-rgb, 255, 107, 45), .18) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-edit-bar.is-editing .dpd-v2-card-kicker,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-edit-bar.is-editing [data-dpd-dashboard-edit-scope-label] {
  background: var(--dpd-dashboard-edit-accent, #ff6b2d) !important;
  border-color: var(--dpd-dashboard-edit-accent, #ff6b2d) !important;
  color: #ffffff !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-edit-bar.is-editing [data-dpd-dashboard-save] {
  background: var(--dpd-dashboard-edit-accent, #ff6b2d) !important;
  border-color: var(--dpd-dashboard-edit-accent, #ff6b2d) !important;
  color: #ffffff !important;
}

html body.dpd-member-surface.dpd-dashboard-edit-mode #sub-page-main-content-wrapper .dpd-dashboard-editable-widget {
  background:
    linear-gradient(180deg, rgba(var(--dpd-dashboard-edit-accent-rgb, 255, 107, 45), .06), rgba(255, 255, 255, .96) 170px) !important;
  border-color: var(--dpd-dashboard-edit-border, rgba(255, 107, 45, .62)) !important;
  box-shadow:
    inset 0 4px 0 rgba(var(--dpd-dashboard-edit-accent-rgb, 255, 107, 45), .68),
    0 16px 36px rgba(8, 14, 21, .08) !important;
  outline: 2px solid rgba(var(--dpd-dashboard-edit-accent-rgb, 255, 107, 45), .58) !important;
  outline-offset: 6px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-inline-tool {
  background:
    linear-gradient(135deg, var(--dpd-dashboard-edit-accent, #ff6b2d), #101820 72%) !important;
  border-color: rgba(var(--dpd-dashboard-edit-accent-rgb, 255, 107, 45), .78) !important;
  box-shadow:
    0 14px 30px rgba(8, 14, 21, .24),
    0 0 0 2px rgba(var(--dpd-dashboard-edit-accent-rgb, 255, 107, 45), .16) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-inline-tool__label {
  color: #ffffff !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-inline-tool__button:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-inline-tool__button:focus-visible {
  background: var(--dpd-dashboard-edit-accent, #ff6b2d) !important;
  border-color: var(--dpd-dashboard-edit-accent, #ff6b2d) !important;
  color: #ffffff !important;
  outline: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-editable-block {
  position: relative !important;
}

html body.dpd-member-surface.dpd-dashboard-edit-mode #sub-page-main-content-wrapper .dpd-dashboard-editable-block:not([hidden]) {
  outline: 1px solid rgba(var(--dpd-dashboard-edit-accent-rgb, 255, 107, 45), .36) !important;
  outline-offset: 3px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-block-tool {
  align-items: center !important;
  background: #fff7ed !important;
  border: 1px solid rgba(255, 107, 45, .48) !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 22px rgba(8, 14, 21, .12) !important;
  display: none !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 12px 0 0 !important;
  max-width: 100% !important;
  padding: 7px !important;
  position: relative !important;
  z-index: 20 !important;
}

html body.dpd-member-surface.dpd-dashboard-edit-mode #sub-page-main-content-wrapper .dpd-dashboard-block-tool {
  display: flex !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-block-tool__label {
  color: #101820 !important;
  display: inline-block !important;
  flex: 1 1 150px !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  max-width: 220px !important;
  min-width: 120px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-block-tool .dpd-dashboard-inline-tool__button {
  background: #ffffff !important;
  border-color: rgba(255, 107, 45, .42) !important;
  color: #101820 !important;
  min-height: 24px !important;
  padding: 0 9px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-block-tool .dpd-dashboard-inline-tool__button[data-dpd-dashboard-inline-action="block-feature"],
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-block-tool .dpd-dashboard-inline-tool__button[data-dpd-dashboard-inline-action="block-read-mode"] {
  min-width: 64px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .is-dpd-dashboard-featured-block:not([hidden]) {
  border-color: rgba(255, 107, 45, .82) !important;
  box-shadow:
    0 0 0 2px rgba(255, 107, 45, .18),
    0 18px 38px rgba(255, 107, 45, .16),
    0 10px 28px rgba(8, 14, 21, .08) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper [data-dpd-dashboard-block-read-mode="compact"] p:not(.dpd-v2-card-kicker),
html body.dpd-member-surface #sub-page-main-content-wrapper [data-dpd-dashboard-block-read-mode="compact"] .mock-list,
html body.dpd-member-surface #sub-page-main-content-wrapper [data-dpd-dashboard-block-read-mode="compact"] .dpd-v2-program-empty,
html body.dpd-member-surface #sub-page-main-content-wrapper [data-dpd-dashboard-block-read-mode="compact"] .dpd-v2-info-summary,
html body.dpd-member-surface #sub-page-main-content-wrapper [data-dpd-dashboard-block-read-mode="compact"] .dpd-v2-pending-rebates {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper [data-dpd-dashboard-block-read-mode="detail"]:not([hidden]) {
  outline-color: rgba(36, 211, 185, .72) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-block-addback-panel {
  align-items: center !important;
  background: #fff7ed !important;
  border: 1px dashed rgba(255, 107, 45, .62) !important;
  border-radius: 8px !important;
  display: none !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  justify-content: space-between !important;
  margin-top: 14px !important;
  padding: 12px 14px !important;
  width: 100% !important;
}

html body.dpd-member-surface.dpd-dashboard-edit-mode #sub-page-main-content-wrapper .dpd-dashboard-block-addback-panel {
  display: flex !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-block-addback-panel__label {
  color: #101820 !important;
  flex: 0 0 auto !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-block-addback-panel__actions {
  align-items: center !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-addback-panel {
  background: #fff7ed !important;
  border-color: rgba(255, 107, 45, .62) !important;
}

@media (min-width: 901px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card.is-dpd-dashboard-featured-block,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-instrument-card.is-dpd-dashboard-featured-block,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-element.is-dpd-dashboard-featured-block,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-status-card.is-dpd-dashboard-featured-block,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-utility-card.is-dpd-dashboard-featured-block,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-admin-health-card.is-dpd-dashboard-featured-block,
  html body.dpd-member-surface #sub-page-main-content-wrapper .mock-panel.is-dpd-dashboard-featured-block {
    grid-column: span 2 !important;
  }
}

@media (max-width: 900px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-block-tool,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-block-addback-panel {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-block-tool__label,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-block-addback-panel__actions {
    justify-content: flex-start !important;
    max-width: none !important;
    width: 100% !important;
  }
}

/* Final account avatar render lock - 2026-06-25.
   The dropdown is moved to <body>, so keep the trigger, panel, and picker
   scoped independently from earlier header-nested overrides. */
html body #header-login .dpd-public-header-account-toggle [data-dpd-user-badge],
html body #header-login .dpd-public-header-account-toggle .dpd-user-badge,
html body .dpd-public-header .dpd-public-header-account-toggle [data-dpd-user-badge],
html body .dpd-public-header .dpd-public-header-account-toggle .dpd-user-badge,
html body .dpd-v2-header-shell .dpd-public-header-account-toggle [data-dpd-user-badge],
html body .dpd-v2-header-shell .dpd-public-header-account-toggle .dpd-user-badge {
  --dpd-account-badge-size: 50px;
  --dpd-account-mark-size: 31px;
  align-items: center !important;
  background: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, #fff200))) !important;
  border: 2px solid rgba(255, 255, 255, .9) !important;
  border-radius: 999px !important;
  box-shadow:
    0 0 0 1px rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), .38),
    0 12px 26px rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), .18) !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, #101820))) !important;
  display: inline-grid !important;
  flex: 0 0 var(--dpd-account-badge-size) !important;
  height: var(--dpd-account-badge-size) !important;
  justify-items: center !important;
  line-height: 1 !important;
  min-height: var(--dpd-account-badge-size) !important;
  min-width: var(--dpd-account-badge-size) !important;
  overflow: hidden !important;
  padding: 0 !important;
  place-items: center !important;
  position: relative !important;
  width: var(--dpd-account-badge-size) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #dpd-account-dropdown .acc-drop-pic [data-dpd-user-badge],
html body #dpd-account-dropdown .acc-drop-pic .dpd-user-badge {
  --dpd-account-badge-size: 58px;
  --dpd-account-mark-size: 38px;
  align-items: center !important;
  background: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, #fff200))) !important;
  border: 2px solid rgba(255, 255, 255, .9) !important;
  border-radius: 999px !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, #101820))) !important;
  display: inline-grid !important;
  flex: 0 0 var(--dpd-account-badge-size) !important;
  height: var(--dpd-account-badge-size) !important;
  justify-items: center !important;
  min-height: var(--dpd-account-badge-size) !important;
  min-width: var(--dpd-account-badge-size) !important;
  overflow: hidden !important;
  padding: 0 !important;
  place-items: center !important;
  width: var(--dpd-account-badge-size) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body .dpd-public-header-account-toggle [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark,
html body .dpd-public-header-account-toggle .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark,
html body #dpd-account-dropdown .acc-drop-pic [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark,
html body #dpd-account-dropdown .acc-drop-pic .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark,
html body .dpd-public-header-account-toggle [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark--image,
html body .dpd-public-header-account-toggle .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image,
html body #dpd-account-dropdown .acc-drop-pic [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark--image,
html body #dpd-account-dropdown .acc-drop-pic .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image {
  background: currentColor !important;
  background-color: currentColor !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: currentColor !important;
  display: block !important;
  flex: 0 0 var(--dpd-account-mark-size) !important;
  height: var(--dpd-account-mark-size) !important;
  line-height: 1 !important;
  margin: auto !important;
  max-height: var(--dpd-account-mark-size) !important;
  max-width: var(--dpd-account-mark-size) !important;
  min-height: 0 !important;
  min-width: 0 !important;
  opacity: 1 !important;
  padding: 0 !important;
  width: var(--dpd-account-mark-size) !important;
  -webkit-mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  -webkit-text-fill-color: currentColor !important;
}

html body .dpd-user-badge[data-dpd-avatar-choice="helmet"].has-mark-avatar {
  --dpd-account-mark-size: 34px;
}

html body #dpd-account-dropdown .acc-drop-pic .dpd-user-badge[data-dpd-avatar-choice="helmet"].has-mark-avatar {
  --dpd-account-mark-size: 42px;
}

html body .dpd-public-header-account-toggle [data-dpd-user-badge].has-mark-avatar img,
html body .dpd-public-header-account-toggle .dpd-user-badge.has-mark-avatar img,
html body #dpd-account-dropdown .acc-drop-pic [data-dpd-user-badge].has-mark-avatar img,
html body #dpd-account-dropdown .acc-drop-pic .dpd-user-badge.has-mark-avatar img {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

html body #dpd-account-dropdown .acc-avatar-option .acc-avatar-icon,
html body #dpd-account-dropdown .acc-avatar-option .acc-avatar-initials,
html body #dpd-account-dropdown .acc-avatar-option .acc-avatar-icon--image {
  background: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, #fff200))) !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, #101820))) !important;
  height: 36px !important;
  min-height: 36px !important;
  min-width: 36px !important;
  width: 36px !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #dpd-account-dropdown .acc-avatar-option .acc-avatar-icon--image::before {
  background: currentColor !important;
  color: currentColor !important;
  content: "" !important;
  display: block !important;
  height: 24px !important;
  max-height: 24px !important;
  max-width: 24px !important;
  width: 24px !important;
  -webkit-mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #dpd-account-dropdown .acc-avatar-option[data-dpd-avatar-choice="helmet"] .acc-avatar-icon--image::before {
  height: 23px !important;
  max-height: 23px !important;
  max-width: 29px !important;
  width: 29px !important;
}

html body #dpd-account-dropdown .acc-avatar-option[data-dpd-avatar-choice="tread"] .acc-avatar-icon--image::before {
  height: 27px !important;
  max-height: 27px !important;
  max-width: 20px !important;
  width: 20px !important;
}

html body #dpd-account-dropdown .acc-avatar-option .acc-avatar-icon__img,
html body #dpd-account-dropdown .acc-avatar-option .acc-avatar-icon img {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Account dropdown and dashboard editor scope lock - 2026-06-25.
   Keep avatar, accent, and header pill states consistent across user colors. */
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-jump-link,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-jump-link .dpd-public-header-link__content {
  color: rgba(255, 255, 255, .92) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-jump-link {
  background: rgba(255, 255, 255, .08) !important;
  border-color: rgba(255, 255, 255, .16) !important;
}

html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-jump-link:hover,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-jump-link:focus-visible,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-jump-link.is-active,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-jump-link[aria-current="true"],
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-jump-link[aria-current="page"] {
  background: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, #fff200))) !important;
  border-color: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, #fff200))) !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, #101820))) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-jump-link:hover .dpd-public-header-link__content,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-jump-link:focus-visible .dpd-public-header-link__content,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-jump-link.is-active .dpd-public-header-link__content,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-jump-link[aria-current="true"] .dpd-public-header-link__content,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-jump-link[aria-current="page"] .dpd-public-header-link__content {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-link--utility-bubble,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-link--updates-bubble,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-link--cart-bubble {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #dpd-account-dropdown.dpd-account-dropdown,
html body .dpd-account-dropdown[data-dpd-account-floating="true"] {
  --dpd-account-dropdown-typeface: var(--font-ui, "acumin-pro-semi-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif);
  --dpd-account-dropdown-title-size: 18px;
  --dpd-account-dropdown-title-weight: 700;
  --dpd-account-dropdown-title-spacing: 0.02em;
  --dpd-account-dropdown-copy-size: 12px;
  --dpd-account-dropdown-copy-weight: 500;
  --dpd-account-dropdown-copy-line-height: 1.45;
  --dpd-account-dropdown-label-size: 10px;
  --dpd-account-dropdown-label-weight: 700;
  --dpd-account-dropdown-label-spacing: 0.08em;
  --dpd-account-dropdown-value-size: 13px;
  --dpd-account-dropdown-value-weight: 700;
  --dpd-account-dropdown-value-line-height: 1.2;
  --dpd-account-dropdown-action-size: 11px;
  --dpd-account-dropdown-action-weight: 700;
  --dpd-account-dropdown-action-spacing: 0.08em;
  --dpd-account-dropdown-caption-size: 9px;
  --dpd-account-dropdown-caption-weight: 700;
  background: #ffffff !important;
  border: 1px solid rgba(255, 242, 0, .62) !important;
  border-radius: 18px !important;
  box-shadow:
    0 24px 54px rgba(8, 14, 21, .22),
    0 0 0 1px rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), .12) !important;
  box-sizing: border-box !important;
  max-height: none !important;
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  padding: 16px 18px !important;
  font-family: var(--dpd-account-dropdown-typeface) !important;
  width: min(520px, calc(100vw - 32px)) !important;
  z-index: 2147483600 !important;
}

html body #dpd-account-dropdown .acc-dropdown-tab {
  align-items: center !important;
  border-bottom: 1px solid rgba(16, 24, 32, .1) !important;
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: 64px minmax(0, 1fr) !important;
  margin: 0 0 12px !important;
  padding: 0 0 12px !important;
}

html body #dpd-account-dropdown .acc-drop-cont h4,
html body #dpd-account-dropdown .acc-drop-cont p {
  margin: 0 !important;
  max-width: 100% !important;
}

html body #dpd-account-dropdown .acc-drop-cont h4 {
  color: #101820 !important;
  font-family: var(--dpd-account-dropdown-typeface) !important;
  font-size: var(--dpd-account-dropdown-title-size) !important;
  font-weight: var(--dpd-account-dropdown-title-weight) !important;
  letter-spacing: var(--dpd-account-dropdown-title-spacing) !important;
  line-height: 1.08 !important;
  text-transform: none !important;
}

html body #dpd-account-dropdown .acc-drop-cont p,
html body #dpd-account-dropdown .dpd-header-account-recordline,
html body #dpd-account-dropdown .acc-drop-help,
html body #dpd-account-dropdown .acc-appearance-copy p {
  display: none !important;
  font-family: var(--dpd-account-dropdown-typeface) !important;
  font-size: var(--dpd-account-dropdown-copy-size) !important;
  font-weight: var(--dpd-account-dropdown-copy-weight) !important;
  line-height: var(--dpd-account-dropdown-copy-line-height) !important;
}

html body #dpd-account-dropdown .acc-drop-meta {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin-top: 10px !important;
}

html body #dpd-account-dropdown .acc-drop-meta__item {
  align-content: center !important;
  border: 1px solid rgba(16, 24, 32, .1) !important;
  border-radius: 8px !important;
  display: grid !important;
  gap: 3px !important;
  min-height: 48px !important;
  min-width: 0 !important;
  padding: 10px !important;
}

html body #dpd-account-dropdown .acc-drop-meta__item span,
html body #dpd-account-dropdown .acc-drop-meta__item strong {
  display: block !important;
  line-height: 1.05 !important;
  margin: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body #dpd-account-dropdown .acc-drop-meta__item span {
  font-family: var(--dpd-account-dropdown-typeface) !important;
  font-size: var(--dpd-account-dropdown-label-size) !important;
  font-weight: var(--dpd-account-dropdown-label-weight) !important;
  letter-spacing: var(--dpd-account-dropdown-label-spacing) !important;
  text-transform: uppercase !important;
}

html body #dpd-account-dropdown .acc-drop-meta__item strong {
  font-family: var(--dpd-account-dropdown-typeface) !important;
  font-size: var(--dpd-account-dropdown-value-size) !important;
  font-weight: var(--dpd-account-dropdown-value-weight) !important;
  line-height: var(--dpd-account-dropdown-value-line-height) !important;
}

html body #dpd-account-dropdown .acc-appearance {
  margin: 0 !important;
}

html body #dpd-account-dropdown .acc-appearance-header {
  display: none !important;
}

html body #dpd-account-dropdown .acc-appearance-panel--approved {
  border: 1px solid rgba(255, 242, 0, .78) !important;
  border-radius: 12px !important;
  display: grid !important;
  gap: 14px !important;
  margin: 0 0 12px !important;
  padding: 12px !important;
}

html body #dpd-account-dropdown .acc-appearance-block {
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body #dpd-account-dropdown .acc-appearance-label {
  color: #101820 !important;
  display: block !important;
  font-family: var(--dpd-account-dropdown-typeface) !important;
  font-size: var(--dpd-account-dropdown-label-size) !important;
  font-weight: var(--dpd-account-dropdown-label-weight) !important;
  letter-spacing: var(--dpd-account-dropdown-label-spacing) !important;
  line-height: 1.15 !important;
  margin: 0 0 10px !important;
  text-transform: uppercase !important;
}

html body #dpd-account-dropdown .acc-avatar-grid--selector {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 0 !important;
}

html body #dpd-account-dropdown .acc-avatar-option {
  align-items: center !important;
  background: #05090d !important;
  border: 2px solid transparent !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 18px rgba(8, 14, 21, .12) !important;
  color: #ffffff !important;
  display: grid !important;
  gap: 6px !important;
  justify-items: center !important;
  min-height: 78px !important;
  min-width: 0 !important;
  padding: 8px 5px !important;
  -webkit-text-fill-color: currentColor !important;
  justify-content: center !important;
}

html body #dpd-account-dropdown .acc-avatar-option.is-active,
html body #dpd-account-dropdown .acc-avatar-option[aria-pressed="true"] {
  border-color: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, #fff200))) !important;
  box-shadow:
    0 0 0 1px rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), .3),
    0 12px 24px rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), .18) !important;
}

html body #dpd-account-dropdown .acc-avatar-option .acc-avatar-caption {
  color: #ffffff !important;
  display: block !important;
  font-family: var(--dpd-account-dropdown-typeface) !important;
  font-size: var(--dpd-account-dropdown-caption-size) !important;
  font-weight: var(--dpd-account-dropdown-caption-weight) !important;
  letter-spacing: 0.04em !important;
  line-height: 1.15 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body #dpd-account-dropdown .acc-avatar-option .acc-avatar-icon,
html body #dpd-account-dropdown .acc-avatar-option .acc-avatar-initials,
html body #dpd-account-dropdown .acc-avatar-option .acc-avatar-icon--image {
  border: 1px solid rgba(255, 255, 255, .2) !important;
  border-radius: 999px !important;
  display: grid !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  height: 38px !important;
  min-height: 38px !important;
  min-width: 38px !important;
  place-items: center !important;
  width: 38px !important;
}

html body #dpd-account-dropdown .acc-palette-swatches--compact {
  align-items: center !important;
  background: #05090d !important;
  border-radius: 999px !important;
  display: flex !important;
  gap: 8px !important;
  min-height: 48px !important;
  overflow: visible !important;
  padding: 8px !important;
}

html body #dpd-account-dropdown .acc-palette-swatch {
  align-items: center !important;
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  flex: 0 0 32px !important;
  height: 32px !important;
  justify-content: center !important;
  min-height: 32px !important;
  min-width: 32px !important;
  padding: 0 !important;
  width: 32px !important;
}

html body #dpd-account-dropdown .acc-palette-swatch .acc-palette-swatch__dot,
html body #dpd-account-dropdown .acc-palette-swatch > span[aria-hidden="true"]:not([class]) {
  border-radius: 999px !important;
  display: block !important;
  height: 20px !important;
  width: 20px !important;
}

html body #dpd-account-dropdown .acc-palette-swatch.is-active,
html body #dpd-account-dropdown .acc-palette-swatch[aria-pressed="true"] {
  box-shadow:
    0 0 0 2px #ffffff,
    0 0 0 4px var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, #fff200))) !important;
}

html body #dpd-account-dropdown .dpd-account-menu__actions {
  display: grid !important;
  gap: 8px !important;
  margin: 0 !important;
}

html body #dpd-account-dropdown .dpd-account-menu__action {
  align-items: center !important;
  border: 1px solid rgba(16, 24, 32, .14) !important;
  border-radius: 999px !important;
  color: #101820 !important;
  display: inline-flex !important;
  font-family: var(--dpd-account-dropdown-typeface) !important;
  font-size: var(--dpd-account-dropdown-action-size) !important;
  font-weight: var(--dpd-account-dropdown-action-weight) !important;
  justify-content: center !important;
  letter-spacing: var(--dpd-account-dropdown-action-spacing) !important;
  line-height: 1.15 !important;
  min-height: 42px !important;
  padding: 0 16px !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  width: 100% !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #dpd-account-dropdown .dpd-account-menu__action.is-primary {
  background: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, #fff200))) !important;
  border-color: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, #fff200))) !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, #101820))) !important;
}

html body #dpd-account-dropdown .dpd-account-menu__action:hover,
html body #dpd-account-dropdown .dpd-account-menu__action:focus-visible {
  border-color: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, #fff200))) !important;
  box-shadow: 0 12px 24px rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), .16) !important;
  outline: 0 !important;
}

html body #dpd-account-dropdown .acc-drop-pic .dpd-user-badge,
html body #dpd-account-dropdown .acc-drop-pic [data-dpd-user-badge] {
  --dpd-account-badge-size: 58px !important;
}

@media (max-width: 700px) {
  html body #dpd-account-dropdown.dpd-account-dropdown,
  html body .dpd-account-dropdown[data-dpd-account-floating="true"] {
    max-height: var(--dpd-account-dropdown-max-height, calc(100dvh - 88px)) !important;
    overflow-y: auto !important;
    padding: 16px !important;
    width: calc(100vw - 24px) !important;
  }

  html body #dpd-account-dropdown .acc-avatar-grid--selector {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* DPD header avatar/home polish - 2026-06-26 */
html body #header-login .dpd-public-header-bar,
html body header.log-out.dpd-public-header .dpd-public-header-bar {
  overflow: visible !important;
}

html body.dpd-member-surface #header-login .left-sec.dpd-v2-header-shell__brand,
html body.dpd-member-surface #header-login .logo.dpd-public-logo,
html body.dpd-member-surface #header-login .dpd-v2-header-shell__brand {
  min-width: 92px !important;
  width: auto !important;
}

html body.dpd-member-surface #header-login .dpd-public-logo-link {
  gap: 12px !important;
  justify-content: center !important;
  min-height: 58px !important;
  min-width: 78px !important;
  padding: 8px 18px !important;
  width: auto !important;
}

@media (min-width: 971px) {
  html body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .left-sec,
  html body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .logo,
  html body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .dpd-public-logo {
    min-width: clamp(190px, 19vw, 240px) !important;
    width: auto !important;
  }

  html body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .dpd-public-logo-link {
    gap: 14px !important;
    min-height: 64px !important;
    min-width: clamp(176px, 17vw, 220px) !important;
    padding: 10px 22px 10px 14px !important;
    width: auto !important;
  }
}

html body #header-login .dpd-public-logo-mark,
html body header.log-out.dpd-public-header .dpd-public-logo-mark {
  align-items: center !important;
  display: inline-grid !important;
  flex: 0 0 54px !important;
  height: 54px !important;
  justify-items: center !important;
  min-height: 54px !important;
  min-width: 54px !important;
  place-items: center !important;
  width: 54px !important;
}

html body #header-login .dpd-public-logo-mark img,
html body header.log-out.dpd-public-header .dpd-public-logo-mark img {
  display: block !important;
  height: 54px !important;
  max-height: 54px !important;
  max-width: 54px !important;
  object-fit: contain !important;
  width: 54px !important;
}

html body #header-login .dpd-public-header-utility,
html body header.log-out.dpd-public-header .dpd-public-header-utility {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  gap: 8px !important;
  outline: 0 !important;
  padding: 0 !important;
}

html body #header-login .dpd-public-header-utility::before,
html body #header-login .dpd-public-header-utility::after,
html body header.log-out.dpd-public-header .dpd-public-header-utility::before,
html body header.log-out.dpd-public-header .dpd-public-header-utility::after {
  content: none !important;
  display: none !important;
}

html body #header-login .dpd-public-header-utility > .dpd-public-header-link,
html body #header-login .dpd-public-header-utility > .dpd-public-header-account,
html body header.log-out.dpd-public-header .dpd-public-header-utility > .dpd-public-header-link,
html body header.log-out.dpd-public-header .dpd-public-header-utility > .dpd-public-header-account {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  padding: 0 !important;
}

html body #header-login .dpd-public-header-link--utility-bubble,
html body #header-login .dpd-public-header-link--updates-bubble,
html body #header-login .dpd-public-header-link--cart-bubble,
html body header.log-out.dpd-public-header .dpd-public-header-link--utility-bubble,
html body header.log-out.dpd-public-header .dpd-public-header-link--updates-bubble,
html body header.log-out.dpd-public-header .dpd-public-header-link--cart-bubble {
  align-items: center !important;
  background: rgba(255, 255, 255, .08) !important;
  border: 1px solid rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), .55) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: rgba(255, 255, 255, .92) !important;
  display: inline-grid !important;
  flex: 0 0 48px !important;
  height: 48px !important;
  justify-items: center !important;
  min-height: 48px !important;
  min-width: 48px !important;
  padding: 0 !important;
  place-items: center !important;
  width: 48px !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #header-login .dpd-public-header-link--utility-bubble:hover,
html body #header-login .dpd-public-header-link--utility-bubble:focus-visible,
html body header.log-out.dpd-public-header .dpd-public-header-link--utility-bubble:hover,
html body header.log-out.dpd-public-header .dpd-public-header-link--utility-bubble:focus-visible {
  background: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, #fff200))) !important;
  border-color: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, #fff200))) !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, #101820))) !important;
}

html body.dpd-member-surface #header-login .dpd-v2-header-jump-link:not([aria-current="true"]):not([aria-current="page"]) {
  background: rgba(255, 255, 255, .08) !important;
  border-color: rgba(255, 255, 255, .16) !important;
  color: rgba(255, 255, 255, .92) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.dpd-member-surface #header-login .dpd-v2-header-jump-link:not([aria-current="true"]):not([aria-current="page"]) .dpd-public-header-link__content {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.dpd-member-surface #header-login .dpd-v2-header-jump-link[aria-current="true"],
html body.dpd-member-surface #header-login .dpd-v2-header-jump-link[aria-current="page"],
html body.dpd-member-surface #header-login .dpd-v2-header-jump-link:hover,
html body.dpd-member-surface #header-login .dpd-v2-header-jump-link:focus-visible {
  background: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, #fff200))) !important;
  border-color: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, #fff200))) !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, #101820))) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #header-login .dpd-public-header-account-toggle [data-dpd-user-badge],
html body #header-login .dpd-public-header-account-toggle .dpd-user-badge,
html body header.log-out.dpd-public-header .dpd-public-header-account-toggle [data-dpd-user-badge],
html body header.log-out.dpd-public-header .dpd-public-header-account-toggle .dpd-user-badge,
html body header.log-out.dpd-public-header .dpd-public-header-account-chip [data-dpd-user-badge],
html body header.log-out.dpd-public-header .dpd-public-header-account-chip .dpd-user-badge {
  --dpd-account-badge-size: 44px !important;
  --dpd-account-mark-size: 27px !important;
  align-items: center !important;
  background: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, #fff200))) !important;
  border: 1px solid rgba(255, 255, 255, .9) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, #101820))) !important;
  display: inline-grid !important;
  flex: 0 0 var(--dpd-account-badge-size) !important;
  height: var(--dpd-account-badge-size) !important;
  justify-items: center !important;
  line-height: 1 !important;
  min-height: var(--dpd-account-badge-size) !important;
  min-width: var(--dpd-account-badge-size) !important;
  outline: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  place-items: center !important;
  position: relative !important;
  width: var(--dpd-account-badge-size) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #dpd-account-dropdown .acc-drop-pic [data-dpd-user-badge],
html body #dpd-account-dropdown .acc-drop-pic .dpd-user-badge {
  --dpd-account-badge-size: 56px !important;
  --dpd-account-mark-size: 34px !important;
  box-shadow: none !important;
}

html body [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark,
html body .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark,
html body [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark--image,
html body .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image {
  background: currentColor !important;
  background-color: currentColor !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: block !important;
  flex: 0 0 var(--dpd-account-mark-size, 27px) !important;
  height: var(--dpd-account-mark-size, 27px) !important;
  margin: auto !important;
  max-height: var(--dpd-account-mark-size, 27px) !important;
  max-width: var(--dpd-account-mark-size, 27px) !important;
  min-height: 0 !important;
  min-width: 0 !important;
  opacity: 1 !important;
  padding: 0 !important;
  width: var(--dpd-account-mark-size, 27px) !important;
  -webkit-mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
}

html body [data-dpd-user-badge][data-dpd-avatar-choice="helmet"].has-mark-avatar,
html body .dpd-user-badge[data-dpd-avatar-choice="helmet"].has-mark-avatar {
  --dpd-account-mark-size: 29px !important;
}

html body #dpd-account-dropdown .acc-drop-pic [data-dpd-user-badge][data-dpd-avatar-choice="helmet"].has-mark-avatar,
html body #dpd-account-dropdown .acc-drop-pic .dpd-user-badge[data-dpd-avatar-choice="helmet"].has-mark-avatar {
  --dpd-account-mark-size: 36px !important;
}

html body [data-dpd-user-badge].has-mark-avatar img,
html body .dpd-user-badge.has-mark-avatar img,
html body .dpd-user-badge__mark-img,
html body #dpd-account-dropdown .acc-avatar-option .acc-avatar-icon__img,
html body #dpd-account-dropdown .acc-avatar-option .acc-avatar-icon img {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

html body #dpd-account-dropdown .acc-avatar-grid--selector {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  max-height: none !important;
  overflow: visible !important;
}

html body #dpd-account-dropdown .acc-avatar-option {
  border-radius: 8px !important;
  min-height: 84px !important;
}

html body #dpd-account-dropdown .acc-avatar-option .acc-avatar-caption {
  letter-spacing: 0 !important;
}

@media (max-width: 1180px) {
  html body.dpd-member-surface #header-login .left-sec.dpd-v2-header-shell__brand,
  html body.dpd-member-surface #header-login .logo.dpd-public-logo,
  html body.dpd-member-surface #header-login .dpd-v2-header-shell__brand {
    min-width: 84px !important;
  }

  html body.dpd-member-surface #header-login .dpd-public-logo-link {
    min-width: 72px !important;
    padding-inline: 14px !important;
  }
}

/* DPD 2.0 launch QA: header states, internal heroes, info dots, and footer/sidebar clear - 2026-06-29. */
html body.dpd-member-surface {
  --dpd-launch-sidebar-clear: calc(var(--dpd-stable-gutter, 24px) + var(--dpd-stable-sidebar, 224px) + 36px);
}

html body.dpd-member-surface.dpd-v2-sidebar-collapsed,
html body.dpd-member-surface.dpd-sidebar-collapsed {
  --dpd-launch-sidebar-clear: calc(var(--dpd-stable-gutter, 24px) + var(--dpd-floating-sidebar-collapsed-width, 88px) + 36px);
}

html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar .dpd-v2-header-jump-link:not(.is-active):not(.active):not([aria-current="true"]):not([aria-current="page"]),
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar .dpd-v2-header-jump-link:not(.is-active):not(.active):not([aria-current="true"]):not([aria-current="page"]) .dpd-public-header-link__content {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-dpd-accent="dark"] body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar .dpd-v2-header-jump-link:not(.is-active):not(.active):not([aria-current="true"]):not([aria-current="page"]),
body.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar .dpd-v2-header-jump-link:not(.is-active):not(.active):not([aria-current="true"]):not([aria-current="page"]) {
  background: rgba(8, 16, 24, .78) !important;
  border-color: rgba(255, 255, 255, .2) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1) !important;
  color: #fff200 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-dpd-accent="dark"] body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar .dpd-v2-header-jump-link:not(.is-active):not(.active):not([aria-current="true"]):not([aria-current="page"]) .dpd-public-header-link__content,
body.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar .dpd-v2-header-jump-link:not(.is-active):not(.active):not([aria-current="true"]):not([aria-current="page"]) .dpd-public-header-link__content {
  color: #fff200 !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar .dpd-v2-header-jump-link:is(.is-active, .active, [aria-current="true"], [aria-current="page"]),
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar li.active > .dpd-v2-header-jump-link {
  background: var(--dpd-selected-hover-accent, var(--dpd-user-badge-fill, var(--dpd-personal-accent, #fff200))) !important;
  border-color: var(--dpd-selected-hover-accent, var(--dpd-user-badge-fill, var(--dpd-personal-accent, #fff200))) !important;
  color: var(--dpd-selected-hover-ink, var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, #071018))) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-dpd-accent="dark"] body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar .dpd-v2-header-jump-link:is(.is-active, .active, [aria-current="true"], [aria-current="page"]),
html[data-dpd-accent="dark"] body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar li.active > .dpd-v2-header-jump-link,
body.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar .dpd-v2-header-jump-link:is(.is-active, .active, [aria-current="true"], [aria-current="page"]),
body.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar li.active > .dpd-v2-header-jump-link {
  background: rgba(255, 255, 255, .1) !important;
  border-color: rgba(255, 255, 255, .18) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important;
  color: rgba(255, 255, 255, .92) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar .dpd-v2-header-jump-link:is(.is-active, .active, [aria-current="true"], [aria-current="page"]) .dpd-public-header-link__content,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar li.active > .dpd-v2-header-jump-link .dpd-public-header-link__content {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar .dpd-v2-header-jump-link:hover:not(.is-active):not(.active):not([aria-current="true"]):not([aria-current="page"]),
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar .dpd-v2-header-jump-link:focus-visible:not(.is-active):not(.active):not([aria-current="true"]):not([aria-current="page"]) {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: var(--dpd-selected-hover-accent, var(--dpd-user-badge-fill, var(--dpd-personal-accent, #fff200))) !important;
  color: #ffffff !important;
  outline: 0 !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-dpd-accent="dark"] body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar .dpd-v2-header-jump-link:hover:not(.is-active):not(.active):not([aria-current="true"]):not([aria-current="page"]),
html[data-dpd-accent="dark"] body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar .dpd-v2-header-jump-link:focus-visible:not(.is-active):not(.active):not([aria-current="true"]):not([aria-current="page"]),
body.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar .dpd-v2-header-jump-link:hover:not(.is-active):not(.active):not([aria-current="true"]):not([aria-current="page"]),
body.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar .dpd-v2-header-jump-link:focus-visible:not(.is-active):not(.active):not([aria-current="true"]):not([aria-current="page"]) {
  background: rgba(255, 255, 255, .1) !important;
  border-color: rgba(255, 255, 255, .18) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important;
  color: rgba(255, 255, 255, .92) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar .dpd-v2-header-jump-link:hover:not(.is-active):not(.active):not([aria-current="true"]):not([aria-current="page"]) .dpd-public-header-link__content,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar .dpd-v2-header-jump-link:focus-visible:not(.is-active):not(.active):not([aria-current="true"]):not([aria-current="page"]) .dpd-public-header-link__content {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .video-header-content,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header-content.mock-static-bg,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero {
  border-color: transparent !important;
  outline: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left h1,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left h2,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left h3,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left h4,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left p,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left > span,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero h1,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero h2,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero h3,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero h4,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero p,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero li,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__eyebrow,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__kicker {
  color: rgba(255, 255, 255, 0.94) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left > span,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left > p.dpd-v2-hero-kicker,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__eyebrow,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__kicker {
  color: var(--dpd-selected-hover-accent, var(--dpd-user-badge-fill, var(--dpd-personal-accent, #fff200))) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left h1,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero h1 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in.dpd-v2-service-overview--ops h1,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in.dpd-v2-service-overview--ops h2,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in.dpd-v2-service-overview--ops h3,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in.dpd-v2-service-overview--ops strong,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in.dpd-v2-service-overview--ops span:first-child {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in.dpd-v2-service-overview--ops p,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in.dpd-v2-service-overview--ops li,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in.dpd-v2-service-overview--ops .dpd-v2-service-overview__body,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in.dpd-v2-service-overview--ops .dpd-v2-global-hero__summary-body {
  color: rgba(235, 241, 245, 0.78) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-info-heading.dpd-v2-info-managed > .dpd-v2-section-info-dot {
  pointer-events: auto !important;
  touch-action: manipulation !important;
  user-select: none !important;
  z-index: 10030 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section > .dpd-v2-info-heading.dpd-v2-info-managed:is(.is-info-open, .is-info-hover, :focus-within) > .dpd-v2-section-info-summary,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section > .dpd-v2-info-heading.dpd-v2-info-managed:has(> .dpd-v2-section-info-dot:hover) > .dpd-v2-section-info-summary,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section > .dpd-v2-info-heading.dpd-v2-info-managed:has(> .dpd-v2-section-info-dot:focus-visible) > .dpd-v2-section-info-summary {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) scale(1) !important;
  visibility: visible !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section > .dpd-v2-info-heading.dpd-v2-info-managed:not(.is-info-open):not(.is-info-hover):not(:focus-within):not(:has(> .dpd-v2-section-info-dot:hover)):not(:has(> .dpd-v2-section-info-dot:focus-visible)) > .dpd-v2-section-info-summary {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(-4px) !important;
  visibility: hidden !important;
}

@media (min-width: 1101px) {
  html body.dpd-member-surface footer#kill,
  html body.dpd-member-surface .dpd-v2-portal-footer {
    padding-left: max(var(--dpd-shell-pad-x, 48px), var(--dpd-launch-sidebar-clear)) !important;
  }
}

@media (max-width: 1100px) {
  html body.dpd-member-surface footer#kill,
  html body.dpd-member-surface .dpd-v2-portal-footer {
    padding-left: var(--dpd-shell-pad-x, 24px) !important;
  }
}

/* Global authenticated shell spacing: desktop only, preserve existing tablet/mobile drawer behavior. */
@media (min-width: 1101px) {
  html body.dpd-member-surface {
    --dpd-member-shell-pad-x: clamp(18px, 2.6vw, 48px) !important;
    --dpd-member-shell-gap: clamp(18px, 1.4vw, 28px) !important;
    --dpd-member-sidebar-expanded: clamp(212px, 14vw, 236px) !important;
    --dpd-member-sidebar-collapsed: 88px !important;
    --dpd-member-sidebar-active: var(--dpd-member-sidebar-expanded) !important;
    --dpd-stable-sidebar: var(--dpd-member-sidebar-expanded) !important;
    --dpd-v2-sidebar-expanded-final: var(--dpd-member-sidebar-expanded) !important;
    --dpd-v2-sidebar-collapsed-final: var(--dpd-member-sidebar-collapsed) !important;
    --dpd-floating-sidebar-collapsed-width: var(--dpd-member-sidebar-collapsed) !important;
    --dpd-v2-app-sidebar-collapsed: var(--dpd-member-sidebar-collapsed) !important;
    --dpd-v2-sidebar-collapsed-width: var(--dpd-member-sidebar-collapsed) !important;
    --dpd-v2-fixed-header-space: clamp(124px, 8.75vw, 132px) !important;
    --dpd-member-fixed-header-offset: var(--dpd-v2-fixed-header-space) !important;
    --dpd-launch-sidebar-clear: calc(var(--dpd-member-shell-pad-x) + var(--dpd-member-sidebar-expanded) + var(--dpd-member-shell-gap)) !important;
  }

  html body.dpd-member-surface.dpd-v2-sidebar-collapsed,
  html body.dpd-member-surface.dpd-sidebar-collapsed {
    --dpd-member-shell-gap: clamp(14px, 1.2vw, 24px) !important;
    --dpd-member-sidebar-active: var(--dpd-member-sidebar-collapsed) !important;
    --dpd-stable-sidebar: var(--dpd-member-sidebar-collapsed) !important;
    --dpd-v2-app-sidebar: var(--dpd-member-sidebar-collapsed) !important;
    --dpd-launch-sidebar-clear: calc(var(--dpd-member-shell-pad-x) + var(--dpd-member-sidebar-collapsed) + var(--dpd-member-shell-gap)) !important;
  }

  html body.dpd-member-surface .dpd-v2-header-shell {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    left: 0 !important;
    margin: 0 !important;
    max-width: none !important;
    padding: clamp(16px, 1.35vw, 20px) var(--dpd-member-shell-pad-x) 0 !important;
    right: 0 !important;
    top: 0 !important;
    width: 100% !important;
  }

  html body.dpd-member-surface .dpd-v2-header-shell #header-login,
  html body.dpd-member-surface .dpd-v2-header-shell #header-login .header-inner,
  html body.dpd-member-surface .dpd-v2-header-shell #header-login .header-inner.left-gap {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    width: 100% !important;
  }

  html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-bar {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    column-gap: var(--dpd-member-shell-gap) !important;
    display: grid !important;
    grid-template-columns: var(--dpd-member-sidebar-active) minmax(0, 1fr) !important;
    margin: 0 !important;
    max-width: none !important;
    min-height: 76px !important;
    overflow: visible !important;
    padding: 0 !important;
    width: 100% !important;
  }

  html body.dpd-member-surface .dpd-v2-header-shell #header-login .left-sec,
  html body.dpd-member-surface .dpd-v2-header-shell #header-login .logo.dpd-public-logo,
  html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-shell__brand {
    align-items: center !important;
    display: flex !important;
    grid-column: 1 !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    width: var(--dpd-member-sidebar-active) !important;
  }

  html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-logo-link {
    align-items: center !important;
    display: inline-flex !important;
    gap: 0 !important;
    height: 58px !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    min-height: 58px !important;
    min-width: 58px !important;
    padding: 0 !important;
    width: 58px !important;
  }

  html body.dpd-member-surface .dpd-v2-header-shell #header-login .right-sec.header-right {
    align-items: center !important;
    align-content: center !important;
    display: grid !important;
    flex: 1 1 0 !important;
    gap: 10px !important;
    grid-column: 2 !important;
    grid-template-columns: minmax(0, 1fr) max-content !important;
    grid-template-rows: 1fr !important;
    inline-size: auto !important;
    justify-self: end !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-height: 72px !important;
    min-width: 0 !important;
    overflow: visible !important;
    padding: 10px 14px !important;
    width: auto !important;
  }

  html body.dpd-member-surface .dpd-v2-header-shell #header-login .right-sec.header-right > .clearfix {
    display: none !important;
  }

  html body.dpd-member-surface .dpd-v2-header-shell #header-login .right-sec.header-right > ul,
  html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions,
  html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar {
    align-items: center !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 !important;
    scrollbar-width: none !important;
    white-space: nowrap !important;
    width: 100% !important;
  }

  html body.dpd-member-surface .dpd-v2-header-shell #header-login .right-sec.header-right > ul::-webkit-scrollbar,
  html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions::-webkit-scrollbar,
  html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar::-webkit-scrollbar {
    display: none !important;
  }

  html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-utility {
    align-items: center !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    gap: 8px !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    min-width: max-content !important;
    position: static !important;
    transform: none !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell {
    padding-left: var(--dpd-member-shell-pad-x) !important;
    padding-right: var(--dpd-member-shell-pad-x) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area {
    align-items: start !important;
    box-sizing: border-box !important;
    column-gap: var(--dpd-member-shell-gap) !important;
    display: grid !important;
    grid-template-columns: var(--dpd-member-sidebar-active) minmax(0, 1fr) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    row-gap: clamp(24px, 2.2vw, 40px) !important;
    width: 100% !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell {
    box-sizing: border-box !important;
    float: none !important;
    grid-column: 1 !important;
    left: auto !important;
    margin: 0 !important;
    max-width: var(--dpd-member-sidebar-active) !important;
    min-width: 0 !important;
    right: auto !important;
    width: var(--dpd-member-sidebar-active) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right-content {
    box-sizing: border-box !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: clip !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right {
    grid-column: 2 !important;
  }
}

/* DPD header app mark parity for expanded/collapsed sidebar - 2026-07-09 */
@media (min-width: 1101px) {
  html body.dpd-member-surface #header-login .left-sec.dpd-v2-header-shell__brand,
  html body.dpd-member-surface #header-login .logo.dpd-public-logo,
  html body.dpd-member-surface #header-login .dpd-v2-header-shell__brand,
  html body.dpd-member-surface:not(.dpd-v2-sidebar-collapsed):not(.dpd-sidebar-collapsed) #header-login .left-sec.dpd-v2-header-shell__brand,
  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #header-login .left-sec.dpd-v2-header-shell__brand {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    height: 78px !important;
    justify-content: center !important;
    left: clamp(28px, 2.4vw, 44px) !important;
    margin: 0 !important;
    max-height: 78px !important;
    max-width: 78px !important;
    min-height: 78px !important;
    min-width: 78px !important;
    opacity: 1 !important;
    overflow: visible !important;
    padding: 0 !important;
    pointer-events: auto !important;
    position: fixed !important;
    top: 20px !important;
    transform: none !important;
    visibility: visible !important;
    width: 78px !important;
    z-index: 2147483000 !important;
  }

  html body.dpd-member-surface #header-login .dpd-public-logo,
  html body.dpd-member-surface #header-login .dpd-public-logo-link,
  html body.dpd-member-surface:not(.dpd-v2-sidebar-collapsed):not(.dpd-sidebar-collapsed) #header-login .dpd-public-logo,
  html body.dpd-member-surface:not(.dpd-v2-sidebar-collapsed):not(.dpd-sidebar-collapsed) #header-login .dpd-public-logo-link,
  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #header-login .dpd-public-logo,
  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #header-login .dpd-public-logo-link {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    gap: 0 !important;
    height: 78px !important;
    justify-content: center !important;
    margin: 0 !important;
    max-height: 78px !important;
    max-width: 78px !important;
    min-height: 78px !important;
    min-width: 78px !important;
    opacity: 1 !important;
    overflow: visible !important;
    padding: 0 !important;
    transform: none !important;
    visibility: visible !important;
    width: 78px !important;
  }

  html body.dpd-member-surface #header-login .dpd-public-logo-mark,
  html body.dpd-member-surface:not(.dpd-v2-sidebar-collapsed):not(.dpd-sidebar-collapsed) #header-login .dpd-public-logo-mark,
  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #header-login .dpd-public-logo-mark {
    align-items: center !important;
    background: #fff200 !important;
    border: 0 !important;
    border-radius: 20px !important;
    box-shadow: 0 18px 38px rgba(255, 242, 0, 0.18) !important;
    display: grid !important;
    flex: 0 0 78px !important;
    height: 78px !important;
    justify-content: center !important;
    margin: 0 !important;
    max-height: 78px !important;
    max-width: 78px !important;
    min-height: 78px !important;
    min-width: 78px !important;
    opacity: 1 !important;
    overflow: hidden !important;
    place-items: center !important;
    transform: none !important;
    visibility: visible !important;
    width: 78px !important;
  }

  html body.dpd-member-surface #header-login .dpd-public-logo-mark img,
  html body.dpd-member-surface:not(.dpd-v2-sidebar-collapsed):not(.dpd-sidebar-collapsed) #header-login .dpd-public-logo-mark img,
  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #header-login .dpd-public-logo-mark img {
    display: block !important;
    filter: none !important;
    height: 56px !important;
    max-height: 56px !important;
    max-width: 56px !important;
    object-fit: contain !important;
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
    width: 56px !important;
  }

  html body.dpd-member-surface #header-login .dpd-public-logo-wordmark-frame,
  html body.dpd-member-surface #header-login .dpd-public-logo-wordmark,
  html body.dpd-member-surface #header-login .dpd-public-logo-copy,
  html body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-sidebar-brand {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }
}

/* Dedicated member header app mark. Do not tie this to the sidebar logo state. */
.dpd-member-header-app-mark {
  display: none;
}

@media (min-width: 1101px) {
  html body.dpd-member-surface #header-login > .dpd-member-header-app-mark {
    align-items: center !important;
    background: #fff200 !important;
    border: 0 !important;
    border-radius: 20px !important;
    box-shadow: 0 18px 38px rgba(255, 242, 0, 0.18) !important;
    box-sizing: border-box !important;
    display: flex !important;
    height: 78px !important;
    justify-content: center !important;
    left: clamp(28px, 2.4vw, 44px) !important;
    margin: 0 !important;
    max-height: 78px !important;
    max-width: 78px !important;
    min-height: 78px !important;
    min-width: 78px !important;
    opacity: 1 !important;
    overflow: hidden !important;
    padding: 0 !important;
    pointer-events: auto !important;
    position: fixed !important;
    text-decoration: none !important;
    top: 20px !important;
    transform: none !important;
    visibility: visible !important;
    width: 78px !important;
    z-index: 2147483600 !important;
  }

  html body.dpd-member-surface #header-login > .dpd-member-header-app-mark img {
    display: block !important;
    filter: none !important;
    height: 56px !important;
    max-height: 56px !important;
    max-width: 56px !important;
    object-fit: contain !important;
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
    width: 56px !important;
  }

  html body.dpd-member-surface #header-login .left-sec.dpd-v2-header-shell__brand .dpd-public-logo-link {
    display: none !important;
  }
}

@media (max-width: 1100px) {
  html body.dpd-member-surface #header-login > .dpd-member-header-app-mark {
    display: none !important;
  }
}

/* Expanded shell: dock the app mark inside the header pill; collapsed keeps it loose. */
@media (min-width: 1101px) {
  html body.dpd-member-surface:not(.dpd-v2-sidebar-collapsed):not(.dpd-sidebar-collapsed) #header-login {
    isolation: isolate !important;
    position: relative !important;
  }

  html body.dpd-member-surface:not(.dpd-v2-sidebar-collapsed):not(.dpd-sidebar-collapsed) #header-login::before {
    background:
      radial-gradient(circle at 8% 50%, rgba(255, 242, 0, 0.16), transparent 23%),
      radial-gradient(circle at 86% 12%, rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.16), transparent 32%),
      linear-gradient(105deg, rgba(67, 73, 20, 0.96) 0%, #0a1718 44%, #091719 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 28px !important;
    box-shadow: 0 22px 42px rgba(7, 16, 24, 0.18) !important;
    content: "" !important;
    display: block !important;
    height: 78px !important;
    left: var(--dpd-member-shell-pad-x, clamp(18px, 2.6vw, 48px)) !important;
    opacity: 1 !important;
    pointer-events: none !important;
    position: fixed !important;
    right: var(--dpd-member-shell-pad-x, clamp(18px, 2.6vw, 48px)) !important;
    top: 20px !important;
    visibility: visible !important;
    z-index: 0 !important;
  }

  html body.dpd-member-surface:not(.dpd-v2-sidebar-collapsed):not(.dpd-sidebar-collapsed) #header-login .header-inner,
  html body.dpd-member-surface:not(.dpd-v2-sidebar-collapsed):not(.dpd-sidebar-collapsed) #header-login .dpd-public-header-bar,
  html body.dpd-member-surface:not(.dpd-v2-sidebar-collapsed):not(.dpd-sidebar-collapsed) #header-login .right-sec.header-right {
    position: relative !important;
    z-index: 2 !important;
  }

  html body.dpd-member-surface:not(.dpd-v2-sidebar-collapsed):not(.dpd-sidebar-collapsed) .dpd-v2-header-shell #header-login .dpd-public-header-bar {
    column-gap: 12px !important;
    grid-template-columns: 90px minmax(0, 1fr) !important;
    min-height: 78px !important;
  }

  html body.dpd-member-surface:not(.dpd-v2-sidebar-collapsed):not(.dpd-sidebar-collapsed) .dpd-v2-header-shell #header-login .right-sec.header-right {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    grid-column: 2 !important;
    min-height: 78px !important;
    padding: 10px 14px 10px 0 !important;
  }

  html body.dpd-member-surface:not(.dpd-v2-sidebar-collapsed):not(.dpd-sidebar-collapsed) #header-login > .dpd-member-header-app-mark {
    border-radius: 16px !important;
    box-shadow: none !important;
    height: 58px !important;
    left: calc(var(--dpd-member-shell-pad-x, clamp(18px, 2.6vw, 48px)) + 12px) !important;
    max-height: 58px !important;
    max-width: 58px !important;
    min-height: 58px !important;
    min-width: 58px !important;
    top: 30px !important;
    width: 58px !important;
    z-index: 2147483601 !important;
  }

  html body.dpd-member-surface:not(.dpd-v2-sidebar-collapsed):not(.dpd-sidebar-collapsed) #header-login > .dpd-member-header-app-mark img {
    height: 42px !important;
    max-height: 42px !important;
    max-width: 42px !important;
    width: 42px !important;
  }

  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #header-login::before {
    content: none !important;
    display: none !important;
  }
}

/* Launch polish: compact dashboard, selectable text, visible actions, consistent avatars. */
html body.dpd-member-surface #sub-page-main-content-wrapper,
html body.dpd-member-surface #sub-page-main-content-wrapper p,
html body.dpd-member-surface #sub-page-main-content-wrapper span,
html body.dpd-member-surface #sub-page-main-content-wrapper strong,
html body.dpd-member-surface #sub-page-main-content-wrapper em,
html body.dpd-member-surface #sub-page-main-content-wrapper h1,
html body.dpd-member-surface #sub-page-main-content-wrapper h2,
html body.dpd-member-surface #sub-page-main-content-wrapper h3,
html body.dpd-member-surface #sub-page-main-content-wrapper h4,
html body.dpd-member-surface #sub-page-main-content-wrapper td,
html body.dpd-member-surface #sub-page-main-content-wrapper th,
html body.dpd-member-surface #sub-page-main-content-wrapper li {
  -webkit-user-select: text !important;
  user-select: text !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper button,
html body.dpd-member-surface #sub-page-main-content-wrapper a,
html body.dpd-member-surface #sub-page-main-content-wrapper .mock-btn,
html body.dpd-member-surface #sub-page-main-content-wrapper [data-dpd-dashboard-drag-handle] {
  -webkit-user-select: none !important;
  user-select: none !important;
}

html body.dpd-member-surface .dpd-v2-role-scope-bar,
html body.dpd-member-surface .dpd-v2-program-meta-strip,
html body.dpd-member-surface .dpd-v2-metric-source,
html body.dpd-member-surface .dpd-v2-source-footnote,
html body.dpd-member-surface .dpd-v2-info-dot,
html body.dpd-member-surface .dpd-v2-info-summary,
html body.dpd-member-surface .dpd-v2-dashboard-edit-bar,
html body.dpd-member-surface .dpd-dashboard-builder {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--priority {
  margin-top: 16px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-priority-card {
  align-items: stretch !important;
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: minmax(0, 1fr) minmax(184px, 240px) !important;
  min-height: 0 !important;
  padding: 16px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-priority-card__main {
  gap: 10px !important;
  min-height: 0 !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-priority-card h3 {
  font-size: clamp(20px, 1.4vw, 28px) !important;
  line-height: 1.05 !important;
  margin: 0 !important;
  max-width: 760px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-priority-card__main > p:not(.dpd-v2-card-kicker) {
  font-size: 12px !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  max-width: 720px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-priority-card__badges,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-priority-card__actions {
  gap: 8px !important;
  margin-top: 4px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-priority-card__side {
  gap: 8px !important;
  padding: 10px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-priority-card__metric {
  padding: 10px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-priority-card__metric strong {
  font-size: clamp(28px, 2.8vw, 40px) !important;
  line-height: 1 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-priority-card__items {
  gap: 6px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-priority-card__items li {
  font-size: 11px !important;
  line-height: 1.25 !important;
  padding: 8px 10px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-instrument-grid--metrics {
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
  overflow: visible !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-instrument-card {
  align-items: center !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  min-height: 94px !important;
  padding: 14px 16px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-instrument-card__gauge,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-instrument-card__gauge-ring {
  height: 58px !important;
  width: 58px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-instrument-card__state {
  font-size: clamp(22px, 1.6vw, 32px) !important;
  line-height: 0.96 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-instrument-card__delta {
  font-size: 11px !important;
  line-height: 1.3 !important;
}

html body.dpd-member-surface #dealer-session-console .dpd-v2-table-scroll,
html body.dpd-member-surface .dpd-admin-ops-table-wrap {
  overflow-x: visible !important;
}

html body.dpd-member-surface #dealer-session-console .mock-table {
  min-width: 0 !important;
  table-layout: fixed !important;
  width: 100% !important;
}

html body.dpd-member-surface #dealer-session-console .mock-table th,
html body.dpd-member-surface #dealer-session-console .mock-table td {
  overflow-wrap: anywhere !important;
  white-space: normal !important;
}

html body.dpd-member-surface #dealer-session-console .mock-table td {
  padding: 14px 12px !important;
  vertical-align: middle !important;
}

html body.dpd-member-surface #dealer-session-console .mock-table th:nth-child(1) { width: 16% !important; }
html body.dpd-member-surface #dealer-session-console .mock-table th:nth-child(2) { width: 17% !important; }
html body.dpd-member-surface #dealer-session-console .mock-table th:nth-child(3) { width: 9% !important; }
html body.dpd-member-surface #dealer-session-console .mock-table th:nth-child(4) { width: 14% !important; }
html body.dpd-member-surface #dealer-session-console .mock-table th:nth-child(5) { width: 6% !important; }
html body.dpd-member-surface #dealer-session-console .mock-table th:nth-child(6) { width: 13% !important; }
html body.dpd-member-surface #dealer-session-console .mock-table th:nth-child(7) { width: 10% !important; }
html body.dpd-member-surface #dealer-session-console .mock-table th:nth-child(8) { width: 15% !important; }

html body.dpd-member-surface .dpd-v2-dealer-loyalty {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

html body.dpd-member-surface .dpd-v2-dealer-loyalty__sources {
  display: grid !important;
  gap: 4px !important;
  margin-top: 7px !important;
  min-width: 0 !important;
}

html body.dpd-member-surface .dpd-v2-dealer-loyalty__source {
  align-items: center !important;
  border-top: 1px solid rgba(15, 23, 42, 0.1) !important;
  display: grid !important;
  font-size: 11px !important;
  gap: 8px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  line-height: 1.3 !important;
  padding-top: 4px !important;
}

html body.dpd-member-surface .dpd-v2-dealer-loyalty__source > strong {
  font-size: inherit !important;
  line-height: inherit !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

html body.dpd-member-surface #dealer-session-console .mock-table th.dpd-v2-dealer-session-actions,
html body.dpd-member-surface #dealer-session-console .mock-table td.dpd-v2-dealer-session-actions {
  overflow-wrap: normal !important;
  text-align: center !important;
  white-space: normal !important;
  word-break: normal !important;
}

html body.dpd-member-surface #dealer-session-console .mock-table td.dpd-v2-dealer-session-actions .mock-btn {
  align-items: center !important;
  display: flex !important;
  justify-content: center !important;
  margin: 4px 0 !important;
  min-height: 36px !important;
  min-width: 0 !important;
  padding: 7px 8px !important;
  white-space: nowrap !important;
  width: 100% !important;
}

html body.dpd-member-surface .dpd-v2-admin-row-meta,
html body.dpd-member-surface .dpd-admin-ops-row-note {
  color: #536170 !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  margin-top: 3px !important;
  text-transform: none !important;
}

html body.dpd-member-surface #dealer-session-console .mock-table .mock-btn {
  margin: 3px 4px 3px 0 !important;
}

@media (max-width: 860px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-priority-card {
    grid-template-columns: 1fr !important;
  }

  html body.dpd-member-surface #dealer-session-console .dpd-v2-table-scroll,
  html body.dpd-member-surface .dpd-admin-ops-table-wrap {
    overflow-x: auto !important;
  }
}

/* DPD 2.0 hero CTA cleanup - 2026-07-09
   Keep page section navigation in the header nav only; remove duplicate hero CTAs
   and dashboard role/scope strips from member surfaces. */
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left > .dpd-v2-action-row,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dpd-v2-global-hero__content > .dpd-v2-action-row,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dpd-v2-product-hero > .dpd-v2-action-row--product-hero,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .db-left-btns.dpd-v2-action-row {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-role-scope-bar {
  display: none !important;
}

/* Rebate modal action lock - keep both modal actions yellow in all link states. */
html body.dpd-member-surface .dpd-v2-rebate-detail-modal__actions .mock-btn,
html body.dpd-member-surface .dpd-v2-rebate-detail-modal__actions .mock-btn:link,
html body.dpd-member-surface .dpd-v2-rebate-detail-modal__actions .mock-btn:visited,
html body.dpd-member-surface .dpd-v2-rebate-detail-modal__actions .mock-btn.dark,
html body.dpd-member-surface .dpd-v2-rebate-detail-modal__actions .mock-btn.dark:link,
html body.dpd-member-surface .dpd-v2-rebate-detail-modal__actions .mock-btn.dark:visited,
html body.dpd-member-surface .dpd-v2-rebate-detail-modal__actions .mock-btn.yellow,
html body.dpd-member-surface .dpd-v2-rebate-detail-modal__actions .mock-btn.yellow:link,
html body.dpd-member-surface .dpd-v2-rebate-detail-modal__actions .mock-btn.yellow:visited,
html body.dpd-member-surface .dpd-v2-rebate-detail-modal__entry,
html body.dpd-member-surface .dpd-v2-rebate-detail-modal__entry:link,
html body.dpd-member-surface .dpd-v2-rebate-detail-modal__entry:visited,
html body.dpd-member-surface .dpd-v2-rebate-detail-modal__queue,
html body.dpd-member-surface .dpd-v2-rebate-detail-modal__queue:link,
html body.dpd-member-surface .dpd-v2-rebate-detail-modal__queue:visited {
  background: #fff200 !important;
  background-color: #fff200 !important;
  background-image: none !important;
  border-color: #fff200 !important;
  box-shadow: 0 16px 34px rgba(255, 242, 0, 0.18), inset 0 0 0 1px rgba(16, 24, 32, 0.08) !important;
  color: #101820 !important;
  opacity: 1 !important;
  text-shadow: none !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.dpd-member-surface .dpd-v2-rebate-detail-modal__actions .mock-btn:hover,
html body.dpd-member-surface .dpd-v2-rebate-detail-modal__actions .mock-btn:focus-visible,
html body.dpd-member-surface .dpd-v2-rebate-detail-modal__actions .mock-btn.dark:hover,
html body.dpd-member-surface .dpd-v2-rebate-detail-modal__actions .mock-btn.dark:focus-visible,
html body.dpd-member-surface .dpd-v2-rebate-detail-modal__actions .mock-btn.yellow:hover,
html body.dpd-member-surface .dpd-v2-rebate-detail-modal__actions .mock-btn.yellow:focus-visible,
html body.dpd-member-surface .dpd-v2-rebate-detail-modal__entry:hover,
html body.dpd-member-surface .dpd-v2-rebate-detail-modal__entry:focus-visible,
html body.dpd-member-surface .dpd-v2-rebate-detail-modal__queue:hover,
html body.dpd-member-surface .dpd-v2-rebate-detail-modal__queue:focus-visible {
  background: #fff75c !important;
  background-color: #fff75c !important;
  border-color: #fff75c !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

/* Missing program data preview - keep inactive cards structured until real data is applied. */
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card.is-empty,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-card.is-empty,
html body.dpd-member-surface #sub-page-main-content-wrapper .mock-panel.is-dark.dpd-v2-program-card.is-empty {
  align-content: start !important;
  background:
    linear-gradient(145deg, #0b1720 0%, #122724 58%, #43510f 100%) !important;
  border-color: rgba(255, 242, 0, 0.36) !important;
  box-shadow: 0 16px 34px rgba(8, 14, 21, 0.14) !important;
  color: #ffffff !important;
  grid-column: span 1 !important;
  min-height: 196px !important;
  opacity: 1 !important;
  padding: 22px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card.is-empty .dpd-v2-program-card__header {
  align-items: center !important;
  gap: 10px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card.is-empty .dpd-v2-card-kicker {
  background: #fff200 !important;
  border-color: rgba(255, 242, 0, 0.68) !important;
  box-shadow: 0 0 0 1px rgba(255, 242, 0, 0.12), 0 10px 24px rgba(255, 242, 0, 0.12) !important;
  color: #101820 !important;
  max-width: 100% !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card.is-empty .mock-chip {
  background: rgba(196, 113, 24, 0.24) !important;
  border-color: rgba(225, 132, 28, 0.72) !important;
  box-shadow: none !important;
  color: #fff200 !important;
  -webkit-text-fill-color: #fff200 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card.is-empty .dpd-v2-program-placeholder {
  opacity: 0.74 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card.is-empty .dpd-v2-program-placeholder,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card.is-empty .dpd-v2-program-placeholder * {
  pointer-events: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card.is-empty .dpd-v2-loyalty-chart--placeholder {
  filter: grayscale(0.28) saturate(0.72) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card.is-empty .dpd-v2-loyalty-chart__center,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card.is-empty .dpd-v2-loyalty-kpis span,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card.is-empty .dpd-v2-program-money-tile,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card.is-empty .dpd-v2-program-rebate-total,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card.is-empty .dpd-v2-pending-rebate-row.is-placeholder {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
  color: rgba(255, 255, 255, 0.82) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card.is-empty .dpd-v2-loyalty-row.is-placeholder {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card.is-empty .dpd-v2-loyalty-row.is-placeholder strong,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card.is-empty .dpd-v2-loyalty-row.is-placeholder b,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card.is-empty .dpd-v2-program-money-tile strong,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card.is-empty .dpd-v2-program-rebate-total strong,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card.is-empty .dpd-v2-pending-rebate-row.is-placeholder strong {
  color: rgba(255, 255, 255, 0.86) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.86) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card.is-empty .dpd-v2-loyalty-row.is-placeholder em,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card.is-empty .dpd-v2-program-money-tile span,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card.is-empty .dpd-v2-program-rebate-total span,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card.is-empty .dpd-v2-pending-rebate-row.is-placeholder small {
  color: rgba(255, 255, 255, 0.64) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.64) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card.is-empty .dpd-v2-loyalty-row.is-placeholder .dpd-v2-loyalty-row__bar i {
  opacity: 0.2 !important;
  width: 12% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card.is-empty .dpd-v2-program-card__action.is-disabled {
  background: rgba(255, 255, 255, 0.14) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: rgba(255, 255, 255, 0.72) !important;
  cursor: default !important;
  pointer-events: none !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-muted-state {
  background: rgba(5, 12, 18, 0.42) !important;
  border: 1px dashed rgba(255, 255, 255, 0.22) !important;
  border-radius: 8px !important;
  color: rgba(255, 255, 255, 0.72) !important;
  display: grid !important;
  gap: 5px !important;
  margin-top: 12px !important;
  padding: 12px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-muted-state strong {
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.9) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-muted-state span {
  color: rgba(255, 255, 255, 0.68) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.68) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dealer-metrics .dpd-v2-instrument-card.is-review {
  background: linear-gradient(145deg, #f3f6f8 0%, #ffffff 100%) !important;
  border-color: rgba(16, 24, 32, 0.1) !important;
  box-shadow: 0 10px 24px rgba(8, 14, 21, 0.05) !important;
  color: #65717b !important;
  min-height: 112px !important;
  opacity: 0.82 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dealer-metrics .dpd-v2-instrument-card.is-review .dpd-v2-instrument-card__gauge,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dealer-metrics .dpd-v2-instrument-card.is-review .dpd-v2-instrument-card__gauge-ring,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dealer-metrics .dpd-v2-instrument-card.is-review .dpd-v2-instrument-card__gauge-core {
  background: #18222a !important;
  border-color: rgba(16, 24, 32, 0.14) !important;
  box-shadow: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dealer-metrics .dpd-v2-instrument-card.is-review .dpd-v2-instrument-card__gauge-value,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dealer-metrics .dpd-v2-instrument-card.is-review .dpd-v2-instrument-card__label,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dealer-metrics .dpd-v2-instrument-card.is-review .dpd-v2-instrument-card__state {
  color: #4f5b66 !important;
  -webkit-text-fill-color: #4f5b66 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dealer-metrics .dpd-v2-instrument-card.is-review .dpd-v2-instrument-card__delta,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dealer-metrics .dpd-v2-instrument-card.is-review .dpd-v2-metric-source {
  display: none !important;
}

/* Global impersonation banner - fixed mode awareness across DPD. */
html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner {
  align-items: center !important;
  background:
    linear-gradient(135deg, rgba(6, 16, 25, 0.98) 0%, rgba(11, 30, 35, 0.98) 54%, rgba(55, 66, 16, 0.98) 100%) !important;
  border: 1px solid #fff200 !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 30px rgba(4, 10, 16, 0.18) !important;
  box-sizing: border-box !important;
  color: #ffffff !important;
  display: grid !important;
  gap: 8px 12px !important;
  grid-template-columns: auto minmax(210px, 0.7fr) minmax(420px, 1fr) auto !important;
  left: 50% !important;
  max-width: 1180px !important;
  padding: 8px 10px !important;
  pointer-events: auto !important;
  position: fixed !important;
  right: auto !important;
  top: calc(var(--wp-admin--admin-bar--height, 0px) + 104px) !important;
  transform: translateX(-50%) !important;
  width: calc(100vw - 72px) !important;
  z-index: 2147482600 !important;
  -webkit-font-smoothing: antialiased !important;
}

html body.admin-bar.dpd-impersonation-active .dpd-v2-global-impersonation-banner {
  top: 132px !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner,
html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner * {
  letter-spacing: 0 !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__flag {
  align-items: center !important;
  align-self: center !important;
  background: #fff200 !important;
  border-radius: 999px !important;
  color: #101820 !important;
  display: inline-flex !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  justify-content: center !important;
  line-height: 1 !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__summary {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__summary strong {
  color: #ffffff !important;
  display: block !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  overflow-wrap: anywhere !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__summary span {
  color: rgba(255, 255, 255, 0.76) !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  overflow-wrap: anywhere !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.76) !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__details {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  margin: 0 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  z-index: 1 !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__item {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: 1px !important;
  margin: 0 !important;
  min-width: 92px !important;
  padding: 6px 8px !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__item.is-empty {
  background: rgba(170, 178, 184, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  border-style: dashed !important;
  opacity: 0.68 !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__item dt {
  color: rgba(255, 255, 255, 0.62) !important;
  font-size: 9px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  margin: 0 !important;
  text-transform: uppercase !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.62) !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__item dd,
html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__item a {
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  max-width: 170px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__item.is-empty dd {
  color: rgba(255, 255, 255, 0.72) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__end {
  align-items: center !important;
  align-self: center !important;
  background: #fff200 !important;
  border: 1px solid #fff200 !important;
  border-radius: 999px !important;
  color: #101820 !important;
  display: inline-flex !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  justify-content: center !important;
  line-height: 1 !important;
  min-height: 34px !important;
  padding: 0 16px !important;
  pointer-events: auto !important;
  position: relative !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  z-index: 5 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__end:hover,
html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__end:focus-visible {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #101820 !important;
  outline: none !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.dpd-member-surface.dpd-impersonation-active #sub-page-main-content-wrapper {
  padding-top: 84px !important;
}

@media (max-width: 1120px) {
  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner {
    grid-template-columns: 1fr auto !important;
    max-width: calc(100vw - 36px) !important;
    width: calc(100vw - 36px) !important;
  }

  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__flag,
  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__summary,
  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__details {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 782px) {
  html body.admin-bar.dpd-impersonation-active .dpd-v2-global-impersonation-banner {
    top: 126px !important;
  }
}

@media (max-width: 720px) {
  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner {
    border-radius: 14px !important;
    gap: 10px !important;
    grid-template-columns: 1fr !important;
    left: 12px !important;
    max-height: calc(100vh - 132px) !important;
    overflow-y: auto !important;
    padding: 12px !important;
    right: 12px !important;
    top: 84px !important;
    transform: none !important;
    width: auto !important;
  }

  html body.admin-bar.dpd-impersonation-active .dpd-v2-global-impersonation-banner {
    top: 112px !important;
  }

  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__flag,
  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__end {
    min-height: 40px !important;
    width: 100% !important;
  }

  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__item {
    min-width: min(100%, 148px) !important;
  }

  html body.dpd-member-surface.dpd-impersonation-active #sub-page-main-content-wrapper {
    padding-top: 152px !important;
  }
}

/* Global impersonation banner bottom dock - keep page heroes unobstructed and data readable. */
html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner {
  bottom: max(14px, env(safe-area-inset-bottom)) !important;
  gap: 8px 12px !important;
  grid-template-columns: auto minmax(230px, 0.7fr) minmax(0, 1.7fr) auto !important;
  max-width: 1480px !important;
  padding: 9px 12px !important;
  top: auto !important;
  width: calc(100vw - 40px) !important;
}

html body.admin-bar.dpd-impersonation-active .dpd-v2-global-impersonation-banner {
  top: auto !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__details {
  align-items: stretch !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  overflow: visible !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__item {
  flex: 1 1 104px !important;
  min-width: 104px !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__item dd,
html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__item a {
  max-width: none !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
  text-overflow: clip !important;
  white-space: normal !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__end {
  align-self: stretch !important;
  min-width: 118px !important;
}

html body.dpd-member-surface.dpd-impersonation-active #sub-page-main-content-wrapper {
  padding-top: 0 !important;
  padding-bottom: 96px !important;
}

@media (max-width: 1120px) {
  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner {
    grid-template-columns: 1fr auto !important;
    width: calc(100vw - 28px) !important;
  }

  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__flag,
  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__summary,
  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__details {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 720px) {
  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner,
  html body.admin-bar.dpd-impersonation-active .dpd-v2-global-impersonation-banner {
    bottom: max(10px, env(safe-area-inset-bottom)) !important;
    max-height: 48vh !important;
    top: auto !important;
  }

html body.dpd-member-surface.dpd-impersonation-active #sub-page-main-content-wrapper {
    padding-top: 0 !important;
    padding-bottom: 188px !important;
  }
}

/* Global impersonation micro chip - keep mode visible without covering page content. */
html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner {
  align-items: center !important;
  background: rgba(7, 19, 28, 0.94) !important;
  border-color: rgba(255, 242, 0, 0.72) !important;
  border-radius: 999px !important;
  bottom: auto !important;
  box-shadow: 0 10px 24px rgba(4, 9, 14, 0.2) !important;
  display: grid !important;
  gap: 6px !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  left: auto !important;
  max-height: none !important;
  max-width: 430px !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 5px 6px !important;
  right: 186px !important;
  top: 10px !important;
  transform: none !important;
  width: min(430px, calc(100vw - 560px)) !important;
  z-index: 2147483602 !important;
}

html body.admin-bar.dpd-impersonation-active .dpd-v2-global-impersonation-banner {
  top: calc(32px + 10px) !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__flag {
  align-items: center !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  font-size: 10px !important;
  justify-content: center !important;
  letter-spacing: 0.04em !important;
  line-height: 1 !important;
  min-height: 28px !important;
  min-width: 118px !important;
  padding: 0 11px !important;
  white-space: nowrap !important;
  width: auto !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__summary {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__summary strong {
  display: block !important;
  font-size: 12px !important;
  line-height: 1.05 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__summary span {
  display: none !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__end {
  align-items: center !important;
  align-self: center !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  font-size: 10px !important;
  justify-content: center !important;
  letter-spacing: 0.1em !important;
  line-height: 1 !important;
  min-height: 28px !important;
  min-width: 82px !important;
  padding: 0 13px !important;
  position: relative !important;
  white-space: nowrap !important;
  width: auto !important;
  z-index: 2 !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__details {
  align-items: stretch !important;
  background: rgba(7, 19, 28, 0.98) !important;
  border: 1px solid rgba(255, 242, 0, 0.38) !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 42px rgba(4, 9, 14, 0.32) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  left: 50% !important;
  max-height: min(46vh, 340px) !important;
  max-width: min(640px, calc(100vw - 28px)) !important;
  opacity: 0 !important;
  overflow: auto !important;
  padding: 8px !important;
  pointer-events: none !important;
  position: absolute !important;
  top: calc(100% + 7px) !important;
  transform: translateX(-50%) translateY(-4px) !important;
  transition: opacity 140ms ease, transform 140ms ease, visibility 140ms ease !important;
  visibility: hidden !important;
  width: min(640px, calc(100vw - 28px)) !important;
  z-index: 1 !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner:hover .dpd-v2-global-impersonation-banner__details,
html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner:focus-within .dpd-v2-global-impersonation-banner__details {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateX(-50%) translateY(0) !important;
  visibility: visible !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__item {
  flex: 1 1 132px !important;
  min-width: 132px !important;
  padding: 6px 8px !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__item dd,
html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__item a {
  max-width: none !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
  text-overflow: clip !important;
  white-space: normal !important;
}

html body.dpd-member-surface.dpd-impersonation-active #sub-page-main-content-wrapper {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

@media (max-width: 1160px) {
  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner {
    left: 50% !important;
    max-width: min(430px, calc(100vw - 28px)) !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: min(430px, calc(100vw - 28px)) !important;
  }
}

@media (max-width: 720px) {
  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner,
  html body.admin-bar.dpd-impersonation-active .dpd-v2-global-impersonation-banner {
    bottom: auto !important;
    gap: 5px !important;
    left: 8px !important;
    max-width: calc(100vw - 16px) !important;
    padding: 5px !important;
    right: 8px !important;
    top: 8px !important;
    transform: none !important;
    width: auto !important;
  }

  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__flag {
    min-width: 92px !important;
    padding: 0 9px !important;
  }

  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__summary strong {
    font-size: 11px !important;
  }

  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__end {
    min-width: 70px !important;
    padding: 0 10px !important;
  }

  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__details {
    left: 0 !important;
    max-height: 52vh !important;
    max-width: 100% !important;
    top: calc(100% + 6px) !important;
    transform: translateY(-4px) !important;
    width: 100% !important;
  }

  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner:hover .dpd-v2-global-impersonation-banner__details,
  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner:focus-within .dpd-v2-global-impersonation-banner__details {
    transform: translateY(0) !important;
  }
}

/* DPD dashboard audit refinement - 2026-07-09 */
html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner {
  align-items: center !important;
  background: linear-gradient(90deg, rgba(4, 12, 18, 0.96), rgba(18, 32, 22, 0.96)) !important;
  border: 1px solid #fff200 !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.2) !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  height: 40px !important;
  left: auto !important;
  max-height: 40px !important;
  max-width: 440px !important;
  min-height: 40px !important;
  min-width: 320px !important;
  overflow: visible !important;
  padding: 4px 6px !important;
  pointer-events: auto !important;
  position: fixed !important;
  right: clamp(240px, 17vw, 330px) !important;
  top: calc(var(--wp-admin--admin-bar--height, 0px) + 10px) !important;
  transform: none !important;
  width: min(440px, calc(100vw - 760px)) !important;
  z-index: 10080 !important;
}

html body.admin-bar.dpd-impersonation-active .dpd-v2-global-impersonation-banner {
  top: calc(var(--wp-admin--admin-bar--height, 32px) + 10px) !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__flag {
  border-radius: 999px !important;
  font-size: 10px !important;
  height: 30px !important;
  letter-spacing: 0 !important;
  min-width: 130px !important;
  padding: 0 12px !important;
  white-space: nowrap !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__summary {
  min-width: 0 !important;
  overflow: hidden !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__summary strong,
html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__summary span {
  display: block !important;
  line-height: 1.12 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__summary strong {
  color: #fff !important;
  font-size: 12px !important;
  letter-spacing: 0 !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__summary span {
  color: rgba(255, 255, 255, 0.8) !important;
  font-size: 10px !important;
  letter-spacing: 0 !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__end {
  border-radius: 999px !important;
  font-size: 10px !important;
  height: 30px !important;
  letter-spacing: 0 !important;
  min-width: 112px !important;
  padding: 0 14px !important;
  white-space: nowrap !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__details {
  background: rgba(4, 12, 18, 0.98) !important;
  border: 1px solid rgba(255, 242, 0, 0.7) !important;
  border-radius: 14px !important;
  box-shadow: 0 20px 42px rgba(0, 0, 0, 0.28) !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(3, minmax(120px, 1fr)) !important;
  max-width: min(620px, calc(100vw - 32px)) !important;
  min-width: min(560px, calc(100vw - 32px)) !important;
  opacity: 0 !important;
  padding: 10px !important;
  pointer-events: none !important;
  position: absolute !important;
  right: 0 !important;
  top: calc(100% + 8px) !important;
  transform: translateY(-4px) !important;
  transition: opacity 0.16s ease, transform 0.16s ease !important;
  visibility: hidden !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner:hover .dpd-v2-global-impersonation-banner__details,
html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner:focus-within .dpd-v2-global-impersonation-banner__details {
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__item {
  min-height: 44px !important;
  min-width: 0 !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__item dd,
html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__item a {
  overflow-wrap: anywhere !important;
  white-space: normal !important;
}

html body.dpd-member-surface.dpd-impersonation-active #sub-page-main-content-wrapper {
  padding-top: 0 !important;
}

html body.dpd-member-surface.dpd-impersonation-active #sub-page-main-content-wrapper .dpd-v2-role-banner:not(.dpd-v2-global-impersonation-banner),
html body.dpd-member-surface.dpd-impersonation-active #sub-page-main-content-wrapper .woocommerce-message,
html body.dpd-member-surface.dpd-impersonation-active #sub-page-main-content-wrapper .woocommerce-info,
html body.dpd-member-surface.dpd-impersonation-active #sub-page-main-content-wrapper .woocommerce-error {
  position: relative !important;
  z-index: 2 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-section-anchor {
  display: block !important;
  height: 1px !important;
  margin: -1px 0 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--metrics#dealer-kpis,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--metrics#parent-kpis {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-summary-rail {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(4, minmax(150px, 1fr)) !important;
  margin: 12px 0 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-summary-card {
  align-content: start !important;
  background: linear-gradient(135deg, rgba(5, 14, 21, 0.96), rgba(42, 55, 25, 0.94)) !important;
  border: 1px solid rgba(255, 242, 0, 0.4) !important;
  border-radius: 14px !important;
  box-shadow: 0 16px 32px rgba(6, 14, 20, 0.12) !important;
  color: #fff !important;
  display: grid !important;
  gap: 3px !important;
  min-height: 96px !important;
  padding: 12px 14px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-summary-card span {
  color: #fff200 !important;
  font-family: var(--dpd-heading-font, inherit) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-summary-card strong {
  color: #fff !important;
  font-size: clamp(28px, 3vw, 42px) !important;
  letter-spacing: 0 !important;
  line-height: 0.95 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-summary-card em,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-summary-card small {
  color: rgba(255, 255, 255, 0.78) !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
  line-height: 1.25 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-summary-card em {
  font-size: 14px !important;
  font-weight: 900 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-summary-card small {
  font-size: 11px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--priority {
  margin-top: 16px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-priority-card {
  align-items: stretch !important;
  background: linear-gradient(135deg, #f8fbff, #ffffff) !important;
  border: 1px solid rgba(90, 162, 255, 0.24) !important;
  border-left: 5px solid var(--dpd-accent, #5aa2ff) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(260px, 0.55fr) !important;
  min-height: 0 !important;
  padding: 14px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-priority-card__main {
  display: grid !important;
  gap: 10px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-priority-card h3 {
  font-size: clamp(20px, 2vw, 30px) !important;
  line-height: 1.05 !important;
  margin: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-priority-card p {
  font-size: 13px !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  max-width: 760px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-priority-card__badges,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-priority-card__actions {
  gap: 8px !important;
  margin: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-priority-card__side {
  background: #eef4f9 !important;
  border: 1px solid #d9e5ef !important;
  border-radius: 10px !important;
  display: grid !important;
  gap: 9px !important;
  padding: 10px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-priority-card__metric {
  background: #07111a !important;
  border-radius: 8px !important;
  color: #fff !important;
  min-height: 72px !important;
  padding: 10px 12px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-priority-card__metric strong {
  font-size: 36px !important;
  line-height: 1 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-priority-card__updates {
  background: #ffffff !important;
  border: 1px solid #dce5ec !important;
  border-radius: 8px !important;
  display: grid !important;
  gap: 6px !important;
  padding: 9px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-priority-card__updates > span {
  color: #62717f !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-priority-card__updates em {
  background: #f2f6fa !important;
  border-radius: 8px !important;
  color: #101820 !important;
  display: block !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  padding: 7px 8px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-priority-card__items {
  display: grid !important;
  gap: 6px !important;
  margin: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-priority-card__items li {
  border-radius: 8px !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  min-height: 0 !important;
  padding: 8px 10px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--promo-banner {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 16px 0 !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-banner {
  background-color: #07111a !important;
  border: 0 !important;
  border-radius: 18px !important;
  box-shadow: 0 16px 34px rgba(5, 12, 18, 0.18) !important;
  min-height: 170px !important;
  overflow: hidden !important;
  padding: 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .video-header-content.mock-static-bg,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .swag-store-bg-header,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .bg-header-main {
  min-height: 220px !important;
  padding-bottom: 28px !important;
  padding-top: 28px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .main-content-sec,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .main-content-sec {
  padding: 22px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-action-card-grid,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-flow__stats {
  gap: 12px !important;
  grid-template-columns: repeat(4, minmax(150px, 1fr)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-action-card,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .mock-panel {
  min-height: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-action-card {
  padding: 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-action-card h3,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-action-card h4 {
  font-size: clamp(20px, 2vw, 30px) !important;
  line-height: 1.05 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .swag-store-sec1-tabs,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .reward-store-tabs,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-tabs {
  margin-bottom: 14px !important;
  padding: 12px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-commerce-surface {
  padding: 22px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-flow-strip {
  gap: 16px !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(260px, 0.55fr) !important;
  margin-bottom: 16px !important;
  padding: 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-flow-strip__stats {
  gap: 10px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .disclaimerBox,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .terms-and-conditions,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-terms-box {
  max-height: 360px !important;
  overflow: auto !important;
}

/* Rewards legal copy must remain complete and precede Support - 2026-07-14 */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .disclaimerBox,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .terms-and-conditions,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-terms-box {
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding-bottom: clamp(28px, 4vw, 48px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell #terms {
  scroll-margin-top: 110px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell #rewards-support {
  clear: both !important;
  margin-top: clamp(20px, 3vw, 36px) !important;
  position: relative !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell + footer#kill .footer-use-notice,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell + footer#kill + .disclaimers-main .disclaimers-main-in {
  padding-right: 190px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell + footer#kill + .disclaimers-main {
  padding-bottom: max(82px, env(safe-area-inset-bottom)) !important;
}

@media (max-width: 760px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell + footer#kill .footer-use-notice,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell + footer#kill + .disclaimers-main .disclaimers-main-in {
    padding-right: 0 !important;
  }
}

@media (max-width: 1280px) {
  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner {
    max-width: 360px !important;
    min-width: 300px !important;
    right: 190px !important;
    width: 360px !important;
  }

  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__flag {
    min-width: 112px !important;
  }

  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__end {
    min-width: 100px !important;
  }
}

@media (max-width: 1100px) {
  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner {
    left: 12px !important;
    min-width: 0 !important;
    right: 12px !important;
    top: calc(var(--wp-admin--admin-bar--height, 0px) + 82px) !important;
    width: auto !important;
  }

  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__details {
    left: 0 !important;
    min-width: 0 !important;
    right: 0 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-summary-rail,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-action-card-grid,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-flow__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-priority-card,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-flow-strip {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 720px) {
  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner {
    height: auto !important;
    max-height: none !important;
    padding: 6px !important;
  }

  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__summary span {
    display: none !important;
  }

  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__details {
    grid-template-columns: 1fr !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-summary-rail,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-action-card-grid,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-flow__stats {
    grid-template-columns: 1fr !important;
  }
}

/* DPD admin tool compact hero and shared controls - 2026-07-09 */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-hero .video-header-content.mock-static-bg {
  align-items: center !important;
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  min-height: clamp(210px, 24vw, 300px) !important;
  padding: 34px clamp(26px, 5vw, 72px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-hero .dpd-v2-global-hero__content,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-hero .dpd-v2-global-hero__aside {
  float: none !important;
  max-width: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-hero .dpd-v2-global-hero__content {
  max-width: 760px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-hero .dpd-v2-global-hero__aside {
  align-self: start !important;
  justify-self: end !important;
}

/* DPD wallet and rewards live-copy alignment - 2026-07-10 */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-education {
  background: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 18px 42px rgba(7, 18, 26, 0.08) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-education__intro {
  align-items: end !important;
  display: flex !important;
  gap: 16px !important;
  justify-content: space-between !important;
  margin-bottom: 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-education__intro .dpd-v2-card-kicker {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-mobile-hero span,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-hero-copy span,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-hero-panel span {
  color: #fff200 !important;
  -webkit-text-fill-color: #fff200 !important;
}

/* "How do I earn Dunlop Dollars?" is a heading, not a control. As a yellow pill
   it was the same shape, colour and radius as every button on the page, so it
   read as clickable and did nothing when clicked. John Chen, 28 August: make it
   black background, white text.
   The radius drops with the colour. A black pill is still pill-shaped, and shape
   is most of why it looked like a button in the first place. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-education__intro .dpd-v2-card-kicker {
  background: #101820 !important;
  border-radius: 4px !important;
  display: inline-flex !important;
  margin: 0 0 10px !important;
  padding: 7px 12px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-education__intro h2 {
  color: #101820 !important;
  font-size: clamp(30px, 3vw, 46px) !important;
  line-height: 1 !important;
  margin: 0 !important;
  max-width: 18ch !important;
  text-transform: uppercase !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-education__grid {
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: minmax(320px, 0.9fr) minmax(0, 1.1fr) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-video-card {
  background: radial-gradient(circle at 85% 20%, rgba(255, 242, 0, 0.14), rgba(255, 242, 0, 0) 36%), linear-gradient(135deg, #071019 0%, #13231f 58%, #26350f 100%) !important;
  border: 1px solid rgba(255, 242, 0, 0.42) !important;
  border-radius: 18px !important;
  display: grid !important;
  gap: 16px !important;
  overflow: hidden !important;
  padding: 16px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-video-card__frame {
  aspect-ratio: 16 / 9 !important;
  background-color: #000 !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-video-card__frame iframe {
  border: 0 !important;
  display: block !important;
  height: 100% !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-video-card__copy h3 {
  color: #ffffff !important;
  font-size: clamp(24px, 2.2vw, 34px) !important;
  line-height: 1.02 !important;
  margin: 0 0 8px !important;
  text-transform: uppercase !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-video-card__copy p {
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-grid {
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card {
  background: #f7fafc !important;
  border: 1px solid rgba(16, 24, 32, 0.1) !important;
  border-radius: 16px !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-rows: auto 1fr auto !important;
  min-height: 228px !important;
  padding: 16px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card__graphic {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid rgba(16, 24, 32, 0.1) !important;
  border-radius: 16px !important;
  display: grid !important;
  gap: 4px !important;
  justify-items: start !important;
  min-height: 92px !important;
  padding: 14px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card__icon {
  align-items: center !important;
  background: #101820 !important;
  border: 2px solid #fff200 !important;
  border-radius: 999px !important;
  color: #fff200 !important;
  display: inline-flex !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  height: 34px !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  margin-bottom: 6px !important;
  width: 34px !important;
  -webkit-text-fill-color: #fff200 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card__icon::before {
  content: "$" !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card__icon--training::before {
  content: "TR" !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card__icon--login::before {
  content: "IN" !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card__icon--ticket::before {
  content: "#" !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card__graphic strong {
  color: #101820 !important;
  display: block !important;
  font-size: clamp(42px, 4vw, 58px) !important;
  line-height: 0.9 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card__graphic span {
  color: #5a6672 !important;
  display: block !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.12em !important;
  line-height: 1.15 !important;
  margin-top: 8px !important;
  text-transform: uppercase !important;
  -webkit-text-fill-color: #5a6672 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card h3 {
  color: #101820 !important;
  font-size: clamp(20px, 1.6vw, 26px) !important;
  line-height: 1.05 !important;
  margin: 0 0 8px !important;
  text-transform: uppercase !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card p {
  color: #4b5663 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  -webkit-text-fill-color: #4b5663 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-hero-actions {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 22px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-mobile-hero .mock-btn {
  margin-top: 16px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-anchor-target {
  height: 1px !important;
  margin-top: -1px !important;
  width: 1px !important;
}

@media (max-width: 1180px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-education__grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 720px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-education__intro {
    align-items: start !important;
    display: grid !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-grid {
    grid-template-columns: 1fr !important;
  }
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-hero .dpd-v2-hero-kicker,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-hero .dashboard-head-left > span {
  letter-spacing: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-hero h1 {
  font-size: clamp(30px, 3.2vw, 44px) !important;
  line-height: 1.02 !important;
  margin: 18px 0 10px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-hero .dashboard-head-left > p:last-of-type {
  font-size: clamp(15px, 1.4vw, 18px) !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  max-width: 660px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-hero .dpd-v2-action-row {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell.dpd-v2-route-shell--admin-tool.dpd-v2-guided-route--admin-tool .dpd-v2-admin-tool-hero,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell.dpd-v2-route-shell--admin-tool.dpd-v2-guided-route--admin-tool .dpd-v2-admin-tool-hero .dpd-v2-global-hero__inner {
  overflow: visible !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell.dpd-v2-route-shell--admin-tool.dpd-v2-guided-route--admin-tool .dpd-v2-admin-tool-hero {
  position: relative !important;
  z-index: 20 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell.dpd-v2-route-shell--admin-tool.dpd-v2-guided-route--admin-tool .dpd-v2-admin-tool-hero .dpd-v2-global-hero__aside {
  align-self: start !important;
  justify-self: end !important;
  position: absolute !important;
  right: clamp(22px, 3vw, 42px) !important;
  top: clamp(22px, 3vw, 36px) !important;
  width: 48px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-hero .dpd-v2-admin-tool-focus-trigger {
  align-items: flex-start !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  justify-content: flex-end !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  position: relative !important;
  text-align: left !important;
  width: auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-hero .dpd-v2-admin-tool-context__toggle {
  align-items: center !important;
  display: inline-flex !important;
  height: 48px !important;
  inset: auto !important;
  justify-content: center !important;
  margin: 0 !important;
  min-height: 48px !important;
  min-width: 48px !important;
  position: relative !important;
  width: 48px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-hero .dpd-v2-admin-tool-context__info-panel {
  border-radius: 12px !important;
  max-height: min(420px, calc(100vh - 150px)) !important;
  max-width: min(380px, calc(100vw - 44px)) !important;
  min-width: min(320px, calc(100vw - 44px)) !important;
  padding: 16px !important;
  right: 0 !important;
  top: calc(100% + 12px) !important;
  width: min(380px, calc(100vw - 44px)) !important;
}

@media (hover: hover) and (pointer: fine) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-hero .dpd-v2-admin-tool-focus-trigger:not(.is-info-open):not(:has(> .dpd-v2-admin-tool-context__toggle:hover)):not(:has(> .dpd-v2-admin-tool-context__toggle:focus-visible)) > .dpd-v2-info-summary {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(-4px) !important;
    visibility: hidden !important;
  }
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-hero .dpd-v2-admin-tool-focus-trigger:has(> .dpd-v2-admin-tool-context__toggle:hover) > .dpd-v2-info-summary,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-hero .dpd-v2-admin-tool-focus-trigger.is-info-open > .dpd-v2-info-summary,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-hero .dpd-v2-admin-tool-focus-trigger:has(> .dpd-v2-admin-tool-context__toggle:focus-visible) > .dpd-v2-info-summary {
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-hero .dpd-v2-admin-tool-context__eyebrow {
  color: rgba(255, 255, 255, 0.72) !important;
  display: block !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  margin: 0 0 8px !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-hero .dpd-v2-admin-tool-context__info-panel h3 {
  color: #ffffff !important;
  font-size: 20px !important;
  letter-spacing: 0 !important;
  line-height: 1.05 !important;
  margin: 0 0 10px !important;
  text-align: left !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-hero .dpd-v2-admin-tool-context__info-panel p {
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  display: grid !important;
  gap: 4px !important;
  margin: 0 0 12px !important;
  padding-top: 10px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-context__list {
  display: grid !important;
  gap: 8px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-context__list li {
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  padding-top: 8px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-frame {
  border-radius: 18px !important;
  box-shadow: 0 16px 34px rgba(5, 12, 18, 0.1) !important;
  margin-top: 14px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-frame .container-fluid {
  padding: 22px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-card,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-table-card,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-control-card {
  background: #ffffff !important;
  border: 1px solid #dbe3eb !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  margin-bottom: 16px !important;
  padding: 20px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-section-head,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-section-header {
  border-bottom: 1px solid #e2e8ef !important;
  margin-bottom: 16px !important;
  padding-bottom: 14px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-section-head h3,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-section-header__copy h2 {
  font-size: clamp(22px, 2vw, 30px) !important;
  letter-spacing: 0 !important;
  line-height: 1.05 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-toolbar,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-control-card .form-inline {
  align-items: end !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: repeat(3, minmax(180px, 1fr)) auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-toolbar-actions,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-actions {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: flex-end !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-btn,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-frame .btn:not(:where(dialog.dpd-dr-modal *)),
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-frame button:not(.dpd-v2-info-dot):not(:where(dialog.dpd-dr-modal *)) {
  align-items: center !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  min-height: 38px !important;
  padding: 10px 18px !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-btn--primary,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-btn--highlight,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .btn-primary {
  background: #ffe600 !important;
  border: 1px solid #ffe600 !important;
  color: #11161b !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-btn--outline,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .btn-link {
  background: #ffffff !important;
  border: 1px solid #dbe3eb !important;
  color: #11161b !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-filter-row,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-control-strip {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 12px 0 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-filter-pill,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-control-strip > span {
  background: #f2f5f8 !important;
  border-radius: 999px !important;
  color: #11161b !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  padding: 8px 13px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-pagination,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-screen .pagination {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: flex-start !important;
  margin: 14px 0 18px !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-page-summary {
  color: #526170 !important;
  flex-basis: 100% !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.3 !important;
  margin: 0 0 2px !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-pagination .page-numbers,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-screen .pagination .page-numbers,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-screen .pagination a,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-screen .pagination span {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #d9e1ea !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: #11161b !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  height: 36px !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  min-width: 36px !important;
  padding: 0 13px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-pagination .page-numbers.current,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-screen .pagination .page-numbers.current,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-screen .pagination span.current {
  background: #ffe600 !important;
  border-color: #ffe600 !important;
  color: #11161b !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-table-wrap,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-table-wrap {
  -webkit-overflow-scrolling: touch !important;
  background: #ffffff !important;
  border: 1px solid #dbe3eb !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-table-wrap table,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-table-wrap table.table-default {
  border-collapse: collapse !important;
  margin: 0 !important;
  min-width: 1080px !important;
  table-layout: auto !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--reps .dpd-admin-ops-table-wrap table.dpd-admin-ops-reps-table:not(.dpd-admin-cardified-table),
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-ops-table-wrap table.dpd-admin-ops-requests-table,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-table-wrap table.table-default {
  min-width: 1180px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-table-wrap thead th,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-table-wrap thead th {
  background: #07111a !important;
  border: 0 !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  padding: 14px 16px !important;
  text-transform: uppercase !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-table-wrap tbody td,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-table-wrap tbody td {
  border-bottom: 1px solid #e6edf3 !important;
  color: #465365 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere !important;
  padding: 16px !important;
  vertical-align: top !important;
  white-space: normal !important;
  word-break: normal !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-table-wrap tbody tr:nth-child(even) td,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-table-wrap tbody tr:nth-child(even) td {
  background: #f7f9fb !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-table-wrap a,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-table-wrap button,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-table-wrap a,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-table-wrap button {
  overflow-wrap: normal !important;
  text-orientation: mixed !important;
  white-space: nowrap !important;
  word-break: normal !important;
  writing-mode: horizontal-tb !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--reps .dpd-admin-ops-reps-table th:nth-child(2),
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--reps .dpd-admin-ops-reps-table td:nth-child(2),
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--reps .dpd-admin-ops-reps-table th:nth-child(3),
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--reps .dpd-admin-ops-reps-table td:nth-child(3) {
  min-width: 210px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--reps .dpd-admin-ops-reps-table th:nth-child(4),
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--reps .dpd-admin-ops-reps-table td:nth-child(4) {
  min-width: 220px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-ops-requests-table th:last-child,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-ops-requests-table td:last-child,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-table-wrap th:last-child,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-table-wrap td:last-child {
  min-width: 128px !important;
}

@media (max-width: 1180px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-hero .video-header-content.mock-static-bg {
    grid-template-columns: minmax(0, 1fr) auto !important;
    padding: 30px 24px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-toolbar,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-control-card .form-inline {
    grid-template-columns: repeat(2, minmax(180px, 1fr)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-toolbar-actions,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-actions {
    grid-column: 1 / -1 !important;
    justify-content: flex-start !important;
  }
}

@media (max-width: 880px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-position-actions {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-controls--inline > .dpd-v2-finder-position-actions > .dpd-v2-action-row {
    width: 100% !important;
  }
}

@media (max-width: 760px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-hero .video-header-content.mock-static-bg {
    align-items: start !important;
    grid-template-columns: 1fr auto !important;
    min-height: 0 !important;
    padding: 26px 18px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-hero h1 {
    font-size: clamp(28px, 9vw, 36px) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-frame .container-fluid {
    padding: 16px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-toolbar,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-control-card .form-inline {
    grid-template-columns: 1fr !important;
  }
}

/* DPD header logo shape parity - 2026-07-09 */
html body #header-login .dpd-public-logo-mark,
html body header.log-out.dpd-public-header .dpd-public-logo-mark,
html body.dpd-member-surface #header-login > .dpd-member-header-app-mark {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body #header-login .dpd-public-logo-mark img,
html body header.log-out.dpd-public-header .dpd-public-logo-mark img {
  border-radius: 0 !important;
  display: block !important;
  height: var(--dpd-global-logo-size, 58px) !important;
  max-height: var(--dpd-global-logo-size, 58px) !important;
  max-width: var(--dpd-global-logo-size, 58px) !important;
  object-fit: contain !important;
  width: var(--dpd-global-logo-size, 58px) !important;
}

@media (min-width: 1101px) {
  html body.dpd-member-surface #header-login > .dpd-member-header-app-mark img {
    border-radius: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    max-width: 100% !important;
    object-fit: contain !important;
    width: 100% !important;
  }

html body.dpd-member-surface:not(.dpd-v2-sidebar-collapsed):not(.dpd-sidebar-collapsed) #header-login > .dpd-member-header-app-mark img {
    height: 58px !important;
    max-height: 58px !important;
    max-width: 58px !important;
    width: 58px !important;
  }
}

/* DPD auth page single-header-logo cleanup - 2026-07-09 */
body.page-template-template-member-login .dpd-member-login-page__hero-brand img,
body.page-template-templates-frontendtemplate-member-login-php .dpd-member-login-page__hero-brand img,
body.page-template-template-member-login .dpd-member-login-page__panel-icon,
body.page-template-templates-frontendtemplate-member-login-php .dpd-member-login-page__panel-icon,
body.page-template-template-register-landing .dpd-register-process-shell__mark,
body.page-template-templates-frontendtemplate-register-landing-php .dpd-register-process-shell__mark {
  display: none !important;
}

body.page-template-template-member-login .dpd-member-login-page__hero-brand,
body.page-template-templates-frontendtemplate-member-login-php .dpd-member-login-page__hero-brand {
  gap: 0 !important;
}

body.page-template-template-member-login .dpd-member-login-page__panel-top,
body.page-template-templates-frontendtemplate-member-login-php .dpd-member-login-page__panel-top {
  display: block !important;
  gap: 0 !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

/* DPD light-surface yellow text contrast cleanup - 2026-07-09 */
:root {
  --dpd-light-surface-accent-text: #4f4700;
}
html body.dpd-storytelling--public .dpd-member-login-page__journey-card .dpd-member-login-page__journey-kicker{
   color: var(--dpd-story-yellow) !important;
  -webkit-text-fill-color: var(--dpd-story-yellow)!important;
}

html body.dpd-storytelling--public .dpd-story-panel:not(.dpd-story-panel--dark) .dpd-story-panel__kicker,
html body.dpd-storytelling--public .dpd-register-process-shell__application .dpd-register-process-shell__eyebrow,
html body.dpd-storytelling--public .dpd-register-account-shell__form .dpd-register-account-shell__eyebrow,
html body.dpd-storytelling--public .dpd-member-login-page__panel .dpd-member-login-page__panel-copy span,
html body.dpd-storytelling--public .dpd-member-login-page__journey-card .dpd-member-login-page__journey-scene,
html body.dpd-storytelling--public :is(.dpd-story-panel:not(.dpd-story-panel--dark), .dpd-register-process-shell__application, .dpd-register-account-shell__form, .dpd-member-login-page__panel, .dpd-member-login-page__journey-card) :is([class$="__kicker"], [class$="__eyebrow"]) {
  color: #000 !important;
  -webkit-text-fill-color: #000!important;
  text-shadow: none !important;
}
html body.dpd-storytelling--public .dpd-story-panel:not(.dpd-story-panel--dark) .dpd-story-panel__kicker,
html body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-panel:not(.dpd-story-panel--dark) .dpd-story-panel__intro .dpd-story-panel__kicker {
  color: #000  !important;
  -webkit-text-fill-color:#000 !important;
}

/* DPD Program Visual loyalty rows - hide distributor account preview codes. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--program-visuals .mock-panel.is-dark.dpd-v2-program-card .dpd-v2-loyalty-row {
  grid-template-columns: 16px minmax(0, 1fr) auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--program-visuals .mock-panel.is-dark.dpd-v2-program-card .dpd-v2-loyalty-row b {
  grid-column: 3 !important;
  justify-self: end !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--program-visuals .mock-panel.is-dark.dpd-v2-program-card .dpd-v2-loyalty-row__bar {
  grid-column: 2 / -1 !important;
}

/* DPD dealer dashboard visual tightening - 2026-07-09 */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-sec.dpd-v2-dashboard-section--dealer-promotions.dpd-v2-dashboard-section--promo-banner,
html body.dpd-member-surface #sub-page-main-content-wrapper .main-content-sec.dpd-v2-dashboard-section--dealer-promotions.dpd-v2-dashboard-section--promo-banner {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-promo-banner,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-banner {
  margin: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-sec.dpd-v2-dashboard-section--priority,
html body.dpd-member-surface #sub-page-main-content-wrapper .main-content-sec.dpd-v2-dashboard-section--priority {
  margin-top: 10px !important;
  padding: 16px 20px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-priority-card,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-priority-card {
  align-items: center !important;
  gap: 12px !important;
  grid-template-columns: 1fr !important;
  min-height: 0 !important;
  padding: 16px 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-priority-card__side,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-priority-card__side {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-priority-card__main,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-priority-card__main {
  align-items: end !important;
  display: grid !important;
  gap: 8px 18px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-priority-card__main .dpd-v2-card-kicker,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-priority-card__main .dpd-v2-card-kicker,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-priority-card__main h3,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-priority-card__main h3,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-priority-card__main > p,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-priority-card__main > p,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-priority-card__badges,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-priority-card__badges {
  grid-column: 1 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-priority-card__updates--inline,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-priority-card__updates--inline {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  grid-column: 1 !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-priority-card__updates--inline > span,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-priority-card__updates--inline > span {
  background: #07111a !important;
  border-radius: 999px !important;
  color: #fff !important;
  display: inline-flex !important;
  font-size: 10px !important;
  line-height: 1 !important;
  padding: 7px 9px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-priority-card__updates--inline em,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-priority-card__updates--inline em {
  border: 1px solid rgba(16, 24, 32, 0.08) !important;
  display: inline-flex !important;
  font-size: 11px !important;
  padding: 7px 9px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-priority-card__actions,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-priority-card__actions {
  align-self: end !important;
  grid-column: 2 !important;
  grid-row: 1 / span 4 !important;
  justify-content: flex-end !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-priority-card h3,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-priority-card h3 {
  font-size: clamp(18px, 1.55vw, 24px) !important;
  line-height: 1.08 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-priority-card p,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-priority-card p {
  font-size: 12px !important;
  line-height: 1.35 !important;
  max-width: 720px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-program-summary-rail,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-summary-rail {
  grid-template-columns: repeat(auto-fit, minmax(168px, 1fr)) !important;
  margin: 10px 0 16px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-program-summary-card,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-summary-card {
  min-height: 86px !important;
  padding: 11px 13px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-program-summary-card:first-child,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-summary-card:first-child {
  background:
    radial-gradient(circle at 88% 12%, rgba(var(--dpd-selected-glow-rgb), 0.26), rgba(var(--dpd-selected-glow-rgb), 0) 36%),
    linear-gradient(135deg, rgba(5, 14, 21, 0.98), rgba(24, 45, 38, 0.96)) !important;
  border-color: rgba(var(--dpd-selected-glow-rgb), 0.58) !important;
}

@media (max-width: 900px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-priority-card__main,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-priority-card__main {
    align-items: start !important;
    grid-template-columns: 1fr !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-priority-card__actions,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-priority-card__actions {
    grid-column: 1 !important;
    grid-row: auto !important;
    justify-content: flex-start !important;
  }
}

/* Marketing downloads: keep DPD 2.0 styling aligned with the live Marketing Downloads taxonomy. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .video-header-content.mock-static-bg {
  min-height: clamp(128px, 11vw, 180px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dashboard-head-left h1 {
  font-size: clamp(28px, 2.45vw, 42px) !important;
  line-height: 0.98 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dashboard-head-left p:not(.dpd-v2-hero-kicker) {
  max-width: 760px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dpd-section-header {
  align-items: center !important;
  gap: 16px !important;
  margin-bottom: 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dpd-section-header__main {
  align-items: center !important;
  gap: 12px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dpd-section-icon {
  align-items: center !important;
  background: #101923 !important;
  border: 1px solid rgba(255, 234, 0, 0.45) !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 24px rgba(5, 10, 16, 0.16) !important;
  color: #ffea00 !important;
  display: inline-flex !important;
  height: 30px !important;
  justify-content: center !important;
  width: 30px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dpd-section-icon .fa {
  color: currentColor !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dpd-section-header__copy h2 {
  color: #101923 !important;
  font-size: clamp(24px, 2.05vw, 36px) !important;
  letter-spacing: 0 !important;
  line-height: 0.98 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dpd-section-header__eyebrow {
  color: #657483 !important;
  display: block !important;
  font-size: 10px !important;
  letter-spacing: 0.18em !important;
  margin-bottom: 5px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dpd-v2-download-category-strip {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid rgba(16, 25, 35, 0.1) !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 24px rgba(9, 18, 28, 0.06) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  justify-content: space-between !important;
  margin: 0 0 14px !important;
  padding: 12px 14px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dpd-v2-download-category-strip span:first-child {
  color: #101923 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dpd-v2-download-category-strip span:last-child {
  background: #f1f4f6 !important;
  border-radius: 999px !important;
  color: #3d4b58 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  padding: 8px 11px !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dpd-v2-library-grid--web-social {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dpd-v2-library-grid--tire-images {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dpd-v2-library-card__body h5 {
  text-transform: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dpd-v2-library-card__media {
  aspect-ratio: 16 / 6.2 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 8px 8px 0 0 !important;
  box-shadow: none !important;
  display: block !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dpd-v2-library-grid--video .dpd-v2-library-card__media {
  aspect-ratio: 16 / 9 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dpd-v2-library-grid--tire-images .dpd-v2-library-card__media {
  aspect-ratio: 16 / 7 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dpd-v2-library-card__media-link {
  appearance: none !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: inherit !important;
  box-shadow: none !important;
  cursor: pointer !important;
  display: block !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dpd-v2-library-card__media-link:focus-visible {
  outline: 3px solid #ffea00 !important;
  outline-offset: -3px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dpd-v2-library-card__media img {
  border: 0 !important;
  border-radius: inherit !important;
  box-shadow: none !important;
  display: block !important;
  height: 100% !important;
  object-fit: cover !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dpd-v2-library-card__desc {
  color: #536170 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  margin: 8px 0 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dpd-v2-table-thumb-button {
  appearance: none !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 8px !important;
  cursor: zoom-in !important;
  display: inline-flex !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dpd-v2-table-thumb-button:focus-visible {
  outline: 3px solid #ffea00 !important;
  outline-offset: 2px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dpd-v2-table-thumb-button .dpd-v2-table-thumb {
  border: 0 !important;
  box-shadow: none !important;
}

body.dpd-member-surface .dpd-v2-image-modal[hidden] {
  display: none !important;
}

body.dpd-member-surface .dpd-v2-image-modal {
  align-items: center !important;
  display: flex !important;
  inset: 0 !important;
  justify-content: center !important;
  padding: clamp(18px, 4vw, 54px) !important;
  position: fixed !important;
  z-index: 999999 !important;
}

body.dpd-member-surface .dpd-v2-image-modal__backdrop {
  background: rgba(0, 8, 14, 0.82) !important;
  border: 0 !important;
  cursor: zoom-out !important;
  inset: 0 !important;
  position: absolute !important;
}

body.dpd-member-surface .dpd-v2-image-modal__dialog {
  background: #ffffff !important;
  border: 1px solid rgba(16, 25, 35, 0.16) !important;
  border-radius: 10px !important;
  box-shadow: 0 26px 80px rgba(0, 0, 0, 0.38) !important;
  max-width: min(1180px, 96vw) !important;
  overflow: hidden !important;
  position: relative !important;
  width: max-content !important;
}

body.dpd-member-surface .dpd-v2-image-modal__head {
  align-items: center !important;
  border-bottom: 1px solid rgba(16, 25, 35, 0.1) !important;
  display: flex !important;
  gap: 14px !important;
  justify-content: space-between !important;
  padding: 14px 16px !important;
}

body.dpd-member-surface .dpd-v2-image-modal__head h3,
body.dpd-member-surface .dpd-v2-image-modal__head p {
  margin: 0 !important;
}

body.dpd-member-surface .dpd-v2-image-modal__head .dpd-v2-card-kicker {
  background: transparent !important;
  color: #667483 !important;
  display: block !important;
  font-size: 10px !important;
  letter-spacing: 0.16em !important;
  text-shadow: none !important;
}

body.dpd-member-surface .dpd-v2-image-modal__close {
  align-items: center !important;
  background: #000811 !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-size: 28px !important;
  height: 42px !important;
  justify-content: center !important;
  line-height: 1 !important;
  width: 42px !important;
}

body.dpd-member-surface .dpd-v2-image-modal__frame {
  background: #f4f7f9 !important;
  padding: clamp(12px, 2vw, 22px) !important;
}

body.dpd-member-surface .dpd-v2-image-modal__frame img {
  display: block !important;
  max-height: 78vh !important;
  max-width: min(1120px, 90vw) !important;
  object-fit: contain !important;
}

@media (max-width: 760px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dpd-section-header {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--marketing-downloads .dpd-v2-download-category-strip {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}

/* Tire Finder / Tire Detail simplification - 2026-07-10
   Keep the tire tools closer to the live finder: simple filters, yellow actions,
   neutral price text, and no decorative label boxes around tire copy. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail {
  --dpd-tire-yellow: #fff200;
  --dpd-tire-ink: #06111a;
  --dpd-tire-muted: #566676;
  --dpd-tire-soft: #f3f6f8;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .main-content-sec,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-section-shell,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .mock-panel,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main-in,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-result-surface,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__grid,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-guide,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-tire-spotlight,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-tire-summary,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .main-content-sec,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .mock-panel,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-dmt-overview,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-dmt-features,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-size-grid,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .table-responsive {
  border-color: transparent !important;
  box-shadow: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-filter {
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 38px rgba(2, 10, 16, 0.08) !important;
  overflow: hidden !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-topline {
  padding: 22px 24px 8px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-tabs {
  background: #05090d !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: grid !important;
  gap: 0 !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-tabs button {
  background: #05090d !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #ffffff !important;
  min-height: 58px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-tabs button.is-active {
  background: #ffffff !important;
  box-shadow: inset 0 -5px 0 var(--dpd-tire-yellow) !important;
  color: var(--dpd-tire-ink) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-panels {
  background: #ffffff !important;
  padding: clamp(24px, 4vw, 48px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-form,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-controls--filters {
  align-items: end !important;
  gap: 14px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-form label,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-filters label,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-select {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-form select,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-select select,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-filters select,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-filters input {
  background: #ffffff !important;
  border: 1px solid rgba(6, 17, 26, 0.16) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  min-height: 52px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-bike-status,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-bike-shortcuts,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session {
  border: 0 !important;
  box-shadow: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .mock-btn:not(:disabled),
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .mock-btn.dark:not(:disabled),
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .mock-btn:not(:disabled),
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .mock-btn.dark:not(:disabled),
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-position-toggle.is-active,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-side-button.is-active,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-sidewall.is-active,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-side-switch__button.is-active,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-sidewall-switch__button.is-active {
  background: var(--dpd-tire-yellow) !important;
  background-color: var(--dpd-tire-yellow) !important;
  background-image: none !important;
  border-color: var(--dpd-tire-yellow) !important;
  box-shadow: 0 14px 28px rgba(255, 242, 0, 0.18) !important;
  color: var(--dpd-tire-ink) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .mock-btn:disabled,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .mock-btn:disabled {
  background: #eef2f5 !important;
  border-color: #eef2f5 !important;
  box-shadow: none !important;
  color: rgba(6, 17, 26, 0.42) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-card-kicker,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .mock-chip,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-row-status,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-type,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-card-kicker,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .mock-chip,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-price__meta span,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-meta-line span {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--dpd-tire-muted) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-tire-spotlight-media,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__image {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-price {
  background: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 16px 34px rgba(2, 10, 16, 0.08) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-price strong {
  color: var(--dpd-tire-ink) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-price__msrp {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector__option {
  background: #ffffff !important;
  border: 1px solid rgba(6, 17, 26, 0.12) !important;
  box-shadow: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector__option.is-active {
  background: #ffffff !important;
  border-color: var(--dpd-tire-yellow) !important;
  box-shadow: inset 0 -4px 0 var(--dpd-tire-yellow) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector__option span,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-inline-tip {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 760px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-panels {
    padding: 22px !important;
  }
}

/* Tire Finder results-only flow - 2026-07-10
   Results should be the destination on this page; selected tire detail belongs on the tire detail page. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder #dpd-v2-finder-guide,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder #finder-focus,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder #finder-specs {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-results {
  display: grid !important;
  gap: clamp(18px, 2vw, 28px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-result-surface {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__grid,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main-in {
  align-items: stretch !important;
  display: grid !important;
  gap: clamp(16px, 1.6vw, 24px) !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)) !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card {
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: 0 12px 26px rgba(6, 17, 26, 0.08) !important;
  cursor: pointer !important;
  display: flex !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell {
  background: #ffffff !important;
  display: grid !important;
  gap: 0 !important;
  grid-template-rows: auto 1fr auto !important;
  min-height: 360px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-topbar {
  align-items: center !important;
  background: #ffffff !important;
  border: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  order: 1 !important;
  padding: 24px 18px 8px !important;
  position: static !important;
  text-align: center !important;
  transform: none !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-title-block {
  align-items: center !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  min-width: 0 !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-title-block h4 {
  color: #05090d !important;
  font-size: clamp(20px, 1.45vw, 28px) !important;
  line-height: 1.02 !important;
  margin: 0 !important;
  max-width: 100% !important;
  text-align: center !important;
  text-wrap: balance !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-type {
  color: #6a7886 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
  margin: 0 !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-title-block .sub,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-row-status,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-copy,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-info {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media {
  align-items: center !important;
  background: #ffffff !important;
  border: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  justify-content: center !important;
  margin: 0 !important;
  min-height: 220px !important;
  order: 2 !important;
  overflow: hidden !important;
  padding: 8px 18px 16px !important;
  position: static !important;
  transform: none !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media img {
  display: block !important;
  height: auto !important;
  margin: 0 auto !important;
  max-height: 210px !important;
  max-width: 88% !important;
  object-fit: contain !important;
  object-position: center !important;
  position: static !important;
  transform: none !important;
  width: auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-action-row--finder-card,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card .dpd-v2-action-row {
  background: #ffffff !important;
  border: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  justify-content: center !important;
  margin: 0 !important;
  order: 3 !important;
  padding: 0 18px 22px !important;
  position: static !important;
  transform: none !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-details-link,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card .dpd-v2-action-row .dpd-v2-finder-details-link.mock-btn {
  align-items: center !important;
  background: var(--dpd-tire-yellow) !important;
  background-color: var(--dpd-tire-yellow) !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 24px rgba(255, 242, 0, 0.22) !important;
  color: var(--dpd-tire-ink) !important;
  display: inline-flex !important;
  justify-content: center !important;
  max-width: 220px !important;
  min-height: 44px !important;
  padding: 0 20px !important;
  text-decoration: none !important;
  width: min(100%, 220px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-details-link span {
  color: inherit !important;
  margin-left: 8px !important;
}

@media (max-width: 760px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell {
    min-height: 320px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media {
    min-height: 190px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media img {
    max-height: 180px !important;
  }
}

/* Tire Finder result-card rescue - 2026-07-10
   Final override: simple product cards only, with no hover panels or clipped button bands. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder #dpd-v2-finder-guide,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder #finder-focus,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder #finder-specs {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-result-surface {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__grid,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main-in {
  align-items: stretch !important;
  display: grid !important;
  gap: clamp(16px, 1.5vw, 22px) !important;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 245px), 1fr)) !important;
  margin: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card {
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 24px rgba(6, 17, 26, 0.08) !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  display: block !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card::before,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card::after,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell::before,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell::after,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-topbar::before,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-topbar::after,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media::before,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media::after {
  content: none !important;
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell {
  background: #ffffff !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  min-height: 355px !important;
  overflow: hidden !important;
  padding: 20px 18px 18px !important;
  position: relative !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-topbar,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-title-block {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  gap: 4px !important;
  inset: auto !important;
  margin: 0 !important;
  min-height: 0 !important;
  order: 1 !important;
  padding: 0 !important;
  position: static !important;
  text-align: center !important;
  transform: none !important;
  width: 100% !important;
  z-index: 2 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-title-block h4 {
  color: #06111a !important;
  display: block !important;
  font-size: clamp(19px, 1.35vw, 25px) !important;
  font-weight: 900 !important;
  line-height: 1.04 !important;
  margin: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-type {
  color: #6c7a87 !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-title-block .sub,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-row-status,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-copy,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-info {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  flex: 1 1 auto !important;
  inset: auto !important;
  justify-content: center !important;
  margin: 0 !important;
  min-height: 190px !important;
  order: 2 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: static !important;
  transform: none !important;
  width: 100% !important;
  z-index: 1 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media img {
  display: block !important;
  height: auto !important;
  margin: auto !important;
  max-height: 205px !important;
  max-width: 86% !important;
  object-fit: contain !important;
  object-position: center !important;
  position: static !important;
  transform: none !important;
  width: auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-action-row--finder-card,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card .dpd-v2-action-row {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  flex: 0 0 auto !important;
  gap: 0 !important;
  inset: auto !important;
  justify-content: center !important;
  margin: 0 !important;
  order: 3 !important;
  padding: 0 !important;
  position: static !important;
  transform: none !important;
  width: 100% !important;
  z-index: 3 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-details-link,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card .dpd-v2-action-row .dpd-v2-finder-details-link.mock-btn {
  align-items: center !important;
  background: var(--dpd-tire-yellow, #fff200) !important;
  background-color: var(--dpd-tire-yellow, #fff200) !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 22px rgba(255, 242, 0, 0.18) !important;
  box-sizing: border-box !important;
  color: var(--dpd-tire-ink, #06111a) !important;
  display: inline-flex !important;
  font-size: 11px !important;
  justify-content: center !important;
  letter-spacing: 0.16em !important;
  margin: 0 auto !important;
  max-width: 190px !important;
  min-height: 42px !important;
  min-width: 150px !important;
  overflow: visible !important;
  padding: 0 18px !important;
  position: static !important;
  text-decoration: none !important;
  text-overflow: clip !important;
  transform: none !important;
  white-space: nowrap !important;
  width: auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-details-link span {
  color: inherit !important;
  display: inline-block !important;
  margin-left: 8px !important;
}

@media (max-width: 760px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell {
    min-height: 315px !important;
    padding: 18px 16px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media {
    min-height: 170px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media img {
    max-height: 165px !important;
  }
}

/* Tire Finder DMT-inspired visual pass - 2026-07-10
   Restore product-card depth, keep recent history near filters, and make tire
   detail pages put the tire image back in the center of the experience. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session:not([hidden]) {
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 40px rgba(6, 17, 26, 0.08) !important;
  display: grid !important;
  gap: 14px !important;
  margin: 18px 0 22px !important;
  padding: 22px 24px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__header {
  align-items: center !important;
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__eyebrow {
  color: #637282 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.12em !important;
  margin: 0 0 4px !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session h3 {
  color: #06111a !important;
  font-size: clamp(22px, 2vw, 32px) !important;
  line-height: 1 !important;
  margin: 0 0 6px !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__meta,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__history {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session select {
  background: #ffffff !important;
  border: 1px solid rgba(6, 17, 26, 0.18) !important;
  border-radius: 999px !important;
  min-height: 48px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-results {
  gap: clamp(22px, 2vw, 30px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__grid,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main-in {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card {
  background: #f7f7f5 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 430px !important;
  overflow: hidden !important;
  transition: box-shadow 220ms ease, transform 220ms ease !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within {
  box-shadow: 0 22px 42px rgba(6, 17, 26, 0.13) !important;
  transform: translateY(-3px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell {
  background: #f7f7f5 !important;
  display: block !important;
  min-height: 430px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-topbar,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-title-block {
  background: transparent !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  left: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  right: 24px !important;
  text-align: center !important;
  top: 34px !important;
  z-index: 4 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-title-block h4 {
  color: #05090d !important;
  font-size: clamp(20px, 1.45vw, 26px) !important;
  line-height: 1.02 !important;
  margin: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-type {
  color: #76828f !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  max-height: 28px !important;
  overflow: hidden !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-title-block .sub,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-row-status,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-copy {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media {
  align-items: flex-end !important;
  background: transparent !important;
  border: 0 !important;
  bottom: 58px !important;
  display: flex !important;
  justify-content: center !important;
  left: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 16px !important;
  position: absolute !important;
  right: 0 !important;
  top: 112px !important;
  width: auto !important;
  z-index: 1 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media img {
  display: block !important;
  height: auto !important;
  margin: 0 auto !important;
  max-height: 310px !important;
  max-width: 96% !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  transform: translateY(52px) scale(1.06) !important;
  transition: transform 260ms ease !important;
  width: auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover .dpd-v2-finder-card-media img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within .dpd-v2-finder-card-media img {
  transform: translateY(44px) scale(1.1) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-info {
  background: rgba(255, 255, 255, 0.96) !important;
  border: 0 !important;
  box-shadow: 0 18px 32px rgba(6, 17, 26, 0.12) !important;
  display: block !important;
  left: 15% !important;
  opacity: 0 !important;
  padding: 22px 20px !important;
  pointer-events: none !important;
  position: absolute !important;
  right: 15% !important;
  text-align: center !important;
  top: 142px !important;
  transform: translateY(12px) !important;
  transition: opacity 200ms ease, transform 200ms ease !important;
  z-index: 5 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover .dpd-v2-finder-card-info,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within .dpd-v2-finder-card-info {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-hover-title {
  color: #05090d !important;
  display: block !important;
  font-size: 20px !important;
  line-height: 1.05 !important;
  margin: 0 0 12px !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-highlights,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-side-bank,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-sidewall-bank {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-meta {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: 1fr 1fr !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-meta__item {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-meta__item span {
  color: #778391 !important;
  display: block !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-meta__item strong {
  color: #06111a !important;
  display: block !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-action-row--finder-card,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card .dpd-v2-action-row {
  align-items: stretch !important;
  background: #ffffff !important;
  border-top: 1px solid rgba(6, 17, 26, 0.12) !important;
  bottom: 0 !important;
  display: flex !important;
  height: 58px !important;
  justify-content: flex-start !important;
  left: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  right: 0 !important;
  width: auto !important;
  z-index: 6 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-details-link,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card .dpd-v2-action-row .dpd-v2-finder-details-link.mock-btn {
  align-items: center !important;
  background: var(--dpd-tire-yellow, #fff200) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #05090d !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  height: 58px !important;
  justify-content: center !important;
  letter-spacing: 0.18em !important;
  margin: 0 !important;
  max-width: none !important;
  min-height: 58px !important;
  min-width: 0 !important;
  padding: 0 24px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  width: 72% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero-shell .video-header-content {
  border-radius: 28px !important;
  min-height: clamp(210px, 24vw, 330px) !important;
  padding: clamp(34px, 5vw, 70px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero h1 {
  max-width: 780px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit {
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 24px !important;
  box-shadow: 0 20px 44px rgba(6, 17, 26, 0.08) !important;
  padding: clamp(26px, 3vw, 44px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__main {
  align-items: stretch !important;
  display: grid !important;
  gap: clamp(28px, 4vw, 58px) !important;
  grid-template-columns: minmax(240px, 0.78fr) minmax(0, 1.22fr) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision {
  align-items: flex-end !important;
  background: #f7f7f5 !important;
  border: 0 !important;
  border-radius: 0 !important;
  display: flex !important;
  justify-content: center !important;
  min-height: clamp(360px, 38vw, 560px) !important;
  overflow: hidden !important;
  padding: 42px 28px 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision img {
  display: block !important;
  max-height: clamp(350px, 40vw, 620px) !important;
  max-width: 94% !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  transform: translateY(54px) scale(1.05) !important;
  transition: transform 260ms ease !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit:hover .dpd-v2-tire-spotlight-media--decision img {
  transform: translateY(42px) scale(1.08) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__content {
  display: grid !important;
  gap: 22px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-configurator-head {
  align-items: start !important;
  display: grid !important;
  gap: 20px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-side-switch {
  background: #05090d !important;
  border: 0 !important;
  border-radius: 999px !important;
  display: inline-grid !important;
  gap: 4px !important;
  grid-auto-flow: column !important;
  padding: 5px !important;
  width: fit-content !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-side-switch__button {
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #06111a !important;
  min-width: 92px !important;
  text-decoration: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-side-switch__button.is-active {
  background: var(--dpd-tire-yellow, #fff200) !important;
  color: #06111a !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-price {
  align-self: start !important;
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 32px rgba(6, 17, 26, 0.08) !important;
  min-width: 170px !important;
  padding: 22px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-price strong {
  font-size: clamp(34px, 4vw, 52px) !important;
  line-height: 0.95 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector__list {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(auto-fit, minmax(155px, 1fr)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector__option {
  background: #ffffff !important;
  border: 1px solid rgba(6, 17, 26, 0.13) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  min-height: 72px !important;
  padding: 12px 14px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector__option.is-active {
  background: #ffffff !important;
  border-color: var(--dpd-tire-yellow, #fff200) !important;
  box-shadow: inset 0 -5px 0 var(--dpd-tire-yellow, #fff200) !important;
}

@media (max-width: 980px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__main,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-configurator-head {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__header,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__meta,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__history {
    grid-template-columns: 1fr !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell {
    min-height: 365px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media {
    top: 98px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media img {
    max-height: 245px !important;
    transform: translateY(42px) scale(1.04) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-info {
    display: none !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision {
    min-height: 330px !important;
  }
}

/* Tire Finder DPD structure recovery - 2026-07-10
   Keep the DPD page structure, borrow the cleaner DMT card rhythm, and undo the
   hover-only/overlay pass that made the tire grid look blank. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-filter {
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 38px rgba(6, 17, 26, 0.07) !important;
  margin-bottom: 18px !important;
  overflow: hidden !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-tabs {
  background: #05090d !important;
  border-radius: 0 !important;
  display: grid !important;
  gap: 0 !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  min-height: 58px !important;
  overflow-x: auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-tab {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: rgba(255, 255, 255, 0.62) !important;
  min-height: 58px !important;
  padding: 0 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-tab.is-active {
  background: #ffffff !important;
  color: #05090d !important;
  box-shadow: inset 0 -5px 0 var(--dpd-tire-yellow, #fff200) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-panels {
  padding: 20px 24px 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-panel {
  align-items: end !important;
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-refine-strip--combined {
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 16px !important;
  box-shadow: 0 14px 30px rgba(6, 17, 26, 0.05) !important;
  margin: 14px 0 16px !important;
  padding: 18px 22px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session:not([hidden]) {
  background: #ffffff !important;
  border: 1px solid rgba(6, 17, 26, 0.08) !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 30px rgba(6, 17, 26, 0.05) !important;
  display: grid !important;
  gap: 12px !important;
  margin: 0 0 18px !important;
  padding: 18px 22px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__header {
  align-items: center !important;
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session h3 {
  color: #06111a !important;
  font-size: clamp(20px, 1.7vw, 28px) !important;
  line-height: 1.05 !important;
  margin: 0 !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__meta {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__history {
  align-items: end !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session select {
  background: #ffffff !important;
  border: 1px solid rgba(6, 17, 26, 0.14) !important;
  border-radius: 999px !important;
  color: #06111a !important;
  min-height: 46px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-browser-main {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-browser-main > .dpd-v2-finder-session {
  order: -20 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-inline-summary--finder {
  order: -10 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-results {
  gap: clamp(22px, 2vw, 30px) !important;
  order: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-result-surface {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__grid,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main-in {
  align-items: stretch !important;
  display: grid !important;
  gap: clamp(16px, 1.45vw, 22px) !important;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 248px), 1fr)) !important;
  margin: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card {
  background: #f7f7f5 !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  display: block !important;
  min-height: 360px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  transition: box-shadow 180ms ease, transform 180ms ease !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within {
  box-shadow: 0 18px 36px rgba(6, 17, 26, 0.11) !important;
  transform: translateY(-2px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell {
  background: #f7f7f5 !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-rows: 118px minmax(168px, 1fr) 58px !important;
  min-height: 360px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card::before,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card::after,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell::before,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell::after,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-topbar::before,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-topbar::after,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media::before,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media::after {
  content: none !important;
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-topbar,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-title-block {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  grid-row: 1 !important;
  height: auto !important;
  inset: auto !important;
  justify-content: center !important;
  left: auto !important;
  margin: 0 !important;
  min-height: 0 !important;
  order: initial !important;
  padding: 22px 18px 8px !important;
  position: relative !important;
  right: auto !important;
  text-align: center !important;
  top: auto !important;
  transform: none !important;
  width: 100% !important;
  z-index: 4 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-title-block h4 {
  color: #05090d !important;
  display: block !important;
  font-size: clamp(19px, 1.35vw, 24px) !important;
  font-weight: 900 !important;
  line-height: 1.04 !important;
  margin: 0 !important;
  max-width: 100% !important;
  overflow-wrap: normal !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-type {
  color: #778391 !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  max-height: 30px !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-title-block .sub,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-row-status,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-copy,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-info,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-highlights,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-side-bank,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-sidewall-bank {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media {
  align-items: flex-end !important;
  background: transparent !important;
  border: 0 !important;
  bottom: auto !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  display: flex !important;
  grid-row: 2 !important;
  height: auto !important;
  inset: auto !important;
  justify-content: center !important;
  left: auto !important;
  margin: 0 !important;
  min-height: 168px !important;
  order: initial !important;
  overflow: hidden !important;
  padding: 0 14px !important;
  position: relative !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  width: 100% !important;
  z-index: 1 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media img {
  display: block !important;
  height: auto !important;
  margin: 0 auto !important;
  max-height: 260px !important;
  max-width: 88% !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  opacity: 1 !important;
  position: static !important;
  transform: translateY(34px) scale(1.04) !important;
  transition: transform 180ms ease !important;
  visibility: visible !important;
  width: auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover .dpd-v2-finder-card-media img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within .dpd-v2-finder-card-media img {
  transform: translateY(28px) scale(1.07) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-action-row--finder-card,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card .dpd-v2-action-row {
  align-items: stretch !important;
  background: #ffffff !important;
  border: 0 !important;
  border-top: 1px solid rgba(6, 17, 26, 0.1) !important;
  bottom: auto !important;
  box-shadow: none !important;
  display: flex !important;
  grid-row: 3 !important;
  height: 58px !important;
  inset: auto !important;
  justify-content: flex-start !important;
  left: auto !important;
  margin: 0 !important;
  order: initial !important;
  padding: 0 !important;
  position: relative !important;
  right: auto !important;
  transform: none !important;
  width: 100% !important;
  z-index: 6 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-details-link,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card .dpd-v2-action-row .dpd-v2-finder-details-link.mock-btn {
  align-items: center !important;
  background: var(--dpd-tire-yellow, #fff200) !important;
  background-color: var(--dpd-tire-yellow, #fff200) !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #05090d !important;
  display: inline-flex !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  height: 58px !important;
  justify-content: center !important;
  letter-spacing: 0.16em !important;
  margin: 0 !important;
  max-width: none !important;
  min-height: 58px !important;
  min-width: 0 !important;
  overflow: visible !important;
  padding: 0 22px !important;
  position: static !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  transform: none !important;
  white-space: nowrap !important;
  width: 72% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-details-link span {
  color: inherit !important;
  display: inline-block !important;
  margin-left: 8px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-download-card__image img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-promo-card img {
  opacity: 1 !important;
  visibility: visible !important;
}

@media (max-width: 1080px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-panel {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 760px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-tabs {
    grid-template-columns: repeat(6, minmax(132px, 1fr)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-panel,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__header,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__history {
    grid-template-columns: 1fr !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell {
    min-height: 330px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell {
    grid-template-rows: 104px minmax(160px, 1fr) 56px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-title-block h4 {
    font-size: 20px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media img {
    max-height: 220px !important;
    transform: translateY(30px) scale(1.03) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-action-row--finder-card,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card .dpd-v2-action-row,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-details-link,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card .dpd-v2-action-row .dpd-v2-finder-details-link.mock-btn {
    height: 56px !important;
    min-height: 56px !important;
  }
}

/* DPD 2.0 training portal live-language alignment - final cascade - 2026-07-10 */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .video-header-content.mock-static-bg,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .mock-static-bg {
  align-items: center !important;
  gap: clamp(26px, 4vw, 72px) !important;
  grid-template-columns: minmax(0, 0.9fr) minmax(420px, 0.85fr) !important;
  min-height: clamp(260px, 22vw, 340px) !important;
  overflow: visible !important;
  padding: clamp(34px, 4vw, 58px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dashboard-head-left h1 {
  font-size: clamp(34px, 3.1vw, 54px) !important;
  line-height: 0.98 !important;
  max-inline-size: 15ch !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro #training-focus-copy {
  max-inline-size: 68ch !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary {
  max-width: none !important;
  overflow: visible !important;
  padding: clamp(16px, 1.6vw, 22px) !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary__grid {
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary__tile {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.24) !important;
  border-radius: 16px !important;
  color: #fff !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-height: 116px !important;
  padding: 14px 10px !important;
  text-align: center !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary__tile em {
  color: rgba(255, 255, 255, 0.72) !important;
  display: block !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
  line-height: 1.25 !important;
  margin-bottom: 10px !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary__tile strong {
  color: #fff !important;
  display: block !important;
  font-size: clamp(42px, 4vw, 64px) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 0.9 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary__note {
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 13px !important;
  margin: 14px 0 0 !important;
  text-align: center !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-info-managed > .dpd-v2-info-summary {
  bottom: auto !important;
  left: auto !important;
  max-width: min(340px, calc(100vw - 48px)) !important;
  right: 0 !important;
  top: calc(100% + 12px) !important;
  transform: none !important;
  white-space: normal !important;
  z-index: 60 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-mobile-counts {
  display: none !important;
}

@media (max-width: 1180px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .video-header-content.mock-static-bg,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .mock-static-bg {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 767px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .video-header-content.mock-static-bg,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .mock-static-bg {
    padding: 28px 22px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-mobile-counts {
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    margin-top: 18px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-mobile-counts span {
    background: rgba(255, 255, 255, 0.12) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 12px !important;
    color: rgba(255, 255, 255, 0.76) !important;
    display: block !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: 0.1em !important;
    line-height: 1.2 !important;
    padding: 10px 6px !important;
    text-align: center !important;
    text-transform: uppercase !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-mobile-counts strong {
    color: #fff !important;
    display: block !important;
    font-size: 28px !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    margin-bottom: 4px !important;
  }
}

/* DPD Tire Finder DMT-scale product grid - 2026-07-10 */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-section-body > .dpd-v2-finder-session:not([hidden]) {
  background: #ffffff !important;
  border: 1px solid rgba(6, 17, 26, 0.08) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 36px rgba(6, 17, 26, 0.06) !important;
  display: grid !important;
  gap: 12px !important;
  margin: 0 0 18px !important;
  padding: 18px 22px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__header {
  align-items: center !important;
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__eyebrow,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-bike-shortcuts__eyebrow {
  color: #65717f !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.12em !important;
  margin: 0 0 4px !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session h3 {
  color: #06111a !important;
  font-size: clamp(22px, 2vw, 34px) !important;
  line-height: 1.02 !important;
  margin: 0 0 6px !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__header .dpd-v2-action-row {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  justify-content: flex-end !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-bike-shortcuts--featured:not([hidden]) {
  align-items: center !important;
  background: #f6f8f9 !important;
  border-bottom: 1px solid rgba(6, 17, 26, 0.08) !important;
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.9fr) !important;
  padding: 16px 24px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-bike-shortcuts__header span {
  color: #65717f !important;
  display: block !important;
  font-size: 14px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-bike-shortcuts__list,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__history {
  align-items: end !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-compact-select {
  display: grid !important;
  gap: 8px !important;
  margin: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-compact-select span {
  color: #65717f !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-compact-select select {
  background: #ffffff !important;
  border: 1px solid rgba(6, 17, 26, 0.18) !important;
  border-radius: 999px !important;
  color: #06111a !important;
  min-height: 46px !important;
  padding: 0 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-form--motorcycle {
  align-items: end !important;
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: repeat(3, minmax(150px, 190px)) auto !important;
  max-width: 850px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-form--motorcycle .dpd-v2-action-row {
  align-items: end !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  justify-content: flex-start !important;
  min-height: 52px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-form--motorcycle .mock-btn,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-compact-open,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder #dpd-v2-finder-resume-session,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder #dpd-v2-finder-clear-session {
  align-items: center !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  height: 46px !important;
  justify-content: center !important;
  min-height: 46px !important;
  min-width: 112px !important;
  padding: 0 18px !important;
  width: auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__grid,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main-in {
  align-items: stretch !important;
  gap: clamp(18px, 2vw, 30px) !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within {
  aspect-ratio: auto !important;
  background: #f7f7f5 !important;
  border: 1px solid rgba(6, 17, 26, 0.08) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: block !important;
  min-height: clamp(410px, 34vw, 470px) !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  transform: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell {
  background: #f7f7f5 !important;
  display: grid !important;
  grid-template-rows: minmax(108px, auto) minmax(240px, 1fr) 62px !important;
  min-height: clamp(410px, 34vw, 470px) !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-topbar,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover .dpd-v2-finder-card-topbar,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within .dpd-v2-finder-card-topbar,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-title-block {
  background: transparent !important;
  border: 0 !important;
  bottom: auto !important;
  box-shadow: none !important;
  align-items: center !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  grid-row: 1 !important;
  height: auto !important;
  inset: auto !important;
  justify-content: end !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 28px 24px 8px !important;
  position: relative !important;
  text-align: center !important;
  top: auto !important;
  transform: none !important;
  width: 100% !important;
  z-index: 3 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-title-block h4 {
  color: #05090d !important;
  display: block !important;
  font-size: clamp(20px, 1.55vw, 28px) !important;
  font-weight: 900 !important;
  line-height: 1.02 !important;
  margin: 0 !important;
  max-width: 100% !important;
  overflow-wrap: normal !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-title-block .sub,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-row-status,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-copy,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-info,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-highlights,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-side-bank,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-sidewall-bank {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover .dpd-v2-finder-card-media,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within .dpd-v2-finder-card-media {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  bottom: auto !important;
  box-shadow: none !important;
  display: flex !important;
  grid-row: 2 !important;
  height: auto !important;
  inset: auto !important;
  justify-content: center !important;
  margin: 0 !important;
  min-height: 240px !important;
  overflow: hidden !important;
  padding: 0 22px 12px !important;
  position: relative !important;
  top: auto !important;
  transform: none !important;
  width: 100% !important;
  z-index: 1 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover .dpd-v2-finder-card-media img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within .dpd-v2-finder-card-media img {
  display: block !important;
  height: clamp(230px, 22vw, 310px) !important;
  margin: 0 auto !important;
  max-height: 100% !important;
  max-width: 96% !important;
  object-fit: contain !important;
  object-position: center center !important;
  opacity: 1 !important;
  position: static !important;
  transform: none !important;
  transition: none !important;
  visibility: visible !important;
  width: auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-action-row--finder-card,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card .dpd-v2-action-row {
  background: #ffffff !important;
  border-top: 1px solid rgba(6, 17, 26, 0.1) !important;
  bottom: auto !important;
  box-shadow: none !important;
  display: flex !important;
  grid-row: 3 !important;
  height: 62px !important;
  inset: auto !important;
  justify-content: center !important;
  margin: 0 !important;
  opacity: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
  position: relative !important;
  transform: translateY(10px) !important;
  transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease !important;
  visibility: hidden !important;
  width: 100% !important;
  z-index: 4 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover .dpd-v2-action-row--finder-card,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within .dpd-v2-action-row--finder-card {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
  visibility: visible !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-details-link,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card .dpd-v2-action-row .dpd-v2-finder-details-link.mock-btn {
  align-items: center !important;
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #05090d !important;
  display: inline-flex !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  gap: 12px !important;
  height: 62px !important;
  justify-content: center !important;
  letter-spacing: 0.16em !important;
  margin: 0 !important;
  max-width: none !important;
  min-height: 62px !important;
  min-width: 0 !important;
  padding: 0 18px !important;
  position: static !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  transform: none !important;
  white-space: nowrap !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__main {
  align-items: center !important;
  gap: clamp(34px, 4vw, 64px) !important;
  grid-template-columns: minmax(340px, 0.82fr) minmax(0, 1.18fr) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision {
  align-items: center !important;
  background: #f7f7f5 !important;
  border: 0 !important;
  display: flex !important;
  justify-content: center !important;
  max-height: none !important;
  min-height: clamp(420px, 38vw, 560px) !important;
  overflow: hidden !important;
  padding: clamp(28px, 3vw, 42px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit:hover .dpd-v2-tire-spotlight-media--decision img {
  display: block !important;
  height: clamp(330px, 34vw, 500px) !important;
  margin: 0 auto !important;
  max-height: 100% !important;
  max-width: 96% !important;
  object-fit: contain !important;
  object-position: center center !important;
  opacity: 1 !important;
  position: static !important;
  transform: none !important;
  transition: none !important;
  visibility: visible !important;
  width: auto !important;
}

@media (max-width: 980px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-bike-shortcuts--featured:not([hidden]),
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__header,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-bike-shortcuts__list,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__history {
    grid-template-columns: 1fr !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-form--motorcycle {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    max-width: none !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__grid,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main-in {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__main {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-form--motorcycle {
    grid-template-columns: 1fr !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-form--motorcycle .dpd-v2-action-row {
    flex-wrap: wrap !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__grid,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main-in {
    grid-template-columns: 1fr !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell {
    min-height: 360px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell {
    grid-template-rows: minmax(92px, auto) minmax(206px, 1fr) 62px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media {
    min-height: 206px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media img {
    height: 210px !important;
    max-height: 100% !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision {
    min-height: 340px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision img {
    height: 280px !important;
  }
}

/* DPD Tire Finder and detail final polish - 2026-07-10 */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-browser-shell > .dpd-section-body {
  display: grid !important;
  gap: 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-browser-shell > .dpd-section-body > .dpd-v2-finder-session:not([hidden]) {
  order: -30 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-browser-shell > .dpd-section-body > .dpd-v2-finder-legacy-filter {
  order: -20 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-browser-shell > .dpd-section-body > .dpd-v2-finder-refine-strip {
  order: -10 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-browser-shell > .dpd-section-body > .dpd-v2-finder-browser-layout {
  order: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session:not([hidden]) {
  background:
    radial-gradient(circle at 92% 12%, rgba(255, 232, 0, 0.22), transparent 24%),
    linear-gradient(135deg, #06111a 0%, #10231d 100%) !important;
  border: 1px solid rgba(255, 232, 0, 0.32) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 42px rgba(6, 17, 26, 0.14) !important;
  margin: 0 !important;
  padding: clamp(18px, 2vw, 26px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__header {
  align-items: center !important;
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__eyebrow {
  color: #fff000 !important;
  letter-spacing: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session h3 {
  color: #ffffff !important;
  font-size: clamp(24px, 2.4vw, 38px) !important;
  letter-spacing: 0 !important;
  margin: 0 0 6px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session p,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder #dpd-v2-finder-session-summary {
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 15px !important;
  margin: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__meta .mock-chip {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
  color: #ffffff !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__history {
  align-items: end !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  max-width: 760px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__history .dpd-v2-finder-compact-select span {
  color: rgba(255, 255, 255, 0.66) !important;
  letter-spacing: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder #dpd-v2-finder-resume-session,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session [data-history-open] {
  background: #fff000 !important;
  border-color: #fff000 !important;
  color: #06111a !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder #dpd-v2-finder-clear-session {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
  color: #ffffff !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-filter {
  background: #ffffff !important;
  border: 1px solid rgba(6, 17, 26, 0.08) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 42px rgba(6, 17, 26, 0.06) !important;
  overflow: hidden !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-topline {
  border-bottom: 1px solid rgba(6, 17, 26, 0.08) !important;
  padding: clamp(18px, 2vw, 28px) clamp(20px, 2.8vw, 34px) 14px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-topline h3 {
  font-size: clamp(24px, 2.1vw, 34px) !important;
  letter-spacing: 0 !important;
  line-height: 1.06 !important;
  margin: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-bike-shortcuts--featured:not([hidden]) {
  border-bottom: 0 !important;
  grid-template-columns: minmax(220px, 0.72fr) minmax(360px, 1fr) !important;
  padding: 14px clamp(20px, 2.8vw, 34px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-tabs {
  background: #03080b !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  min-height: 58px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-tabs button {
  align-items: center !important;
  border: 0 !important;
  border-bottom: 5px solid transparent !important;
  border-radius: 0 !important;
  color: #ffffff !important;
  display: inline-flex !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  min-height: 58px !important;
  padding: 0 10px !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-tabs button.is-active {
  background: #ffffff !important;
  border-bottom-color: #fff000 !important;
  color: #06111a !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-panels {
  padding: 18px clamp(20px, 2.8vw, 34px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-panel:not([hidden]) {
  display: block !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-form--motorcycle {
  gap: 14px !important;
  grid-template-columns: repeat(3, minmax(150px, 200px)) auto !important;
  max-width: 920px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-bike-entry__form label,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-select,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-filters label {
  display: grid !important;
  gap: 8px !important;
  margin: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-bike-entry__form label span,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-select span,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-filters label span {
  color: #51606e !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-bike-entry__form select,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-select select,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-filters select,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-filters input {
  background: #ffffff !important;
  border: 1px solid rgba(6, 17, 26, 0.18) !important;
  border-radius: 999px !important;
  color: #06111a !important;
  font-weight: 800 !important;
  min-height: 50px !important;
  padding: 0 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-bike-status {
  background: #101820 !important;
  border: 0 !important;
  color: #ffffff !important;
  font-size: 14px !important;
  padding: 14px clamp(20px, 2.8vw, 34px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-refine-strip--combined {
  align-items: end !important;
  background: #ffffff !important;
  border: 1px solid rgba(6, 17, 26, 0.08) !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 36px rgba(6, 17, 26, 0.05) !important;
  display: grid !important;
  gap: 22px !important;
  grid-template-columns: minmax(170px, 0.28fr) minmax(0, 1fr) !important;
  padding: clamp(18px, 2.2vw, 28px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-refine-strip__head h3 {
  font-size: clamp(22px, 2vw, 30px) !important;
  letter-spacing: 0 !important;
  line-height: 1.05 !important;
  margin: 0 0 6px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-controls--inline {
  display: grid !important;
  gap: 14px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-filters {
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-position-bank {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-position-toggle {
  border-radius: 999px !important;
  min-height: 42px !important;
  padding: 0 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-controls--inline > .dpd-v2-action-row {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-controls--inline > .dpd-v2-action-row .mock-btn {
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-inline-summary--finder {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  justify-content: space-between !important;
  margin: 0 0 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-results,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__grid,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main-in {
  align-items: stretch !important;
  display: grid !important;
  gap: clamp(22px, 2.3vw, 34px) !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within {
  background: #f7f7f5 !important;
  border: 1px solid rgba(6, 17, 26, 0.1) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: clamp(470px, 36vw, 560px) !important;
  overflow: hidden !important;
  padding: 0 !important;
  transform: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within {
  border-color: rgba(255, 232, 0, 0.95) !important;
  box-shadow: 0 20px 44px rgba(6, 17, 26, 0.13) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell {
  display: grid !important;
  grid-template-rows: minmax(118px, auto) minmax(290px, 1fr) 64px !important;
  min-height: clamp(470px, 36vw, 560px) !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-title-block h4 {
  font-size: clamp(20px, 1.75vw, 30px) !important;
  line-height: 1.02 !important;
  overflow-wrap: anywhere !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-topbar,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-title-block {
  min-height: 118px !important;
  padding: 30px 28px 10px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover .dpd-v2-finder-card-media,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within .dpd-v2-finder-card-media {
  min-height: 290px !important;
  padding: 0 28px 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover .dpd-v2-finder-card-media img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within .dpd-v2-finder-card-media img {
  height: clamp(285px, 25vw, 390px) !important;
  max-height: 100% !important;
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:not(:hover):not(:focus-within) .dpd-v2-action-row--finder-card,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:not(:hover):not(:focus-within) .dpd-v2-action-row {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(10px) !important;
  visibility: hidden !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover .dpd-v2-action-row--finder-card,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover .dpd-v2-action-row,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within .dpd-v2-action-row--finder-card,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within .dpd-v2-action-row {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
  visibility: visible !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-details-link,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card .dpd-v2-action-row .dpd-v2-finder-details-link.mock-btn {
  background: #ffffff !important;
  color: #06111a !important;
  height: 64px !important;
  min-height: 64px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover .dpd-v2-finder-details-link,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within .dpd-v2-finder-details-link {
  background: #fff000 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-global-hero {
  border-radius: 0 0 32px 32px !important;
  min-height: clamp(240px, 25vw, 360px) !important;
  padding-bottom: clamp(34px, 5vw, 72px) !important;
  padding-top: clamp(44px, 5.5vw, 80px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-global-hero h1 {
  font-size: clamp(48px, 6vw, 86px) !important;
  letter-spacing: 0 !important;
  line-height: 0.96 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-zone .dpd-section-body {
  padding-top: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit {
  border: 0 !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 46px rgba(6, 17, 26, 0.07) !important;
  overflow: hidden !important;
  padding: clamp(24px, 3vw, 44px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__main {
  align-items: center !important;
  display: grid !important;
  gap: clamp(30px, 3.4vw, 54px) !important;
  grid-template-columns: minmax(320px, 0.82fr) minmax(0, 1.18fr) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision {
  align-items: center !important;
  aspect-ratio: 4 / 5 !important;
  background: #f7f7f5 !important;
  border: 0 !important;
  display: flex !important;
  justify-content: center !important;
  max-height: 560px !important;
  min-height: clamp(390px, 34vw, 540px) !important;
  overflow: hidden !important;
  padding: clamp(22px, 2.6vw, 40px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit:hover .dpd-v2-tire-spotlight-media--decision img {
  height: clamp(330px, 32vw, 510px) !important;
  max-height: 100% !important;
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
  width: auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-configurator-head {
  align-items: start !important;
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-price {
  align-self: start !important;
  border-radius: 18px !important;
  min-width: 190px !important;
  padding: 22px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-price strong {
  font-size: clamp(36px, 4vw, 56px) !important;
  letter-spacing: 0 !important;
  line-height: 0.95 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-meta-line {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px 18px !important;
  margin: 18px 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-sidewall-options {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-bottom: 16px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector__list {
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  max-height: 360px !important;
  overflow: auto !important;
  padding-right: 4px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector__option {
  border-radius: 12px !important;
  min-height: 72px !important;
  padding: 14px 16px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__content > .dpd-v2-action-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__content > .dpd-v2-action-row .mock-btn {
  min-height: 46px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-detail-bottom-resource {
  overflow: hidden !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-library-grid--resource,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-promo-download-grid {
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  max-width: 100% !important;
  overflow: visible !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-library-card,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-promo-download-card {
  border: 1px solid rgba(6, 17, 26, 0.1) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  display: grid !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-library-card__media,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-promo-download-card__media {
  aspect-ratio: 16 / 9 !important;
  background: #edf2f4 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-library-card__media img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-library-card__media iframe,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-library-card__media video,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-promo-download-card__media img {
  display: block !important;
  height: 100% !important;
  max-width: 100% !important;
  object-fit: contain !important;
  width: 100% !important;
  background: #ffffff !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-library-card__body,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-promo-download-card__body,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-promo-download-card__header {
  min-width: 0 !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
}

@media (max-width: 1120px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-refine-strip--combined,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-configurator-head {
    grid-template-columns: 1fr !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-price {
    justify-self: start !important;
  }
}

@media (max-width: 980px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__header,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__history,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-bike-shortcuts--featured:not([hidden]),
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-form--motorcycle,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-filters,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__main {
    grid-template-columns: 1fr !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__header .dpd-v2-action-row {
    justify-content: flex-start !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-library-grid--resource,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-promo-download-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-results,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__grid,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main-in,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector__list {
    grid-template-columns: 1fr !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell {
    min-height: 420px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell {
    grid-template-rows: minmax(104px, auto) minmax(252px, 1fr) 64px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover .dpd-v2-finder-card-media,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within .dpd-v2-finder-card-media {
    min-height: 252px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media img {
    height: 250px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-global-hero {
    min-height: 220px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision {
    min-height: 340px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision img {
    height: 300px !important;
  }
}

/* DPD impersonation chip final placement - 2026-07-10 */
html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner {
  align-items: center !important;
  background: linear-gradient(90deg, rgba(4, 12, 18, 0.97), rgba(18, 32, 22, 0.97)) !important;
  border: 1px solid rgba(255, 242, 0, 0.78) !important;
  border-radius: 999px !important;
  bottom: max(18px, env(safe-area-inset-bottom)) !important;
  box-shadow: 0 16px 34px rgba(4, 9, 14, 0.22) !important;
  box-sizing: border-box !important;
  color: #ffffff !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  height: 44px !important;
  left: 18px !important;
  letter-spacing: 0 !important;
  max-height: 44px !important;
  max-width: min(560px, calc(100vw - 36px)) !important;
  min-height: 44px !important;
  min-width: 0 !important;
  overflow: visible !important;
  padding: 5px 6px !important;
  pointer-events: auto !important;
  position: fixed !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  width: min(560px, calc(100vw - 36px)) !important;
  z-index: 2147483602 !important;
}

html body.admin-bar.dpd-impersonation-active .dpd-v2-global-impersonation-banner {
  top: auto !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner,
html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner * {
  letter-spacing: 0 !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__flag {
  align-items: center !important;
  background: #fff200 !important;
  border-radius: 999px !important;
  color: #101820 !important;
  display: inline-flex !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  height: 32px !important;
  justify-content: center !important;
  line-height: 1 !important;
  min-height: 32px !important;
  min-width: 132px !important;
  padding: 0 12px !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  width: auto !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__summary {
  display: grid !important;
  gap: 1px !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__summary strong,
html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__summary span {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__summary strong {
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__summary span {
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.76) !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__end {
  align-items: center !important;
  align-self: center !important;
  background: #fff200 !important;
  border: 1px solid #fff200 !important;
  border-radius: 999px !important;
  color: #101820 !important;
  display: inline-flex !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  height: 32px !important;
  justify-content: center !important;
  line-height: 1 !important;
  min-height: 32px !important;
  min-width: 98px !important;
  padding: 0 13px !important;
  position: relative !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  width: auto !important;
  z-index: 3 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__end:hover,
html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__end:focus-visible {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #101820 !important;
  outline: none !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__details {
  background: rgba(4, 12, 18, 0.98) !important;
  border: 1px solid rgba(255, 242, 0, 0.58) !important;
  border-radius: 14px !important;
  bottom: calc(100% + 8px) !important;
  box-shadow: 0 20px 42px rgba(0, 0, 0, 0.3) !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(4, minmax(118px, 1fr)) !important;
  left: 0 !important;
  max-height: min(46vh, 340px) !important;
  max-width: min(760px, calc(100vw - 36px)) !important;
  min-width: min(560px, calc(100vw - 36px)) !important;
  opacity: 0 !important;
  overflow: auto !important;
  padding: 10px !important;
  pointer-events: none !important;
  position: absolute !important;
  right: auto !important;
  top: auto !important;
  transform: translateY(5px) !important;
  transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease !important;
  visibility: hidden !important;
  width: min(760px, calc(100vw - 36px)) !important;
  z-index: 2 !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner:hover .dpd-v2-global-impersonation-banner__details,
html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner:focus-within .dpd-v2-global-impersonation-banner__details {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
  visibility: visible !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__item {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: 2px !important;
  min-height: 50px !important;
  min-width: 0 !important;
  padding: 7px 9px !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__item dt {
  color: rgba(255, 255, 255, 0.62) !important;
  font-size: 9px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  margin: 0 !important;
  text-transform: uppercase !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.62) !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__item dd,
html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__item a {
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1.18 !important;
  margin: 0 !important;
  max-width: none !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
  text-decoration: none !important;
  text-overflow: clip !important;
  white-space: normal !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.dpd-member-surface.dpd-impersonation-active #sub-page-main-content-wrapper {
  padding-bottom: 72px !important;
  padding-top: 0 !important;
}

html body.dpd-remote-impersonation-locked .dpd-v2-global-impersonation-banner {
  border-color: rgba(255, 242, 0, 0.95) !important;
}

@media (max-width: 820px) {
  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner {
    bottom: max(10px, env(safe-area-inset-bottom)) !important;
    gap: 6px !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    height: auto !important;
    left: 10px !important;
    max-height: none !important;
    max-width: calc(100vw - 20px) !important;
    min-height: 42px !important;
    right: 10px !important;
    width: auto !important;
  }

  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__flag {
    min-width: 96px !important;
    padding: 0 9px !important;
  }

  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__summary span {
    display: none !important;
  }

  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__end {
    min-width: 76px !important;
    padding: 0 10px !important;
  }

  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__details {
    grid-template-columns: 1fr !important;
    left: 0 !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  html body.dpd-member-surface.dpd-impersonation-active #sub-page-main-content-wrapper {
    padding-bottom: 84px !important;
  }
}

/* DPD Tire Finder responsive recovery - 2026-07-10 */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder #finder-results,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-browser-main,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-results,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main {
  box-sizing: border-box !important;
  display: block !important;
  max-width: none !important;
  min-width: 0 !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-results {
  gap: 0 !important;
  grid-template-columns: 1fr !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group + .dpd-v2-finder-group {
  margin-top: 28px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__grid,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main-in {
  align-items: stretch !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: clamp(18px, 2vw, 28px) !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  max-width: none !important;
  min-width: 0 !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell {
  min-width: 0 !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card {
  min-height: clamp(500px, 35vw, 580px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell {
  grid-template-rows: minmax(112px, auto) minmax(315px, 1fr) 64px !important;
  min-height: clamp(500px, 35vw, 580px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-title-block h4 {
  font-size: clamp(18px, 1.55vw, 26px) !important;
  letter-spacing: 0 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover .dpd-v2-finder-card-media,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within .dpd-v2-finder-card-media {
  min-height: 315px !important;
  overflow: hidden !important;
  padding: 0 26px 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover .dpd-v2-finder-card-media img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within .dpd-v2-finder-card-media img {
  height: clamp(300px, 25vw, 410px) !important;
  max-height: 100% !important;
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: scale(1.34) !important;
  transform-origin: center center !important;
  width: auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__main {
  grid-template-columns: minmax(380px, 0.9fr) minmax(0, 1.1fr) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision {
  max-height: none !important;
  min-height: clamp(480px, 40vw, 620px) !important;
  overflow: hidden !important;
  padding: clamp(20px, 2.5vw, 36px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit:hover .dpd-v2-tire-spotlight-media--decision img {
  height: clamp(430px, 37vw, 610px) !important;
  max-height: 100% !important;
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: scale(1.42) !important;
  transform-origin: center center !important;
  width: auto !important;
}

@media (max-width: 1180px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__grid,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main-in {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__main {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 720px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__grid,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main-in {
    gap: 16px !important;
    grid-template-columns: 1fr !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell {
    min-height: 430px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell {
    grid-template-rows: minmax(96px, auto) minmax(270px, 1fr) 64px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover .dpd-v2-finder-card-media,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within .dpd-v2-finder-card-media {
    min-height: 270px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media img {
    height: 270px !important;
    transform: scale(1.28) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision {
    min-height: 400px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision img {
    height: 390px !important;
    transform: scale(1.32) !important;
  }
}

/* DPD Tire finder/detail authoritative layout reset - 2026-07-10 */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-results,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-result-surface,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main {
  display: block !important;
  max-width: none !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__grid,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main-in {
  align-items: start !important;
  display: grid !important;
  gap: clamp(24px, 2.4vw, 34px) !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card {
  background: #f7f7f5 !important;
  border: 1px solid rgba(6, 17, 26, 0.13) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  transform: none !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within {
  box-shadow: 0 22px 42px rgba(6, 17, 26, 0.12) !important;
  transform: translateY(-2px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell {
  background: transparent !important;
  display: grid !important;
  grid-template-rows: auto clamp(315px, 27vw, 410px) 64px !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-topbar {
  align-items: center !important;
  background: transparent !important;
  display: grid !important;
  gap: 7px !important;
  left: auto !important;
  margin: 0 !important;
  min-height: 138px !important;
  padding: 54px 28px 12px !important;
  position: static !important;
  right: auto !important;
  text-align: center !important;
  top: auto !important;
  width: auto !important;
  z-index: 2 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-title-block {
  align-items: center !important;
  background: transparent !important;
  display: grid !important;
  gap: 7px !important;
  left: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
  right: auto !important;
  text-align: center !important;
  top: auto !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-title-block h4 {
  color: #05090d !important;
  font-size: clamp(20px, 1.4vw, 27px) !important;
  line-height: 1.03 !important;
  margin: 0 !important;
  max-width: 100% !important;
  overflow-wrap: normal !important;
  text-transform: uppercase !important;
  word-break: normal !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-type {
  color: #73808e !important;
  display: block !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.1 !important;
  margin: 0 !important;
  max-height: 24px !important;
  overflow: hidden !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-title-block .sub,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-row-status,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-copy,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-info {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover .dpd-v2-finder-card-media,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within .dpd-v2-finder-card-media {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  bottom: auto !important;
  display: flex !important;
  height: auto !important;
  justify-content: center !important;
  left: auto !important;
  margin: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 30px 24px !important;
  position: static !important;
  right: auto !important;
  top: auto !important;
  width: 100% !important;
  z-index: 1 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover .dpd-v2-finder-card-media img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within .dpd-v2-finder-card-media img {
  display: block !important;
  height: auto !important;
  margin: auto !important;
  max-height: clamp(290px, 25vw, 380px) !important;
  max-width: 94% !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
  transition: none !important;
  width: auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-action-row--finder-card,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card .dpd-v2-action-row {
  align-items: stretch !important;
  background: #ffffff !important;
  border-top: 1px solid rgba(6, 17, 26, 0.12) !important;
  bottom: auto !important;
  display: flex !important;
  height: 64px !important;
  justify-content: flex-start !important;
  left: auto !important;
  margin: 0 !important;
  opacity: 0 !important;
  padding: 0 !important;
  position: static !important;
  right: auto !important;
  transform: none !important;
  transition: opacity 180ms ease !important;
  visibility: hidden !important;
  width: 100% !important;
  z-index: 3 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover .dpd-v2-action-row--finder-card,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within .dpd-v2-action-row--finder-card {
  opacity: 1 !important;
  visibility: visible !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-action-row--finder-card .dpd-v2-finder-details-link {
  align-items: center !important;
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #05090d !important;
  display: inline-flex !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  height: 64px !important;
  justify-content: center !important;
  letter-spacing: 0.18em !important;
  margin: 0 !important;
  min-height: 64px !important;
  padding: 0 30px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__main {
  align-items: center !important;
  display: grid !important;
  gap: clamp(34px, 4.5vw, 70px) !important;
  grid-template-columns: minmax(360px, 0.92fr) minmax(0, 1.08fr) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision {
  align-items: center !important;
  background: #f7f7f5 !important;
  border: 0 !important;
  border-radius: 0 !important;
  bottom: auto !important;
  display: flex !important;
  justify-content: center !important;
  left: auto !important;
  margin: 0 !important;
  min-height: clamp(430px, 40vw, 590px) !important;
  overflow: hidden !important;
  padding: clamp(28px, 4vw, 52px) !important;
  position: static !important;
  right: auto !important;
  top: auto !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit:hover .dpd-v2-tire-spotlight-media--decision img {
  display: block !important;
  height: auto !important;
  margin: auto !important;
  max-height: clamp(330px, 34vw, 500px) !important;
  max-width: 92% !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
  transition: none !important;
  width: auto !important;
}

@media (max-width: 1180px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__grid,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main-in {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__main {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 720px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__grid,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main-in {
    grid-template-columns: 1fr !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell {
    grid-template-rows: auto 320px 64px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-topbar {
    min-height: 118px !important;
    padding: 40px 22px 10px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media img {
    max-height: 290px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision {
    min-height: 380px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision img {
    max-height: 320px !important;
  }
}

/* DPD Tire Finder/detail product UX hardening - 2026-07-10
   Source of truth for these two routes: static product tiles, contained art,
   visible recent activity, and no legacy absolute-position card choreography. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail {
  --dpd-tire-card-bg: #f7f7f5;
  --dpd-tire-border: rgba(6, 17, 26, 0.13);
  --dpd-tire-copy: #06111a;
  --dpd-tire-muted: #627181;
  --dpd-tire-yellow: #fff000;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-browser-shell > .dpd-section-body {
  display: grid !important;
  gap: 24px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session:not([hidden]) {
  background: #ffffff !important;
  border: 1px solid var(--dpd-tire-border) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 36px rgba(6, 17, 26, 0.06) !important;
  color: var(--dpd-tire-copy) !important;
  display: grid !important;
  gap: 14px !important;
  margin: 0 !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 22px 28px !important;
  position: relative !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__header {
  align-items: center !important;
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  min-height: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__header > div {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__eyebrow,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session h3,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session p,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder #dpd-v2-finder-session-summary {
  opacity: 1 !important;
  position: static !important;
  text-indent: 0 !important;
  transform: none !important;
  visibility: visible !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__eyebrow {
  color: var(--dpd-tire-muted) !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session h3 {
  color: var(--dpd-tire-copy) !important;
  display: block !important;
  font-size: 30px !important;
  line-height: 1.05 !important;
  margin: 0 !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session p,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder #dpd-v2-finder-session-summary {
  color: var(--dpd-tire-muted) !important;
  display: block !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  margin: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__header .dpd-v2-action-row {
  align-items: center !important;
  display: flex !important;
  gap: 10px !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  min-width: max-content !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__history {
  align-items: end !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  max-width: 780px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-filter {
  background: #ffffff !important;
  border: 1px solid rgba(6, 17, 26, 0.08) !important;
  border-radius: 18px !important;
  box-shadow: 0 16px 34px rgba(6, 17, 26, 0.055) !important;
  overflow: hidden !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-result-surface,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: block !important;
  max-width: none !important;
  overflow: visible !important;
  padding: 0 !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__grid,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main-in {
  align-items: stretch !important;
  display: grid !important;
  gap: 30px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card {
  background: var(--dpd-tire-card-bg) !important;
  border: 1px solid var(--dpd-tire-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  color: var(--dpd-tire-copy) !important;
  cursor: pointer !important;
  display: block !important;
  height: auto !important;
  margin: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  transform: none !important;
  transition: border-color 160ms ease, box-shadow 160ms ease !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within {
  border-color: rgba(6, 17, 26, 0.28) !important;
  box-shadow: 0 20px 36px rgba(6, 17, 26, 0.12) !important;
  transform: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card::before,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card::after,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell::before,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell::after,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-topbar::before,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-topbar::after,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media::before,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media::after {
  content: none !important;
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: 0 !important;
  grid-template-rows: 124px minmax(360px, 1fr) 64px !important;
  height: 100% !important;
  min-height: 548px !important;
  overflow: visible !important;
  padding: 0 !important;
  position: relative !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-topbar,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-title-block {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  bottom: auto !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
  height: auto !important;
  justify-content: center !important;
  left: auto !important;
  margin: 0 !important;
  min-height: 0 !important;
  order: initial !important;
  padding: 0 !important;
  position: static !important;
  right: auto !important;
  text-align: center !important;
  top: auto !important;
  transform: none !important;
  width: 100% !important;
  z-index: 2 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-topbar {
  min-height: 124px !important;
  padding: 34px 28px 10px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-title-block h4 {
  color: var(--dpd-tire-copy) !important;
  display: block !important;
  font-size: 24px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1.06 !important;
  margin: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  text-align: center !important;
  text-transform: uppercase !important;
  transform: none !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-type {
  color: var(--dpd-tire-muted) !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  max-height: 28px !important;
  overflow: hidden !important;
  text-align: center !important;
  text-transform: uppercase !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-title-block .sub,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-row-status,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-copy,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-info,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-highlights,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-side-bank,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-sidewall-bank,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-meta {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover .dpd-v2-finder-card-media,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within .dpd-v2-finder-card-media {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  bottom: auto !important;
  box-shadow: none !important;
  display: flex !important;
  height: 100% !important;
  justify-content: center !important;
  left: auto !important;
  margin: 0 !important;
  min-height: 360px !important;
  order: initial !important;
  overflow: visible !important;
  padding: 8px 28px 18px !important;
  position: static !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  width: 100% !important;
  z-index: 1 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover .dpd-v2-finder-card-media img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within .dpd-v2-finder-card-media img {
  display: block !important;
  height: 100% !important;
  margin: auto !important;
  max-height: 100% !important;
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  position: static !important;
  transform: none !important;
  transition: none !important;
  width: auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-action-row--finder-card,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card .dpd-v2-action-row {
  align-items: stretch !important;
  background: #ffffff !important;
  border-top: 1px solid rgba(6, 17, 26, 0.12) !important;
  bottom: auto !important;
  box-shadow: none !important;
  display: flex !important;
  height: 64px !important;
  justify-content: stretch !important;
  left: auto !important;
  margin: 0 !important;
  opacity: 0 !important;
  order: initial !important;
  overflow: hidden !important;
  padding: 0 !important;
  pointer-events: none !important;
  position: static !important;
  right: auto !important;
  transform: none !important;
  transition: opacity 160ms ease, visibility 160ms ease !important;
  visibility: hidden !important;
  width: 100% !important;
  z-index: 3 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover .dpd-v2-action-row--finder-card,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within .dpd-v2-action-row--finder-card {
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-action-row--finder-card .dpd-v2-finder-details-link,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card .dpd-v2-action-row .dpd-v2-finder-details-link.mock-btn {
  align-items: center !important;
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--dpd-tire-copy) !important;
  display: flex !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  height: 64px !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  min-height: 64px !important;
  min-width: 0 !important;
  padding: 0 24px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__main {
  align-items: center !important;
  display: grid !important;
  gap: 56px !important;
  grid-template-columns: minmax(360px, 480px) minmax(0, 1fr) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision {
  align-items: center !important;
  background: var(--dpd-tire-card-bg) !important;
  border: 0 !important;
  border-radius: 0 !important;
  bottom: auto !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  display: flex !important;
  height: 560px !important;
  justify-content: center !important;
  left: auto !important;
  margin: 0 !important;
  min-height: 560px !important;
  overflow: visible !important;
  padding: 34px !important;
  position: static !important;
  right: auto !important;
  top: auto !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit:hover .dpd-v2-tire-spotlight-media--decision img {
  display: block !important;
  height: 440px !important;
  margin: auto !important;
  max-height: 100% !important;
  max-width: 94% !important;
  object-fit: contain !important;
  object-position: center center !important;
  position: static !important;
  transform: none !important;
  transition: none !important;
  width: auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector__list {
  max-height: 330px !important;
  overflow: auto !important;
  padding-right: 4px !important;
}

@media (max-width: 1180px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__grid,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main-in {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__main {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__header,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__history {
    grid-template-columns: 1fr !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__header .dpd-v2-action-row {
    justify-content: flex-start !important;
    min-width: 0 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session h3 {
    font-size: 24px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__grid,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main-in {
    grid-template-columns: 1fr !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell {
    grid-template-rows: 112px minmax(310px, 1fr) 64px !important;
    min-height: 486px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-topbar {
    min-height: 112px !important;
    padding: 28px 22px 8px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-title-block h4 {
    font-size: 22px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover .dpd-v2-finder-card-media,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within .dpd-v2-finder-card-media {
    min-height: 310px !important;
    padding: 6px 22px 16px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision {
    height: 420px !important;
    min-height: 420px !important;
    padding: 24px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision img {
    height: 340px !important;
  }
}

/* DPD header logo/avatar final shape lock - 2026-07-10 */
html body {
  --dpd-header-logo-tile-size: 58px;
  --dpd-header-logo-mark-size: 58px;
  --dpd-header-logo-radius: 16px;
}

html body #header-login .dpd-public-logo-mark,
html body header.log-out.dpd-public-header .dpd-public-logo-mark,
html body.dpd-member-surface #header-login > .dpd-member-header-app-mark {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: var(--dpd-header-logo-radius) !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  display: inline-grid !important;
  flex: 0 0 var(--dpd-header-logo-tile-size) !important;
  height: var(--dpd-header-logo-tile-size) !important;
  justify-content: center !important;
  max-height: var(--dpd-header-logo-tile-size) !important;
  max-width: var(--dpd-header-logo-tile-size) !important;
  min-height: var(--dpd-header-logo-tile-size) !important;
  min-width: var(--dpd-header-logo-tile-size) !important;
  overflow: visible !important;
  padding: 0 !important;
  place-items: center !important;
  width: var(--dpd-header-logo-tile-size) !important;
}

html body #header-login .dpd-public-logo-mark img,
html body header.log-out.dpd-public-header .dpd-public-logo-mark img,
html body.dpd-member-surface #header-login > .dpd-member-header-app-mark img {
  border-radius: 12px !important;
  display: block !important;
  height: var(--dpd-header-logo-mark-size) !important;
  max-height: var(--dpd-header-logo-mark-size) !important;
  max-width: var(--dpd-header-logo-mark-size) !important;
  object-fit: contain !important;
  object-position: center center !important;
  padding: 0 !important;
  width: var(--dpd-header-logo-mark-size) !important;
}

html body.dpd-member-surface:not(.dpd-v2-sidebar-collapsed):not(.dpd-sidebar-collapsed) #header-login > .dpd-member-header-app-mark img,
html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #header-login > .dpd-member-header-app-mark img {
  height: var(--dpd-header-logo-mark-size) !important;
  max-height: var(--dpd-header-logo-mark-size) !important;
  max-width: var(--dpd-header-logo-mark-size) !important;
  width: var(--dpd-header-logo-mark-size) !important;
}

@media (min-width: 1101px) {
  html body.dpd-member-surface #header-login > .dpd-member-header-app-mark {
    left: clamp(32px, 2.8vw, 44px) !important;
    position: fixed !important;
    top: 30px !important;
    z-index: 2147483601 !important;
  }

  html body.dpd-member-surface:not(.dpd-v2-sidebar-collapsed):not(.dpd-sidebar-collapsed) #header-login > .dpd-member-header-app-mark {
    box-shadow: none !important;
    left: calc(var(--dpd-member-shell-pad-x, clamp(18px, 2.6vw, 48px)) + 12px) !important;
  }

  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #header-login > .dpd-member-header-app-mark {
    box-shadow: none !important;
  }

  html body.dpd-member-surface #header-login .left-sec.dpd-v2-header-shell__brand .dpd-public-logo,
  html body.dpd-member-surface #header-login .left-sec.dpd-v2-header-shell__brand .dpd-public-logo-link,
  html body.dpd-member-surface #header-login .left-sec.dpd-v2-header-shell__brand .dpd-public-logo-mark,
  html body.dpd-member-surface #header-login .left-sec.dpd-v2-header-shell__brand .dpd-public-logo-mark img,
  html body.dpd-member-surface .dpd-v2-header-shell #header-login .left-sec.dpd-v2-header-shell__brand .dpd-public-logo,
  html body.dpd-member-surface .dpd-v2-header-shell #header-login .left-sec.dpd-v2-header-shell__brand .dpd-public-logo-link,
  html body.dpd-member-surface .dpd-v2-header-shell #header-login .left-sec.dpd-v2-header-shell__brand .dpd-public-logo-mark,
  html body.dpd-member-surface .dpd-v2-header-shell #header-login .left-sec.dpd-v2-header-shell__brand .dpd-public-logo-mark img {
    display: none !important;
    flex: 0 0 0 !important;
    height: 0 !important;
    margin: 0 !important;
    max-height: 0 !important;
    max-width: 0 !important;
    min-height: 0 !important;
    min-width: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    visibility: hidden !important;
    width: 0 !important;
  }
}

@media (max-width: 1100px) {
  html body.dpd-member-surface #header-login > .dpd-member-header-app-mark {
    display: none !important;
  }
}

html body #header-login .dpd-public-header-account-toggle [data-dpd-user-badge],
html body #header-login .dpd-public-header-account-toggle .dpd-user-badge,
html body header.log-out.dpd-public-header .dpd-public-header-account-toggle [data-dpd-user-badge],
html body header.log-out.dpd-public-header .dpd-public-header-account-toggle .dpd-user-badge,
html body header.log-out.dpd-public-header .dpd-public-header-account-chip [data-dpd-user-badge],
html body header.log-out.dpd-public-header .dpd-public-header-account-chip .dpd-user-badge {
  --dpd-account-badge-size: 44px !important;
  --dpd-account-mark-size: 23px !important;
  overflow: hidden !important;
}

html body #header-login .dpd-public-header-account-toggle [data-dpd-user-badge][data-dpd-avatar-choice="helmet"].has-mark-avatar,
html body #header-login .dpd-public-header-account-toggle .dpd-user-badge[data-dpd-avatar-choice="helmet"].has-mark-avatar,
html body header.log-out.dpd-public-header .dpd-public-header-account-toggle [data-dpd-user-badge][data-dpd-avatar-choice="helmet"].has-mark-avatar,
html body header.log-out.dpd-public-header .dpd-public-header-account-toggle .dpd-user-badge[data-dpd-avatar-choice="helmet"].has-mark-avatar {
  --dpd-account-mark-size: 21px !important;
  --dpd-avatar-trigger-mark-size: 21px !important;
  --dpd-header-avatar-mark: 21px !important;
}

html body.dpd-member-surface #header-login #my-acc-btn > .dpd-user-badge--account-trigger[data-dpd-avatar-choice="helmet"].has-mark-avatar,
html body.dpd-member-surface .dpd-v2-header-shell #header-login #my-acc-btn > .dpd-user-badge--account-trigger[data-dpd-avatar-choice="helmet"].has-mark-avatar {
  --dpd-account-mark-size: 21px !important;
  --dpd-avatar-trigger-mark-size: 21px !important;
  --dpd-header-avatar-mark: 21px !important;
}

html body #header-login .dpd-public-header-account-toggle [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark,
html body #header-login .dpd-public-header-account-toggle .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark,
html body #header-login .dpd-public-header-account-toggle [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark--image,
html body #header-login .dpd-public-header-account-toggle .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image,
html body header.log-out.dpd-public-header .dpd-public-header-account-toggle [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark,
html body header.log-out.dpd-public-header .dpd-public-header-account-toggle .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark,
html body header.log-out.dpd-public-header .dpd-public-header-account-toggle [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark--image,
html body header.log-out.dpd-public-header .dpd-public-header-account-toggle .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image {
  height: var(--dpd-account-mark-size) !important;
  max-height: var(--dpd-account-mark-size) !important;
  max-width: var(--dpd-account-mark-size) !important;
  width: var(--dpd-account-mark-size) !important;
}

/* DPD dashboard live-parity launch affordances - 2026-07-10 */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dashboard-head-right-in .dpd-v2-hero-wallet-actions,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in .dpd-v2-hero-wallet-actions {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin-top: 12px !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dashboard-head-right-in .dpd-v2-hero-wallet-actions .bttn,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in .dpd-v2-hero-wallet-actions .bttn {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.38) !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  display: inline-flex !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  justify-content: center !important;
  letter-spacing: 0.18em !important;
  min-height: 34px !important;
  padding: 9px 12px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dashboard-head-right-in .dpd-v2-hero-wallet-actions .bttn:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dashboard-head-right-in .dpd-v2-hero-wallet-actions .bttn:focus-visible,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in .dpd-v2-hero-wallet-actions .bttn:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in .dpd-v2-hero-wallet-actions .bttn:focus-visible {
  background: #fff200 !important;
  border-color: #fff200 !important;
  color: #071217 !important;
  outline: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch {
  position: relative !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch::before,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch::before {
  background: linear-gradient(180deg, rgba(34, 214, 183, 0.9), rgba(255, 242, 0, 0.92)) !important;
  border-radius: 999px !important;
  bottom: 26px !important;
  content: "" !important;
  left: 18px !important;
  opacity: 0.42 !important;
  position: absolute !important;
  top: 26px !important;
  width: 3px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch > *,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch > * {
  position: relative !important;
  z-index: 1 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-card,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-launch-card {
  overflow: visible !important;
  position: relative !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-card::before,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-launch-card::before {
  background: #22d6b7 !important;
  border: 3px solid #ffffff !important;
  border-radius: 999px !important;
  box-shadow: 0 0 0 1px rgba(16, 24, 32, 0.08) !important;
  content: "" !important;
  height: 14px !important;
  left: -22px !important;
  position: absolute !important;
  top: 18px !important;
  width: 14px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-card:nth-child(3n)::before,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-launch-card:nth-child(3n)::before {
  background: #fff200 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-card__media,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-launch-card__media {
  background:
    radial-gradient(circle at 72% 18%, rgba(255, 242, 0, 0.45), transparent 32%),
    linear-gradient(145deg, #f4f7f9, #ffffff) !important;
  border: 1px solid rgba(16, 24, 32, 0.06) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-card__media img,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-launch-card__media img {
  filter: saturate(1.06) contrast(1.02) !important;
  padding: 6px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-card--with-shortcuts,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-launch-card--with-shortcuts {
  cursor: default !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-card__links,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-launch-card__links {
  display: grid !important;
  gap: 6px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin-top: 4px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-card__links a,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-launch-card__links a {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid rgba(16, 24, 32, 0.12) !important;
  border-radius: 999px !important;
  color: #101820 !important;
  display: inline-flex !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  justify-content: center !important;
  letter-spacing: 0.08em !important;
  min-height: 28px !important;
  padding: 7px 9px !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  white-space: normal !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-card__links a:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-card__links a:focus-visible,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-launch-card__links a:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-launch-card__links a:focus-visible {
  background: #fff200 !important;
  border-color: #fff200 !important;
  color: #071217 !important;
  outline: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-card--with-shortcuts .dpd-v2-launch-card__cta,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-launch-card--with-shortcuts .dpd-v2-launch-card__cta {
  text-decoration: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-news-date,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-launch-news-date {
  color: rgba(255, 255, 255, 0.62) !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.16em !important;
  margin: 2px 0 8px !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-news-link,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-launch-news-link {
  align-items: center !important;
  border-top: 1px solid rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;
  display: flex !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  justify-content: flex-end !important;
  letter-spacing: 0.16em !important;
  margin-top: 14px !important;
  padding-top: 12px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-news-link:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-news-link:focus-visible,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-launch-news-link:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-launch-news-link:focus-visible {
  color: #fff200 !important;
  outline: none !important;
}

html body.dpd-member-surface:not(.dpd-v2-sidebar-collapsed):not(.dpd-sidebar-collapsed) #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item > a,
html body.dpd-member-surface:not(.dpd-v2-sidebar-collapsed):not(.dpd-sidebar-collapsed) #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a {
  min-height: 43px !important;
}

html body.dpd-member-surface:not(.dpd-v2-sidebar-collapsed):not(.dpd-sidebar-collapsed) #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .dpd-v2-nav-label,
html body.dpd-member-surface:not(.dpd-v2-sidebar-collapsed):not(.dpd-sidebar-collapsed) #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-label,
html body.dpd-member-surface:not(.dpd-v2-sidebar-collapsed):not(.dpd-sidebar-collapsed) #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .dpd-v2-nav-collapse-label,
html body.dpd-member-surface:not(.dpd-v2-sidebar-collapsed):not(.dpd-sidebar-collapsed) #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-collapse-label {
  display: block !important;
  line-height: 1.08 !important;
  max-width: 126px !important;
  overflow: visible !important;
  overflow-wrap: normal !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-break: normal !important;
}

@media (max-width: 760px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dashboard-head-right-in .dpd-v2-hero-wallet-actions,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in .dpd-v2-hero-wallet-actions,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-card__links,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-launch-card__links {
    grid-template-columns: 1fr !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch::before,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch::before,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-card::before,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-launch-card::before {
    display: none !important;
  }
}

html body.dpd-member-surface #header-login #my-acc-btn > .dpd-user-badge--account-trigger[data-dpd-avatar-choice="helmet"].has-mark-avatar .dpd-user-badge__mark,
html body.dpd-member-surface .dpd-v2-header-shell #header-login #my-acc-btn > .dpd-user-badge--account-trigger[data-dpd-avatar-choice="helmet"].has-mark-avatar .dpd-user-badge__mark,
html body header.log-out.dpd-public-header .dpd-public-header-account-chip > .dpd-user-badge--public-header[data-dpd-avatar-choice="helmet"].has-mark-avatar .dpd-user-badge__mark {
  background: currentColor !important;
  background-color: currentColor !important;
  background-image: none !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  filter: none !important;
  flex: 0 0 var(--dpd-account-mark-size) !important;
  height: var(--dpd-account-mark-size) !important;
  max-height: var(--dpd-account-mark-size) !important;
  max-width: var(--dpd-account-mark-size) !important;
  width: var(--dpd-account-mark-size) !important;
  -webkit-mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
}

/* DPD tire finder/detail reference polish - 2026-07-10 */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail {
  --dpd-tire-reference-bg: #f7f7f5;
  --dpd-tire-reference-border: rgba(6, 17, 26, 0.12);
  --dpd-tire-reference-muted: #667482;
  --dpd-tire-reference-ink: #07111a;
  --dpd-tire-reference-yellow: #fff000;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-browser-shell,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-filter,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-refine-strip {
  border-radius: 18px !important;
  box-shadow: 0 16px 36px rgba(6, 17, 26, 0.045) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session:not([hidden]) {
  align-items: stretch !important;
  background: #ffffff !important;
  border: 1px solid var(--dpd-tire-reference-border) !important;
  border-radius: 18px !important;
  box-shadow: none !important;
  gap: 14px !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  margin: 0 0 24px !important;
  min-height: 0 !important;
  padding: 18px 24px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__header {
  align-items: center !important;
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  min-height: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__history {
  align-items: end !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  max-width: 780px !important;
  min-height: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__eyebrow {
  color: var(--dpd-tire-reference-muted) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  margin: 0 0 4px !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session h3 {
  color: var(--dpd-tire-reference-ink) !important;
  font-size: clamp(24px, 2.2vw, 34px) !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  margin: 0 !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session p,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder #dpd-v2-finder-session-summary {
  color: var(--dpd-tire-reference-muted) !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  margin: 5px 0 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__header > div {
  min-width: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session .dpd-v2-action-row {
  align-items: center !important;
  display: flex !important;
  gap: 10px !important;
  grid-column: auto !important;
  grid-row: auto !important;
  justify-content: flex-end !important;
  min-width: max-content !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-refine-strip {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid var(--dpd-tire-reference-border) !important;
  display: grid !important;
  grid-template-columns: minmax(170px, 0.26fr) minmax(0, 1fr) !important;
  padding: clamp(20px, 2.2vw, 30px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-position-bank {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-position-toggle {
  background: #ffffff !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: var(--dpd-tire-reference-ink) !important;
  min-height: 42px !important;
  padding: 0 20px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-position-toggle.is-active {
  background: var(--dpd-tire-reference-yellow) !important;
  border-color: var(--dpd-tire-reference-yellow) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-controls--inline > .dpd-v2-action-row .mock-btn {
  border-radius: 999px !important;
  min-height: 42px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-results,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__grid,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main-in {
  align-items: stretch !important;
  display: grid !important;
  gap: clamp(22px, 2.2vw, 34px) !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card {
  background: var(--dpd-tire-reference-bg) !important;
  border: 1px solid var(--dpd-tire-reference-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  display: block !important;
  min-height: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  transform: none !important;
  transition: border-color 160ms ease, box-shadow 160ms ease !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within {
  border-color: rgba(6, 17, 26, 0.25) !important;
  box-shadow: 0 18px 34px rgba(6, 17, 26, 0.1) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell {
  background: transparent !important;
  display: grid !important;
  grid-template-rows: 118px 320px !important;
  min-height: 438px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-topbar,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-title-block {
  align-items: center !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
  justify-content: end !important;
  min-height: 0 !important;
  padding: 0 !important;
  position: static !important;
  text-align: center !important;
  transform: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-topbar {
  justify-content: center !important;
  padding: 22px 22px 4px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-type {
  color: var(--dpd-tire-reference-muted) !important;
  display: block !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  max-height: 24px !important;
  overflow: hidden !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-title-block h4 {
  color: var(--dpd-tire-reference-ink) !important;
  display: -webkit-box !important;
  font-size: clamp(19px, 1.8vw, 25px) !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1.06 !important;
  margin: 0 !important;
  max-width: 100% !important;
  min-height: 1.08em !important;
  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  text-align: center !important;
  text-transform: uppercase !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-title-block .sub,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-row-status,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-copy,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-info,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-highlights,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-side-bank,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-sidewall-bank,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-meta {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover .dpd-v2-finder-card-media,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within .dpd-v2-finder-card-media {
  align-items: end !important;
  background: transparent !important;
  display: flex !important;
  height: 320px !important;
  justify-content: center !important;
  margin: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 4px 28px 0 !important;
  position: static !important;
  transform: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover .dpd-v2-finder-card-media img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within .dpd-v2-finder-card-media img {
  display: block !important;
  height: auto !important;
  margin: 0 auto !important;
  max-height: 305px !important;
  max-width: 95% !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  position: static !important;
  transform: none !important;
  transition: none !important;
  width: auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-action-row--finder-card,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card .dpd-v2-action-row {
  align-items: stretch !important;
  background: rgba(255, 255, 255, 0.97) !important;
  border-top: 1px solid rgba(6, 17, 26, 0.12) !important;
  bottom: 0 !important;
  display: flex !important;
  height: 60px !important;
  left: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  right: 0 !important;
  transform: translateY(100%) !important;
  transition: opacity 160ms ease, transform 160ms ease !important;
  visibility: hidden !important;
  z-index: 5 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover .dpd-v2-action-row--finder-card,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within .dpd-v2-action-row--finder-card {
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-action-row--finder-card .dpd-v2-finder-details-link,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card .dpd-v2-action-row .dpd-v2-finder-details-link.mock-btn {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--dpd-tire-reference-ink) !important;
  height: 60px !important;
  letter-spacing: 0 !important;
  min-height: 60px !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit {
  padding: clamp(28px, 3vw, 44px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__main {
  align-items: center !important;
  display: grid !important;
  gap: clamp(34px, 4vw, 64px) !important;
  grid-template-columns: minmax(280px, 410px) minmax(0, 1fr) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision {
  align-items: center !important;
  aspect-ratio: 0.72 !important;
  background: var(--dpd-tire-reference-bg) !important;
  border: 0 !important;
  border-radius: 0 !important;
  display: flex !important;
  height: auto !important;
  justify-content: center !important;
  max-height: 520px !important;
  min-height: 420px !important;
  overflow: hidden !important;
  padding: 22px !important;
  position: static !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit:hover .dpd-v2-tire-spotlight-media--decision img {
  display: block !important;
  height: auto !important;
  margin: auto !important;
  max-height: 390px !important;
  max-width: 92% !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
  width: auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-configurator-head {
  align-items: start !important;
  gap: 20px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector__list {
  gap: 12px !important;
  max-height: 316px !important;
  overflow: auto !important;
  padding: 2px 4px 6px 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector__option {
  border-radius: 12px !important;
  min-height: 72px !important;
  padding: 12px 14px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-promo-download-grid {
  align-items: stretch !important;
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-promo-download-card {
  background: #ffffff !important;
  border: 1px solid var(--dpd-tire-reference-border) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  display: grid !important;
  grid-template-rows: 190px auto 1fr auto !important;
  min-height: 365px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-promo-download-card__media {
  background: #eef3f5 !important;
  display: block !important;
  height: 190px !important;
  margin: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: static !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-promo-download-card__media img {
  display: block !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  position: static !important;
  width: 100% !important;
  background: #ffffff !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-promo-download-card__header {
  align-items: center !important;
  display: flex !important;
  gap: 12px !important;
  justify-content: space-between !important;
  margin: 0 !important;
  min-height: 46px !important;
  padding: 14px 18px 4px !important;
  position: static !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-promo-download-card__body {
  display: grid !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 4px 18px 14px !important;
  position: static !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-promo-download-card__body h4 {
  color: var(--dpd-tire-reference-ink) !important;
  font-size: clamp(18px, 1.4vw, 22px) !important;
  line-height: 1.12 !important;
  margin: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-promo-download-card__body p {
  color: var(--dpd-tire-reference-muted) !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-promo-download-card > .dpd-v2-action-row {
  align-items: center !important;
  display: flex !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  padding: 0 18px 18px !important;
  position: static !important;
}

@media (max-width: 1180px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-results,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__grid,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main-in {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__main,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-promo-download-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session:not([hidden]),
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-refine-strip {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session .dpd-v2-action-row {
    grid-column: auto !important;
    grid-row: auto !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-filters,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-results,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__grid,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main-in {
    grid-template-columns: 1fr !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell {
    grid-template-rows: 108px 300px !important;
    min-height: 408px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media {
    height: 300px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media img {
    max-height: 286px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit {
    padding: 22px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision {
    min-height: 360px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision img {
    max-height: 320px !important;
  }
}

/* DPD global member hero system - 2026-07-10 */
html body.dpd-member-surface #sub-page-main-content-wrapper {
  --dpd-global-hero-bg: #101820;
  --dpd-global-hero-border-radius: 30px;
  --dpd-global-hero-copy: rgba(255, 255, 255, 0.9);
  --dpd-global-hero-muted: rgba(255, 255, 255, 0.68);
  --dpd-global-hero-accent: var(--dpd-selected-glow-accent, var(--dpd-user-badge-fill, #fff200));
  --dpd-global-hero-height: clamp(214px, 17vw, 244px);
  --dpd-global-hero-pad-y: clamp(30px, 2.6vw, 38px);
  --dpd-global-hero-pad-x: clamp(48px, 5vw, 72px);
  --dpd-global-hero-summary-width: clamp(276px, 25vw, 340px);
}

html body.dpd-member-surface #sub-page-main-content-wrapper .video-header,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero {
  background: transparent !important;
  border: 0 !important;
  border-radius: var(--dpd-global-hero-border-radius) !important;
  box-shadow: none !important;
  margin: 0 0 20px !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .video-header > .video-header-content,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header > .video-header-content.mock-static-bg,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero > .video-header-content,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero > .video-header-content.mock-static-bg,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .video-header-content.mock-static-bg,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-hero .video-header-content.mock-static-bg {
  align-items: center !important;
  background-color: var(--dpd-global-hero-bg) !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: var(--dpd-global-hero-border-radius) !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: clamp(28px, 4vw, 56px) !important;
  grid-template-columns: minmax(0, 1fr) var(--dpd-global-hero-summary-width) !important;
  min-height: var(--dpd-global-hero-height) !important;
  overflow: visible !important;
  padding: var(--dpd-global-hero-pad-y) var(--dpd-global-hero-pad-x) !important;
  position: relative !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .video-header > .video-header-content:not(:has(.dashboard-head-right)):not(:has(.dpd-v2-global-hero__aside)),
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header > .video-header-content.mock-static-bg:not(:has(.dashboard-head-right)):not(:has(.dpd-v2-global-hero__aside)),
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero > .video-header-content:not(:has(.dashboard-head-right)):not(:has(.dpd-v2-global-hero__aside)),
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero > .video-header-content.mock-static-bg:not(:has(.dashboard-head-right)):not(:has(.dpd-v2-global-hero__aside)) {
  grid-template-columns: minmax(0, 780px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-right,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__content,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__aside,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-hero .dpd-v2-global-hero__content,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-hero .dpd-v2-global-hero__aside {
  align-self: center !important;
  box-sizing: border-box !important;
  float: none !important;
  margin: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  position: relative !important;
  width: auto !important;
  z-index: 2 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__content {
  display: grid !important;
  gap: 12px !important;
  justify-items: start !important;
  max-width: 780px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left .svg-small-icon,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dpd-v2-hero-badge,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dpd-v2-route-proof,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dpd-v2-action-row,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .db-left-btns,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__content .dpd-v2-route-proof,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__content .dpd-v2-action-row {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left > .dpd-v2-hero-kicker,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left > span,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__content > .dpd-v2-hero-kicker,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__eyebrow,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__kicker {
  color: var(--dpd-global-hero-accent) !important;
  display: block !important;
  font-family: var(--dpd-chrome-font-ui, inherit) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
  margin: 0 !important;
  text-transform: uppercase !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left > span:not(:first-child),
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__content > span:not(:first-child) {
  font-size: 10px !important;
  opacity: 0.95 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left h1,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left h2,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero h1,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero h2,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dashboard-head-left h1,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-hero .dashboard-head-left h1 {
  color: #ffffff !important;
  font-family: var(--dpd-chrome-font-display, inherit) !important;
  font-size: clamp(30px, 2.6vw, 42px) !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  margin: 8px 0 0 !important;
  max-width: 30ch !important;
  text-transform: uppercase !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left h4,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero h4 {
  color: var(--dpd-global-hero-muted) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.25 !important;
  margin: -4px 0 0 !important;
  text-transform: uppercase !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left > p:not(.dpd-v2-hero-kicker),
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__content > p:not(.dpd-v2-hero-kicker),
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro #training-focus-copy {
  color: var(--dpd-global-hero-copy) !important;
  font-family: var(--dpd-chrome-font-body, inherit) !important;
  font-size: clamp(15px, 1.2vw, 18px) !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  line-height: 1.42 !important;
  margin: 0 !important;
  max-width: 680px !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-right,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__aside {
  justify-self: end !important;
  width: var(--dpd-global-hero-summary-width) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-right-in:not(.dpd-v2-admin-tool-focus-trigger),
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__summary:not(.dpd-v2-admin-tool-focus-trigger),
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in.dpd-v2-service-overview--ops {
  align-items: stretch !important;
  background: rgba(255, 255, 255, 0.045) !important;
  border: 1px solid rgba(255, 242, 0, 0.35) !important;
  border-radius: 18px !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  color: #ffffff !important;
  display: grid !important;
  gap: 8px !important;
  justify-items: stretch !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 14px !important;
  position: relative !important;
  text-align: left !important;
  width: 100% !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-right-in > span,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__summary > span,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in.dpd-v2-service-overview--ops .dpd-v2-service-overview__header > span {
  color: var(--dpd-global-hero-muted) !important;
  display: block !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  text-transform: uppercase !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-right-in h3,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__summary h3,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in.dpd-v2-service-overview--ops .dpd-v2-service-overview__header > strong {
  color: #ffffff !important;
  font-family: var(--dpd-chrome-font-display, inherit) !important;
  font-size: clamp(21px, 1.7vw, 28px) !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  margin: 0 !important;
  text-transform: uppercase !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-right-in p,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__summary p,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in.dpd-v2-service-overview--ops p {
  color: var(--dpd-global-hero-muted) !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-right-in .db-right-btns,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__summary .db-right-btns,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in.dpd-v2-service-overview--ops .dpd-v2-service-overview__stack,
html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in.dpd-v2-service-overview--ops .dpd-v2-service-overview__copy {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dpd-v2-global-hero__info,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dpd-v2-info-dot,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dpd-v2-service-overview__info,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero .dpd-v2-global-hero__info,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero .dpd-v2-info-dot {
  align-items: center !important;
  background: var(--dpd-global-hero-accent) !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 0 0 6px rgba(255, 242, 0, 0.18) !important;
  color: #101820 !important;
  display: inline-grid !important;
  font-family: var(--dpd-chrome-font-ui, inherit) !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  height: 42px !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  place-items: center !important;
  position: absolute !important;
  right: 16px !important;
  top: 16px !important;
  width: 42px !important;
  z-index: 10 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in.dpd-v2-service-overview--ops .dpd-v2-service-overview__header {
  display: grid !important;
  gap: 4px !important;
  padding-right: 56px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in.dpd-v2-service-overview--ops .dpd-v2-service-overview__summary,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-training-count-summary__grid,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__summary-body {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in.dpd-v2-service-overview--ops .dpd-v2-service-overview__metric,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-training-count-summary__tile,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__summary-body > * {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  color: #ffffff !important;
  display: grid !important;
  justify-items: center !important;
  min-height: 50px !important;
  padding: 8px 7px !important;
  text-align: center !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in.dpd-v2-service-overview--ops .dpd-v2-service-overview__metric strong,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-training-count-summary__tile strong {
  color: #ffffff !important;
  display: block !important;
  font-size: clamp(24px, 2vw, 32px) !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 0.9 !important;
  margin: 0 !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in.dpd-v2-service-overview--ops .dpd-v2-service-overview__metric small,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-training-count-summary__tile em {
  color: rgba(255, 255, 255, 0.72) !important;
  display: block !important;
  font-size: 8px !important;
  font-style: normal !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  text-transform: uppercase !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right-in.dpd-v2-service-overview--ops .dpd-v2-service-overview__rail {
  background: rgba(255, 255, 255, 0.1) !important;
  border-radius: 999px !important;
  display: flex !important;
  height: 7px !important;
  margin: 0 !important;
  overflow: hidden !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-training-count-summary__note {
  color: var(--dpd-global-hero-muted) !important;
  font-size: 12px !important;
  margin: 0 !important;
  text-align: center !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary {
  max-width: var(--dpd-global-hero-summary-width) !important;
  padding: 14px !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary__grid {
  gap: 8px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary__tile {
  align-items: center !important;
  display: grid !important;
  justify-content: center !important;
  justify-items: center !important;
  min-height: 50px !important;
  padding: 8px 7px !important;
  text-align: center !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary__tile em {
  font-size: 8px !important;
  line-height: 1.1 !important;
  margin: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary__tile strong {
  font-size: clamp(24px, 2vw, 32px) !important;
  line-height: 0.9 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-motion,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-story-telemetry,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .clearfix {
  display: none !important;
}

/* DPD tire route emergency grid repair - 2026-07-10 */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder #dpd-v2-finder-grid,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-results {
  display: block !important;
  max-width: none !important;
  min-width: 0 !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group {
  display: block !important;
  margin: 0 !important;
  max-width: none !important;
  min-width: 0 !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__grid,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main-in {
  align-items: stretch !important;
  display: grid !important;
  gap: clamp(22px, 2.2vw, 34px) !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  max-width: none !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell {
  grid-template-rows: 112px 340px !important;
  min-height: 452px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover .dpd-v2-finder-card-media,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within .dpd-v2-finder-card-media {
  height: 340px !important;
  padding: 0 24px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover .dpd-v2-finder-card-media img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within .dpd-v2-finder-card-media img {
  max-height: 330px !important;
  max-width: 105% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__main {
  grid-template-columns: minmax(300px, 420px) minmax(0, 1fr) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision {
  max-height: 500px !important;
  min-height: 440px !important;
  overflow: hidden !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit:hover .dpd-v2-tire-spotlight-media--decision img {
  max-height: 390px !important;
  max-width: 96% !important;
  transform: scale(1.45) !important;
  transform-origin: center center !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-promo-download-card.has-media {
  display: grid !important;
  grid-template-areas:
    "media header"
    "media body"
    "media action" !important;
  grid-template-columns: minmax(180px, 38%) minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  min-height: 230px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-promo-download-card.has-media .dpd-v2-promo-download-card__media {
  align-self: stretch !important;
  grid-area: media !important;
  height: 100% !important;
  min-height: 230px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-promo-download-card__header {
  grid-area: header !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-promo-download-card__body {
  grid-area: body !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-promo-download-card > .dpd-v2-action-row {
  grid-area: action !important;
}

@media (max-width: 1180px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__grid,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main-in {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__main,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-promo-download-card.has-media {
    grid-template-columns: 1fr !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-promo-download-card.has-media {
    grid-template-areas:
      "media"
      "header"
      "body"
      "action" !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper .video-header > .video-header-content,
  html body.dpd-member-surface #sub-page-main-content-wrapper .video-header > .video-header-content.mock-static-bg,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero > .video-header-content,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero > .video-header-content.mock-static-bg,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .video-header-content.mock-static-bg,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-hero .video-header-content.mock-static-bg {
    grid-template-columns: 1fr !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell.dpd-v2-route-shell--admin-tool.dpd-v2-guided-route--admin-tool .dpd-v2-admin-tool-hero .video-header-content.mock-static-bg {
    grid-template-columns: minmax(0, 1fr) 48px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell.dpd-v2-route-shell--admin-tool.dpd-v2-guided-route--admin-tool .dpd-v2-admin-tool-hero .dpd-v2-global-hero__aside {
    align-self: start !important;
    justify-self: end !important;
    min-width: 48px !important;
    position: relative !important;
    right: auto !important;
    top: auto !important;
    width: 48px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-right,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__aside {
    justify-self: stretch !important;
    width: 100% !important;
  }
}

@media (max-width: 760px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__grid,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main-in {
    grid-template-columns: 1fr !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper {
    --dpd-global-hero-border-radius: 22px;
    --dpd-global-hero-height: auto;
    --dpd-global-hero-pad-x: 24px;
    --dpd-global-hero-pad-y: 28px;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper .video-header .dashboard-head-left h1,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero h1,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dashboard-head-left h1 {
    font-size: clamp(28px, 10vw, 38px) !important;
    max-width: none !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper .dashboard-head-right.hidden-xs,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero__aside.hidden-xs {
    display: none !important;
  }
}

/* DPD account avatar mark parity - 2026-07-10 */
html body #header-login .dpd-public-header-account-toggle [data-dpd-user-badge].has-mark-avatar,
html body #header-login .dpd-public-header-account-toggle .dpd-user-badge.has-mark-avatar,
html body header.log-out.dpd-public-header .dpd-public-header-account-toggle [data-dpd-user-badge].has-mark-avatar,
html body header.log-out.dpd-public-header .dpd-public-header-account-toggle .dpd-user-badge.has-mark-avatar,
html body header.log-out.dpd-public-header .dpd-public-header-account-chip [data-dpd-user-badge].has-mark-avatar,
html body header.log-out.dpd-public-header .dpd-public-header-account-chip .dpd-user-badge.has-mark-avatar {
  --dpd-account-mark-size: 32px !important;
  --dpd-avatar-trigger-mark-size: 32px !important;
  --dpd-header-avatar-mark: 32px !important;
}

html body #dpd-account-dropdown .acc-drop-pic [data-dpd-user-badge].has-mark-avatar,
html body #dpd-account-dropdown .acc-drop-pic .dpd-user-badge.has-mark-avatar {
  --dpd-account-mark-size: 42px !important;
  --dpd-avatar-trigger-mark-size: 42px !important;
  --dpd-header-avatar-mark: 42px !important;
}

html body #header-login .dpd-public-header-account-toggle [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark,
html body #header-login .dpd-public-header-account-toggle .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark,
html body #header-login .dpd-public-header-account-toggle [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark--image,
html body #header-login .dpd-public-header-account-toggle .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image,
html body header.log-out.dpd-public-header .dpd-public-header-account-toggle [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark,
html body header.log-out.dpd-public-header .dpd-public-header-account-toggle .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark,
html body header.log-out.dpd-public-header .dpd-public-header-account-toggle [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark--image,
html body header.log-out.dpd-public-header .dpd-public-header-account-toggle .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image,
html body header.log-out.dpd-public-header .dpd-public-header-account-chip [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark,
html body header.log-out.dpd-public-header .dpd-public-header-account-chip .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark,
html body header.log-out.dpd-public-header .dpd-public-header-account-chip [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark--image,
html body header.log-out.dpd-public-header .dpd-public-header-account-chip .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image,
html body #dpd-account-dropdown .acc-drop-pic [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark,
html body #dpd-account-dropdown .acc-drop-pic .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark,
html body #dpd-account-dropdown .acc-drop-pic [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark--image,
html body #dpd-account-dropdown .acc-drop-pic .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image {
  background: currentColor !important;
  background-color: currentColor !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: block !important;
  flex: 0 0 var(--dpd-account-mark-size) !important;
  height: var(--dpd-account-mark-size) !important;
  margin: auto !important;
  max-height: var(--dpd-account-mark-size) !important;
  max-width: var(--dpd-account-mark-size) !important;
  min-height: 0 !important;
  min-width: 0 !important;
  opacity: 1 !important;
  padding: 0 !important;
  width: var(--dpd-account-mark-size) !important;
  -webkit-mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
}

html body #header-login .dpd-public-header-account-toggle [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark-img,
html body #header-login .dpd-public-header-account-toggle .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark-img,
html body header.log-out.dpd-public-header .dpd-public-header-account-toggle [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark-img,
html body header.log-out.dpd-public-header .dpd-public-header-account-toggle .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark-img,
html body header.log-out.dpd-public-header .dpd-public-header-account-chip [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark-img,
html body header.log-out.dpd-public-header .dpd-public-header-account-chip .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark-img,
html body #dpd-account-dropdown .acc-drop-pic [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark-img,
html body #dpd-account-dropdown .acc-drop-pic .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark-img {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

html body.dpd-member-surface #header-login #my-acc-btn > .dpd-user-badge--account-trigger[data-dpd-avatar-choice].has-mark-avatar,
html body.dpd-member-surface .dpd-v2-header-shell #header-login #my-acc-btn > .dpd-user-badge--account-trigger[data-dpd-avatar-choice].has-mark-avatar,
html body header.log-out.dpd-public-header .dpd-public-header-account-chip > .dpd-user-badge--public-header[data-dpd-avatar-choice].has-mark-avatar {
  --dpd-account-mark-size: 32px !important;
  --dpd-avatar-trigger-mark-size: 32px !important;
  --dpd-header-avatar-mark: 32px !important;
}

html body.dpd-member-surface #header-login #my-acc-btn > .dpd-user-badge--account-trigger[data-dpd-avatar-choice].has-mark-avatar .dpd-user-badge__mark,
html body.dpd-member-surface #header-login #my-acc-btn > .dpd-user-badge--account-trigger[data-dpd-avatar-choice].has-mark-avatar .dpd-user-badge__mark--image,
html body.dpd-member-surface .dpd-v2-header-shell #header-login #my-acc-btn > .dpd-user-badge--account-trigger[data-dpd-avatar-choice].has-mark-avatar .dpd-user-badge__mark,
html body.dpd-member-surface .dpd-v2-header-shell #header-login #my-acc-btn > .dpd-user-badge--account-trigger[data-dpd-avatar-choice].has-mark-avatar .dpd-user-badge__mark--image,
html body header.log-out.dpd-public-header .dpd-public-header-account-chip > .dpd-user-badge--public-header[data-dpd-avatar-choice].has-mark-avatar .dpd-user-badge__mark,
html body header.log-out.dpd-public-header .dpd-public-header-account-chip > .dpd-user-badge--public-header[data-dpd-avatar-choice].has-mark-avatar .dpd-user-badge__mark--image {
  background: currentColor !important;
  background-color: currentColor !important;
  background-image: none !important;
  filter: none !important;
  flex: 0 0 32px !important;
  height: 32px !important;
  max-height: 32px !important;
  max-width: 32px !important;
  width: 32px !important;
  -webkit-mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
}

html body #dpd-account-dropdown .acc-drop-pic [data-dpd-user-badge][data-dpd-avatar-choice].has-mark-avatar .dpd-user-badge__mark,
html body #dpd-account-dropdown .acc-drop-pic [data-dpd-user-badge][data-dpd-avatar-choice].has-mark-avatar .dpd-user-badge__mark--image,
html body #dpd-account-dropdown .acc-drop-pic .dpd-user-badge[data-dpd-avatar-choice].has-mark-avatar .dpd-user-badge__mark,
html body #dpd-account-dropdown .acc-drop-pic .dpd-user-badge[data-dpd-avatar-choice].has-mark-avatar .dpd-user-badge__mark--image,
html body #dpd-account-dropdown.dpd-account-dropdown.acc-dropdown .acc-drop-pic [data-dpd-user-badge][data-dpd-avatar-choice].has-mark-avatar .dpd-user-badge__mark,
html body #dpd-account-dropdown.dpd-account-dropdown.acc-dropdown .acc-drop-pic [data-dpd-user-badge][data-dpd-avatar-choice].has-mark-avatar .dpd-user-badge__mark--image,
html body #dpd-account-dropdown.dpd-account-dropdown.acc-dropdown .acc-drop-pic .dpd-user-badge[data-dpd-avatar-choice].has-mark-avatar .dpd-user-badge__mark,
html body #dpd-account-dropdown.dpd-account-dropdown.acc-dropdown .acc-drop-pic .dpd-user-badge[data-dpd-avatar-choice].has-mark-avatar .dpd-user-badge__mark--image {
  background: currentColor !important;
  background-color: currentColor !important;
  background-image: none !important;
  filter: none !important;
  flex: 0 0 42px !important;
  height: 42px !important;
  max-height: 42px !important;
  max-width: 42px !important;
  width: 42px !important;
  -webkit-mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
}

/* DPD tire finder/detail compact hover lock - 2026-07-10 */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail {
  --dpd-tire-action-yellow: #fff200;
  --dpd-tire-action-ink: #101820;
  --dpd-tire-action-muted: #5d6974;
  --dpd-tire-action-border: #dce3e7;
  --dpd-tire-panel-soft: #f7f9fa;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .mock-btn:not(:disabled),
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .mock-btn:not(:disabled),
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-actions a,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-route-jumpbar a {
  color: var(--dpd-tire-action-ink) !important;
  text-shadow: none !important;
  -webkit-text-fill-color: var(--dpd-tire-action-ink) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .mock-btn:not(:disabled):hover,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .mock-btn:not(:disabled):focus-visible,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .mock-btn:not(:disabled):hover,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .mock-btn:not(:disabled):focus-visible,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-actions a:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-actions a:focus-visible,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-route-jumpbar a:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-route-jumpbar a:focus-visible {
  background: var(--dpd-tire-action-yellow) !important;
  border-color: var(--dpd-tire-action-yellow) !important;
  color: var(--dpd-tire-action-ink) !important;
  transform: none !important;
  -webkit-text-fill-color: var(--dpd-tire-action-ink) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .mock-btn:disabled,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .mock-btn:disabled {
  background: #f2f4f2 !important;
  border-color: var(--dpd-tire-action-border) !important;
  color: var(--dpd-tire-action-muted) !important;
  opacity: 1 !important;
  text-shadow: none !important;
  -webkit-text-fill-color: var(--dpd-tire-action-muted) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card {
  border-color: rgba(6, 17, 26, 0.1) !important;
  box-shadow: none !important;
  min-height: 0 !important;
  overflow: hidden !important;
  transform: none !important;
  transition: border-color 140ms ease, box-shadow 140ms ease !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within {
  border-color: rgba(255, 242, 0, 0.9) !important;
  box-shadow: 0 14px 28px rgba(6, 17, 26, 0.08) !important;
  transform: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell {
  display: grid !important;
  grid-template-rows: 96px 280px 56px !important;
  height: 100% !important;
  min-height: 432px !important;
  overflow: hidden !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-topbar {
  min-height: 0 !important;
  padding: 18px 22px 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-title-block h4 {
  font-size: clamp(17px, 1.4vw, 22px) !important;
  line-height: 1.05 !important;
  min-height: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-title-block .sub,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-row-status,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-copy,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-info,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-highlights,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-side-bank,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-sidewall-bank,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-meta {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover .dpd-v2-finder-card-media,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within .dpd-v2-finder-card-media {
  align-items: center !important;
  height: 280px !important;
  justify-content: center !important;
  overflow: visible !important;
  padding: 0 24px !important;
  transform: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover .dpd-v2-finder-card-media img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within .dpd-v2-finder-card-media img {
  max-height: 270px !important;
  max-width: 88% !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-action-row--finder-card,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card .dpd-v2-action-row {
  align-items: center !important;
  background: transparent !important;
  border-top: 0 !important;
  bottom: auto !important;
  display: flex !important;
  height: 56px !important;
  justify-content: center !important;
  left: auto !important;
  margin: 0 !important;
  opacity: 0 !important;
  padding: 0 18px 16px !important;
  pointer-events: none !important;
  position: static !important;
  right: auto !important;
  transform: none !important;
  visibility: hidden !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover .dpd-v2-action-row--finder-card,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within .dpd-v2-action-row--finder-card {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
  visibility: visible !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-action-row--finder-card .dpd-v2-finder-details-link,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card .dpd-v2-action-row .dpd-v2-finder-details-link.mock-btn {
  align-items: center !important;
  background: var(--dpd-tire-action-yellow) !important;
  border: 1px solid var(--dpd-tire-action-yellow) !important;
  border-radius: 999px !important;
  color: var(--dpd-tire-action-ink) !important;
  display: inline-flex !important;
  height: 40px !important;
  justify-content: center !important;
  min-height: 40px !important;
  min-width: 150px !important;
  padding: 0 22px !important;
  width: auto !important;
  -webkit-text-fill-color: var(--dpd-tire-action-ink) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-zone .dpd-section-body {
  max-width: 1240px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit {
  padding: clamp(20px, 2.2vw, 30px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__main {
  align-items: center !important;
  gap: clamp(22px, 3vw, 42px) !important;
  grid-template-columns: minmax(220px, 340px) minmax(0, 1fr) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision {
  aspect-ratio: 0.8 !important;
  background: var(--dpd-tire-panel-soft) !important;
  max-height: 350px !important;
  min-height: 300px !important;
  overflow: visible !important;
  padding: 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit:hover .dpd-v2-tire-spotlight-media--decision img {
  max-height: 300px !important;
  max-width: 88% !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__content {
  gap: 14px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-configurator-head {
  align-items: start !important;
  gap: 14px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-price {
  border-radius: 14px !important;
  min-width: 142px !important;
  padding: 14px 16px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-price strong {
  font-size: clamp(26px, 2.4vw, 38px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-side-switch__button {
  min-height: 34px !important;
  padding: 0 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-meta-line {
  gap: 8px 14px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-meta-line span,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-description,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-inline-tip {
  color: var(--dpd-tire-action-muted) !important;
  -webkit-text-fill-color: var(--dpd-tire-action-muted) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-sidewall-options {
  gap: 8px !important;
  margin: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector--decision .dpd-v2-card-kicker {
  margin-bottom: 8px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector__list {
  gap: 8px !important;
  max-height: 230px !important;
  padding: 1px 3px 4px 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector__option {
  border-radius: 10px !important;
  min-height: 54px !important;
  padding: 8px 10px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector__option strong {
  font-size: 13px !important;
  line-height: 1.05 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector__option span {
  font-size: 9px !important;
  line-height: 1.18 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-actions {
  gap: 8px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-actions a {
  border-color: var(--dpd-tire-action-border) !important;
  border-radius: 999px !important;
  min-height: 40px !important;
  padding: 0 18px !important;
}

@media (max-width: 1180px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__main {
    grid-template-columns: minmax(200px, 300px) minmax(0, 1fr) !important;
  }
}

@media (max-width: 820px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell {
    grid-template-rows: 92px 250px 54px !important;
    min-height: 396px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover .dpd-v2-finder-card-media,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within .dpd-v2-finder-card-media {
    height: 250px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media img,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:hover .dpd-v2-finder-card-media img,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:focus-within .dpd-v2-finder-card-media img {
    max-height: 240px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__main {
    grid-template-columns: 1fr !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision {
    max-height: 320px !important;
    min-height: 260px !important;
  }
}

/* DPD 2.0 launch media parity: animated SVG cards, video popup, and clean modal actions */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-card {
  grid-template-columns: clamp(106px, 9vw, 128px) minmax(0, 1fr) !important;
  min-height: 176px !important;
  padding: 16px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-card__media--animated,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-launch-card__media--animated {
  align-self: center !important;
  aspect-ratio: 1 / 1 !important;
  background: #ffffff !important;
  border: 1px solid rgba(16, 24, 32, 0.08) !important;
  border-radius: 14px !important;
  box-shadow: inset 0 0 0 1px rgba(255, 242, 0, 0.18) !important;
  height: clamp(106px, 9vw, 128px) !important;
  min-height: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-card__media--animated::before,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-launch-card__media--animated::before {
  background: radial-gradient(circle at 70% 22%, rgba(255, 242, 0, 0.45), transparent 30%) !important;
  content: "" !important;
  inset: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  z-index: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-card__media--animated img,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-launch-card__media--animated img {
  display: block !important;
  filter: none !important;
  height: 128% !important;
  inset: 50% auto auto 50% !important;
  max-height: none !important;
  max-width: none !important;
  object-fit: contain !important;
  padding: 0 !important;
  position: absolute !important;
  transform: translate(-50%, -50%) !important;
  transition: transform 180ms ease !important;
  width: 128% !important;
  z-index: 1 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-card:hover .dpd-v2-launch-card__media--animated img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-card:focus-visible .dpd-v2-launch-card__media--animated img,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-launch-card:hover .dpd-v2-launch-card__media--animated img,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-launch-card:focus-visible .dpd-v2-launch-card__media--animated img {
  transform: translate(-50%, -50%) scale(1.035) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-card__links,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-launch-card__links {
  gap: 7px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-card__links a,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-launch-card__links a {
  line-height: 1.08 !important;
  min-height: 32px !important;
  padding: 8px 11px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-card__cta,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-launch-card__cta,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-promo-banner__actions .mock-btn.small,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-banner__actions .mock-btn.small {
  align-items: center !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  justify-content: center !important;
  line-height: 1.05 !important;
  min-height: 38px !important;
  padding: 0 18px !important;
  text-align: center !important;
  white-space: normal !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-video__trigger,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-launch-video__trigger {
  border: 0 !important;
  color: #ffffff !important;
  cursor: pointer !important;
  display: block !important;
  padding: 0 !important;
  position: relative !important;
  text-align: left !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-video__trigger img,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-launch-video__trigger img {
  display: block !important;
  height: 100% !important;
  object-fit: cover !important;
  transform: none !important;
  transition: transform 180ms ease, filter 180ms ease !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-video__trigger::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-launch-video__trigger::after {
  background: linear-gradient(180deg, rgba(6, 14, 18, 0.1), rgba(6, 14, 18, 0.5)) !important;
  content: "" !important;
  inset: 0 !important;
  position: absolute !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-video__trigger:hover img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-video__trigger:focus-visible img,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-launch-video__trigger:hover img,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-launch-video__trigger:focus-visible img {
  filter: saturate(1.06) contrast(1.04) !important;
  transform: scale(1.025) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-video__play,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-launch-video__play {
  align-items: center !important;
  background: #fff200 !important;
  border-radius: 999px !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.28) !important;
  display: flex !important;
  height: 68px !important;
  justify-content: center !important;
  left: 50% !important;
  position: absolute !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 68px !important;
  z-index: 2 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-video__play::before,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-launch-video__play::before {
  border-bottom: 13px solid transparent !important;
  border-left: 19px solid #071012 !important;
  border-top: 13px solid transparent !important;
  content: "" !important;
  margin-left: 5px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-video__watch,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-launch-video__watch {
  bottom: 14px !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.12em !important;
  position: absolute !important;
  right: 14px !important;
  text-transform: uppercase !important;
  z-index: 2 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-video__noscript,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-launch-video__noscript {
  color: #fff200 !important;
  display: inline-flex !important;
  font-weight: 900 !important;
  margin: 8px 0 0 !important;
}

body.dpd-v2-video-modal-open {
  overflow: hidden !important;
}

html body .dpd-v2-video-modal[hidden] {
  display: none !important;
}

html body .dpd-v2-video-modal {
  align-items: center !important;
  display: flex !important;
  inset: 0 !important;
  justify-content: center !important;
  padding: 24px !important;
  position: fixed !important;
  z-index: 100020 !important;
}

html body .dpd-v2-video-modal__backdrop {
  background: rgba(2, 7, 9, 0.86) !important;
  border: 0 !important;
  cursor: pointer !important;
  inset: 0 !important;
  padding: 0 !important;
  position: absolute !important;
}

html body .dpd-v2-video-modal__dialog {
  background: #071012 !important;
  border: 1px solid rgba(255, 242, 0, 0.34) !important;
  border-radius: 16px !important;
  box-shadow: 0 28px 88px rgba(0, 0, 0, 0.5) !important;
  color: #ffffff !important;
  display: grid !important;
  grid-template-rows: auto auto !important;
  max-height: calc(100vh - 48px) !important;
  overflow: hidden !important;
  position: relative !important;
  width: min(980px, calc(100vw - 48px)) !important;
}

html body .dpd-v2-video-modal__head {
  align-items: center !important;
  display: grid !important;
  gap: 4px 16px !important;
  grid-template-columns: minmax(0, 1fr) 48px !important;
  padding: 16px 18px !important;
}

html body .dpd-v2-video-modal__head .dpd-v2-card-kicker,
html body .dpd-v2-video-modal__head h3 {
  grid-column: 1 !important;
  margin: 0 !important;
}

html body .dpd-v2-video-modal__head h3 {
  color: #ffffff !important;
  font-size: clamp(22px, 2.4vw, 34px) !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  text-transform: uppercase !important;
}

html body .dpd-v2-video-modal__close {
  align-items: center !important;
  background: #fff200 !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #071012 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-size: 30px !important;
  font-weight: 900 !important;
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  height: 48px !important;
  justify-content: center !important;
  line-height: 1 !important;
  width: 48px !important;
}

html body .dpd-v2-video-modal__frame {
  aspect-ratio: 16 / 9 !important;
  background: #000000 !important;
  min-height: 280px !important;
}

html body .dpd-v2-video-modal__frame iframe {
  border: 0 !important;
  display: block !important;
  height: 100% !important;
  width: 100% !important;
}

html body .dpd-v2-promo-flyer-modal__actions {
  align-items: stretch !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  justify-content: stretch !important;
  padding: 14px 18px !important;
}

html body .dpd-v2-promo-flyer-modal__actions .mock-btn,
html body .dpd-v2-promo-flyer-modal__actions .mock-btn.small {
  align-items: center !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  flex: 1 1 auto !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  justify-content: center !important;
  letter-spacing: 0.16em !important;
  line-height: 1.12 !important;
  margin: 0 !important;
  min-height: 48px !important;
  min-width: 0 !important;
  padding: 0 18px !important;
  text-align: center !important;
  white-space: normal !important;
  width: 100% !important;
  -webkit-text-fill-color: currentColor !important;
}

html body .dpd-v2-promo-flyer-modal__actions .mock-btn:hover,
html body .dpd-v2-promo-flyer-modal__actions .mock-btn:focus-visible {
  background: #fff200 !important;
  border-color: #fff200 !important;
  color: #071012 !important;
  outline: none !important;
  -webkit-text-fill-color: #071012 !important;
}

@media (max-width: 980px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-card {
    grid-template-columns: 104px minmax(0, 1fr) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-card__media--animated,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-launch-card__media--animated {
    height: 104px !important;
  }
}

@media (max-width: 991px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell.dpd-v2-route-shell--admin-tool.dpd-v2-guided-route--admin-tool .dpd-v2-admin-tool-hero .video-header-content.mock-static-bg {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 720px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-card {
    grid-template-columns: 96px minmax(0, 1fr) !important;
    min-height: 0 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-card__media--animated,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-launch-card__media--animated {
    height: 96px !important;
  }

  html body .dpd-v2-video-modal {
    padding: 12px !important;
  }

  html body .dpd-v2-video-modal__dialog {
    border-radius: 14px !important;
    max-height: calc(100vh - 24px) !important;
    width: calc(100vw - 24px) !important;
  }

  html body .dpd-v2-video-modal__head {
    grid-template-columns: minmax(0, 1fr) 44px !important;
    padding: 14px !important;
  }

  html body .dpd-v2-video-modal__close {
    height: 44px !important;
    width: 44px !important;
  }

  html body .dpd-v2-video-modal__frame {
    min-height: 220px !important;
  }

  html body .dpd-v2-promo-flyer-modal__actions {
    grid-template-columns: 1fr !important;
  }
}

/* DPD impersonation announcement/header clearance - 2026-07-10 */
@media (min-width: 1101px) {
  html body.dpd-member-surface.dpd-impersonation-active #sub-page-main-content-wrapper.dpd-v2-portal-shell {
    padding-top: calc(var(--dpd-v2-fixed-header-space, 124px) + 12px) !important;
  }

  html body.dpd-member-surface.dpd-impersonation-active #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right > .dpd-v2-role-banner:first-child {
    box-sizing: border-box !important;
    display: block !important;
    margin: 0 0 16px !important;
    position: relative !important;
    width: 100% !important;
    z-index: 30 !important;
  }

  html body.dpd-member-surface.dpd-impersonation-active #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right > .dpd-v2-role-banner:first-child + :is(.video-header, .dpd-v2-global-hero, .main-content-sec) {
    margin-top: 0 !important;
  }
}

@media (max-width: 1100px) {
  html body.dpd-member-surface.dpd-impersonation-active #sub-page-main-content-wrapper.dpd-v2-portal-shell {
    padding-top: calc(var(--dpd-v2-app-header-height, 76px) + 18px) !important;
  }

  html body.dpd-member-surface.dpd-impersonation-active #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right > .dpd-v2-role-banner:first-child {
    margin: 0 0 14px !important;
    position: relative !important;
    z-index: 30 !important;
  }
}

/* DPD dashboard live shortcut prominence - 2026-07-10 */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-layout,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-layout {
  gap: 22px !important;
  grid-template-columns: minmax(0, 1.34fr) minmax(330px, 0.72fr) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-cards,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-cards {
  align-items: stretch !important;
  gap: 18px !important;
  grid-template-columns: repeat(2, minmax(230px, 1fr)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-card {
  align-content: start !important;
  background: #ffffff !important;
  border-color: rgba(16, 24, 32, 0.12) !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 26px rgba(8, 17, 24, 0.055) !important;
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  justify-items: center !important;
  min-height: 336px !important;
  overflow: visible !important;
  padding: 24px 22px 22px !important;
  text-align: center !important;
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card--with-shortcuts,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-card--with-shortcuts {
  min-height: 410px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card:focus-visible,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-card:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-card:focus-visible {
  border-color: #fff200 !important;
  box-shadow: 0 22px 46px rgba(8, 17, 24, 0.14) !important;
  outline: none !important;
  transform: translateY(-3px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__media--animated,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__media--animated {
  align-self: start !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: grid !important;
  height: 174px !important;
  max-width: 236px !important;
  min-height: 0 !important;
  overflow: visible !important;
  place-items: center !important;
  position: relative !important;
  width: min(100%, 236px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__media--animated::before,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__media--animated::before {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__media--animated img,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__media--animated img {
  display: block !important;
  filter: none !important;
  height: 100% !important;
  inset: auto !important;
  max-height: 100% !important;
  max-width: 100% !important;
  object-fit: contain !important;
  padding: 0 !important;
  position: static !important;
  transform: none !important;
  transform-origin: 50% 58% !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card:hover .dpd-v2-launch-card__media--animated img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card:focus-visible .dpd-v2-launch-card__media--animated img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card.is-svg-animating .dpd-v2-launch-card__media--animated img,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-card:hover .dpd-v2-launch-card__media--animated img,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-card:focus-visible .dpd-v2-launch-card__media--animated img,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-card.is-svg-animating .dpd-v2-launch-card__media--animated img {
  animation: dpdLaunchShortcutLift 720ms ease both !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__copy,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__copy {
  align-content: start !important;
  display: grid !important;
  gap: 9px !important;
  height: 100% !important;
  justify-items: center !important;
  max-width: 330px !important;
  min-width: 0 !important;
  text-align: center !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__copy strong,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__copy strong {
  font-size: clamp(23px, 1.7vw, 30px) !important;
  line-height: 1.02 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__copy em,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__copy em {
  font-size: 14px !important;
  line-height: 1.4 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__links,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__links {
  gap: 8px !important;
  grid-template-columns: repeat(2, minmax(122px, 1fr)) !important;
  justify-content: center !important;
  margin: 4px auto 0 !important;
  max-width: 328px !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__links a,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__links a {
  border-color: rgba(16, 24, 32, 0.16) !important;
  font-size: 9.5px !important;
  letter-spacing: 0.08em !important;
  line-height: 1.12 !important;
  min-height: 38px !important;
  min-width: 0 !important;
  padding: 8px 12px !important;
  white-space: normal !important;
  word-break: normal !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__cta,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__cta {
  align-self: end !important;
  background: #fff200 !important;
  border-color: #fff200 !important;
  color: #071012 !important;
  letter-spacing: 0.14em !important;
  margin-top: auto !important;
  min-height: 42px !important;
  padding: 0 20px !important;
  -webkit-text-fill-color: #071012 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__cta:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__cta:focus-visible,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__cta:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__cta:focus-visible {
  background: #071012 !important;
  border-color: #071012 !important;
  color: #ffffff !important;
  outline: none !important;
  transform: translateY(-1px) !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card__action.is-disabled,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card__action[aria-disabled="true"],
html body.dpd-member-surface #sub-page-main-content-wrapper .mock-btn.is-disabled[aria-disabled="true"] {
  background: rgba(255, 255, 255, 0.9) !important;
  border-color: rgba(255, 255, 255, 0.96) !important;
  box-shadow: none !important;
  color: rgba(16, 24, 32, 0.72) !important;
  cursor: default !important;
  opacity: 1 !important;
  pointer-events: none !important;
  text-shadow: none !important;
  -webkit-text-fill-color: rgba(16, 24, 32, 0.72) !important;
}

@keyframes dpdLaunchShortcutLift {
  0% {
    transform: translateY(0) scale(1);
  }

  45% {
    transform: translateY(-5px) scale(1.035);
  }

  100% {
    transform: translateY(-3px) scale(1.025);
  }
}

@media (max-width: 1320px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-card {
    min-height: 318px !important;
    padding: 21px 18px 20px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card--with-shortcuts,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-card--with-shortcuts {
    min-height: 392px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__media--animated,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__media--animated {
    height: 156px !important;
    width: min(100%, 218px) !important;
  }
}

@media (max-width: 1120px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-layout,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-layout {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-cards,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-cards {
    grid-template-columns: 1fr !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-card,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card--with-shortcuts,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-card--with-shortcuts {
    min-height: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__media--animated img,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__media--animated img {
    animation: none !important;
  }
}

/* DPD 2.0 editable hero media - 2026-07-10 */
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header > .video-header-content.dpd-v2-hero-media,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header > .video-header-content.mock-static-bg.dpd-v2-hero-media,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero > .video-header-content.dpd-v2-hero-media,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero > .video-header-content.mock-static-bg.dpd-v2-hero-media,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-rewards-flow-hero.dpd-v2-hero-media,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-rewards-mobile-hero.dpd-v2-hero-media {
  background-color: #101820 !important;
  background-image:
    radial-gradient(circle at 78% 26%, rgba(255, 242, 0, 0.14), rgba(255, 242, 0, 0) 32%),
    linear-gradient(90deg, rgba(5, 12, 18, 0.86), rgba(5, 12, 18, 0.58) 52%, rgba(5, 12, 18, 0.78)),
    var(--dpd-v2-hero-bg) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  isolation: isolate !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-media {
  position: relative !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-media > *:not(.dpd-v2-hero-video) {
  position: relative !important;
  z-index: 2 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-video {
  border-radius: inherit !important;
  display: block !important;
  height: 100% !important;
  inset: 0 !important;
  max-height: none !important;
  max-width: none !important;
  object-fit: cover !important;
  opacity: 0.46 !important;
  pointer-events: none !important;
  position: absolute !important;
  width: 100% !important;
  z-index: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-media--video::after {
  background:
    radial-gradient(circle at 80% 22%, rgba(255, 242, 0, 0.12), rgba(255, 242, 0, 0) 34%),
    linear-gradient(90deg, rgba(5, 12, 18, 0.88), rgba(5, 12, 18, 0.52) 52%, rgba(5, 12, 18, 0.78)) !important;
  border-radius: inherit !important;
  content: "" !important;
  inset: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  z-index: 1 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-media--members-training-portal {
  background-position: center 42% !important;
}

/* The wallet carries the Rewards Store photograph now, so it is framed with the
   Rewards Store's crop rather than the 48% that was tuned for the old one. */
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-media--members-points-manager,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-media--members-rewards-store,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-rewards-flow-hero.dpd-v2-hero-media {
  background-position: center 50% !important;
}

/* DPD Points Manager live-section parity - 2026-07-10 */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance {
  --dpd-wallet-live-bg: #f0f0ef;
  --dpd-wallet-live-card: #ffffff;
  --dpd-wallet-live-ink: #101820;
  --dpd-wallet-live-muted: #8a8f95;
  --dpd-wallet-live-line: rgba(16, 24, 32, 0.16);
  --dpd-wallet-live-yellow: #fff200;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .main-content-area-right {
  background: var(--dpd-wallet-live-bg) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-titlebar {
  align-items: center !important;
  background: #05090b !important;
  color: #ffffff !important;
  display: flex !important;
  font-size: clamp(20px, 2vw, 30px) !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
  line-height: 1 !important;
  margin: 0 !important;
  min-height: 54px !important;
  padding: 0 40px !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-titlebar + .video-header {
  margin-top: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-titlebar + .video-header .video-header-content {
  border-radius: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-live-tabs {
  align-items: center !important;
  background: #ffffff !important;
  border-bottom: 1px solid rgba(16, 24, 32, 0.08) !important;
  display: flex !important;
  gap: 28px !important;
  margin: 0 !important;
  min-height: 58px !important;
  overflow-x: auto !important;
  padding: 0 42px !important;
  scrollbar-width: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-live-tabs::-webkit-scrollbar {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-live-tabs a {
  align-items: center !important;
  align-self: stretch !important;
  border-bottom: 4px solid transparent !important;
  color: rgba(16, 24, 32, 0.48) !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
  padding: 3px 0 0 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-live-tabs a:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-live-tabs a:focus-visible,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-live-tabs a.is-active {
  border-bottom-color: var(--dpd-wallet-live-yellow) !important;
  color: var(--dpd-wallet-live-ink) !important;
  outline: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-live-section {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  overflow: visible !important;
  padding: 28px 24px 22px 64px !important;
  position: relative !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-live-section::before {
  background: repeating-linear-gradient(180deg, rgba(16, 24, 32, 0.18) 0 4px, transparent 4px 10px) !important;
  bottom: -10px !important;
  content: "" !important;
  left: 33px !important;
  position: absolute !important;
  top: 0 !important;
  width: 1px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-live-section::after {
  background: #22d6b7 !important;
  border: 3px solid #f0f0ef !important;
  border-radius: 999px !important;
  box-shadow: 0 0 0 1px rgba(16, 24, 32, 0.08) !important;
  content: "" !important;
  height: 16px !important;
  left: 25px !important;
  position: absolute !important;
  top: 34px !important;
  width: 16px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-terms::after,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-history::after,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-redeem::after {
  background: var(--dpd-wallet-live-yellow) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-live-heading {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: 34px auto minmax(30px, 1fr) !important;
  margin: 0 0 26px !important;
  min-height: 34px !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-live-heading::after {
  border-top: 1px dashed rgba(16, 24, 32, 0.18) !important;
  content: "" !important;
  display: block !important;
  height: 1px !important;
  min-width: 30px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-live-heading__icon {
  display: grid !important;
  height: 30px !important;
  place-items: center !important;
  width: 30px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-live-heading__icon img {
  display: block !important;
  height: 30px !important;
  object-fit: contain !important;
  width: 30px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-live-heading h2,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-live-heading h2 span {
  background: transparent !important;
  border: 0 !important;
  color: var(--dpd-wallet-live-ink) !important;
  display: inline-block !important;
  font-size: clamp(19px, 1.45vw, 25px) !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-transform: uppercase !important;
  white-space: normal !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-education__grid--live {
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: 1fr !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-feature {
  align-items: stretch !important;
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: minmax(0, 1.12fr) minmax(320px, 0.88fr) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-video-card,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-history-panel {
  background: var(--dpd-wallet-live-card) !important;
  border: 1px solid rgba(16, 24, 32, 0.08) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  color: var(--dpd-wallet-live-ink) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-video-card {
  display: grid !important;
  gap: 22px !important;
  grid-template-rows: minmax(250px, auto) 1fr !important;
  min-height: 430px !important;
  padding: 24px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-video-card__trigger {
  aspect-ratio: 16 / 9 !important;
  background-color: #101820 !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  border: 0 !important;
  border-radius: 14px !important;
  cursor: pointer !important;
  display: block !important;
  min-height: 250px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-video-card__trigger::after {
  background: linear-gradient(180deg, rgba(6, 14, 18, 0.16), rgba(6, 14, 18, 0.56)) !important;
  content: "" !important;
  inset: 0 !important;
  position: absolute !important;
  transition: opacity 180ms ease !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-video-card__trigger:hover::after,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-video-card__trigger:focus-visible::after {
  opacity: 0.72 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-video-card__trigger:focus-visible {
  box-shadow: 0 0 0 3px rgba(255, 242, 0, 0.7) !important;
  outline: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-video-card__play {
  align-items: center !important;
  background: var(--dpd-wallet-live-yellow) !important;
  border-radius: 999px !important;
  display: flex !important;
  height: 72px !important;
  justify-content: center !important;
  left: 50% !important;
  position: absolute !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  transition: transform 180ms ease !important;
  width: 72px !important;
  z-index: 2 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-video-card__play::before {
  border-bottom: 14px solid transparent !important;
  border-left: 20px solid #071012 !important;
  border-top: 14px solid transparent !important;
  content: "" !important;
  margin-left: 5px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-video-card__trigger:hover .dpd-v2-wallet-video-card__play,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-video-card__trigger:focus-visible .dpd-v2-wallet-video-card__play {
  transform: translate(-50%, -50%) scale(1.06) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-video-card__watch {
  bottom: 16px !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
  position: absolute !important;
  right: 18px !important;
  text-transform: uppercase !important;
  z-index: 2 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-video-card__copy {
  align-content: end !important;
  display: grid !important;
  gap: 10px !important;
  padding: 0 4px 2px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-video-card__copy h3,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card h3 {
  color: var(--dpd-wallet-live-ink) !important;
  font-size: clamp(18px, 1.55vw, 28px) !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
  line-height: 1.1 !important;
  margin: 0 !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-video-card__copy p,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card p {
  color: rgba(16, 24, 32, 0.54) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-grid--secondary {
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card {
  align-content: start !important;
  display: grid !important;
  gap: 14px !important;
  grid-template-rows: auto auto minmax(0, 1fr) auto !important;
  min-height: 430px !important;
  overflow: visible !important;
  padding: 28px 26px 24px !important;
  position: relative !important;
  text-align: center !important;
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card:focus-within {
  border-color: var(--dpd-wallet-live-yellow) !important;
  box-shadow: 0 22px 48px rgba(8, 17, 24, 0.12) !important;
  transform: translateY(-3px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card__metric {
  display: grid !important;
  gap: 3px !important;
  justify-items: start !important;
  min-height: 72px !important;
  text-align: left !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card__metric strong {
  color: #05090b !important;
  display: block !important;
  font-size: clamp(42px, 4.5vw, 64px) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 0.9 !important;
  margin: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card__metric span {
  color: rgba(16, 24, 32, 0.5) !important;
  display: block !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.16em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card__media {
  align-items: center !important;
  display: flex !important;
  height: 150px !important;
  justify-content: center !important;
  margin: 0 auto !important;
  max-width: 230px !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card__media img {
  display: block !important;
  filter: none !important;
  height: 100% !important;
  max-height: 100% !important;
  max-width: 100% !important;
  object-fit: contain !important;
  transform-origin: 50% 58% !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card:hover .dpd-v2-wallet-earn-card__media img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card:focus-within .dpd-v2-wallet-earn-card__media img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card.is-svg-animating .dpd-v2-wallet-earn-card__media img {
  animation: dpdLaunchShortcutLift 720ms ease both !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card__copy {
  align-content: start !important;
  display: grid !important;
  gap: 10px !important;
  justify-items: center !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card .mock-btn.small,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-redeem .mock-btn.small {
  align-items: center !important;
  align-self: end !important;
  background: #ffffff !important;
  border: 1px solid #101820 !important;
  border-radius: 0 !important;
  color: #101820 !important;
  display: inline-flex !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  justify-content: center !important;
  letter-spacing: 0.2em !important;
  line-height: 1.12 !important;
  min-height: 44px !important;
  min-width: min(100%, 236px) !important;
  padding: 0 22px !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card .mock-btn.small:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card .mock-btn.small:focus-visible,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-redeem .mock-btn.small:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-redeem .mock-btn.small:focus-visible {
  background: var(--dpd-wallet-live-yellow) !important;
  border-color: var(--dpd-wallet-live-yellow) !important;
  color: #071012 !important;
  outline: none !important;
  -webkit-text-fill-color: #071012 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-terms__box {
  background: #ffffff !important;
  border: 1px solid rgba(16, 24, 32, 0.12) !important;
  border-radius: 0 !important;
  color: rgba(16, 24, 32, 0.78) !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
  padding: 24px 28px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-terms__box p {
  margin: 0 0 14px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-terms__box ul {
  margin: 14px 0 0 18px !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-terms__box li {
  margin: 0 0 10px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-history-panel {
  padding: 28px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-history-table th,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-history-table td {
  border-bottom: 1px solid rgba(16, 24, 32, 0.08) !important;
  color: rgba(16, 24, 32, 0.76) !important;
  font-size: 13px !important;
  letter-spacing: 0.08em !important;
  padding: 16px 18px !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-history-table th {
  color: #101820 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-history-pill {
  align-items: center !important;
  background: #22d6b7 !important;
  border-radius: 999px !important;
  color: #071012 !important;
  display: inline-flex !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.12em !important;
  min-height: 28px !important;
  padding: 0 16px !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-redeem {
  align-items: center !important;
  background: var(--dpd-wallet-live-yellow) !important;
  border-radius: 18px !important;
  display: grid !important;
  justify-items: center !important;
  margin: 28px 24px 32px 64px !important;
  min-height: 280px !important;
  padding: 44px 30px !important;
  text-align: center !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-redeem::before {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-redeem::after {
  left: -39px !important;
  top: 34px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-redeem__icon {
  background: #ffffff !important;
  border-radius: 999px !important;
  display: grid !important;
  height: 70px !important;
  margin: 0 0 18px !important;
  place-items: center !important;
  width: 70px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-redeem__icon img {
  display: block !important;
  height: 54px !important;
  object-fit: contain !important;
  width: 54px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-redeem:hover .dpd-v2-wallet-redeem__icon img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-redeem.is-svg-animating .dpd-v2-wallet-redeem__icon img {
  animation: dpdLaunchShortcutLift 720ms ease both !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-redeem h2 {
  color: #101820 !important;
  font-size: clamp(24px, 2.4vw, 40px) !important;
  font-weight: 900 !important;
  letter-spacing: 0.16em !important;
  line-height: 1.1 !important;
  margin: 0 0 12px !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-redeem p {
  color: rgba(16, 24, 32, 0.62) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  margin: 0 auto 22px !important;
  max-width: 560px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-redeem .mock-btn.small {
  background: transparent !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-redeem .mock-btn.small:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-redeem .mock-btn.small:focus-visible {
  background: #101820 !important;
  border-color: #101820 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

@media (max-width: 1160px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-feature {
    grid-template-columns: 1fr !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-grid--secondary {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-titlebar {
    font-size: 18px !important;
    min-height: 48px !important;
    padding: 0 22px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-live-tabs {
    gap: 22px !important;
    padding: 0 22px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-live-section {
    padding: 24px 16px 18px 24px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-live-section::before,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-live-section::after {
    display: none !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-live-heading {
    grid-template-columns: 30px minmax(0, auto) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-live-heading::after {
    display: none !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-grid--secondary {
    grid-template-columns: 1fr !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-video-card,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card {
    min-height: 0 !important;
    padding: 20px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-video-card__trigger {
    min-height: 210px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-redeem {
    margin: 24px 16px !important;
    min-height: 0 !important;
    padding: 34px 18px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card__media img,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-redeem__icon img {
    animation: none !important;
    transform: none !important;
    transition: none !important;
  }
}

/* DPD 2.0 hero media visibility + training metric guard - 2026-07-10 */
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header > .video-header-content.dpd-v2-hero-media,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header > .video-header-content.mock-static-bg.dpd-v2-hero-media,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero > .video-header-content.dpd-v2-hero-media,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero > .video-header-content.mock-static-bg.dpd-v2-hero-media,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-rewards-flow-hero.dpd-v2-hero-media,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-rewards-mobile-hero.dpd-v2-hero-media {
  background-image:
    radial-gradient(circle at 76% 26%, rgba(255, 242, 0, 0.09), rgba(255, 242, 0, 0) 32%),
    linear-gradient(90deg, rgba(5, 12, 18, 0.72) 0%, rgba(5, 12, 18, 0.34) 52%, rgba(5, 12, 18, 0.48) 100%),
    var(--dpd-v2-hero-bg) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-media--members-marketing-downloads,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-media--members-marketing-management {
  background-position: center 46% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-media--members-current-promotions {
  background-position: center 44% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary .dpd-v2-hidden-metric[hidden],
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary #stat-total[hidden],
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary #training-progress-percent[hidden],
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-training-v2-page #training-intro .dpd-v2-hidden-metric[hidden] {
  display: none !important;
  height: 0 !important;
  max-height: 0 !important;
  max-width: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  position: absolute !important;
  visibility: hidden !important;
  width: 0 !important;
}

/* DPD 2.0 hero media body-class fallback - 2026-07-10 */
html body #sub-page-main-content-wrapper .video-header > .video-header-content.dpd-v2-hero-media,
html body #sub-page-main-content-wrapper .video-header > .video-header-content.mock-static-bg.dpd-v2-hero-media,
html body #sub-page-main-content-wrapper .dpd-v2-global-hero > .video-header-content.dpd-v2-hero-media,
html body #sub-page-main-content-wrapper .dpd-v2-global-hero > .video-header-content.mock-static-bg.dpd-v2-hero-media,
html body #sub-page-main-content-wrapper .dpd-v2-rewards-flow-hero.dpd-v2-hero-media,
html body #sub-page-main-content-wrapper .dpd-v2-rewards-mobile-hero.dpd-v2-hero-media {
  background-color: #101820 !important;
  background-image:
    radial-gradient(circle at 76% 26%, rgba(255, 242, 0, 0.09), rgba(255, 242, 0, 0) 32%),
    linear-gradient(90deg, rgba(5, 12, 18, 0.72) 0%, rgba(5, 12, 18, 0.34) 52%, rgba(5, 12, 18, 0.48) 100%),
    var(--dpd-v2-hero-bg) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  isolation: isolate !important;
}

html body #sub-page-main-content-wrapper .dpd-v2-hero-media--members-marketing-downloads,
html body #sub-page-main-content-wrapper .dpd-v2-hero-media--members-marketing-management {
  background-position: center 46% !important;
}

html body #sub-page-main-content-wrapper .dpd-v2-hero-media--members-current-promotions {
  background-position: center 44% !important;
}

html body #sub-page-main-content-wrapper #training-intro .dpd-v2-hidden-metric[hidden],
html body #sub-page-main-content-wrapper #training-intro #stat-total[hidden],
html body #sub-page-main-content-wrapper #training-intro #training-progress-percent[hidden] {
  display: none !important;
  height: 0 !important;
  max-height: 0 !important;
  max-width: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  position: absolute !important;
  visibility: hidden !important;
  width: 0 !important;
}

/* DPD 2.0 hero image layer recovery - 2026-07-10 */
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header > .video-header-content.dpd-v2-hero-media,
html body.dpd-member-surface #sub-page-main-content-wrapper .video-header > .video-header-content.mock-static-bg.dpd-v2-hero-media,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero > .video-header-content.dpd-v2-hero-media,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-global-hero > .video-header-content.mock-static-bg.dpd-v2-hero-media,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-rewards-flow-hero.dpd-v2-hero-media,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-rewards-mobile-hero.dpd-v2-hero-media,
html body #sub-page-main-content-wrapper .video-header > .video-header-content.dpd-v2-hero-media,
html body #sub-page-main-content-wrapper .video-header > .video-header-content.mock-static-bg.dpd-v2-hero-media,
html body #sub-page-main-content-wrapper .dpd-v2-global-hero > .video-header-content.dpd-v2-hero-media,
html body #sub-page-main-content-wrapper .dpd-v2-global-hero > .video-header-content.mock-static-bg.dpd-v2-hero-media,
html body #sub-page-main-content-wrapper .dpd-v2-rewards-flow-hero.dpd-v2-hero-media,
html body #sub-page-main-content-wrapper .dpd-v2-rewards-mobile-hero.dpd-v2-hero-media {
  background-color: #101820 !important;
  background-image: none !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  isolation: isolate !important;
  overflow: hidden !important;
  position: relative !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-media::before,
html body #sub-page-main-content-wrapper .dpd-v2-hero-media::before {
  background-image: var(--dpd-v2-hero-bg) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  border-radius: inherit !important;
  content: "" !important;
  filter: brightness(1.38) contrast(1.08) saturate(1.08) !important;
  inset: 0 !important;
  opacity: 0.82 !important;
  pointer-events: none !important;
  position: absolute !important;
  z-index: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-media::after,
html body #sub-page-main-content-wrapper .dpd-v2-hero-media::after {
  background:
    radial-gradient(circle at 76% 24%, rgba(255, 242, 0, 0.10), rgba(255, 242, 0, 0) 34%),
    linear-gradient(90deg, rgba(5, 12, 18, 0.84) 0%, rgba(5, 12, 18, 0.50) 48%, rgba(5, 12, 18, 0.66) 100%) !important;
  border-radius: inherit !important;
  content: "" !important;
  inset: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  z-index: 1 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-media > *:not(.dpd-v2-hero-video),
html body #sub-page-main-content-wrapper .dpd-v2-hero-media > *:not(.dpd-v2-hero-video) {
  position: relative !important;
  z-index: 2 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-video,
html body #sub-page-main-content-wrapper .dpd-v2-hero-video {
  z-index: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-media--submit-customer-rebates::before,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-media--members-current-promotions::before,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-media--members-marketing-downloads::before,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-media--members-marketing-management::before,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-media--members-training-portal::before,
html body #sub-page-main-content-wrapper .dpd-v2-hero-media--submit-customer-rebates::before,
html body #sub-page-main-content-wrapper .dpd-v2-hero-media--members-current-promotions::before,
html body #sub-page-main-content-wrapper .dpd-v2-hero-media--members-marketing-downloads::before,
html body #sub-page-main-content-wrapper .dpd-v2-hero-media--members-marketing-management::before,
html body #sub-page-main-content-wrapper .dpd-v2-hero-media--members-training-portal::before {
  filter: brightness(2.45) contrast(1.18) saturate(1.12) !important;
  opacity: 1 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-media--submit-customer-rebates::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-media--members-current-promotions::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-media--members-marketing-downloads::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-media--members-marketing-management::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-media--members-training-portal::after,
html body #sub-page-main-content-wrapper .dpd-v2-hero-media--submit-customer-rebates::after,
html body #sub-page-main-content-wrapper .dpd-v2-hero-media--members-current-promotions::after,
html body #sub-page-main-content-wrapper .dpd-v2-hero-media--members-marketing-downloads::after,
html body #sub-page-main-content-wrapper .dpd-v2-hero-media--members-marketing-management::after,
html body #sub-page-main-content-wrapper .dpd-v2-hero-media--members-training-portal::after {
  background:
    radial-gradient(circle at 76% 24%, rgba(255, 242, 0, 0.08), rgba(255, 242, 0, 0) 34%),
    linear-gradient(90deg, rgba(5, 12, 18, 0.60) 0%, rgba(5, 12, 18, 0.24) 48%, rgba(5, 12, 18, 0.36) 100%) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-media--members-current-promotions::before,
html body #sub-page-main-content-wrapper .dpd-v2-hero-media--members-current-promotions::before {
  background-position: center 44% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-media--members-marketing-downloads::before,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-media--members-marketing-management::before,
html body #sub-page-main-content-wrapper .dpd-v2-hero-media--members-marketing-downloads::before,
html body #sub-page-main-content-wrapper .dpd-v2-hero-media--members-marketing-management::before {
  background-position: center 46% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-media--members-training-portal::before,
html body #sub-page-main-content-wrapper .dpd-v2-hero-media--members-training-portal::before {
  background-position: center 42% !important;
}

/* DPD training info dot no-clip - 2026-07-10 */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dashboard-head-right-in,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-training-v2-page #training-intro .dpd-v2-training-count-summary,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-training-v2-page #training-intro .dashboard-head-right-in,
html body #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary,
html body #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dashboard-head-right-in,
html body #sub-page-main-content-wrapper.dpd-training-v2-page #training-intro .dpd-v2-training-count-summary,
html body #sub-page-main-content-wrapper.dpd-training-v2-page #training-intro .dashboard-head-right-in {
  overflow: visible !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary .dpd-v2-info-dot,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-training-v2-page #training-intro .dpd-v2-training-count-summary .dpd-v2-info-dot,
html body #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary .dpd-v2-info-dot,
html body #sub-page-main-content-wrapper.dpd-training-v2-page #training-intro .dpd-v2-training-count-summary .dpd-v2-info-dot {
  right: 22px !important;
  top: 18px !important;
  transform: none !important;
  z-index: 230 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary .dpd-v2-info-summary,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-training-v2-page #training-intro .dpd-v2-training-count-summary .dpd-v2-info-summary,
html body #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary .dpd-v2-info-summary,
html body #sub-page-main-content-wrapper.dpd-training-v2-page #training-intro .dpd-v2-training-count-summary .dpd-v2-info-summary {
  z-index: 240 !important;
}

/* DPD tire finder/detail above-fold polish - 2026-07-10 */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail {
  --dpd-tire-ink: #101820;
  --dpd-tire-muted: #5d6974;
  --dpd-tire-line: #dce3e7;
  --dpd-tire-teal-line: rgba(36, 213, 194, 0.22);
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-section-header,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-section-header {
  margin-bottom: 14px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-section-header h2,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-section-header h2 {
  font-size: clamp(26px, 2.5vw, 38px) !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-browser-shell,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-zone,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-detail-bottom-resource {
  margin-top: 14px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session:not([hidden]) {
  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid var(--dpd-tire-line) !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 22px rgba(10, 22, 28, 0.05) !important;
  margin: 0 0 16px !important;
  padding: 18px 24px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__header {
  align-items: center !important;
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__eyebrow,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-card-kicker,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-card-kicker {
  color: var(--dpd-tire-muted) !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  line-height: 1.1 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session h3 {
  color: var(--dpd-tire-ink) !important;
  font-size: clamp(22px, 2vw, 30px) !important;
  line-height: 1.12 !important;
  margin: 0 0 5px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__header > p:last-of-type {
  font-size: 14px !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__meta,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__history {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-filter {
  background: #ffffff !important;
  border: 1px solid var(--dpd-tire-line) !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 22px rgba(10, 22, 28, 0.05) !important;
  margin: 0 0 16px !important;
  overflow: hidden !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-topline {
  background: #ffffff !important;
  border-bottom: 1px solid #eef1f2 !important;
  padding: 20px 24px 16px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-topline h3 {
  color: var(--dpd-tire-ink) !important;
  font-size: clamp(22px, 2vw, 30px) !important;
  line-height: 1.12 !important;
  margin: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-bike-shortcuts,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-bike-shortcuts--featured:not([hidden]) {
  background: #f8fafb !important;
  border-bottom: 1px solid #e3e9eb !important;
  align-items: end !important;
  display: grid !important;
  gap: 14px 20px !important;
  grid-template-columns: minmax(190px, 0.54fr) minmax(260px, 1fr) auto !important;
  padding: 14px 24px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-bike-shortcuts p,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-bike-shortcuts label span {
  color: var(--dpd-tire-muted) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-tabs {
  align-items: center !important;
  background: #f3f6f7 !important;
  border-bottom: 1px solid #dfe6e8 !important;
  display: flex !important;
  gap: 6px !important;
  flex-wrap: nowrap !important;
  min-height: 58px !important;
  overflow-x: auto !important;
  overscroll-behavior-x: contain !important;
  padding: 6px 24px !important;
  scrollbar-width: thin !important;
  -webkit-overflow-scrolling: touch !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-tabs button {
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 6px !important;
  color: #42505a !important;
  flex: 1 1 0 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  height: 44px !important;
  letter-spacing: 0.08em !important;
  min-height: 44px !important;
  min-width: 112px !important;
  padding: 0 14px !important;
  white-space: nowrap !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-tabs button:hover {
  background: #ffffff !important;
  border-color: #cbd5d8 !important;
  color: var(--dpd-tire-ink) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-tabs button.is-active,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-tabs button[aria-selected="true"] {
  background: #fff200 !important;
  border-color: #fff200 !important;
  box-shadow: none !important;
  color: #101820 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-tabs button.is-active::after,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-tabs button[aria-selected="true"]::after {
  content: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-panels {
  background: #ffffff !important;
  padding: 18px 24px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-panel.is-active,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-panel[data-dpd-finder-panel="motorcycle"].is-active {
  background: #fbfcfc !important;
  background-image: none !important;
  border: 1px solid #dfe6e8 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  padding: 16px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-form {
  align-items: end !important;
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: repeat(3, minmax(150px, 1fr)) auto !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-form .dpd-v2-action-row {
  align-items: stretch !important;
  align-self: end !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  justify-content: flex-start !important;
  margin: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-form label span,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-filters label span {
  color: var(--dpd-tire-muted) !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
  line-height: 1.1 !important;
  margin: 0 0 6px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder select,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder input[type="search"],
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder input[type="text"] {
  background: #ffffff !important;
  border: 1px solid #cbd5d8 !important;
  border-radius: 6px !important;
  color: var(--dpd-tire-ink) !important;
  font-size: 13px !important;
  height: 46px !important;
  letter-spacing: 0 !important;
  min-height: 46px !important;
  padding: 0 16px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-form select,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-select select,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-filters select,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-compact-select select {
  -webkit-appearance: none !important;
  appearance: none !important;
  background-color: #ffffff !important;
  background-image: url("images/select-tag-arrow.webp") !important;
  background-position: right 18px center !important;
  background-repeat: no-repeat !important;
  background-size: 12px auto !important;
  padding-right: 48px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder select:disabled,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder input[type="search"]:disabled,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder input[type="text"]:disabled {
  background: #f1f4f5 !important;
  color: #7b8790 !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .mock-btn.small {
  border-radius: 6px !important;
  font-size: 11px !important;
  height: 46px !important;
  letter-spacing: 0.1em !important;
  min-height: 46px !important;
  padding: 0 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .mock-btn.small {
  border-radius: 999px !important;
  font-size: 10px !important;
  height: 42px !important;
  letter-spacing: 0.12em !important;
  min-height: 42px !important;
  padding: 0 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-form .mock-btn,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-compact-open,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-controls--inline > .dpd-v2-action-row .mock-btn {
  box-shadow: none !important;
  min-width: 104px !important;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder #dpd-v2-finder-bike-search,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder #dpd-v2-finder-primary-view-all,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-compact-open,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder #dpd-v2-finder-apply,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder #dpd-v2-finder-resume-session {
  background: #fff200 !important;
  border: 1px solid #fff200 !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder #dpd-v2-finder-bike-clear,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder #dpd-v2-finder-reset,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder #dpd-v2-finder-clear-session {
  background: #ffffff !important;
  border: 1px solid #cbd5d8 !important;
  color: #25333c !important;
  -webkit-text-fill-color: #25333c !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder #dpd-v2-finder-bike-search:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder #dpd-v2-finder-primary-view-all:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-compact-open:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder #dpd-v2-finder-apply:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder #dpd-v2-finder-resume-session:hover {
  background: #e8dc00 !important;
  border-color: #e8dc00 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder #dpd-v2-finder-bike-clear:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder #dpd-v2-finder-reset:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder #dpd-v2-finder-clear-session:hover {
  background: #f3f6f7 !important;
  border-color: #9facb3 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-bike-status {
  align-items: center !important;
  background: #f5f7f8 !important;
  border-top: 1px solid #e3e9eb !important;
  color: #51606b !important;
  display: flex !important;
  font-size: 13px !important;
  min-height: 46px !important;
  padding: 0 24px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-refine-strip,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder #finder-controls.dpd-v2-finder-refine-strip {
  align-items: center !important;
  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid var(--dpd-tire-line) !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 22px rgba(10, 22, 28, 0.04) !important;
  display: grid !important;
  gap: 22px !important;
  grid-template-columns: minmax(190px, 0.34fr) minmax(0, 1fr) !important;
  margin: 16px 0 20px !important;
  padding: 20px 24px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-refine-strip__head h3 {
  color: var(--dpd-tire-ink) !important;
  font-size: 24px !important;
  line-height: 1.08 !important;
  margin: 0 0 8px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-refine-strip__head p {
  font-size: 14px !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-controls--inline {
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: 1fr !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-filters {
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-position-bank {
  align-items: stretch !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  min-height: 44px !important;
  width: min(100%, 390px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-position-actions {
  align-items: center !important;
  display: flex !important;
  gap: 20px !important;
  justify-content: space-between !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-position-toggle {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #cbd5d8 !important;
  border-radius: 6px !important;
  color: #42505a !important;
  display: inline-flex !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  justify-content: center !important;
  letter-spacing: 0.08em !important;
  min-height: 42px !important;
  min-width: 0 !important;
  padding: 0 16px !important;
  text-align: center !important;
  white-space: nowrap !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-position-toggle:hover {
  background: #f3f6f7 !important;
  border-color: #9facb3 !important;
  color: var(--dpd-tire-ink) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-position-toggle.is-active {
  background: #fff200 !important;
  border-color: #fff200 !important;
  color: #101820 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-controls--inline > .dpd-v2-finder-position-actions > .dpd-v2-action-row {
  align-items: stretch !important;
  display: flex !important;
  flex: 0 0 auto !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  grid-template-columns: none !important;
  justify-content: flex-end !important;
  width: auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-controls--inline > .dpd-v2-finder-position-actions > .dpd-v2-action-row #dpd-v2-finder-apply,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-controls--inline > .dpd-v2-finder-position-actions > .dpd-v2-action-row #dpd-v2-finder-reset {
  flex: 0 0 clamp(112px, 10vw, 170px) !important;
  max-width: clamp(112px, 10vw, 170px) !important;
  min-width: 112px !important;
  width: clamp(112px, 10vw, 170px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-compact-select,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-bike-shortcuts__list {
  min-width: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-bike-shortcuts__list {
  align-items: end !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-compact-select span {
  color: var(--dpd-tire-muted) !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  margin: 0 0 6px !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder select:focus-visible,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder input[type="search"]:focus-visible,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder input[type="text"]:focus-visible,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder button:focus-visible {
  outline: 3px solid rgba(12, 110, 108, 0.65) !important;
  outline-offset: 2px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-inline-summary--finder {
  margin-bottom: 12px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__header {
  margin: 0 0 14px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__header h3 {
  font-size: clamp(28px, 2.6vw, 40px) !important;
  line-height: 1 !important;
  margin: 0 0 6px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__grid {
  gap: 26px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card {
  border-color: var(--dpd-tire-teal-line) !important;
  box-shadow: 0 14px 32px rgba(10, 22, 28, 0.05) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell {
  grid-template-rows: 86px minmax(238px, 1fr) 56px !important;
  min-height: 390px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-topbar {
  padding: 16px 18px 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-type {
  font-size: 9px !important;
  letter-spacing: 0.12em !important;
  margin-bottom: 6px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-title-block h4 {
  font-size: clamp(18px, 1.45vw, 24px) !important;
  line-height: 1.05 !important;
  margin: 0 auto !important;
  max-width: 92% !important;
  text-align: center !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media {
  min-height: 238px !important;
  padding: 0 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media img {
  height: auto !important;
  max-height: 250px !important;
  max-width: 82% !important;
  transform: none !important;
  width: auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero-shell {
  margin-bottom: 12px !important;
  min-height: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero-shell .video-header-content {
  align-items: center !important;
  display: flex !important;
  height: auto !important;
  min-height: 238px !important;
  padding: 34px 42px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero-shell__inner {
  min-height: 0 !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero h1 {
  font-size: clamp(42px, 4.6vw, 68px) !important;
  line-height: 0.95 !important;
  margin: 10px 0 8px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero__sub {
  font-size: 15px !important;
  line-height: 1.35 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-route-jump-shell {
  margin: 0 !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-route-jumpbar {
  margin-bottom: 10px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-zone .dpd-section-body {
  max-width: 1280px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit {
  border-radius: 22px !important;
  min-height: 0 !important;
  padding: 26px 32px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__main {
  align-items: center !important;
  gap: 30px !important;
  grid-template-columns: minmax(210px, 310px) minmax(0, 1fr) !important;
  min-height: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision {
  aspect-ratio: 0.86 !important;
  max-height: 300px !important;
  min-height: 270px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision img {
  max-height: 250px !important;
  max-width: 86% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-configurator-head {
  align-items: center !important;
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  margin-bottom: 8px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-side-switch {
  justify-self: center !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-price {
  min-width: 150px !important;
  padding: 14px 16px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-price strong {
  font-size: 34px !important;
  line-height: 1 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-meta-line {
  font-size: 13px !important;
  justify-content: center !important;
  line-height: 1.3 !important;
  margin: 8px 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-sidewall-options {
  justify-content: center !important;
  margin: 10px 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-sidewall-options button {
  border-radius: 10px !important;
  font-size: 10px !important;
  height: 36px !important;
  min-width: 48px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector__list {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(5, minmax(108px, 1fr)) !important;
  max-height: 170px !important;
  overflow: auto !important;
  padding-right: 4px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector__option {
  min-height: 50px !important;
  padding: 7px 10px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector__option strong {
  font-size: 14px !important;
  line-height: 1.05 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector__option span {
  font-size: 9px !important;
  letter-spacing: 0.06em !important;
  line-height: 1.05 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-description {
  font-size: 14px !important;
  line-height: 1.38 !important;
  margin: 10px auto !important;
  max-width: 720px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-actions,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__content > .dpd-v2-action-row {
  justify-content: center !important;
  margin-top: 10px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-library-grid--resource,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-promo-download-grid {
  gap: 16px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-library-card__media {
  height: 220px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-library-card__body {
  padding: 16px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-promo-download-card.has-media {
  column-gap: 18px !important;
  display: grid !important;
  grid-template-areas:
    "media head"
    "media body"
    "media action" !important;
  grid-template-columns: clamp(150px, 32%, 210px) minmax(0, 1fr) !important;
  min-height: 178px !important;
  padding: 14px !important;
}

/* A rebate flyer is information, not decoration: the offer, the tire count and
   the dates are all inside the artwork. object-fit: cover on a tall narrow
   column turned "GET UP TO $60 REBATE IF YOU PURCHASE 2 TIRES" into "0*2", so
   the card was showing a promotion nobody could read.

   Contain shows the whole flyer, which is what the Promotions page does with
   the same image. The white ground is deliberate - these are artwork on white,
   and letterboxing them onto the card's own background made them look broken. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-promo-download-card__media {
  background: #ffffff !important;
  border-radius: 8px !important;
  grid-area: media !important;
  height: auto !important;
  min-height: 150px !important;
  overflow: hidden !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-promo-download-card__media img {
  height: 100% !important;
  max-height: none !important;
  max-width: none !important;
  object-fit: contain !important;
  width: 100% !important;
  background: #ffffff !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-promo-download-card__header {
  align-items: center !important;
  display: flex !important;
  gap: 10px !important;
  grid-area: head !important;
  justify-content: space-between !important;
  min-width: 0 !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-promo-download-card__body {
  grid-area: body !important;
  min-width: 0 !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-promo-download-card__body h4 {
  font-size: 18px !important;
  line-height: 1.15 !important;
  margin: 0 0 8px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-promo-download-card__body p {
  font-size: 13px !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-promo-download-card .dpd-v2-action-row {
  grid-area: action !important;
  justify-content: flex-start !important;
  margin-top: 8px !important;
  padding: 0 !important;
}

@media (max-width: 1180px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-form,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-bike-shortcuts {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-form .dpd-v2-action-row,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-bike-shortcuts .dpd-v2-action-row {
    grid-column: 1 / -1 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector__list {
    grid-template-columns: repeat(4, minmax(108px, 1fr)) !important;
  }
}

@media (max-width: 1100px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-filters label:last-child {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 900px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-session__header,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-refine-strip,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder #finder-controls.dpd-v2-finder-refine-strip,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-configurator-head,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__main {
    grid-template-columns: 1fr !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-filters,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__grid,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-library-grid--resource,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-promo-download-grid {
    grid-template-columns: 1fr !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-side-switch {
    justify-self: center !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-promo-download-card.has-media {
    grid-template-areas:
      "media"
      "head"
      "body"
      "action" !important;
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-form,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-bike-shortcuts,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-bike-shortcuts--featured:not([hidden]) {
    grid-template-columns: 1fr !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-bike-shortcuts__list {
    grid-template-columns: 1fr !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-compact-open {
    width: 100% !important;
  }
}

@media (max-width: 640px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-form,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-bike-shortcuts,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-bike-shortcuts--featured:not([hidden]),
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector__list {
    grid-template-columns: 1fr !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-position-actions {
    gap: 10px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-controls--inline > .dpd-v2-finder-position-actions > .dpd-v2-action-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-controls--inline > .dpd-v2-finder-position-actions > .dpd-v2-action-row #dpd-v2-finder-apply,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-controls--inline > .dpd-v2-finder-position-actions > .dpd-v2-action-row #dpd-v2-finder-reset {
    flex: 1 1 0 !important;
    max-width: none !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-topline,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-panels,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-bike-status {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-bike-shortcuts,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-refine-strip {
    padding: 16px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-tabs {
    flex-wrap: nowrap !important;
    grid-template-columns: none !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-tabs button {
    flex: 0 0 auto !important;
    min-width: 118px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-panel.is-active {
    padding: 14px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-form .dpd-v2-action-row {
    flex-wrap: wrap !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero-shell .video-header-content {
    min-height: 210px !important;
    padding: 28px 24px !important;
  }
}

/* DPD Points Manager current-theme correction - 2026-07-10 */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-titlebar,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-live-tabs {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .main-content-area-right {
  background: transparent !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .video-header > .video-header-content {
  border-radius: 24px !important;
  margin: 0 0 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-education {
  background: #ffffff !important;
  border: 1px solid rgba(16, 24, 32, 0.08) !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 42px rgba(7, 18, 24, 0.07) !important;
  margin: 0 0 22px !important;
  padding: 24px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-education__intro {
  align-items: center !important;
  display: flex !important;
  gap: 18px !important;
  justify-content: space-between !important;
  margin: 0 0 20px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-education__intro h2 {
  color: #101820 !important;
  font-size: clamp(28px, 2.7vw, 44px) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 0.98 !important;
  margin: 4px 0 8px !important;
  max-width: 700px !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-education__intro p:not(.dpd-v2-card-kicker) {
  color: #5c6a76 !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  max-width: 660px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-education__intro .mock-btn.small {
  background: #2dd6bf !important;
  border-color: #2dd6bf !important;
  border-radius: 999px !important;
  color: #061217 !important;
  min-height: 44px !important;
  padding: 0 22px !important;
  white-space: nowrap !important;
  -webkit-text-fill-color: #061217 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-education__grid--current {
  align-items: stretch !important;
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: minmax(300px, 0.92fr) minmax(0, 1.18fr) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-video-card {
  background:
    radial-gradient(circle at 82% 12%, rgba(45, 214, 191, 0.18), transparent 34%),
    linear-gradient(135deg, #07121a 0%, #12241d 100%) !important;
  border: 1px solid rgba(255, 242, 0, 0.25) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  color: #ffffff !important;
  display: grid !important;
  gap: 16px !important;
  grid-template-rows: auto 1fr !important;
  min-height: 0 !important;
  padding: 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-video-card__trigger {
  aspect-ratio: 16 / 9 !important;
  background-color: #101820 !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  border: 0 !important;
  border-radius: 14px !important;
  cursor: pointer !important;
  display: block !important;
  min-height: 240px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-video-card__trigger::after {
  background: linear-gradient(180deg, rgba(6, 14, 18, 0.06), rgba(6, 14, 18, 0.55)) !important;
  content: "" !important;
  inset: 0 !important;
  position: absolute !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-video-card__play {
  align-items: center !important;
  background: #fff200 !important;
  border-radius: 999px !important;
  display: flex !important;
  height: 64px !important;
  justify-content: center !important;
  left: 50% !important;
  position: absolute !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  transition: transform 180ms ease !important;
  width: 64px !important;
  z-index: 2 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-video-card__play::before {
  border-bottom: 12px solid transparent !important;
  border-left: 18px solid #071012 !important;
  border-top: 12px solid transparent !important;
  content: "" !important;
  margin-left: 5px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-video-card__trigger:hover .dpd-v2-wallet-video-card__play,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-video-card__trigger:focus-visible .dpd-v2-wallet-video-card__play {
  transform: translate(-50%, -50%) scale(1.06) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-video-card__watch {
  bottom: 14px !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
  position: absolute !important;
  right: 16px !important;
  text-transform: uppercase !important;
  z-index: 2 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-video-card__copy {
  align-content: end !important;
  display: grid !important;
  gap: 8px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-video-card__copy h3 {
  color: #ffffff !important;
  font-size: clamp(24px, 2vw, 34px) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.02 !important;
  margin: 0 !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-video-card__copy p {
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-grid--current {
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card {
  align-content: stretch !important;
  background: #ffffff !important;
  border: 1px solid rgba(16, 24, 32, 0.1) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  color: #101820 !important;
  display: grid !important;
  gap: 12px 16px !important;
  grid-template-areas:
    "metric metric"
    "media copy"
    "media action" !important;
  grid-template-columns: 112px minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  min-height: 238px !important;
  overflow: visible !important;
  padding: 18px !important;
  position: relative !important;
  text-align: left !important;
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card:focus-within {
  border-color: #fff200 !important;
  box-shadow: 0 18px 34px rgba(7, 18, 24, 0.1) !important;
  transform: translateY(-2px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card__metric {
  align-items: baseline !important;
  display: flex !important;
  gap: 8px !important;
  grid-area: metric !important;
  justify-items: start !important;
  min-height: 0 !important;
  text-align: left !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card__metric strong {
  color: #101820 !important;
  display: block !important;
  font-size: clamp(34px, 3.2vw, 46px) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 0.9 !important;
  margin: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card__metric span {
  color: #6b7884 !important;
  display: block !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
  line-height: 1.25 !important;
  max-width: 160px !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card__media {
  align-items: center !important;
  align-self: center !important;
  background:
    radial-gradient(circle at 72% 18%, rgba(255, 242, 0, 0.28), transparent 32%),
    linear-gradient(145deg, #f4f7f8, #ffffff) !important;
  border: 1px solid rgba(16, 24, 32, 0.06) !important;
  border-radius: 14px !important;
  display: flex !important;
  grid-area: media !important;
  height: 112px !important;
  justify-content: center !important;
  margin: 0 !important;
  max-width: none !important;
  overflow: hidden !important;
  width: 112px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card__media img {
  display: block !important;
  filter: none !important;
  height: 128% !important;
  max-height: none !important;
  max-width: none !important;
  object-fit: contain !important;
  padding: 0 !important;
  transform-origin: 50% 58% !important;
  width: 128% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card:hover .dpd-v2-wallet-earn-card__media img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card:focus-within .dpd-v2-wallet-earn-card__media img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card.is-svg-animating .dpd-v2-wallet-earn-card__media img {
  animation: dpdLaunchShortcutLift 720ms ease both !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card__copy {
  align-content: start !important;
  display: grid !important;
  gap: 7px !important;
  grid-area: copy !important;
  justify-items: start !important;
  min-width: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card__copy h3 {
  color: #101820 !important;
  font-size: clamp(19px, 1.45vw, 26px) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.04 !important;
  margin: 0 !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card__copy p {
  color: #52616f !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card .mock-btn.small {
  align-items: center !important;
  align-self: end !important;
  background: #2dd6bf !important;
  border: 1px solid #2dd6bf !important;
  border-radius: 999px !important;
  color: #061217 !important;
  display: inline-flex !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  grid-area: action !important;
  justify-content: center !important;
  justify-self: start !important;
  letter-spacing: 0.12em !important;
  line-height: 1.1 !important;
  min-height: 36px !important;
  min-width: 0 !important;
  padding: 0 16px !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  white-space: normal !important;
  -webkit-text-fill-color: #061217 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card .mock-btn.small:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card .mock-btn.small:focus-visible {
  background: #fff200 !important;
  border-color: #fff200 !important;
  color: #071012 !important;
  outline: none !important;
  -webkit-text-fill-color: #071012 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-flow,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-command,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance #account-history {
  margin-bottom: 22px !important;
}

@media (max-width: 1180px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-education__grid--current {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 820px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-education {
    padding: 18px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-education__intro {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-grid--current {
    grid-template-columns: 1fr !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card {
    grid-template-columns: 96px minmax(0, 1fr) !important;
    min-height: 0 !important;
    padding: 16px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-earn-card__media {
    height: 96px !important;
    width: 96px !important;
  }
}

/* DPD global support CTA and wallet redundancy cleanup - 2026-07-10 */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-command {
  margin-top: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-dock-section {
  background:
    radial-gradient(circle at 8% 0%, rgba(45, 214, 191, 0.22), transparent 34%),
    radial-gradient(circle at 92% 16%, rgba(255, 242, 0, 0.2), transparent 30%),
    linear-gradient(135deg, #07121a 0%, #11221d 58%, #101820 100%) !important;
  border: 1px solid rgba(45, 214, 191, 0.28) !important;
  border-radius: 24px !important;
  box-shadow: 0 24px 54px rgba(7, 18, 24, 0.16) !important;
  color: #ffffff !important;
  margin: clamp(24px, 2vw, 32px) 0 !important;
  overflow: hidden !important;
  padding: clamp(26px, 2vw, 32px) 24px !important;
  position: relative !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-dock-section::before {
  background: linear-gradient(90deg, #2dd6bf 0%, #fff200 100%) !important;
  content: "" !important;
  height: 5px !important;
  inset: 0 0 auto 0 !important;
  position: absolute !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-dock-section__intro {
  align-items: end !important;
  display: grid !important;
  gap: 8px 18px !important;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 0.75fr) !important;
  margin: 0 0 clamp(32px, 2.25vw, 40px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-dock-section__intro .dpd-v2-card-kicker {
  background: #fff200 !important;
  border-radius: 999px !important;
  color: #071012 !important;
  display: inline-flex !important;
  grid-column: 1 / -1 !important;
  justify-self: start !important;
  margin: 0 !important;
  padding: 7px 12px !important;
  -webkit-text-fill-color: #071012 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-dock-section__intro h3 {
  color: #ffffff !important;
  font-size: clamp(26px, 2.4vw, 40px) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  margin: 0 !important;
  text-transform: uppercase !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-dock-section__intro > p:not(.dpd-v2-card-kicker) {
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  max-width: 600px !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-dock {
  align-items: stretch !important;
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: minmax(280px, 1.18fr) minmax(260px, 1fr) minmax(230px, 0.82fr) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-dock.is-routed-only {
  grid-template-columns: minmax(320px, 1.35fr) minmax(260px, 0.65fr) !important;
}

/*
 * Mobile: collapse the support dock to a single column. The grid rules above
 * carry fixed column minimums (~580px for the routed two-card layout, ~770px
 * for the three-card layout) and, being the highest-specificity !important
 * rules for this block, override the responsive 1fr rules in style.css /
 * dpd-v2-portal.css at every width. Without this stop the second card is pushed
 * off-screen on phones. Breakpoint matches the design system's existing
 * one-column threshold.
 */
@media (max-width: 991px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-dock,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-dock.is-routed-only {
    grid-template-columns: 1fr !important;
  }
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-dock__card {
  background: rgba(255, 255, 255, 0.94) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 18px !important;
  box-shadow: none !important;
  color: #101820 !important;
  display: grid !important;
  gap: 16px !important;
  grid-template-rows: 1fr auto !important;
  min-height: 230px !important;
  padding: 22px !important;
  position: relative !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-dock__card.is-primary {
  background:
    radial-gradient(circle at 85% 10%, rgba(255, 242, 0, 0.16), transparent 32%),
    linear-gradient(150deg, #05090b 0%, #101820 60%, #10251f 100%) !important;
  border-color: rgba(255, 242, 0, 0.36) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-dock__card.is-rep {
  background:
    radial-gradient(circle at 86% 12%, rgba(45, 214, 191, 0.12), transparent 34%),
    #ffffff !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-dock__card.is-app {
  background:
    radial-gradient(circle at 82% 8%, rgba(255, 242, 0, 0.18), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f4f8f9 100%) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-dock__copy {
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-dock__copy .dpd-v2-card-kicker {
  color: #657280 !important;
  margin: 0 !important;
  -webkit-text-fill-color: #657280 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-dock__card.is-primary .dpd-v2-card-kicker {
  color: #fff200 !important;
  -webkit-text-fill-color: #fff200 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-dock__copy h4 {
  color: #101820 !important;
  font-size: clamp(22px, 1.8vw, 30px) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.02 !important;
  margin: 0 !important;
  text-transform: uppercase !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-dock__card.is-primary .dpd-v2-support-dock__copy h4 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-dock__copy p {
  color: #52616e !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  -webkit-text-fill-color: #52616e !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-dock__card.is-primary .dpd-v2-support-dock__copy p {
  color: rgba(255, 255, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-contact-list {
  display: grid !important;
  gap: 8px !important;
  margin: 8px 0 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-contact-list > div {
  background: #f4f8f9 !important;
  border: 1px solid rgba(16, 24, 32, 0.08) !important;
  border-radius: 12px !important;
  display: grid !important;
  gap: 3px !important;
  padding: 10px 12px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-contact-list dt {
  color: #6b7784 !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
  line-height: 1 !important;
  margin: 0 !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-contact-list dd {
  color: #101820 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  overflow-wrap: anywhere !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-contact-list a {
  color: #0f8f81 !important;
  text-decoration: none !important;
  -webkit-text-fill-color: #0f8f81 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-dock__card .dpd-v2-action-row {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  justify-content: flex-start !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-dock__card .mock-btn.small {
  background: #2dd6bf !important;
  border: 1px solid #2dd6bf !important;
  border-radius: 999px !important;
  color: #071012 !important;
  min-height: 40px !important;
  padding: 0 17px !important;
  -webkit-text-fill-color: #071012 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-dock__card .mock-btn.small:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-dock__card .mock-btn.small:focus-visible {
  background: #fff200 !important;
  border-color: #fff200 !important;
  color: #071012 !important;
  outline: none !important;
  -webkit-text-fill-color: #071012 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-dock__card.is-primary .mock-btn.small.dark {
  background: #fff200 !important;
  border-color: #fff200 !important;
  color: #071012 !important;
  -webkit-text-fill-color: #071012 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-dock__card.is-primary .mock-btn.small:not(.dark) {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-app-mark {
  align-items: center !important;
  background: #fff200 !important;
  border-radius: 16px !important;
  display: inline-flex !important;
  height: 54px !important;
  justify-content: center !important;
  margin: 0 0 4px !important;
  width: 54px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-app-mark img {
  display: block !important;
  height: 42px !important;
  object-fit: contain !important;
  width: 42px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-app-links {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-app-links a {
  display: inline-flex !important;
  line-height: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-app-links img {
  display: block !important;
  height: 38px !important;
  object-fit: contain !important;
  width: auto !important;
}

@media (max-width: 1180px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-dock-section__intro,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-dock {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 720px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-dock-section {
    padding: 24px 20px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-dock__card {
    min-height: 0 !important;
    padding: 18px !important;
  }
}

/* DPD dashboard launch hover containment - 2026-07-10 */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-card {
  overflow: hidden !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__media--animated,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__media--animated {
  aspect-ratio: 236 / 174 !important;
  contain: paint !important;
  height: 174px !important;
  max-height: 174px !important;
  max-width: 236px !important;
  min-height: 174px !important;
  overflow: hidden !important;
  width: min(100%, 236px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__media--animated img,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__media--animated img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card:hover .dpd-v2-launch-card__media--animated img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card:focus-visible .dpd-v2-launch-card__media--animated img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card.is-svg-animating .dpd-v2-launch-card__media--animated img,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-card:hover .dpd-v2-launch-card__media--animated img,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-card:focus-visible .dpd-v2-launch-card__media--animated img,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-card.is-svg-animating .dpd-v2-launch-card__media--animated img {
  animation: none !important;
  height: 100% !important;
  max-height: 100% !important;
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
  width: 100% !important;
}

/* A card with nothing in it yet is still a live part of the dashboard. Greying
   the whole card made a real zero read as a switched-off feature; the chip and
   the inner empty-state panel already say the figure is zero. */

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card.is-empty .dpd-v2-card-kicker,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card.is-empty .mock-chip {
  box-shadow: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card.is-empty .dpd-v2-program-card__action.is-disabled,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card.is-empty .dpd-v2-program-card__action[aria-disabled="true"],
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card__action.is-disabled,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-program-card__action[aria-disabled="true"],
html body.dpd-member-surface #sub-page-main-content-wrapper .mock-btn.is-disabled[aria-disabled="true"] {
  background: rgba(246, 248, 248, 0.96) !important;
  border-color: rgba(246, 248, 248, 0.98) !important;
  color: #071012 !important;
  opacity: 1 !important;
  text-shadow: none !important;
  -webkit-text-fill-color: #071012 !important;
}

/* DPD 2.0 audit cleanup: type, actions, hierarchy, and overlap guards - 2026-07-10 */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .video-header .dashboard-head-left h1,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .video-header .dashboard-head-left h2,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-section-heading h2,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .border-dotted-heading h2 span,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-action-card h3,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-card__title,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-promo-card h4 {
  letter-spacing: 0 !important;
  line-height: 1.06 !important;
  overflow-wrap: anywhere !important;
  text-wrap: balance !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .video-header .dashboard-head-left h1 {
  line-height: 1.02 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .video-header .dashboard-head-left p,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-action-card p,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-card__copy,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-promo-card__copy p,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-step-card p,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .mock-panel p {
  line-height: 1.48 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .mock-btn.small,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .bttn,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-card__cta,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-promo-card .mock-btn.small {
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  letter-spacing: 0.08em !important;
  line-height: 1.12 !important;
  min-height: 40px !important;
  min-width: 0 !important;
  overflow-wrap: normal !important;
  text-align: center !important;
  white-space: normal !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-action-row {
  align-items: center !important;
  flex-wrap: wrap !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--campaign .dpd-v2-featured-promo-list {
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: 1fr !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--campaign .dpd-v2-promo-card--featured {
  align-items: stretch !important;
  display: grid !important;
  grid-template-columns: minmax(220px, 340px) minmax(0, 1fr) !important;
  overflow: hidden !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--campaign .dpd-v2-promo-card--featured .dpd-v2-promo-card__body {
  min-width: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--campaign .dpd-v2-promo-card--featured .dpd-v2-promo-card__media {
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--campaign .dpd-v2-promo-card--featured .dpd-v2-promo-card__media img {
  height: 100% !important;
  object-fit: cover !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--process .dashboard-head-right-in h3,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--rebates .dpd-v2-action-card__value {
  color: #fff200 !important;
  -webkit-text-fill-color: #fff200 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-dashboard-section--launch .dpd-v2-launch-card__media--animated img[src*="db-swagstore-icon"] {
  height: min(150px, 100%) !important;
  object-fit: contain !important;
  width: auto !important;
}

@media (min-width: 901px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--campaign .main-content-area-left.dpd-v2-nav-shell,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--process .main-content-area-left.dpd-v2-nav-shell {
    align-self: start !important;
    max-height: none !important;
    overflow: visible !important;
    position: relative !important;
    top: auto !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--campaign .main-content-area-left-nav,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--process .main-content-area-left-nav {
    max-height: none !important;
    overflow: visible !important;
  }
}

@media (max-width: 969px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--campaign .dpd-v2-promo-card--featured {
    grid-template-columns: 1fr !important;
  }
}

/* DPD route hero photo prominence + training tooltip containment - 2026-07-10 */
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-media--submit-customer-rebates::before,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-media--members-marketing-downloads::before,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-media--members-marketing-management::before,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-media--members-training-portal::before,
html body #sub-page-main-content-wrapper .dpd-v2-hero-media--submit-customer-rebates::before,
html body #sub-page-main-content-wrapper .dpd-v2-hero-media--members-marketing-downloads::before,
html body #sub-page-main-content-wrapper .dpd-v2-hero-media--members-marketing-management::before,
html body #sub-page-main-content-wrapper .dpd-v2-hero-media--members-training-portal::before {
  filter: brightness(3.75) contrast(1.08) saturate(1.22) !important;
  opacity: 1 !important;
  transform: scale(1.015) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-media--members-current-promotions::before,
html body #sub-page-main-content-wrapper .dpd-v2-hero-media--members-current-promotions::before {
  filter: brightness(1.3) contrast(1.08) saturate(1.16) !important;
  opacity: 1 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-media--submit-customer-rebates::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-media--members-current-promotions::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-media--members-marketing-downloads::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-media--members-marketing-management::after,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-hero-media--members-training-portal::after,
html body #sub-page-main-content-wrapper .dpd-v2-hero-media--submit-customer-rebates::after,
html body #sub-page-main-content-wrapper .dpd-v2-hero-media--members-current-promotions::after,
html body #sub-page-main-content-wrapper .dpd-v2-hero-media--members-marketing-downloads::after,
html body #sub-page-main-content-wrapper .dpd-v2-hero-media--members-marketing-management::after,
html body #sub-page-main-content-wrapper .dpd-v2-hero-media--members-training-portal::after {
  background:
    radial-gradient(circle at 76% 24%, rgba(255, 242, 0, 0.06), rgba(255, 242, 0, 0) 34%),
    linear-gradient(90deg, rgba(5, 12, 18, 0.78) 0%, rgba(5, 12, 18, 0.42) 32%, rgba(5, 12, 18, 0.18) 58%, rgba(5, 12, 18, 0.30) 100%) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary .dpd-v2-info-summary--tooltip,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-training-v2-page #training-intro .dpd-v2-training-count-summary .dpd-v2-info-summary--tooltip,
html body #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary .dpd-v2-info-summary--tooltip,
html body #sub-page-main-content-wrapper.dpd-training-v2-page #training-intro .dpd-v2-training-count-summary .dpd-v2-info-summary--tooltip {
  bottom: 14px !important;
  left: 16px !important;
  max-height: 86px !important;
  max-width: none !important;
  min-width: 0 !important;
  overflow: auto !important;
  right: 16px !important;
  top: auto !important;
  transform: translateY(4px) !important;
  width: auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary.is-info-open .dpd-v2-info-summary--tooltip,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary.is-info-hover .dpd-v2-info-summary--tooltip,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary:hover .dpd-v2-info-summary--tooltip,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary:focus-within .dpd-v2-info-summary--tooltip,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-training-v2-page #training-intro .dpd-v2-training-count-summary.is-info-open .dpd-v2-info-summary--tooltip,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-training-v2-page #training-intro .dpd-v2-training-count-summary.is-info-hover .dpd-v2-info-summary--tooltip,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-training-v2-page #training-intro .dpd-v2-training-count-summary:hover .dpd-v2-info-summary--tooltip,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-training-v2-page #training-intro .dpd-v2-training-count-summary:focus-within .dpd-v2-info-summary--tooltip,
html body #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary.is-info-open .dpd-v2-info-summary--tooltip,
html body #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary.is-info-hover .dpd-v2-info-summary--tooltip,
html body #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary:hover .dpd-v2-info-summary--tooltip,
html body #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary:focus-within .dpd-v2-info-summary--tooltip,
html body #sub-page-main-content-wrapper.dpd-training-v2-page #training-intro .dpd-v2-training-count-summary.is-info-open .dpd-v2-info-summary--tooltip,
html body #sub-page-main-content-wrapper.dpd-training-v2-page #training-intro .dpd-v2-training-count-summary.is-info-hover .dpd-v2-info-summary--tooltip,
html body #sub-page-main-content-wrapper.dpd-training-v2-page #training-intro .dpd-v2-training-count-summary:hover .dpd-v2-info-summary--tooltip,
html body #sub-page-main-content-wrapper.dpd-training-v2-page #training-intro .dpd-v2-training-count-summary:focus-within .dpd-v2-info-summary--tooltip {
  transform: translateY(0) !important;
}

/* DPD dashboard dealer tools footer placement - 2026-07-10 */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-layout,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-layout {
  display: grid !important;
  gap: 22px !important;
  grid-template-columns: 1fr !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-cards,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-cards {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-feature,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-feature {
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.72fr) !important;
  align-items: stretch !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-video,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-app,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-video,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-app {
  min-height: 0 !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-app,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-app {
  align-content: center !important;
  display: grid !important;
  gap: 14px !important;
  justify-items: start !important;
  padding: 26px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-app strong,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-app strong {
  font-size: clamp(24px, 2vw, 34px) !important;
  line-height: 1.08 !important;
  max-width: 12ch !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-app p,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-app p {
  max-width: 38ch !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-app__badges,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-app__badges {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-app__badges img,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-app__badges img {
  height: 38px !important;
  object-fit: contain !important;
  width: auto !important;
}

@media (max-width: 1320px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-cards,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 920px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-feature,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-feature {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-cards,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-cards {
    grid-template-columns: 1fr !important;
  }
}

/* DPD rewards SVG recovery + live-style promotion carousel - 2026-07-10 */
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__media--animated img[src*="swag-store-"],
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__media--animated img[data-src*="swag-store-"] {
  display: block !important;
  height: 128% !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: 128% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-carousel,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-featured-promo-carousel {
  position: relative !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper [data-dpd-promo-slide][hidden] {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-carousel__viewport,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-featured-promo-carousel__viewport {
  min-width: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-slide {
  align-items: center !important;
  display: grid !important;
  gap: clamp(18px, 2.8vw, 32px) !important;
  grid-template-columns: minmax(280px, 440px) minmax(0, 1fr) !important;
  min-width: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-slide[hidden] {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-banner__media {
  align-items: center !important;
  aspect-ratio: 2 / 1 !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
  display: flex !important;
  justify-content: center !important;
  overflow: hidden !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-banner__media img,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-rail__item img {
  display: block !important;
  height: 100% !important;
  image-rendering: auto !important;
  object-fit: contain !important;
  transform: none !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--campaign .dpd-v2-featured-promo-carousel {
  background: #ffffff !important;
  border: 1px solid rgba(16, 24, 32, 0.08) !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 40px rgba(16, 24, 32, 0.08) !important;
  overflow: hidden !important;
  padding: clamp(22px, 3vw, 42px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--campaign .dpd-v2-featured-promo-carousel .dpd-v2-promo-card--featured {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: grid !important;
  gap: 22px !important;
  grid-template-columns: 1fr !important;
  margin: 0 auto !important;
  max-width: 720px !important;
  padding: 0 !important;
  text-align: center !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--campaign .dpd-v2-featured-promo-carousel .dpd-v2-promo-card__media {
  align-items: center !important;
  aspect-ratio: 2 / 1 !important;
  background: #f4f5f5 !important;
  border-radius: 0 !important;
  display: flex !important;
  justify-content: center !important;
  margin: 0 auto !important;
  max-width: 560px !important;
  overflow: hidden !important;
  width: min(100%, 560px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--campaign .dpd-v2-featured-promo-carousel .dpd-v2-promo-card__media img {
  display: block !important;
  height: 100% !important;
  image-rendering: auto !important;
  object-fit: contain !important;
  transform: none !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--campaign .dpd-v2-featured-promo-carousel .dpd-v2-promo-card__body {
  align-items: center !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  min-width: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--campaign .dpd-v2-featured-promo-carousel .dpd-v2-promo-card__body h4 {
  font-size: clamp(20px, 2.1vw, 30px) !important;
  line-height: 1.12 !important;
  margin: 0 !important;
  max-width: 520px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-featured-promo-carousel__controls {
  align-items: center !important;
  display: flex !important;
  gap: 12px !important;
  justify-content: center !important;
  margin-top: 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-promo-carousel__button {
  align-items: center !important;
  background: #fff200 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #101820 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  justify-content: center !important;
  min-height: 48px !important;
  min-width: 86px !important;
  padding: 0 18px !important;
  text-transform: lowercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-featured-promo-carousel__count {
  color: #6f7884 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

@media (max-width: 900px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-slide {
    grid-template-columns: 1fr !important;
  }
}

/* DPD dashboard promotion carousel compact repair - 2026-07-10 */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-promo-banner.dpd-v2-dashboard-promo-carousel,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-banner.dpd-v2-dashboard-promo-carousel {
  align-items: center !important;
  background:
    linear-gradient(105deg, #101820 0%, #0d151c 62%, #1a240c 100%) !important;
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 16px 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-promo-carousel__viewport,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-carousel__viewport {
  grid-column: 1 !important;
  min-width: 0 !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-promo-slide,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-slide {
  align-items: center !important;
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: minmax(180px, 280px) minmax(0, 1fr) !important;
  min-height: 0 !important;
  min-width: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-promo-slide[hidden],
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-slide[hidden] {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-promo-carousel .dpd-v2-dashboard-promo-banner__media,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-carousel .dpd-v2-dashboard-promo-banner__media {
  align-items: center !important;
  aspect-ratio: 2 / 1 !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border-radius: 10px !important;
  display: flex !important;
  justify-content: center !important;
  margin: 0 !important;
  max-width: 280px !important;
  min-height: 0 !important;
  overflow: hidden !important;
  position: static !important;
  width: 100% !important;
  z-index: auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-promo-carousel .dpd-v2-dashboard-promo-banner__media img,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-carousel .dpd-v2-dashboard-promo-banner__media img {
  display: block !important;
  height: 100% !important;
  image-rendering: auto !important;
  object-fit: cover !important;
  transform: none !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-promo-carousel .dpd-v2-dashboard-promo-banner__copy,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-carousel .dpd-v2-dashboard-promo-banner__copy {
  align-content: center !important;
  display: grid !important;
  gap: 8px !important;
  margin: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  position: static !important;
  z-index: auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-promo-carousel .dpd-v2-dashboard-promo-banner__copy strong,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-carousel .dpd-v2-dashboard-promo-banner__copy strong {
  color: #ffffff !important;
  font-size: clamp(22px, 2.2vw, 34px) !important;
  line-height: 1.08 !important;
  margin: 0 !important;
  max-width: 24ch !important;
  text-shadow: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-promo-carousel .dpd-v2-dashboard-promo-banner__copy em,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-carousel .dpd-v2-dashboard-promo-banner__copy em {
  color: rgba(245, 248, 250, 0.84) !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  max-width: 54ch !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-promo-carousel .dpd-v2-dashboard-promo-banner__actions,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-carousel .dpd-v2-dashboard-promo-banner__actions {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 2px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-promo-carousel .dpd-v2-dashboard-promo-banner__actions .mock-btn.small,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-carousel .dpd-v2-dashboard-promo-banner__actions .mock-btn.small {
  min-height: 40px !important;
  padding: 0 18px !important;
  width: auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-promo-carousel__controls,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-carousel__controls {
  align-items: center !important;
  align-self: center !important;
  display: grid !important;
  gap: 8px !important;
  grid-column: 2 !important;
  grid-template-columns: repeat(2, 46px) !important;
  justify-content: end !important;
  justify-items: center !important;
  margin: 0 !important;
  min-width: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-promo-carousel__controls .dpd-v2-featured-promo-carousel__count,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-carousel__controls .dpd-v2-featured-promo-carousel__count {
  color: rgba(245, 248, 250, 0.72) !important;
  font-size: 10px !important;
  grid-column: 1 / -1 !important;
  letter-spacing: 0.1em !important;
  line-height: 1 !important;
  order: -1 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-promo-carousel__controls .dpd-v2-promo-carousel__button,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-carousel__controls .dpd-v2-promo-carousel__button {
  border-radius: 8px !important;
  font-size: 10px !important;
  min-height: 40px !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: 46px !important;
}

@media (max-width: 1100px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-promo-banner.dpd-v2-dashboard-promo-carousel,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-banner.dpd-v2-dashboard-promo-carousel {
    grid-template-columns: 1fr !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-promo-carousel__controls,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-carousel__controls {
    grid-column: 1 !important;
    justify-content: start !important;
  }
}

@media (max-width: 760px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-promo-slide,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-slide {
    grid-template-columns: 1fr !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-promo-carousel .dpd-v2-dashboard-promo-banner__media,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-carousel .dpd-v2-dashboard-promo-banner__media {
    max-width: 100% !important;
  }
}

/* DPD compact wallet + app CTA follow-up - 2026-07-10 */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-training-v2-page #training-intro .dpd-v2-training-count-summary,
html body #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary,
html body #sub-page-main-content-wrapper.dpd-training-v2-page #training-intro .dpd-v2-training-count-summary {
  overflow: visible !important;
  position: relative !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary .dpd-v2-info-dot,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-training-v2-page #training-intro .dpd-v2-training-count-summary .dpd-v2-info-dot,
html body #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary .dpd-v2-info-dot,
html body #sub-page-main-content-wrapper.dpd-training-v2-page #training-intro .dpd-v2-training-count-summary .dpd-v2-info-dot {
  box-shadow: 0 0 0 8px rgba(255, 242, 0, 0.26), 0 12px 28px rgba(0, 0, 0, 0.24) !important;
  right: -18px !important;
  top: -18px !important;
  transform: none !important;
  z-index: 260 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary .dpd-v2-info-summary--tooltip,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-training-v2-page #training-intro .dpd-v2-training-count-summary .dpd-v2-info-summary--tooltip,
html body #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-training-count-summary .dpd-v2-info-summary--tooltip,
html body #sub-page-main-content-wrapper.dpd-training-v2-page #training-intro .dpd-v2-training-count-summary .dpd-v2-info-summary--tooltip {
  bottom: auto !important;
  left: auto !important;
  max-height: none !important;
  max-width: min(360px, calc(100vw - 48px)) !important;
  right: -18px !important;
  top: calc(100% + 14px) !important;
  transform: translateY(4px) !important;
  width: max-content !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-education__status {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  margin: 0 0 12px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-status-card {
  align-content: center !important;
  background: #101820 !important;
  border: 1px solid rgba(255, 242, 0, 0.34) !important;
  border-radius: 14px !important;
  color: #ffffff !important;
  display: grid !important;
  min-height: 92px !important;
  padding: 14px 16px !important;
  text-decoration: none !important;
  transition: opacity 160ms ease, transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-status-card:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-status-card:focus-visible {
  border-color: #fff200 !important;
  box-shadow: 0 16px 30px rgba(7, 18, 24, 0.14) !important;
  outline: none !important;
  transform: translateY(-2px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-status-card span {
  color: rgba(255, 255, 255, 0.68) !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: 0.12em !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.68) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-status-card strong {
  color: #fff200 !important;
  font-size: clamp(24px, 2.4vw, 38px) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 0.95 !important;
  margin: 8px 0 4px !important;
  -webkit-text-fill-color: #fff200 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-status-card em {
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 12px !important;
  font-style: normal !important;
  line-height: 1.25 !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.76) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-status-card.is-muted {
  background: #eef2f4 !important;
  border-color: rgba(16, 24, 32, 0.1) !important;
  box-shadow: none !important;
  filter: grayscale(0.2) !important;
  opacity: 0.58 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-status-card.is-muted span,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-status-card.is-muted em,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-status-card.is-muted strong {
  color: #44515d !important;
  -webkit-text-fill-color: #44515d !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-education__next {
  align-items: center !important;
  background: linear-gradient(135deg, #f6fafb 0%, #ffffff 100%) !important;
  border: 1px solid rgba(16, 24, 32, 0.08) !important;
  border-radius: 16px !important;
  display: grid !important;
  gap: 10px 16px !important;
  grid-template-columns: minmax(150px, 0.7fr) minmax(130px, 0.6fr) minmax(260px, 1.25fr) auto !important;
  margin: 0 0 18px !important;
  padding: 14px 16px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-education__next span {
  color: #53616e !important;
  display: grid !important;
  font-size: 12px !important;
  line-height: 1.28 !important;
  min-width: 0 !important;
  -webkit-text-fill-color: #53616e !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-education__next strong {
  color: #101820 !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: 0.12em !important;
  line-height: 1.1 !important;
  margin-bottom: 4px !important;
  text-transform: uppercase !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-education__next > div {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: end !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-education__next .mock-btn.small {
  min-height: 34px !important;
  padding: 0 13px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-app,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-app {
  align-content: start !important;
  background:
    radial-gradient(circle at 20% 18%, rgba(255, 242, 0, 0.20), rgba(255, 242, 0, 0) 28%),
    radial-gradient(circle at 88% 82%, rgba(45, 214, 191, 0.22), rgba(45, 214, 191, 0) 36%),
    linear-gradient(145deg, #07121a 0%, #0f201c 58%, #1f300d 100%) !important;
  border: 1px solid rgba(255, 242, 0, 0.48) !important;
  border-radius: 18px !important;
  box-shadow: 0 20px 44px rgba(7, 18, 24, 0.16) !important;
  isolation: isolate !important;
  min-height: 320px !important;
  overflow: hidden !important;
  padding: 28px !important;
  position: relative !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-app::before,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-app::before {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.04)),
    radial-gradient(circle at 50% 20%, rgba(255, 242, 0, 0.38), transparent 22%) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 28px !important;
  bottom: -46px !important;
  content: "" !important;
  height: 210px !important;
  position: absolute !important;
  right: 20px !important;
  transform: rotate(-7deg) !important;
  width: 126px !important;
  z-index: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-app > *,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-app > * {
  position: relative !important;
  z-index: 1 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-app__mark,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-app__mark {
  align-items: center !important;
  background: #fff200 !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 36px rgba(255, 242, 0, 0.22) !important;
  display: inline-flex !important;
  height: 66px !important;
  justify-content: center !important;
  margin: 0 0 8px !important;
  width: 66px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-app__mark img,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-app__mark img {
  display: block !important;
  height: 46px !important;
  object-fit: contain !important;
  width: 46px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-app strong,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-app strong {
  font-size: clamp(26px, 2.2vw, 38px) !important;
  max-width: 13ch !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-app__features,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-app__features {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 2px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-app__features em,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-app__features em {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 999px !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 9px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  letter-spacing: 0.12em !important;
  padding: 7px 9px !important;
  text-transform: uppercase !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-app__badges,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-app__badges {
  margin-top: 4px !important;
  position: relative !important;
  z-index: 1 !important;
}

@media (max-width: 1180px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-education__status {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-education__next {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-education__next > div {
    justify-content: start !important;
  }
}

@media (max-width: 720px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-education__status,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .dpd-v2-wallet-education__next {
    grid-template-columns: 1fr !important;
  }
}

/* Give selected avatars more breathing room in the member header trigger. */
html body.dpd-member-surface .dpd-v2-header-shell #header-login #my-acc-btn > .dpd-user-badge--account-trigger {
  border-color: var(--dpd-user-badge-fill, var(--dpd-personal-accent, #fff200)) !important;
}

html body.dpd-member-surface .dpd-v2-header-shell #header-login #my-acc-btn > .dpd-user-badge--account-trigger[data-dpd-avatar-choice].has-mark-avatar {
  --dpd-account-mark-size: 23px !important;
  --dpd-avatar-trigger-mark-size: 23px !important;
  --dpd-header-avatar-mark: 23px !important;
}

html body.dpd-member-surface .dpd-v2-header-shell #header-login #my-acc-btn > .dpd-user-badge--account-trigger[data-dpd-avatar-choice].has-mark-avatar .dpd-user-badge__mark,
html body.dpd-member-surface .dpd-v2-header-shell #header-login #my-acc-btn > .dpd-user-badge--account-trigger[data-dpd-avatar-choice].has-mark-avatar .dpd-user-badge__mark--image {
  flex: 0 0 23px !important;
  height: 23px !important;
  max-height: 23px !important;
  max-width: 23px !important;
  width: 23px !important;
}

html body.dpd-member-surface .dpd-v2-header-shell #header-login #my-acc-btn > .dpd-user-badge--account-trigger[data-dpd-avatar-choice="helmet"].has-mark-avatar {
  --dpd-account-mark-size: 21px !important;
  --dpd-avatar-trigger-mark-size: 21px !important;
  --dpd-header-avatar-mark: 21px !important;
}

html body.dpd-member-surface .dpd-v2-header-shell #header-login #my-acc-btn > .dpd-user-badge--account-trigger[data-dpd-avatar-choice="helmet"].has-mark-avatar .dpd-user-badge__mark,
html body.dpd-member-surface .dpd-v2-header-shell #header-login #my-acc-btn > .dpd-user-badge--account-trigger[data-dpd-avatar-choice="helmet"].has-mark-avatar .dpd-user-badge__mark--image {
  flex-basis: 21px !important;
  height: 21px !important;
  max-height: 21px !important;
  max-width: 21px !important;
  width: 21px !important;
}

html:is([data-dpd-accent="dark"], [data-dpd-accent="black"], [data-dpd-accent="dark"], [data-dpd-personal-accent="dark"], [data-dpd-personal-accent="black"], [data-dpd-personal-accent="carbon"]) body.dpd-member-surface .dpd-v2-header-shell #header-login #my-acc-btn > .dpd-user-badge--account-trigger,
html body.dpd-member-surface:is([data-dpd-accent="dark"], [data-dpd-accent="black"], [data-dpd-accent="dark"], [data-dpd-personal-accent="dark"], [data-dpd-personal-accent="black"], [data-dpd-personal-accent="carbon"]) .dpd-v2-header-shell #header-login #my-acc-btn > .dpd-user-badge--account-trigger {
  --dpd-header-selected-accent: #101820 !important;
  --dpd-header-selected-ink: #fff200 !important;
  --dpd-user-badge-fill: #101820 !important;
  --dpd-user-badge-ink: #fff200 !important;
  background: #101820 !important;
  background-color: #101820 !important;
  border-color: #101820 !important;
  color: #fff200 !important;
  -webkit-text-fill-color: #fff200 !important;
}

html:is([data-dpd-accent="dark"], [data-dpd-accent="black"], [data-dpd-accent="dark"], [data-dpd-personal-accent="dark"], [data-dpd-personal-accent="black"], [data-dpd-personal-accent="carbon"]) body.dpd-member-surface .dpd-v2-header-shell #header-login #my-acc-btn > .dpd-user-badge--account-trigger.has-mark-avatar .dpd-user-badge__mark,
html body.dpd-member-surface:is([data-dpd-accent="dark"], [data-dpd-accent="black"], [data-dpd-accent="dark"], [data-dpd-personal-accent="dark"], [data-dpd-personal-accent="black"], [data-dpd-personal-accent="carbon"]) .dpd-v2-header-shell #header-login #my-acc-btn > .dpd-user-badge--account-trigger.has-mark-avatar .dpd-user-badge__mark {
  background: #fff200 !important;
  background-color: #fff200 !important;
  background-image: none !important;
  filter: none !important;
  mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  -webkit-mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
}

html:is([data-dpd-accent="dark"], [data-dpd-accent="black"], [data-dpd-accent="dark"], [data-dpd-personal-accent="dark"], [data-dpd-personal-accent="black"], [data-dpd-personal-accent="carbon"]) body.dpd-member-surface .dpd-v2-header-shell #header-login #my-acc-btn > .dpd-user-badge--account-trigger.has-mark-avatar .dpd-user-badge__mark-img,
html body.dpd-member-surface:is([data-dpd-accent="dark"], [data-dpd-accent="black"], [data-dpd-accent="dark"], [data-dpd-personal-accent="dark"], [data-dpd-personal-accent="black"], [data-dpd-personal-accent="carbon"]) .dpd-v2-header-shell #header-login #my-acc-btn > .dpd-user-badge--account-trigger.has-mark-avatar .dpd-user-badge__mark-img {
  display: none !important;
}

html:is([data-dpd-accent="dark"], [data-dpd-accent="black"], [data-dpd-accent="dark"], [data-dpd-personal-accent="dark"], [data-dpd-personal-accent="black"], [data-dpd-personal-accent="carbon"]) body.dpd-member-surface .dpd-v2-header-shell #header-login #my-acc-btn > .dpd-user-badge--account-trigger :is(.dpd-user-badge__text, i),
html body.dpd-member-surface:is([data-dpd-accent="dark"], [data-dpd-accent="black"], [data-dpd-accent="dark"], [data-dpd-personal-accent="dark"], [data-dpd-personal-accent="black"], [data-dpd-personal-accent="carbon"]) .dpd-v2-header-shell #header-login #my-acc-btn > .dpd-user-badge--account-trigger :is(.dpd-user-badge__text, i) {
  color: #fff200 !important;
  -webkit-text-fill-color: #fff200 !important;
}

/* Dealer dashboard responsive and accessibility polish - 2026-07-13 */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .video-header .dashboard-head-left > .dpd-v2-hero-dealership {
  color: var(--dpd-global-hero-muted, rgba(255, 255, 255, 0.74)) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.25 !important;
  margin: -4px 0 0 !important;
  text-transform: uppercase !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-responsive-table__record-toggle {
  display: none !important;
}

@media (min-width: 1181px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-visual-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer [data-dpd-program-visual="loyalty"] {
    grid-column: span 4 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer [data-dpd-program-visual="rewards"] {
    grid-column: span 2 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer [data-dpd-program-visual="submittingRebates"],
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer [data-dpd-program-visual="pendingRebates"] {
    grid-column: span 3 !important;
  }
}

@media (max-width: 760px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .video-header .dashboard-head-left h1 {
    font-size: clamp(25px, 8.2vw, 32px) !important;
    max-width: 100% !important;
    overflow: hidden !important;
    overflow-wrap: normal !important;
    text-overflow: ellipsis !important;
    text-wrap: nowrap !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .mock-btn.small,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-program-card__action,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-launch-card__cta,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-action-card__cta {
    font-size: 12px !important;
    line-height: 1.2 !important;
    min-height: 42px !important;
    padding: 9px 14px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .mock-chip,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-card-kicker,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-launch-card__eyebrow {
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  /* Dense mobile records: pair short fields instead of stacking every desktop
     column as a separate full-width row. */
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--admin .dpd-v2-responsive-table,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--admin .dpd-v2-responsive-table tbody {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--admin .dpd-v2-responsive-table tbody {
    gap: 10px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--admin .dpd-v2-responsive-table tbody tr {
    align-items: stretch !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--admin .dpd-v2-responsive-table tbody td {
    align-content: start !important;
    display: grid !important;
    font-size: 13px !important;
    gap: 5px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    height: auto !important;
    line-height: 1.35 !important;
    max-height: none !important;
    min-height: 0 !important;
    padding: 9px 10px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--admin .dpd-v2-responsive-table tbody td::before {
    font-size: 11px !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    letter-spacing: 0.06em !important;
    line-height: 1.1 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--admin .dpd-v2-responsive-table tbody td > * {
    grid-column: 1 !important;
    grid-row: auto !important;
    line-height: 1.35 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--admin .dpd-v2-responsive-table tbody td:first-child,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--admin .dpd-v2-responsive-table tbody td:last-child,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--admin .dpd-v2-responsive-table tbody td.dpd-v2-responsive-table__empty,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--admin .dpd-v2-responsive-table tbody td.dpd-v2-hierarchy-cell,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--admin .dpd-v2-responsive-table tbody td.dpd-v2-support-route-cell,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--admin .dpd-v2-responsive-table tbody td[data-label="Email"],
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--admin .dpd-v2-responsive-table tbody td[data-label="Detail"],
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--admin .dpd-v2-responsive-table tbody td[data-label="Action"] {
    grid-column: 1 / -1 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--admin .dpd-v2-responsive-table tbody td .mock-chip {
    font-size: 11px !important;
    min-height: 30px !important;
    padding: 6px 10px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--admin .dpd-v2-responsive-table tbody td > :is(.mock-btn, .bttn, button, a.mock-btn) {
    font-size: 12px !important;
    line-height: 1.15 !important;
    min-height: 38px !important;
    padding: 8px 11px !important;
  }

  /* Keep long Super Admin datasets scannable. A record opens only when its
     details are requested; identifying, status, and action fields stay visible. */
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--admin .dpd-v2-responsive-table tbody tr.dpd-v2-responsive-table__record:not(.is-expanded) td:not(.dpd-v2-responsive-table__summary-cell) {
    display: none !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--admin .dpd-v2-responsive-table tbody tr.dpd-v2-responsive-table__record td.dpd-v2-responsive-table__summary-cell:first-child,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--admin .dpd-v2-responsive-table tbody tr.dpd-v2-responsive-table__record td[data-label="Status"] {
    grid-column: auto !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--admin .dpd-v2-responsive-table__record-toggle {
    align-items: center !important;
    background: transparent !important;
    border: 1px solid rgba(15, 23, 42, 0.22) !important;
    color: #15212c !important;
    display: inline-flex !important;
    font-size: 11px !important;
    justify-content: center !important;
    margin: 7px 0 0 !important;
    min-height: 34px !important;
    padding: 6px 10px !important;
    width: auto !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--admin .dpd-v2-responsive-table tbody tr.dpd-v2-responsive-table__record td[data-label="Action"],
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--admin .dpd-v2-responsive-table tbody tr.dpd-v2-responsive-table__record td[data-label="Actions"] {
    display: grid !important;
    gap: 7px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--admin .dpd-v2-responsive-table tbody tr.dpd-v2-responsive-table__record td[data-label="Action"]::before,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--admin .dpd-v2-responsive-table tbody tr.dpd-v2-responsive-table__record td[data-label="Actions"]::before {
    grid-column: 1 / -1 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--admin .dpd-v2-responsive-table tbody tr.dpd-v2-responsive-table__record td[data-label="Action"] > :is(.mock-btn, .bttn, button, a.mock-btn),
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--admin .dpd-v2-responsive-table tbody tr.dpd-v2-responsive-table__record td[data-label="Actions"] > :is(.mock-btn, .bttn, button, a.mock-btn) {
    grid-column: auto !important;
    margin: 0 !important;
    width: 100% !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--admin .dpd-v2-responsive-table__record-toggle:focus-visible {
    outline: 3px solid #fff200 !important;
    outline-offset: 2px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--admin .dpd-v2-responsive-table tbody tr:not(.dpd-v2-responsive-table__record) td:first-child {
    grid-column: auto !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--admin .main-content-sec.dpd-v2-dashboard-section {
    border-radius: 18px !important;
    margin-bottom: 12px !important;
    padding: 16px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--admin .mock-panel:not(.is-dark) {
    border-radius: 12px !important;
    padding: 12px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--admin :is(.mock-panel, .dpd-v2-dashboard-section) p {
    line-height: 1.42 !important;
  }
}

/* Compact all portal record tables on phones. The Super Admin disclosure
   remains more specific and continues to own its collapsed-field behavior. */
@media (max-width: 760px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-responsive-table,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-responsive-table tbody {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-responsive-table tbody {
    gap: 10px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-responsive-table tbody tr {
    align-items: stretch !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-responsive-table tbody td {
    align-content: start !important;
    box-sizing: border-box !important;
    display: grid !important;
    font-size: 13px !important;
    gap: 5px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    height: auto !important;
    line-height: 1.35 !important;
    max-height: none !important;
    min-height: 0 !important;
    padding: 9px 10px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-responsive-table tbody td::before {
    font-size: 11px !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    letter-spacing: 0.06em !important;
    line-height: 1.1 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-responsive-table tbody td > * {
    grid-column: 1 !important;
    grid-row: auto !important;
    line-height: 1.35 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-responsive-table tbody td:first-child,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-responsive-table tbody td:last-child,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-responsive-table tbody td.dpd-v2-responsive-table__empty,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-responsive-table tbody td.dpd-v2-hierarchy-cell,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-responsive-table tbody td.dpd-v2-support-route-cell,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-responsive-table tbody td[data-label="Name"],
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-responsive-table tbody td[data-label="Promotion"],
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-responsive-table tbody td[data-label="Description"],
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-responsive-table tbody td[data-label="Detail"],
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-responsive-table tbody td[data-label="Dates"],
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-responsive-table tbody td[data-label="Download"],
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-responsive-table tbody td[data-label="Action"],
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-responsive-table tbody td[data-label="Actions"] {
    grid-column: 1 / -1 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-responsive-table tbody td > :is(.mock-btn, .bttn, button, a.mock-btn) {
    font-size: 12px !important;
    line-height: 1.15 !important;
    margin: 0 !important;
    min-height: 38px !important;
    padding: 8px 11px !important;
  }

  /* Route heroes may balance at spaces, but must never split a word into an
     orphaned letter (for example, "Download" + "s."). */
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .video-header .dashboard-head-left h1,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-global-hero h1,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dashboard-head-left h1,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-hero .dashboard-head-left h1 {
    hyphens: none !important;
    overflow-wrap: normal !important;
    white-space: normal !important;
    word-break: keep-all !important;
  }
}

/* Final cascade ownership for the 2026-07-13 cross-route screenshot audit. */
@media (max-width: 767px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-flow-hero.hidden-xs {
    display: none !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-mobile-hero.visible-xs {
    display: block !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-mobile-hero :is(h1, h2) {
    hyphens: none !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
  }
}

@media (min-width: 1420px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-visual-grid {
    grid-template-columns: minmax(360px, 1.55fr) repeat(3, minmax(210px, 1fr)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals [data-dpd-program-visual] {
    grid-column: auto !important;
  }
}

@media (min-width: 761px) and (max-width: 1419px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-visual-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals [data-dpd-program-visual] {
    grid-column: auto !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals [data-dpd-program-visual="loyalty"] {
    grid-column: 1 / -1 !important;
  }
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals :is(.dpd-v2-card-kicker, .dpd-v2-program-card__label, .dpd-v2-program-card__status, .mock-chip) {
  hyphens: none !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card :is(.dpd-v2-action-row--finder-card, .dpd-v2-action-row) {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
  visibility: visible !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:not(:hover):not(:focus-within) :is(.dpd-v2-action-row--finder-card, .dpd-v2-action-row) {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
  visibility: visible !important;
}



html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card .dpd-v2-finder-details-link.mock-btn {
  height: 48px !important;
  min-height: 48px !important;
}

@media (min-width: 901px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero-shell .video-header-content {
    min-height: 190px !important;
    padding: 28px 34px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit {
    padding: 20px 26px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__main {
    gap: 24px !important;
    grid-template-columns: minmax(190px, 260px) minmax(0, 1fr) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision {
    max-height: 260px !important;
    min-height: 220px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision img {
    max-height: 220px !important;
  }
}

@media (max-width: 760px) {
  html body.dpd-impersonation-active {
    padding-bottom: calc(62px + env(safe-area-inset-bottom)) !important;
  }

  html body.dpd-impersonation-active .dpd-helper-launcher {
    bottom: calc(62px + env(safe-area-inset-bottom)) !important;
  }

  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner {
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    gap: 5px !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    height: 46px !important;
    left: 8px !important;
    max-height: 46px !important;
    min-height: 46px !important;
    padding: 5px !important;
    right: 8px !important;
  }

  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__flag {
    font-size: 8px !important;
    grid-column: auto !important;
    min-width: 76px !important;
    padding: 0 7px !important;
    width: auto !important;
  }

  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__summary strong {
    font-size: 11px !important;
  }

  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__end {
    font-size: 9px !important;
    min-width: 70px !important;
    padding: 0 8px !important;
    width: auto !important;
  }

  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__details,
  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner:hover .dpd-v2-global-impersonation-banner__details,
  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner:focus-within .dpd-v2-global-impersonation-banner__details {
    display: none !important;
  }
}

/* Final route consistency pass: shared sidebar, Rewards Store hero, and
   layout-stable Tire Finder card disclosure. */
@media (min-width: 1101px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-nav-shell .dpd-v2-nav-collapse,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-nav-shell .dpd-v2-nav-close {
    background: #04070a !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-nav-shell :is(.dpd-v2-nav-section-toggle, .dpd-v2-admin-tools-toggle),
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-nav-shell .menu-item > a {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-nav-shell .menu-item:is(.is-current, .current-menu-item) > a,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-nav-shell .menu-item > a:is(:hover, :focus-visible) {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    box-shadow: inset 3px 0 0 var(--dpd-selected-glow, #fff200) !important;
  }
}

@media (max-width: 767px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-mobile-hero :is(h1, h2) {
    background: transparent !important;
    box-shadow: none !important;
    color: #ffffff !important;
    display: block !important;
    padding: 0 !important;
    text-shadow: none !important;
    -webkit-text-fill-color: #ffffff !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-mobile-hero :is(h1, h2)::before,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-mobile-hero :is(h1, h2)::after {
    content: none !important;
    display: none !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-mobile-hero p {
    color: rgba(255, 255, 255, 0.78) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
  }
}

@media (min-width: 721px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__grid,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main-in {
    align-items: stretch !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:is(:hover, :focus-within) {
    height: clamp(330px, 31vw, 390px) !important;
    min-height: clamp(330px, 31vw, 390px) !important;
    transform: none !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell {
    grid-template-rows: 76px minmax(206px, 1fr) 48px !important;
    height: clamp(330px, 31vw, 390px) !important;
    min-height: clamp(330px, 31vw, 390px) !important;
    position: relative !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:is(:hover, :focus-within) .dpd-v2-finder-card-media {
    grid-row: 2 !important;
    height: 100% !important;
    min-height: 206px !important;
    overflow: hidden !important;
    padding: 0 20px 8px !important;
    transform: none !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-media img,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:is(:hover, :focus-within) .dpd-v2-finder-card-media img {
    height: auto !important;
    max-height: 100% !important;
    max-width: 84% !important;
    transform: none !important;
    width: auto !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-info {
    align-content: center !important;
    background: rgba(7, 17, 26, 0.94) !important;
    border: 1px solid rgba(255, 242, 0, 0.55) !important;
    border-radius: 16px !important;
    bottom: 60px !important;
    display: grid !important;
    left: 18px !important;
    max-height: none !important;
    opacity: 0 !important;
    overflow: auto !important;
    padding: 18px !important;
    pointer-events: none !important;
    position: absolute !important;
    right: 18px !important;
    top: 88px !important;
    transform: translateY(8px) !important;
    transition: opacity 160ms ease, transform 160ms ease !important;
    visibility: hidden !important;
    z-index: 4 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-info :is(.dpd-v2-finder-card-hover-title, .dpd-v2-finder-card-highlights, .dpd-v2-finder-card-side-bank, .dpd-v2-finder-card-sidewall-bank, .dpd-v2-finder-card-meta) {
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-info .dpd-v2-finder-card-hover-title {
    display: block !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-info :is(.dpd-v2-finder-card-highlights, .dpd-v2-finder-card-side-bank, .dpd-v2-finder-card-sidewall-bank) {
    display: flex !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-info .dpd-v2-finder-card-meta {
    display: grid !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:is(:hover, :focus-within) .dpd-v2-finder-card-info {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card .dpd-v2-action-row--finder-card,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:not(:hover):not(:focus-within) .dpd-v2-action-row--finder-card {
    bottom: auto !important;
    border-top-color: transparent !important;
    box-sizing: border-box !important;
    grid-row: 3 !important;
    height: 48px !important;
    min-height: 48px !important;
    opacity: 1 !important;
    padding: 4px 14px !important;
    pointer-events: auto !important;
    transform: none !important;
    visibility: visible !important;
    width: 100% !important;
    z-index: 5 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card .dpd-v2-finder-details-link.mock-btn {
    height: 38px !important;
    min-height: 38px !important;
  }
}

@media (min-width: 901px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero-shell .video-header-content.mock-static-bg {
    min-height: 160px !important;
    padding: 24px 30px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero h1 {
    font-size: clamp(38px, 4vw, 54px) !important;
    margin: 8px 0 6px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit {
    padding: 18px 24px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__main {
    gap: 20px !important;
    grid-template-columns: minmax(170px, 230px) minmax(0, 1fr) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision {
    max-height: 230px !important;
    min-height: 190px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision img {
    max-height: 205px !important;
  }
}

/* Final impersonation bar contract: one predictable footer-safe control at
   desktop, tablet, and phone widths. Keep this after historical variants. */
html body.dpd-impersonation-active {
  padding-bottom: calc(76px + env(safe-area-inset-bottom)) !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner,
html body.admin-bar.dpd-impersonation-active .dpd-v2-global-impersonation-banner {
  align-items: center !important;
  background: linear-gradient(90deg, rgba(4, 12, 18, .985), rgba(14, 31, 24, .985)) !important;
  border: 2px solid #fff200 !important;
  border-radius: 999px !important;
  bottom: max(14px, env(safe-area-inset-bottom)) !important;
  box-shadow: 0 12px 28px rgba(4, 9, 14, .28) !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-areas: "flag summary end" !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  height: 50px !important;
  left: 16px !important;
  margin: 0 !important;
  max-height: 50px !important;
  max-width: min(620px, calc(100vw - 360px)) !important;
  min-height: 50px !important;
  min-width: min(520px, calc(100vw - 32px)) !important;
  overflow: visible !important;
  padding: 6px !important;
  position: fixed !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  width: min(620px, calc(100vw - 360px)) !important;
  z-index: 2147483602 !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__flag {
  align-items: center !important;
  display: inline-flex !important;
  font-size: 9px !important;
  gap: 6px !important;
  grid-area: flag !important;
  height: 34px !important;
  min-height: 34px !important;
  min-width: 126px !important;
  padding: 0 12px !important;
  width: auto !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__flag span::before {
  content: "·" !important;
  margin-right: 6px !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__summary {
  align-self: center !important;
  grid-area: summary !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__summary strong,
html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__summary span {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__summary strong {
  font-size: 13px !important;
  line-height: 1.05 !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__summary span {
  display: block !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__end {
  font-size: 9px !important;
  grid-area: end !important;
  height: 34px !important;
  min-height: 34px !important;
  min-width: 92px !important;
  padding: 0 12px !important;
  width: auto !important;
}

html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__details {
  bottom: calc(100% + 10px) !important;
  left: 0 !important;
  max-width: min(760px, calc(100vw - 32px)) !important;
  min-width: min(620px, calc(100vw - 32px)) !important;
  right: auto !important;
  width: min(760px, calc(100vw - 32px)) !important;
}

html body.dpd-impersonation-active .dpd-helper-launcher {
  bottom: max(14px, env(safe-area-inset-bottom)) !important;
}

@media (min-width: 761px) and (max-width: 1100px) {
  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner,
  html body.admin-bar.dpd-impersonation-active .dpd-v2-global-impersonation-banner {
    left: 12px !important;
    max-width: calc(100vw - 24px) !important;
    min-width: 0 !important;
    right: 12px !important;
    width: auto !important;
  }

  html body.dpd-impersonation-active .dpd-helper-launcher {
    bottom: calc(76px + env(safe-area-inset-bottom)) !important;
  }
}

@media (max-width: 760px) {
  html body.dpd-impersonation-active {
    padding-bottom: calc(104px + env(safe-area-inset-bottom)) !important;
  }

  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner,
  html body.admin-bar.dpd-impersonation-active .dpd-v2-global-impersonation-banner {
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    gap: 4px 8px !important;
    grid-template-areas: "flag end" "summary summary" !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: 32px 30px !important;
    height: 76px !important;
    left: 8px !important;
    max-height: 76px !important;
    max-width: none !important;
    min-height: 76px !important;
    min-width: 0 !important;
    padding: 5px 6px !important;
    right: 8px !important;
    width: auto !important;
  }

  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__flag {
    font-size: 8px !important;
    height: 30px !important;
    justify-self: start !important;
    min-height: 30px !important;
    min-width: 112px !important;
    padding: 0 10px !important;
  }

  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__summary {
    box-sizing: border-box !important;
    padding: 0 6px 2px !important;
    width: 100% !important;
  }

  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__summary strong {
    font-size: 11px !important;
    line-height: 1.15 !important;
  }

  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__summary span {
    display: none !important;
  }

  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__end {
    font-size: 8px !important;
    height: 30px !important;
    min-height: 30px !important;
    min-width: 82px !important;
    padding: 0 9px !important;
  }

  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner__details,
  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner:hover .dpd-v2-global-impersonation-banner__details,
  html body.dpd-impersonation-active .dpd-v2-global-impersonation-banner:focus-within .dpd-v2-global-impersonation-banner__details {
    display: none !important;
  }

  html body.dpd-impersonation-active .dpd-helper-launcher {
    bottom: calc(96px + env(safe-area-inset-bottom)) !important;
  }
}

/* Compact Service Health: keep the service and current state visible, then
   disclose only the explanatory note from the dedicated info control. */
html body.dpd-member-surface #integrations .dpd-v2-service-status-panel {
  padding: 0 !important;
}

html body.dpd-member-surface #integrations .dpd-v2-service-status-panel__grid {
  align-items: stretch !important;
  gap: 18px !important;
}

html body.dpd-member-surface #integrations .dpd-v2-service-status-panel__item {
  align-content: start !important;
  box-sizing: border-box !important;
  min-height: 190px !important;
  padding: 22px 40px 22px !important;
}

html body.dpd-member-surface #integrations .dpd-v2-service-status-panel__detail {
  display: none !important;
}

html body.dpd-member-surface #integrations .dpd-v2-service-status-panel__summary-panel p {
  display: block !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  margin: 0 !important;
}

html body.dpd-member-surface #integrations .dpd-v2-service-status-panel__summary-panel p > span {
  display: block !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

html body.dpd-member-surface #integrations .dpd-v2-service-status-panel__item.dpd-v2-info-managed:hover > .dpd-v2-service-status-panel__summary-panel,
html body.dpd-member-surface #integrations .dpd-v2-service-status-panel__item.dpd-v2-info-managed.is-info-hover > .dpd-v2-service-status-panel__summary-panel {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(-4px) !important;
  visibility: hidden !important;
}

html body.dpd-member-surface #integrations .dpd-v2-service-status-panel__item.dpd-v2-info-managed:is(.is-info-open, :focus-within) > .dpd-v2-service-status-panel__summary-panel,
html body.dpd-member-surface #integrations .dpd-v2-service-status-panel__item.dpd-v2-info-managed:has(> .dpd-v2-info-dot:hover) > .dpd-v2-service-status-panel__summary-panel,
html body.dpd-member-surface #integrations .dpd-v2-service-status-panel__item.dpd-v2-info-managed:has(> .dpd-v2-info-dot:focus-visible) > .dpd-v2-service-status-panel__summary-panel {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
  visibility: visible !important;
}

html body.dpd-member-surface #integrations .dpd-v2-service-status-panel__item.dpd-v2-info-managed > .dpd-v2-service-status-panel__summary-panel {
  display: block !important;
  max-width: min(300px, calc(100vw - 34px)) !important;
  min-width: min(240px, calc(100vw - 34px)) !important;
  padding: 12px 14px !important;
  right: 12px !important;
  top: 48px !important;
  width: max-content !important;
}

/* Admin-tool routes use the same sidebar at tablet and desktop widths. The
   earlier route pass started at 1101px, which allowed legacy white controls
   to reappear between the mobile and wide-desktop breakpoints. */
@media (min-width: 768px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool #dpd-v2-sidebar.dpd-v2-nav-shell,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool #dpd-v2-sidebar.dpd-v2-nav-shell .main-content-area-left-nav {
    background: #07121a !important;
    color: #ffffff !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool #dpd-v2-sidebar .dpd-v2-nav-collapse,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool #dpd-v2-sidebar .dpd-v2-nav-close {
    background: #04070a !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool #dpd-v2-sidebar .dpd-v2-nav-close {
    display: none !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool #dpd-v2-sidebar .dpd-v2-nav-section-heading,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool #dpd-v2-sidebar .dpd-v2-nav-section-toggle,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool #dpd-v2-sidebar .dpd-v2-nav-section-label {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: #fff200 !important;
    -webkit-text-fill-color: #fff200 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open > .menu {
    background: transparent !important;
    border: 1px solid rgba(255, 242, 0, 0.45) !important;
    box-shadow: none !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool #dpd-v2-sidebar .menu-item > a {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool #dpd-v2-sidebar .menu-item:is(.is-current, .current-menu-item) > a,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool #dpd-v2-sidebar .menu-item > a:is(:hover, :focus-visible) {
    background: rgba(255, 242, 0, 0.14) !important;
    border-color: rgba(255, 242, 0, 0.5) !important;
    box-shadow: inset 3px 0 0 #fff200 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool #dpd-v2-sidebar :is(.dpd-v2-nav-icon, .dpd-v2-nav-section-toggle-icon) {
    color: #fff200 !important;
    -webkit-text-fill-color: #fff200 !important;
  }
}

/* The rewards route may be backed by a legacy WordPress page titled "Swag
   Store". Keep its current portal label and hero contrast route-specific. */
html body.dpd-member-surface #header-login-mobile .dpd-v2-mobile-header-shell__title {
  overflow-wrap: normal !important;
  word-break: normal !important;
}

@media (max-width: 767px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-mobile-hero,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-mobile-hero.dpd-v2-hero-media {
    background-color: #101922 !important;
    color: #ffffff !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-mobile-hero :is(h1, h2),
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-rewards-mobile-hero :is(h1, h2) * {
    background: transparent !important;
    box-shadow: none !important;
    color: #ffffff !important;
    opacity: 1 !important;
    text-shadow: none !important;
    -webkit-text-fill-color: #ffffff !important;
  }
}

/* Tire cards occupy immutable grid rows. Hover/focus may reveal only the
   absolutely positioned information panel; it cannot alter card geometry. */
@media (min-width: 721px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__grid,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main-in {
    grid-auto-rows: clamp(330px, 31vw, 390px) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card {
    align-self: stretch !important;
    box-sizing: border-box !important;
    contain: layout paint !important;
    height: 100% !important;
    margin: 0 !important;
    max-height: clamp(330px, 31vw, 390px) !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell {
    box-sizing: border-box !important;
    grid-template-rows: 76px minmax(0, 1fr) 48px !important;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    transform: none !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card :is(.dpd-v2-finder-card-topbar, .dpd-v2-finder-card-media, .dpd-v2-action-row--finder-card) {
    transform: none !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card .dpd-v2-finder-card-info {
    bottom: 60px !important;
    height: auto !important;
    left: 18px !important;
    margin: 0 !important;
    max-height: none !important;
    min-height: 0 !important;
    position: absolute !important;
    right: 18px !important;
    top: 88px !important;
  }
}

@media (max-width: 760px) {
  html body.dpd-member-surface #integrations .dpd-v2-service-status-panel__grid {
    gap: 12px !important;
  }

  html body.dpd-member-surface #integrations .dpd-v2-service-status-panel__item {
    min-height: 150px !important;
    padding: 18px 36px 18px 20px !important;
  }

  html body.dpd-member-surface #integrations .dpd-v2-service-status-panel__item.dpd-v2-info-managed > .dpd-v2-service-status-panel__summary-panel {
    left: 12px !important;
    max-width: calc(100vw - 48px) !important;
    min-width: 0 !important;
    right: 12px !important;
    width: auto !important;
  }
}

/* Keep the Tire Finder refine actions compact at tablet widths. The generic
   action-row stack is useful elsewhere, but these controls need a stable
   right-aligned pair beneath the position choices. */
@media (min-width: 641px) and (max-width: 880px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-position-actions {
    align-items: stretch !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-position-actions > .dpd-v2-finder-position-bank {
    align-self: flex-start !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-controls--inline > .dpd-v2-finder-position-actions > .dpd-v2-action-row {
    align-items: stretch !important;
    display: flex !important;
    flex: 0 0 46px !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    height: 46px !important;
    justify-content: flex-end !important;
    max-height: 46px !important;
    min-height: 46px !important;
    width: 100% !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-controls--inline > .dpd-v2-finder-position-actions > .dpd-v2-action-row :is(#dpd-v2-finder-apply, #dpd-v2-finder-reset) {
    flex: 0 0 112px !important;
    height: 46px !important;
    max-height: 46px !important;
    min-height: 46px !important;
    width: 112px !important;
  }
}

/* Tire Finder filter hierarchy: keep the short refinement heading intact and
   let the longer search prompt read as a compact section title. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-topline h3 {
  font-size: clamp(18px, 1.8vw, 26px) !important;
  line-height: 1.12 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-refine-strip__head h3 {
  font-size: 20px !important;
  line-height: 1.1 !important;
  max-width: none !important;
  white-space: nowrap !important;
}

/* The finder has less usable width than the viewport once the portal chrome is
   present. Switch its controls before the two-column desktop composition gets
   cramped, and keep each responsive step deliberate rather than stretched. */
@media (min-width: 841px) and (max-width: 1100px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-refine-strip.dpd-v2-finder-refine-strip--combined {
    gap: 18px !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-controls--inline .dpd-v2-finder-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-controls--inline .dpd-v2-finder-filters > label:last-child {
    grid-column: 1 / -1 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-position-actions {
    align-items: center !important;
    flex-direction: row !important;
    gap: 16px !important;
    justify-content: space-between !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-position-actions > .dpd-v2-finder-position-bank {
    flex: 0 1 390px !important;
    width: min(100%, 390px) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-controls--inline > .dpd-v2-finder-position-actions > .dpd-v2-action-row {
    align-items: stretch !important;
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    height: 46px !important;
    justify-content: flex-end !important;
    width: auto !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-controls--inline > .dpd-v2-finder-position-actions > .dpd-v2-action-row :is(#dpd-v2-finder-apply, #dpd-v2-finder-reset) {
    flex: 0 0 112px !important;
    height: 46px !important;
    max-width: 112px !important;
    min-width: 112px !important;
    width: 112px !important;
  }
}

@media (min-width: 641px) and (max-width: 840px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-refine-strip.dpd-v2-finder-refine-strip--combined {
    gap: 16px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    padding: 18px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-controls--inline .dpd-v2-finder-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-controls--inline .dpd-v2-finder-filters > label:last-child {
    grid-column: 1 / -1 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-position-actions {
    align-items: stretch !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-position-actions > .dpd-v2-finder-position-bank {
    align-self: stretch !important;
    flex: 0 0 auto !important;
    height: auto !important;
    width: 100% !important;
  }
}

@media (max-width: 640px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-refine-strip.dpd-v2-finder-refine-strip--combined {
    gap: 16px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    padding: 16px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-refine-strip__head h3 {
    white-space: normal !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-controls--inline .dpd-v2-finder-filters {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-position-actions {
    align-items: stretch !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-position-actions > .dpd-v2-finder-position-bank {
    flex: 0 0 auto !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    height: auto !important;
    width: 100% !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-position-bank > .dpd-v2-finder-position-toggle:first-child {
    grid-column: auto !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-position-toggle {
    font-size: 10px !important;
    padding: 0 8px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-controls--inline > .dpd-v2-finder-position-actions > .dpd-v2-action-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    height: 46px !important;
    width: 100% !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-controls--inline > .dpd-v2-finder-position-actions > .dpd-v2-action-row :is(#dpd-v2-finder-apply, #dpd-v2-finder-reset) {
    height: 46px !important;
    max-width: none !important;
    min-width: 0 !important;
    width: 100% !important;
  }
}

@media (max-width: 480px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-position-actions > .dpd-v2-finder-position-bank {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-position-bank > .dpd-v2-finder-position-toggle:first-child {
    grid-column: 1 / -1 !important;
  }
}

/* Keep the catalog scannable through the sidebar/mobile-header transition.
   This owns only the grid tracks and spacing; individual card presentation
   remains in the shared selected-card rules. */
@media (min-width: 721px) and (max-width: 1024px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__grid,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main-in {
    gap: 18px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  /* Keep the card footprint stable when its existing hover/focus affordance
     activates. Older rules gave only the interactive state a shorter height. */
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:is(:hover, :focus-within),
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:is(:hover, :focus-within) .dpd-v2-finder-card-shell {
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
  }
}

@media (min-width: 801px) and (max-width: 1024px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__grid,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main-in {
    grid-auto-rows: 430px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:not(:hover):not(:focus-within) .dpd-v2-finder-card-media img {
    height: clamp(200px, 22vw, 230px) !important;
    max-height: clamp(200px, 22vw, 230px) !important;
  }
}

@media (min-width: 721px) and (max-width: 800px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__grid,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main-in {
    grid-auto-rows: clamp(360px, 50vw, 390px) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card--browse,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .mock-panel.dpd-v2-finder-card,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:is(:hover, :focus-within) {
    height: clamp(360px, 50vw, 390px) !important;
    max-height: clamp(360px, 50vw, 390px) !important;
    min-height: clamp(360px, 50vw, 390px) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card:not(:hover):not(:focus-within) .dpd-v2-finder-card-media img {
    height: 200px !important;
    max-height: 200px !important;
  }
}

/* DPD admin data density and on-page table controls.
   Keep mobile cards readable while making desktop operations pages scan like
   data workspaces instead of long stacks of detail panels. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-frame .container-fluid {
  padding: 14px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool :is(.dpd-admin-ops-card, .dpd-admin-ops-table-card, .dpd-tire-points-control-card) {
  border-radius: 12px !important;
  margin-bottom: 10px !important;
  padding: 14px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool :is(.dpd-admin-ops-section-head, .dpd-section-header) {
  margin-bottom: 10px !important;
  padding-bottom: 9px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-toolbar {
  gap: 8px !important;
  grid-template-columns: repeat(4, minmax(140px, 1fr)) auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool :is(input, select):not([type="checkbox"]):not([type="radio"]):not(:where(dialog.dpd-dr-modal *)) {
  min-height: 38px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool :is(.dpd-admin-ops-btn, .btn, button):not(.dpd-v2-info-dot):not(.dpd-table-sort-button):not(:where(dialog.dpd-dr-modal *)) {
  min-height: 34px !important;
  padding: 8px 14px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-filter-pill {
  font-size: 10px !important;
  padding: 5px 9px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-pagination {
  gap: 5px !important;
  margin: 8px 0 10px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-pagination .page-numbers {
  font-size: 11px !important;
  height: 30px !important;
  min-width: 30px !important;
  padding: 0 10px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-table-wrap thead th,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-table-wrap thead th {
  font-size: 10px !important;
  padding: 9px 10px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-table-wrap tbody td,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-table-wrap tbody td {
  font-size: 12px !important;
  line-height: 1.3 !important;
  padding: 9px 10px !important;
}

.dpd-table-sort-button {
  align-items: center !important;
  appearance: none !important;
  background: transparent !important;
  border: 0 !important;
  color: inherit !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font: inherit !important;
  gap: 7px !important;
  justify-content: flex-start !important;
  letter-spacing: inherit !important;
  min-height: 24px !important;
  padding: 0 !important;
  text-align: left !important;
  text-transform: inherit !important;
  width: 100% !important;
}

.dpd-table-sort-button i {
  height: 14px;
  position: relative;
  width: 9px;
}

.dpd-table-sort-button i::before,
.dpd-table-sort-button i::after {
  color: currentColor;
  font-size: 8px;
  left: 0;
  line-height: 1;
  opacity: 0.38;
  position: absolute;
}

.dpd-table-sort-button i::before { content: "▲"; top: 0; }
.dpd-table-sort-button i::after { bottom: 0; content: "▼"; }
th[aria-sort="ascending"] .dpd-table-sort-button i::before,
th[aria-sort="descending"] .dpd-table-sort-button i::after { opacity: 1; color: #ffe600; }

.dpd-table-quick-filter {
  align-items: center;
  background: #f4f7f9;
  border: 1px solid #dbe3eb;
  border-radius: 10px;
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 420px) max-content;
  margin: 0 0 8px;
  padding: 7px 9px;
}

.dpd-table-quick-filter span,
.dpd-table-quick-filter strong {
  color: #526170;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.dpd-table-quick-filter strong {
  justify-self: end;
  white-space: nowrap;
}

html body.dpd-member-surface .dpd-table-quick-filter input {
  background: #fff !important;
  border: 1px solid #cfd9e3 !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 6px 13px !important;
  width: 100% !important;
}

html body.dpd-member-surface .dpd-admin-table-wrap .tablesorter-materialize tbody td {
  line-height: 1.25 !important;
  padding: 8px 9px !important;
}

html body.dpd-member-surface .dpd-admin-table-wrap .tablesorter-materialize :is(p, ul) {
  margin-bottom: 3px !important;
  margin-top: 0 !important;
}

/* Dealer registrations use mobile cards below 900px. Restore a real, dense
   data table on wider screens so twenty records do not become a poster-length
   page and every field lines up under its sortable column. */
@media (min-width: 901px) {
  html body.dpd-member-surface .dpd-admin-table-wrap {
    -webkit-overflow-scrolling: touch !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow-x: auto !important;
  }

  html body.dpd-member-surface .dpd-admin-table-wrap table.tablesorter-materialize {
    border-collapse: collapse !important;
    display: table !important;
    margin: 0 !important;
    min-width: 1480px !important;
    table-layout: auto !important;
    width: 100% !important;
  }

  html body.dpd-member-surface .dpd-admin-table-wrap table.tablesorter-materialize :is(thead, tbody) {
    display: table-row-group !important;
  }

  html body.dpd-member-surface .dpd-admin-table-wrap table.tablesorter-materialize thead {
    display: table-header-group !important;
  }

  html body.dpd-member-surface .dpd-admin-table-wrap table.tablesorter-materialize tr,
  html body.dpd-member-surface .dpd-admin-table-wrap table.tablesorter-materialize tbody tr {
    border: 0 !important;
    box-shadow: none !important;
    display: table-row !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  html body.dpd-member-surface .dpd-admin-table-wrap table.tablesorter-materialize :is(th, td),
  html body.dpd-member-surface .dpd-admin-table-wrap table.tablesorter-materialize tbody td:nth-child(n) {
    display: table-cell !important;
    grid-column: auto !important;
    grid-row: auto !important;
    height: auto !important;
    max-width: 260px !important;
    min-height: 0 !important;
    min-width: 88px !important;
    padding: 8px 9px !important;
    vertical-align: top !important;
    width: auto !important;
  }

  html body.dpd-member-surface .dpd-admin-table-wrap table.tablesorter-materialize thead th {
    background: #07111a !important;
    color: #fff !important;
    font-size: 10px !important;
    white-space: nowrap !important;
  }

  html body.dpd-member-surface .dpd-admin-table-wrap table.tablesorter-materialize tbody td {
    background: #fff !important;
    border-bottom: 1px solid #e6edf3 !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
  }

  html body.dpd-member-surface .dpd-admin-table-wrap table.tablesorter-materialize tbody tr:nth-child(even) td {
    background: #f7f9fb !important;
  }

  html body.dpd-member-surface .dpd-admin-table-wrap table.tablesorter-materialize tbody td::before {
    content: none !important;
    display: none !important;
  }

  html body.dpd-member-surface .dpd-admin-table-wrap table.tablesorter-materialize :is(.dpd-registration-details, .approval_buttons, .entry_buttons) {
    margin: 0 !important;
  }
}

@media (max-width: 1180px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-toolbar {
    grid-template-columns: repeat(2, minmax(160px, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  .dpd-table-quick-filter {
    grid-template-columns: 1fr auto;
  }

  .dpd-table-quick-filter span {
    grid-column: 1 / -1;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-frame .container-fluid {
    padding: 10px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool :is(.dpd-admin-ops-card, .dpd-admin-ops-table-card, .dpd-tire-points-control-card) {
    padding: 11px !important;
  }
}

/* Admin data pages retain structural wrappers for forms, sorting and responsive
   layout, but expose only one visual surface per logical section. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-frame .dpd-admin-ops-shell--embedded {
  background: transparent !important;
  gap: 12px !important;
  padding: 12px 16px 16px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-shell--embedded .dpd-admin-ops-main {
  gap: 12px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-shell--embedded :is(.dpd-admin-ops-card, .dpd-admin-ops-table-card) {
  background: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 14px 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-shell--embedded .dpd-admin-ops-card + .dpd-admin-ops-table-card,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-shell--embedded .dpd-admin-ops-table-card + .dpd-admin-ops-card,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-shell--embedded .dpd-admin-ops-table-card + .dpd-admin-ops-table-card {
  border-top: 1px solid #dce4eb !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-shell--embedded :is(.dpd-admin-ops-section-head, .dpd-admin-ops-control-strip, .dpd-admin-ops-pagination, .dpd-admin-ops-table-wrap) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-shell--embedded .dpd-admin-ops-section-head {
  margin-bottom: 8px !important;
  padding-bottom: 8px !important;
  padding-top: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-shell--embedded .dpd-admin-ops-control-strip {
  border-top: 1px solid #edf1f4 !important;
  padding-bottom: 8px !important;
  padding-top: 8px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-shell--embedded .dpd-admin-ops-pagination {
  padding-bottom: 6px !important;
  padding-top: 4px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-shell--embedded .dpd-admin-ops-table-wrap {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-shell--embedded .dpd-table-quick-filter {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid #dce4eb !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 14px 6px !important;
  padding: 6px 0 8px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody {
  gap: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody tr {
  background: #fff !important;
  border: 0 !important;
  border-bottom: 1px solid #dce4eb !important;
  border-left: 3px solid var(--dpd-admin-teal) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  gap: 4px 12px !important;
  padding: 9px 10px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody tr.is-pending {
  border-left-color: var(--dpd-admin-yellow) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody tr.is-warning {
  border-left-color: var(--dpd-admin-red) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td:nth-child(n) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
  padding: 6px 4px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td::before {
  margin-bottom: 4px !important;
}

/* The route frame already supplies the page background. Do not reserve a
   poster-sized blank tail after the final pagination control. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool :is(.dpd-v2-admin-tool-frame, .dpd-admin-ops-shell--embedded, .dpd-admin-ops-main) {
  min-height: 0 !important;
}

@media (max-width: 760px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-v2-admin-tool-frame .dpd-admin-ops-shell--embedded {
    padding: 8px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-shell--embedded :is(.dpd-admin-ops-card, .dpd-admin-ops-table-card) {
    padding: 10px 0 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody {
    gap: 8px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody tr {
    border: 1px solid #dce4eb !important;
    border-left: 3px solid var(--dpd-admin-teal) !important;
    border-radius: 10px !important;
    padding: 9px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td:nth-child(n) {
    border-bottom: 1px solid #edf1f4 !important;
    padding: 7px 2px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--admin-tool .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td:last-child {
    border-bottom: 0 !important;
  }
}

/* Rebate Points + Reps List final record-card bridge.
   The card stylesheet owns the semantic grid; this final layer preserves its
   unified surface after the shared compact Admin Tool chrome rules above. */
html body.dpd-member-surface #sub-page-main-content-wrapper:is(.dpd-v2-admin-tool--awards, .dpd-v2-admin-tool--reps) .dpd-admin-ops-shell--embedded .dpd-admin-ops-table-wrap.dpd-admin-cardified-wrap {
  overflow-x: visible !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper:is(.dpd-v2-admin-tool--awards, .dpd-v2-admin-tool--reps) .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table {
  min-width: 0 !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper:is(.dpd-v2-admin-tool--awards, .dpd-v2-admin-tool--reps) .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody {
  gap: 14px !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper:is(.dpd-v2-admin-tool--awards, .dpd-v2-admin-tool--reps) .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody tr {
  background: #ffffff !important;
  border: 1px solid #dce4eb !important;
  border-left: 4px solid var(--dpd-admin-teal) !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 28px rgba(7, 17, 26, 0.06) !important;
  gap: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper:is(.dpd-v2-admin-tool--awards, .dpd-v2-admin-tool--reps) .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody tr.is-pending {
  border-left-color: var(--dpd-admin-yellow) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper:is(.dpd-v2-admin-tool--awards, .dpd-v2-admin-tool--reps) .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody tr.is-warning {
  border-left-color: var(--dpd-admin-red) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper:is(.dpd-v2-admin-tool--awards, .dpd-v2-admin-tool--reps) .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td,
html body.dpd-member-surface #sub-page-main-content-wrapper:is(.dpd-v2-admin-tool--awards, .dpd-v2-admin-tool--reps) .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td:nth-child(n) {
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: inset -1px 0 #e3eaf0, inset 0 -1px #e3eaf0 !important;
  min-width: 0 !important;
  min-height: 72px !important;
  padding: 12px 14px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper:is(.dpd-v2-admin-tool--awards, .dpd-v2-admin-tool--reps) .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td.is-empty {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell:is(.dpd-v2-admin-tool--awards, .dpd-v2-admin-tool--reps) .dpd-v2-admin-tool-frame .dpd-admin-ops-shell.dpd-admin-ops-shell--embedded .dpd-admin-ops-table-wrap.dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td.dpd-admin-record-cell.is-empty:nth-child(n) {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper:is(.dpd-v2-admin-tool--awards, .dpd-v2-admin-tool--reps) .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap .dpd-admin-ops-inline-link {
  height: 44px !important;
  max-height: 44px !important;
  min-height: 44px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--awards .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table.dpd-admin-ops-awards-table tbody tr:not(:has(.dpd-admin-ops-empty)) {
  grid-template-areas:
    "id id user user user user dpd dpd balance balance balance balance"
    "rebate rebate rebate rebate rebate date date date move move move move" !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--awards .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table.dpd-admin-ops-awards-table tbody tr:not(:has(.dpd-admin-ops-empty)):not(:has(td[data-label="DPD"]:not(.is-empty))) {
  grid-template-areas:
    "id id user user user user user user balance balance balance balance"
    "rebate rebate rebate rebate rebate date date date move move move move" !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--awards .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table.dpd-admin-ops-awards-table tbody td[data-label="ID"] {
  grid-area: id !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--awards .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table.dpd-admin-ops-awards-table tbody td[data-label="User"] {
  grid-area: user !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--awards .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table.dpd-admin-ops-awards-table tbody td[data-label="DPD"] {
  grid-area: dpd !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--awards .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table.dpd-admin-ops-awards-table tbody td[data-label="Customer / Rebate"] {
  grid-area: rebate !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--awards .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table.dpd-admin-ops-awards-table tbody td[data-label="Date"] {
  grid-area: date !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--awards .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table.dpd-admin-ops-awards-table tbody td[data-label="Balance"] {
  grid-area: balance !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--awards .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table.dpd-admin-ops-awards-table tbody td[data-label="Move To"] {
  grid-area: move !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--reps .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table.dpd-admin-ops-reps-table tbody td,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--reps .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table.dpd-admin-ops-reps-table tbody td:nth-child(n) {
  grid-column: span 3 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--reps .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table.dpd-admin-ops-reps-table tbody tr:not(:has(td[data-label="US States"]:not(.is-empty))):not(:has(td[data-label="CA Provinces"]:not(.is-empty))) td:is([data-label="DAD Signup Link"], [data-label="DPD Signup Link"]) {
  grid-column: span 6 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--reps .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table.dpd-admin-ops-reps-table tbody tr:has(td[data-label="US States"]:not(.is-empty)):not(:has(td[data-label="CA Provinces"]:not(.is-empty))) td:is([data-label="US States"], [data-label="DAD Signup Link"], [data-label="DPD Signup Link"]),
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--reps .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table.dpd-admin-ops-reps-table tbody tr:has(td[data-label="CA Provinces"]:not(.is-empty)):not(:has(td[data-label="US States"]:not(.is-empty))) td:is([data-label="CA Provinces"], [data-label="DAD Signup Link"], [data-label="DPD Signup Link"]) {
  grid-column: span 4 !important;
}

@media (max-width: 1280px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--awards .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table.dpd-admin-ops-awards-table tbody tr:not(:has(.dpd-admin-ops-empty)) {
    grid-template-areas:
      "id user"
      "dpd balance"
      "rebate rebate"
      "date move" !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--awards .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table.dpd-admin-ops-awards-table tbody tr:not(:has(.dpd-admin-ops-empty)):not(:has(td[data-label="DPD"]:not(.is-empty))) {
    grid-template-areas:
      "id user"
      "balance balance"
      "rebate rebate"
      "date move" !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--reps .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table.dpd-admin-ops-reps-table tbody td,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--reps .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table.dpd-admin-ops-reps-table tbody td:nth-child(n) {
    grid-column: span 6 !important;
  }
}

@media (max-width: 560px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper:is(.dpd-v2-admin-tool--awards, .dpd-v2-admin-tool--reps) .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody tr,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--awards .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table.dpd-admin-ops-awards-table tbody tr:not(:has(.dpd-admin-ops-empty)) {
    grid-template-areas: none !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper:is(.dpd-v2-admin-tool--awards, .dpd-v2-admin-tool--reps) .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td,
  html body.dpd-member-surface #sub-page-main-content-wrapper:is(.dpd-v2-admin-tool--awards, .dpd-v2-admin-tool--reps) .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td:nth-child(n) {
    box-shadow: inset 0 -1px #e3eaf0 !important;
    grid-area: auto !important;
    grid-column: 1 / -1 !important;
    min-height: 0 !important;
    padding: 11px 12px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper:is(.dpd-v2-admin-tool--awards, .dpd-v2-admin-tool--reps) .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td:last-child {
    box-shadow: none !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--awards .dpd-admin-ops-shell--embedded .dpd-admin-cardified-wrap table.dpd-admin-cardified-table.dpd-admin-ops-awards-table tbody td[data-label] {
    grid-area: auto !important;
    grid-column: 1 / -1 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell.dpd-v2-admin-tool--reps .dpd-v2-admin-tool-frame .dpd-admin-ops-shell.dpd-admin-ops-shell--embedded .dpd-admin-ops-table-wrap.dpd-admin-cardified-wrap table.dpd-admin-cardified-table.dpd-admin-ops-reps-table tbody tr {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell.dpd-v2-admin-tool--reps .dpd-v2-admin-tool-frame .dpd-admin-ops-shell.dpd-admin-ops-shell--embedded .dpd-admin-ops-table-wrap.dpd-admin-cardified-wrap table.dpd-admin-cardified-table.dpd-admin-ops-reps-table tbody td.dpd-admin-record-cell:nth-child(n) {
    grid-column: 1 / -1 !important;
  }
}

/* The Master List no longer renders .dpd-admin-ops-card--master-search or
   .dpd-admin-ops-table-card--master-records; that route is a self-contained
   component styled in dpd-master-list.css. Its overrides were removed with
   the markup they targeted. */

/* Tire Finder final catalog/mobile lock - must remain after tablet grid overrides, 2026-07-15. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__grid,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main-in {
  align-items: stretch !important;
  gap: 24px !important;
  grid-auto-rows: minmax(clamp(420px, 31vw, 480px), auto) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse:focus-within,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .mock-panel.dpd-v2-finder-card.dpd-v2-finder-card--browse {
  box-sizing: border-box !important;
  contain: none !important;
  height: auto !important;
  max-height: none !important;
  min-height: clamp(420px, 31vw, 480px) !important;
  overflow: hidden !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse .dpd-v2-finder-card-shell,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse:hover .dpd-v2-finder-card-shell,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse:focus-within .dpd-v2-finder-card-shell {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-rows: minmax(88px, auto) minmax(260px, 1fr) 62px !important;
  height: 100% !important;
  max-height: none !important;
  min-height: clamp(420px, 31vw, 480px) !important;
  overflow: hidden !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse .dpd-v2-finder-card-info {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse .dpd-v2-finder-card-media,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse:hover .dpd-v2-finder-card-media,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse:focus-within .dpd-v2-finder-card-media {
  align-items: center !important;
  display: flex !important;
  height: auto !important;
  justify-content: center !important;
  max-height: none !important;
  min-height: 260px !important;
  overflow: hidden !important;
  padding: 0 20px 12px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse .dpd-v2-finder-card-media img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse:hover .dpd-v2-finder-card-media img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse:focus-within .dpd-v2-finder-card-media img {
  display: block !important;
  height: auto !important;
  max-height: 300px !important;
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
  width: auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse .dpd-v2-action-row--finder-card,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse:hover .dpd-v2-action-row--finder-card,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse:focus-within .dpd-v2-action-row--finder-card {
  align-self: end !important;
  box-sizing: border-box !important;
  display: grid !important;
  height: 62px !important;
  max-height: none !important;
  min-height: 62px !important;
  opacity: 1 !important;
  overflow: visible !important;
  padding: 4px 14px !important;
  pointer-events: auto !important;
  position: static !important;
  transform: none !important;
  visibility: visible !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse .dpd-v2-finder-details-link,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse .dpd-v2-finder-details-link:visited {
  box-sizing: border-box !important;
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

@media (max-width: 720px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__grid,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .tirefind-con-size-main-in {
    display: grid !important;
    gap: 18px !important;
    grid-auto-rows: minmax(370px, auto) !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group .dpd-v2-finder-group__grid .dpd-v2-finder-card.dpd-v2-finder-card--browse,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group .dpd-v2-finder-group__grid .dpd-v2-finder-card.dpd-v2-finder-card--browse:hover,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group .dpd-v2-finder-group__grid .dpd-v2-finder-card.dpd-v2-finder-card--browse:focus-within {
    height: auto !important;
    max-height: none !important;
    min-height: 370px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group .dpd-v2-finder-group__grid .dpd-v2-finder-card.dpd-v2-finder-card--browse .dpd-v2-finder-card-shell,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group .dpd-v2-finder-group__grid .dpd-v2-finder-card.dpd-v2-finder-card--browse:hover .dpd-v2-finder-card-shell,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group .dpd-v2-finder-group__grid .dpd-v2-finder-card.dpd-v2-finder-card--browse:focus-within .dpd-v2-finder-card-shell {
    grid-template-rows: minmax(76px, auto) 218px 72px !important;
    height: 100% !important;
    max-height: none !important;
    min-height: 370px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group .dpd-v2-finder-group__grid .dpd-v2-finder-card.dpd-v2-finder-card--browse .dpd-v2-finder-card-media,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group .dpd-v2-finder-group__grid .dpd-v2-finder-card.dpd-v2-finder-card--browse:hover .dpd-v2-finder-card-media,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group .dpd-v2-finder-group__grid .dpd-v2-finder-card.dpd-v2-finder-card--browse:focus-within .dpd-v2-finder-card-media {
    aspect-ratio: auto !important;
    height: 218px !important;
    max-height: 218px !important;
    min-height: 218px !important;
    padding: 0 16px 12px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group .dpd-v2-finder-group__grid .dpd-v2-finder-card.dpd-v2-finder-card--browse .dpd-v2-finder-card-media img,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group .dpd-v2-finder-group__grid .dpd-v2-finder-card.dpd-v2-finder-card--browse:hover .dpd-v2-finder-card-media img,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group .dpd-v2-finder-group__grid .dpd-v2-finder-card.dpd-v2-finder-card--browse:focus-within .dpd-v2-finder-card-media img {
    max-height: 212px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group .dpd-v2-finder-group__grid .dpd-v2-finder-card.dpd-v2-finder-card--browse .dpd-v2-finder-card-shell .dpd-v2-action-row.dpd-v2-action-row--finder-card,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group .dpd-v2-finder-group__grid .dpd-v2-finder-card.dpd-v2-finder-card--browse:hover .dpd-v2-finder-card-shell .dpd-v2-action-row.dpd-v2-action-row--finder-card,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group .dpd-v2-finder-group__grid .dpd-v2-finder-card.dpd-v2-finder-card--browse:focus-within .dpd-v2-finder-card-shell .dpd-v2-action-row.dpd-v2-action-row--finder-card {
    height: 72px !important;
    max-height: 72px !important;
    min-height: 72px !important;
    padding: 8px 12px !important;
  }
}

/* Tire Details responsive lock - keep the size chart compact on phones, 2026-07-15. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-table-scroll {
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .mock-table.dpd-v2-spec-table {
  border-collapse: collapse !important;
  display: table !important;
  table-layout: fixed !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .mock-table.dpd-v2-spec-table thead {
  display: table-header-group !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .mock-table.dpd-v2-spec-table tbody {
  display: table-row-group !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .mock-table.dpd-v2-spec-table tr {
  display: table-row !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .mock-table.dpd-v2-spec-table :is(th, td) {
  display: table-cell !important;
  min-height: 0 !important;
  vertical-align: middle !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .mock-table.dpd-v2-spec-table td::before {
  content: none !important;
  display: none !important;
}

@media (max-width: 760px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail {
    padding-inline: 10px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero-shell .video-header-content.mock-static-bg {
    min-height: 118px !important;
    padding: 22px 18px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero h1 {
    font-size: clamp(30px, 12vw, 42px) !important;
    line-height: 0.98 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-zone > .dpd-section-body,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .mock-panel.dpd-v2-spec-panel {
    border-radius: 14px !important;
    padding: 14px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__main {
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision {
    margin-inline: auto !important;
    max-height: 168px !important;
    max-width: 176px !important;
    min-height: 150px !important;
    padding: 8px !important;
    width: min(176px, 100%) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision img {
    max-height: 148px !important;
    max-width: 100% !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-configurator-head {
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: stretch !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-price {
    justify-self: stretch !important;
    text-align: center !important;
    width: 100% !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-sidewall-options__list {
    justify-content: center !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector__list {
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector__option {
    min-height: 46px !important;
    padding: 7px 6px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector__option strong {
    font-size: 12px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector__option span {
    font-size: 8px !important;
    line-height: 1.15 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-table-scroll.dpd-v2-table-scroll--tall {
    border: 1px solid rgba(16, 24, 32, 0.12) !important;
    border-radius: 10px !important;
    max-height: none !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .mock-table.dpd-v2-spec-table {
    min-width: 660px !important;
    table-layout: fixed !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .mock-table.dpd-v2-spec-table :is(th, td) {
    border-bottom: 1px solid rgba(16, 24, 32, 0.08) !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
    padding: 9px 7px !important;
    text-align: left !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .mock-table.dpd-v2-spec-table th {
    font-size: 9px !important;
    letter-spacing: 0.06em !important;
  }
}

@media (max-width: 420px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector__list {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .mock-table.dpd-v2-spec-table {
    min-width: 620px !important;
  }
}

/* 992 to 0 - Tire Details decision layout */
@media (max-width: 992px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-configurator-head {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-price {
    justify-self: stretch !important;
    max-width: none !important;
    width: 100% !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector--decision .dpd-v2-tire-size-selector__list {
    max-height: none !important;
    overflow: visible !important;
    padding-right: 0 !important;
  }
}

/* Upgrade Requests + Tire Points: unified Admin Tools page rhythm.
   These two legacy data routes have independent templates and table maps. The
   final route-scoped layer keeps every dynamic field while presenting each
   database row as one compact record instead of detached field tiles. */
html body.dpd-member-surface #sub-page-main-content-wrapper:is(.dpd-v2-admin-tool--requests, .dpd-v2-admin-tool--tire-points) {
  --dpd-admin-data-border: #dce4eb;
  --dpd-admin-data-divider: #e7edf2;
  --dpd-admin-data-soft: #f7f9fb;
}

/* Upgrade Requests: all visible content sections. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-ops-shell--embedded {
  gap: 14px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-ops-shell--embedded :is(
  .dpd-admin-ops-card--requests-filter,
  .dpd-admin-ops-card--requests-purpose,
  .dpd-admin-ops-note-card--requests-controls,
  .dpd-admin-ops-table-card--requests-queue
) {
  background: #ffffff !important;
  border: 1px solid var(--dpd-admin-data-border) !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 28px rgba(7, 17, 26, 0.045) !important;
  margin: 0 !important;
  padding: 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-ops-shell--embedded :is(
  .dpd-admin-ops-card--requests-filter,
  .dpd-admin-ops-card--requests-purpose,
  .dpd-admin-ops-table-card--requests-queue
) > .dpd-admin-ops-section-head {
  border-bottom: 1px solid var(--dpd-admin-data-divider) !important;
  margin: 0 0 14px !important;
  padding: 0 0 14px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-ops-shell--embedded form.dpd-admin-ops-requests-filter-form {
  align-items: end !important;
  background: var(--dpd-admin-data-soft) !important;
  border: 1px solid var(--dpd-admin-data-border) !important;
  border-radius: 14px !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: minmax(250px, 1.3fr) repeat(2, minmax(170px, 0.75fr)) !important;
  padding: 14px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-ops-requests-filter-form > .dpd-admin-ops-toolbar-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  grid-column: 1 / -1 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-ops-requests-filter-form :is(input, select),
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-ops-requests-filter-form .dpd-admin-ops-btn {
  box-sizing: border-box !important;
  height: 44px !important;
  max-height: none !important;
  min-height: 44px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-ops-requests-filter-form .dpd-admin-ops-btn {
  flex: 0 0 auto !important;
  min-width: 132px !important;
  padding: 0 16px !important;
  width: auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-ops-card--requests-filter .dpd-admin-ops-filter-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 12px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-ops-card--requests-filter .dpd-admin-ops-filter-pill {
  flex: 0 1 auto !important;
  min-height: 30px !important;
  width: auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-ops-split--requests {
  align-items: stretch !important;
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: minmax(0, 1.45fr) minmax(250px, 0.7fr) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-ops-card--requests-purpose .dpd-admin-ops-stat-grid {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-ops-card--requests-purpose .dpd-admin-ops-stat-card {
  min-height: 0 !important;
  padding: 14px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-ops-table-card--requests-queue .dpd-admin-ops-control-strip {
  align-items: center !important;
  display: grid !important;
  gap: 10px 16px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  padding: 0 0 12px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-ops-table-card--requests-queue .dpd-admin-ops-control-strip .dpd-admin-ops-toolbar-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: flex-end !important;
  margin: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-ops-table-card--requests-queue .dpd-admin-ops-control-strip .dpd-admin-ops-btn,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-ops-table-card--requests-queue .dpd-admin-ops-control-strip button {
  height: 44px !important;
  max-height: 44px !important;
  min-height: 44px !important;
  min-width: 112px !important;
  padding: 0 14px !important;
  width: auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-ops-table-card--requests-queue .dpd-admin-ops-pagination {
  gap: 6px !important;
  margin: 0 !important;
  padding: 6px 0 10px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-ops-table-card--requests-queue .dpd-admin-ops-pagination :is(a, .page-numbers) {
  height: 44px !important;
  min-height: 44px !important;
  min-width: 44px !important;
}

/* Tire Points: page heading, Search + Filter, chips and record tools. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-v2-admin-tool-frame .dpd-tire-points-screen.container-fluid {
  padding: 16px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-screen > h2 {
  font-size: clamp(26px, 2.25vw, 34px) !important;
  line-height: 1.08 !important;
  margin: 0 0 8px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-screen > .dpd-admin-helper-text {
  font-size: 14px !important;
  line-height: 1.5 !important;
  margin: 0 0 16px !important;
  max-width: 920px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-control-card {
  background: #ffffff !important;
  border: 1px solid var(--dpd-admin-data-border) !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 28px rgba(7, 17, 26, 0.045) !important;
  margin: 0 0 14px !important;
  padding: 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-control-card .dpd-tire-points-control-head {
  border-bottom: 1px solid var(--dpd-admin-data-divider) !important;
  margin: 0 0 14px !important;
  padding: 0 0 14px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-control-card .dpd-tire-points-control-head h3 {
  font-size: clamp(22px, 2vw, 28px) !important;
  line-height: 1.08 !important;
  margin: 5px 0 6px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-control-card .dpd-tire-points-control-head p {
  font-size: 14px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-control-card form.form-inline.dpd-tire-points-filter-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-filter-form .form-group {
  align-items: end !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-filter-form [name="q"] {
  grid-column: span 6 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-filter-form [name="invoice_number"] {
  grid-column: span 3 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-filter-form [name="st"] {
  grid-column: span 3 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-filter-form [name="orderby"] {
  grid-column: span 4 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-filter-form [name="order"] {
  grid-column: span 2 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-filter-form .dpd-tire-points-actions {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  grid-column: span 6 !important;
  justify-content: flex-end !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-filter-form :is(.form-control, .btn) {
  box-sizing: border-box !important;
  height: 44px !important;
  max-height: none !important;
  min-height: 44px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-filter-form .btn {
  flex: 0 0 auto !important;
  min-width: 108px !important;
  padding: 0 14px !important;
  width: auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-filter-pills {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 12px 0 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-filter-pill {
  flex: 0 1 auto !important;
  min-height: 30px !important;
  padding: 7px 11px !important;
  width: auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-control-strip {
  align-items: center !important;
  border-bottom: 1px solid var(--dpd-admin-data-divider) !important;
  display: grid !important;
  gap: 10px 16px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  margin: 0 0 10px !important;
  padding: 0 0 10px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-control-strip .dpd-tire-points-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: flex-end !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-control-strip :is(.btn, .dpd-admin-view-toggle__button) {
  box-sizing: border-box !important;
  height: 44px !important;
  max-height: 44px !important;
  min-height: 44px !important;
  min-width: 108px !important;
  padding: 0 14px !important;
  width: auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-screen .pagination {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 0 10px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-screen .pagination :is(a, span) {
  box-sizing: border-box !important;
  height: 44px !important;
  min-height: 44px !important;
  min-width: 44px !important;
  padding: 0 12px !important;
}

/* Shared unified record surface for both routes. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-ops-table-wrap.dpd-admin-cardified-wrap,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-table-wrap.dpd-admin-cardified-wrap {
  overflow: visible !important;
  padding: 0 !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-cardified-wrap table.dpd-admin-cardified-table,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-admin-cardified-wrap table.dpd-admin-cardified-table {
  display: block !important;
  max-width: 100% !important;
  min-width: 0 !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody {
  align-items: start !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: minmax(0, 1fr) !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody tr,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody tr {
  align-content: start !important;
  background: #ffffff !important;
  border: 1px solid var(--dpd-admin-data-border) !important;
  border-left: 4px solid var(--dpd-admin-teal) !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 28px rgba(7, 17, 26, 0.055) !important;
  display: grid !important;
  gap: 0 !important;
  grid-auto-flow: row dense !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper:is(.dpd-v2-admin-tool--requests, .dpd-v2-admin-tool--tire-points) .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody tr.is-pending {
  border-left-color: var(--dpd-admin-yellow) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper:is(.dpd-v2-admin-tool--requests, .dpd-v2-admin-tool--tire-points) .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody tr.is-warning {
  border-left-color: var(--dpd-admin-red) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td:nth-child(n),
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td:nth-child(n) {
  align-content: start !important;
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: inset -1px 0 var(--dpd-admin-data-divider), inset 0 -1px var(--dpd-admin-data-divider) !important;
  grid-area: auto !important;
  min-height: 68px !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  padding: 11px 12px !important;
  width: auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper:is(.dpd-v2-admin-tool--requests, .dpd-v2-admin-tool--tire-points) .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td.is-empty,
html body.dpd-member-surface #sub-page-main-content-wrapper:is(.dpd-v2-admin-tool--requests, .dpd-v2-admin-tool--tire-points) .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td.is-empty:nth-child(n) {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper:is(.dpd-v2-admin-tool--requests, .dpd-v2-admin-tool--tire-points) .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody tr:has(.dpd-admin-ops-empty) {
  grid-template-columns: minmax(0, 1fr) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper:is(.dpd-v2-admin-tool--requests, .dpd-v2-admin-tool--tire-points) .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody tr:has(.dpd-admin-ops-empty) .dpd-admin-ops-empty {
  box-shadow: none !important;
  display: block !important;
  grid-column: 1 / -1 !important;
  min-height: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper:is(.dpd-v2-admin-tool--requests, .dpd-v2-admin-tool--tire-points) .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td :is(
  a,
  button,
  input:not([type="checkbox"]):not([type="radio"]),
  select
) {
  box-sizing: border-box !important;
  min-height: 44px !important;
}

/* Requests semantic record map. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td:is([data-label="Dealer Numbers"], [data-label="Dealer Name"], [data-label="Address"]) {
  grid-column: span 4 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td:nth-child(n):is([data-label="Phone"], [data-label="Agreement Signer"], [data-label="Evidence"]) {
  grid-column: span 3 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td[data-label="Status"] {
  grid-column: span 3 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-ops-requests-table .dpd-admin-ops-conversion-pill {
  border-radius: 10px !important;
  padding: 9px 10px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-ops-requests-table :is(.dpd-admin-ops-inline-link, .dpd-admin-ops-btn) {
  justify-content: center !important;
  min-height: 44px !important;
  padding: 0 12px !important;
}

/* Tire Points semantic record map. Dense flow closes holes when optional
   invoice, note or duplicate fields are empty. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell.dpd-v2-admin-tool--tire-points .dpd-v2-admin-tool-frame .dpd-tire-points-screen .dpd-tire-points-table-wrap.dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td:nth-child(n):is([data-label="Submitted"], [data-label="Dealer Number"], [data-label="Date of Sale"]) {
  grid-column: span 2 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell.dpd-v2-admin-tool--tire-points .dpd-v2-admin-tool-frame .dpd-tire-points-screen .dpd-tire-points-table-wrap.dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td:nth-child(n)[data-label="Dealer"] {
  grid-column: span 6 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell.dpd-v2-admin-tool--tire-points .dpd-v2-admin-tool-frame .dpd-tire-points-screen .dpd-tire-points-table-wrap.dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td:nth-child(n)[data-label="Invoice Number"] {
  grid-column: span 3 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell.dpd-v2-admin-tool--tire-points .dpd-v2-admin-tool-frame .dpd-tire-points-screen .dpd-tire-points-table-wrap.dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td:nth-child(n)[data-label="Tires"] {
  grid-column: span 4 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell.dpd-v2-admin-tool--tire-points .dpd-v2-admin-tool-frame .dpd-tire-points-screen .dpd-tire-points-table-wrap.dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td:nth-child(n):is(
  [data-label="Points"],
  [data-label="Invoice File"],
  [data-label="Status"],
  [data-label="Notes"]
) {
  grid-column: span 2 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell.dpd-v2-admin-tool--tire-points .dpd-v2-admin-tool-frame .dpd-tire-points-screen .dpd-tire-points-table-wrap.dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td:nth-child(n):is([data-label="Review"], [data-label="Duplicate"]) {
  grid-column: span 6 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-table-wrap .tires-list {
  max-height: 132px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-table-wrap :is(
  .btn-add-tires,
  .btn-tp-save,
  .btn-tp-reset,
  .dropdown-status > button,
  .col-download a,
  .comments,
  .btn-duplicate,
  .dpd-sale-review-btn
) {
  box-sizing: border-box !important;
  min-height: 44px !important;
}

@media (max-width: 1180px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-ops-shell--embedded form.dpd-admin-ops-requests-filter-form {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-ops-requests-filter-form > .dpd-admin-ops-field:first-of-type {
    grid-column: 1 / -1 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-ops-split--requests {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td:nth-child(n) {
    grid-column: span 6 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td:is([data-label="Address"], [data-label="Status"]) {
    grid-column: 1 / -1 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell.dpd-v2-admin-tool--tire-points .dpd-v2-admin-tool-frame .dpd-tire-points-screen .dpd-tire-points-table-wrap.dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell.dpd-v2-admin-tool--tire-points .dpd-v2-admin-tool-frame .dpd-tire-points-screen .dpd-tire-points-table-wrap.dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td:nth-child(n) {
    grid-column: span 4 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell.dpd-v2-admin-tool--tire-points .dpd-v2-admin-tool-frame .dpd-tire-points-screen .dpd-tire-points-table-wrap.dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td:nth-child(n)[data-label="Dealer"] {
    grid-column: 1 / -1 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell.dpd-v2-admin-tool--tire-points .dpd-v2-admin-tool-frame .dpd-tire-points-screen .dpd-tire-points-table-wrap.dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td:nth-child(n):is([data-label="Invoice Number"], [data-label="Tires"]) {
    grid-column: span 6 !important;
  }
}

@media (max-width: 900px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-filter-form [name="q"],
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-filter-form [name="invoice_number"] {
    grid-column: span 6 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-filter-form :is([name="st"], [name="orderby"], [name="order"]) {
    grid-column: span 4 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-filter-form .dpd-tire-points-actions {
    grid-column: 1 / -1 !important;
    justify-content: flex-start !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell.dpd-v2-admin-tool--tire-points .dpd-v2-admin-tool-frame .dpd-tire-points-screen .dpd-tire-points-table-wrap.dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell.dpd-v2-admin-tool--tire-points .dpd-v2-admin-tool-frame .dpd-tire-points-screen .dpd-tire-points-table-wrap.dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td:nth-child(n) {
    grid-column: span 6 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell.dpd-v2-admin-tool--tire-points .dpd-v2-admin-tool-frame .dpd-tire-points-screen .dpd-tire-points-table-wrap.dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td:nth-child(n):is([data-label="Dealer"], [data-label="Tires"], [data-label="Review"]) {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 760px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-ops-shell--embedded :is(
    .dpd-admin-ops-card--requests-filter,
    .dpd-admin-ops-card--requests-purpose,
    .dpd-admin-ops-note-card--requests-controls,
    .dpd-admin-ops-table-card--requests-queue
  ) {
    border-radius: 12px !important;
    padding: 12px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-ops-shell--embedded form.dpd-admin-ops-requests-filter-form {
    grid-template-columns: minmax(0, 1fr) !important;
    padding: 12px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-ops-requests-filter-form > * {
    grid-column: 1 / -1 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-ops-card--requests-purpose .dpd-admin-ops-stat-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-ops-table-card--requests-queue .dpd-admin-ops-control-strip,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-control-strip {
    align-items: stretch !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-ops-table-card--requests-queue .dpd-admin-ops-control-strip .dpd-admin-ops-toolbar-actions,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-control-strip .dpd-tire-points-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    justify-content: stretch !important;
    width: 100% !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-control-strip .dpd-admin-view-toggle {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-control-strip .dpd-admin-view-toggle__button {
    min-width: 0 !important;
    width: 50% !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td:nth-child(n),
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td:nth-child(n) {
    grid-column: span 6 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td:is([data-label="Address"], [data-label="Status"]),
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td:nth-child(n):is([data-label="Dealer"], [data-label="Tires"], [data-label="Review"]) {
    grid-column: 1 / -1 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-table-wrap .tires-list {
    max-height: none !important;
    overflow: visible !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 560px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-v2-admin-tool-frame .dpd-tire-points-screen.container-fluid {
    padding: 10px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-control-card {
    border-radius: 12px !important;
    padding: 12px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-filter-form .form-group {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-filter-form .form-group > * {
    grid-column: 1 / -1 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-ops-requests-filter-form > .dpd-admin-ops-toolbar-actions,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-filter-form .dpd-tire-points-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-ops-requests-filter-form .dpd-admin-ops-btn:first-child {
    grid-column: 1 / -1 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-ops-requests-filter-form .dpd-admin-ops-btn,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-ops-table-card--requests-queue .dpd-admin-ops-control-strip .dpd-admin-ops-btn,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-ops-table-card--requests-queue .dpd-admin-ops-control-strip button,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-filter-form .btn,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-tire-points-control-strip :is(.btn, .dpd-admin-view-toggle__button) {
    min-width: 0 !important;
    width: 100% !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper:is(.dpd-v2-admin-tool--requests, .dpd-v2-admin-tool--tire-points) .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody tr {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell.dpd-v2-admin-tool--requests .dpd-v2-admin-tool-frame .dpd-admin-ops-shell--embedded .dpd-admin-ops-table-wrap.dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody tr {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell.dpd-v2-admin-tool--requests .dpd-v2-admin-tool-frame .dpd-admin-ops-shell--embedded .dpd-admin-ops-table-wrap.dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td:nth-child(n)[data-label] {
    grid-column: 1 / -1 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell.dpd-v2-admin-tool--tire-points .dpd-v2-admin-tool-frame .dpd-tire-points-screen .dpd-tire-points-table-wrap.dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody tr {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell.dpd-v2-admin-tool--tire-points .dpd-v2-admin-tool-frame .dpd-tire-points-screen .dpd-tire-points-table-wrap.dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td:nth-child(n)[data-label] {
    grid-column: 1 / -1 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--requests .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td:nth-child(n),
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-admin-tool--tire-points .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td:nth-child(n) {
    border-bottom: 1px solid var(--dpd-admin-data-divider) !important;
    box-shadow: none !important;
    grid-column: 1 / -1 !important;
    min-height: 0 !important;
    padding: 11px 12px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper:is(.dpd-v2-admin-tool--requests, .dpd-v2-admin-tool--tire-points) .dpd-admin-cardified-wrap table.dpd-admin-cardified-table tbody td:last-child {
    border-bottom: 0 !important;
  }
}

/* Training summary solid instrument surface - 2026-07-28 */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dashboard-head-right-in.dpd-v2-training-count-summary,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-training-v2-page #training-intro .dashboard-head-right-in.dpd-v2-training-count-summary {
  background-color: #101820 !important;
  background-image: none !important;
}

/* Client feedback: white notification and cart counters - 2026-07-30 */
html body.dashboard-accent-enabled.dpd-member-surface #header-login.dpd-public-header--member .dpd-public-header-link--updates-bubble .dpd-public-header-link__count,
html body.dashboard-accent-enabled.dpd-member-surface #header-login.dpd-public-header--member .dpd-public-header-link--cart-bubble .dpd-public-header-link__count,
html body.dpd-member-surface #header-login.dpd-public-header--member .dpd-public-header-link__count,
html body.dpd-member-surface #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item.has-notification > a .dpd-v2-nav-count,
html body.dpd-member-surface .dpd-v2-mobile-utility-count,
html body.dpd-member-surface .swag-cart-total > a > span,
html body.dpd-member-surface .bg-header-gray-box-in > a > em {
  align-items: center !important;
  background: #fff !important;
  border: 2px solid #101010 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  color: #101010 !important;
  display: inline-flex !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  height: 24px !important;
  justify-content: center !important;
  line-height: 1 !important;
  min-width: 24px !important;
  padding: 0 !important;
  width: 24px !important;
  -webkit-text-fill-color: #101010 !important;
}

html body.dashboard-accent-enabled.dpd-member-surface #page_wrapper #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item.has-notification > a .dpd-v2-nav-count {
  background: #fff !important;
  border: 2px solid #101010 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  color: #101010 !important;
  height: 24px !important;
  min-width: 24px !important;
  padding: 0 !important;
  width: 24px !important;
  -webkit-text-fill-color: #101010 !important;
}

html body.dashboard-accent-enabled.dpd-member-surface #header-login.dpd-public-header--member .dpd-public-header-link--updates-bubble:hover .dpd-public-header-link__count,
html body.dashboard-accent-enabled.dpd-member-surface #header-login.dpd-public-header--member .dpd-public-header-link--updates-bubble:focus-visible .dpd-public-header-link__count,
html body.dashboard-accent-enabled.dpd-member-surface #header-login.dpd-public-header--member .dpd-public-header-link--cart-bubble:hover .dpd-public-header-link__count,
html body.dashboard-accent-enabled.dpd-member-surface #header-login.dpd-public-header--member .dpd-public-header-link--cart-bubble:focus-visible .dpd-public-header-link__count,
html body.dpd-member-surface #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item.has-notification > a:hover .dpd-v2-nav-count,
html body.dpd-member-surface #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item.has-notification > a:focus-visible .dpd-v2-nav-count {
  background: #fff !important;
  border-color: #101010 !important;
  color: #101010 !important;
  -webkit-text-fill-color: #101010 !important;
}

html body.dashboard-accent-enabled.dpd-member-surface #page_wrapper #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item.has-notification > a:hover .dpd-v2-nav-count,
html body.dashboard-accent-enabled.dpd-member-surface #page_wrapper #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item.has-notification > a:focus-visible .dpd-v2-nav-count {
  background: #fff !important;
  border-color: #101010 !important;
  color: #101010 !important;
  -webkit-text-fill-color: #101010 !important;
}

/* Client feedback: direct rewards amount entry - 2026-07-30 */
html body.dpd-member-surface #redeem-dunlop-dollars {
  scroll-margin-top: 120px;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell #redeem-dunlop-dollars {
  margin-top: 12px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell #redeem-dunlop-dollars .dpd-v2-commerce-surface--product {
  border: 2px solid #ffed00 !important;
  box-shadow: 0 20px 44px rgba(16, 24, 32, 0.12) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-redeem-ack {
  align-items: flex-start;
  background: #fffde0;
  border: 1px solid rgba(16, 24, 32, 0.22);
  border-radius: 10px;
  color: #101820;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  font-weight: 700;
  gap: 10px;
  line-height: 1.45;
  margin: 14px 0 10px;
  padding: 12px;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-redeem-ack input {
  accent-color: #101820;
  flex: 0 0 auto;
  height: 18px;
  margin: 0;
  width: 18px;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-single-product__redeem-panel .dpd-v2-redeem-ack span {
  color: #101820 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-redeem-ack__error {
  color: #a40000;
  font-size: 12px;
  font-weight: 800;
  margin: 0 0 10px;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell .dpd-v2-redeem-ack__error[hidden] {
  display: none !important;
}

/* Unified mobile-app calls to action - 2026-07-30 */
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-app-cta-card,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-app-cta-panel,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-action-card.has-app-store-ctas {
  background:
    radial-gradient(circle at 16% 12%, rgba(255, 242, 0, 0.2), transparent 30%),
    radial-gradient(circle at 92% 86%, rgba(45, 214, 191, 0.18), transparent 36%),
    linear-gradient(145deg, #07121a 0%, #0f201c 58%, #1f300d 100%) !important;
  border: 1px solid rgba(255, 242, 0, 0.5) !important;
  border-radius: 18px !important;
  box-shadow: 0 20px 44px rgba(7, 18, 24, 0.16) !important;
  color: #ffffff !important;
  isolation: isolate !important;
  overflow: hidden !important;
  position: relative !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-dock__card.is-app.dpd-v2-app-cta-card {
  background:
    radial-gradient(circle at 16% 12%, rgba(255, 242, 0, 0.2), transparent 30%),
    radial-gradient(circle at 92% 86%, rgba(45, 214, 191, 0.18), transparent 36%),
    linear-gradient(145deg, #07121a 0%, #0f201c 58%, #1f300d 100%) !important;
  border-color: rgba(255, 242, 0, 0.5) !important;
  color: #ffffff !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-action-card.has-app-store-ctas {
  border-color: rgba(255, 242, 0, 0.5) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-app-cta-card::before,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-app-cta-panel::before,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-action-card.has-app-store-ctas::before {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.03)),
    radial-gradient(circle at 50% 18%, rgba(255, 242, 0, 0.3), transparent 22%) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 24px !important;
  bottom: -72px !important;
  content: "" !important;
  height: 210px !important;
  pointer-events: none !important;
  position: absolute !important;
  right: -20px !important;
  transform: rotate(-7deg) !important;
  width: 126px !important;
  z-index: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-app-cta-card > *,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-app-cta-panel > *,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-action-card.has-app-store-ctas > * {
  position: relative !important;
  z-index: 1 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-app-cta-panel {
  align-content: start !important;
  display: grid !important;
  gap: 10px !important;
  padding: 24px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-app-cta-card .dpd-v2-support-app-mark,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-app-cta-panel .dpd-v2-support-app-mark {
  box-shadow: 0 14px 32px rgba(255, 242, 0, 0.2) !important;
  height: 62px !important;
  width: 62px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-app-cta-card .dpd-v2-support-app-mark img,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-app-cta-panel .dpd-v2-support-app-mark img {
  height: 48px !important;
  width: 48px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-app-cta-card .dpd-v2-card-kicker,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-app-cta-panel .dpd-v2-card-kicker,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-action-card.has-app-store-ctas .dpd-v2-card-kicker {
  color: #fff200 !important;
  -webkit-text-fill-color: #fff200 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-dock__card.is-app.dpd-v2-app-cta-card .dpd-v2-card-kicker {
  color: #fff200 !important;
  -webkit-text-fill-color: #fff200 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-app-cta-card h4,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-app-cta-panel h4,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-action-card.has-app-store-ctas h4 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-dock__card.is-app.dpd-v2-app-cta-card .dpd-v2-support-dock__copy h4 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-app-cta-card p,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-app-cta-panel p,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-action-card.has-app-store-ctas p {
  color: rgba(255, 255, 255, 0.8) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.8) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-dock__card.is-app.dpd-v2-app-cta-card .dpd-v2-support-dock__copy p {
  color: rgba(255, 255, 255, 0.8) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.8) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-action-card.has-app-store-ctas .dpd-v2-key-list li {
  color: rgba(255, 255, 255, 0.82) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-action-card.has-app-store-ctas .dpd-v2-key-list li::before {
  background: #fff200 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-app-cta-features {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  list-style: none !important;
  margin: 4px 0 0 !important;
  padding: 0 !important;
  /* This list is a grid item that gets stretched taller than its rows of
     chips. Without these, the default align-items/align-content: stretch grows
     a chip to fill that extra height (the "Tire Finder" pill ballooned into a
     tall oval). Pin the chips to the top so every pill keeps its natural size. */
  align-items: flex-start !important;
  align-content: flex-start !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-app-cta-features li {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 999px !important;
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  line-height: 1 !important;
  padding: 7px 9px !important;
  text-transform: uppercase !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-app-store-ctas {
  align-items: stretch !important;
  display: grid !important;
  gap: 9px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin-top: 4px !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-dock__card.is-app.dpd-v2-app-cta-card .dpd-v2-support-app-links {
  align-items: stretch !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-app-store-cta {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 11px !important;
  display: flex !important;
  justify-content: center !important;
  min-height: 50px !important;
  padding: 5px 7px !important;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-app-store-cta:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-app-store-cta:focus-visible,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-launch-app__badges a:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-launch-app__badges a:focus-visible {
  border-color: #fff200 !important;
  box-shadow: 0 0 0 3px rgba(255, 242, 0, 0.18) !important;
  outline: none !important;
  transform: translateY(-2px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-app-store-cta img {
  display: block !important;
  height: auto !important;
  max-height: 42px !important;
  max-width: 100% !important;
  object-fit: contain !important;
  width: auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-legacy-app-store-ctas > div {
  min-width: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-legacy-app-store-ctas .dpd-v2-app-store-cta {
  height: 100% !important;
  min-height: 50px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-legacy-app-store-ctas .clearfix {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-app-store-note,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-launch-app__note {
  color: rgba(255, 255, 255, 0.68) !important;
  display: block !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.68) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-app-store-note {
  margin-top: 8px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-dock__card.is-app.dpd-v2-app-cta-card .dpd-v2-app-store-note {
  color: rgba(255, 255, 255, 0.68) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.68) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-action-row.dpd-v2-app-store-ctas.is-action-card-row {
  align-items: stretch !important;
  display: grid !important;
  margin-top: auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--launch .dpd-v2-launch-app__badges a {
  align-items: center !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  min-height: 50px !important;
  padding: 3px !important;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease !important;
}

@media (max-width: 340px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-app-store-ctas {
    grid-template-columns: 1fr !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-support-dock__card.is-app.dpd-v2-app-cta-card .dpd-v2-support-app-links {
    grid-template-columns: 1fr !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-app-store-cta {
    justify-content: flex-start !important;
    padding-inline: 12px !important;
  }
}

/* ---------------------------------------------------------------------------
   Loyalty donut: never break the total mid-number.
   Both style-main.css and dpd-v2-portal.css set `overflow-wrap: anywhere` on
   the centre figure, so a six-character total like "35,840" wrapped into
   "35,8" over "40" inside the donut hole. Keep it on one line and step the
   size down by character count instead (class comes from template-members-v2).
   --------------------------------------------------------------------------- */
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-loyalty-chart__center strong,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-loyalty-chart__total {
  overflow-wrap: normal !important;
  word-break: keep-all !important;
  white-space: nowrap !important;
  font-variant-numeric: tabular-nums !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-loyalty-chart__total.is-long {
  font-size: clamp(22px, 2.6vw, 32px) !important;
  letter-spacing: -0.01em !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-loyalty-chart__total.is-xlong {
  font-size: clamp(18px, 2.2vw, 27px) !important;
  letter-spacing: -0.015em !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-loyalty-chart__total.is-xxlong {
  font-size: clamp(14px, 1.8vw, 21px) !important;
  letter-spacing: -0.02em !important;
}

/* ---------------------------------------------------------------------------
   The grading above never applied. dpd-v2-portal.css and style-main.css both
   set font-size: clamp(34px, 4vw, 52px) !important on
   `...is-dark.dpd-v2-program-card .dpd-v2-loyalty-chart__center strong`, which
   is (1,7,3) against the (1,3,2) of a `.dpd-v2-loyalty-chart__total.is-long`
   selector -- so with !important on both sides, specificity handed it to the
   52px rule and 35,840 kept rendering at full size. Only white-space took
   effect, because nothing else declares it, which is why the wrap stopped and
   the size did not. Restate each grade on the same chain the 52px rule uses,
   plus the grading class, so the step down actually wins.
   --------------------------------------------------------------------------- */

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--program-visuals .mock-panel.is-dark.dpd-v2-program-card .dpd-v2-loyalty-chart__center strong.dpd-v2-loyalty-chart__total.is-long {
  font-size: clamp(22px, 2.6vw, 32px) !important;
  letter-spacing: -0.01em !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
  white-space: nowrap !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--program-visuals .mock-panel.is-dark.dpd-v2-program-card .dpd-v2-loyalty-chart__center strong.dpd-v2-loyalty-chart__total.is-xlong {
  font-size: clamp(18px, 2.2vw, 27px) !important;
  letter-spacing: -0.015em !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
  white-space: nowrap !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--program-visuals .mock-panel.is-dark.dpd-v2-program-card .dpd-v2-loyalty-chart__center strong.dpd-v2-loyalty-chart__total.is-xxlong {
  font-size: clamp(14px, 1.8vw, 21px) !important;
  letter-spacing: -0.02em !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
  white-space: nowrap !important;
}

/* ---------------------------------------------------------------------------
   Admin Tools labels: two lines instead of an ellipsis.

   "Dealer Registrations", "Dealers Master List", "Dealer Change Review" and
   "Parent / Sub-Accounts" all clipped to DEALER REGISTRAT... on every admin
   page. Two rules above force nowrap + ellipsis on the EXPANDED sidebar --
   .dpd-v2-admin-tools-open (~5215) and .is-accordion.is-open .menu (~5329).

   Scoped away from both collapsed classes on purpose: the collapsed rail is
   narrow and its labels must stay on one line, so only the expanded accordion
   is relaxed here. Clamped to two lines so a long label wraps once rather than
   pushing the rail open.
   --------------------------------------------------------------------------- */
html body.dpd-member-surface:not(.dpd-v2-sidebar-collapsed):not(.dpd-sidebar-collapsed) #dpd-v2-sidebar .dpd-v2-nav-section.is-accordion.is-open .menu .dpd-v2-nav-label,
html body.dpd-member-surface:not(.dpd-v2-sidebar-collapsed):not(.dpd-sidebar-collapsed) #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section.is-accordion.is-open .menu .dpd-v2-nav-label {
  white-space: normal !important;
  text-overflow: clip !important;
  overflow: visible !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.18 !important;
  overflow-wrap: break-word !important;
}

/* ---------------------------------------------------------------------------
   Training portal, dark accent: headings on the darkened panels.

   style.css gives .lms-course-header, .lms-quiz-container and
   .lms-completion-message a dark gradient plus color:#edf4f8 for the dark
   accent. That colour only reaches elements that INHERIT it, and
   training-lms.css sets these children explicitly -- h3 #000, p #666 -- so
   "COURSE QUIZ" and its subtitle rendered near-black on near-black.

   Scoped to the panel children only. The quiz answer cards keep a light
   background in dark mode, so their #000 text is correct and is left alone.
   --------------------------------------------------------------------------- */
body[data-dpd-accent="dark"] .dpd-v2-portal-shell .lms-quiz-header h3,
body[data-theme-mode="dark"] .dpd-v2-portal-shell .lms-quiz-header h3,
body[data-dpd-accent="dark"] .dpd-v2-portal-shell .lms-completion-message h2,
body[data-theme-mode="dark"] .dpd-v2-portal-shell .lms-completion-message h2,
body[data-dpd-accent="dark"] .dpd-v2-portal-shell .lms-course-title,
body[data-theme-mode="dark"] .dpd-v2-portal-shell .lms-course-title {
  color: #edf4f8 !important;
  -webkit-text-fill-color: #edf4f8 !important;
}

body[data-dpd-accent="dark"] .dpd-v2-portal-shell .lms-quiz-header p,
body[data-theme-mode="dark"] .dpd-v2-portal-shell .lms-quiz-header p,
body[data-dpd-accent="dark"] .dpd-v2-portal-shell .lms-completion-message > p,
body[data-theme-mode="dark"] .dpd-v2-portal-shell .lms-completion-message > p,
body[data-dpd-accent="dark"] .dpd-v2-portal-shell .lms-progress-text,
body[data-theme-mode="dark"] .dpd-v2-portal-shell .lms-progress-text,
body[data-dpd-accent="dark"] .dpd-v2-portal-shell .lms-progress-text span,
body[data-theme-mode="dark"] .dpd-v2-portal-shell .lms-progress-text span {
  color: rgba(237, 244, 248, 0.78) !important;
  -webkit-text-fill-color: rgba(237, 244, 248, 0.78) !important;
}

/* The spinner sits on .lms-section-content inside the darkened .lms-body. */
body[data-dpd-accent="dark"] .dpd-v2-portal-shell .lms-loading,
body[data-theme-mode="dark"] .dpd-v2-portal-shell .lms-loading {
  color: rgba(237, 244, 248, 0.78) !important;
  -webkit-text-fill-color: rgba(237, 244, 248, 0.78) !important;
}

/* ==========================================================================
   Tire Finder — client feedback, 18 Aug 2026
   "Make the Tire Finder look more like the one on DunlopMotorcycleTires.com.
    It's confusing to navigate. Still keep the recent search history bars.
    Make the highlighted green portion much smaller. Make the bottom portion
    more prominent (border, brighter color, or making the font bolder)."

   Every selector below carries one extra attribute qualifier so it outranks
   the earlier blocks in this file AND the ones in dpd-frontend-audit.css,
   whichever loads last. Do not "simplify" them.
   ========================================================================== */

/* The mode strip was a full-width six-column band 58px tall — the green
   portion the client asked to shrink. It is now a compact segmented control
   that takes only the width its labels need, the way DMT's tab row reads. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-tabs[role="tablist"] {
  background: transparent !important;
  border-bottom: 1px solid rgba(6, 17, 26, 0.10) !important;
  border-radius: 0 !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 2px !important;
  grid-template-columns: none !important;
  min-height: 0 !important;
  overflow-x: auto !important;
  padding: 8px 10px 0 !important;
  scrollbar-width: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-tabs[role="tablist"]::-webkit-scrollbar {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-tabs[role="tablist"] button[data-dpd-finder-mode] {
  background: transparent !important;
  border: 0 !important;
  border-radius: 8px 8px 0 0 !important;
  color: #5A6672 !important;
  flex: 0 0 auto !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  min-height: 0 !important;
  padding: 9px 14px !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-tabs[role="tablist"] button[data-dpd-finder-mode]:hover {
  background: rgba(6, 17, 26, 0.05) !important;
  color: #05090d !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-tabs[role="tablist"] button[data-dpd-finder-mode].is-active {
  background: transparent !important;
  box-shadow: inset 0 -3px 0 #05090d !important;
  -webkit-text-fill-color: #05090d !important;
}

/* The heading DMT puts above its selectors — "FIND TIRES FOR MY / MOTORCYCLE".
   It is what makes that page obvious to navigate, and this page had nothing
   naming the thing you are about to do. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-panel-heading[data-dpd-finder-heading] {
  display: block !important;
  margin: 0 0 14px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-panel-heading[data-dpd-finder-heading] .dpd-v2-finder-panel-heading__eyebrow {
  color: #6B7683 !important;
  display: block !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: .18em !important;
  margin: 0 0 3px !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-panel-heading[data-dpd-finder-heading] .dpd-v2-finder-panel-heading__title {
  color: #05090d !important;
  display: block !important;
  font-size: clamp(20px, 2.4vw, 28px) !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
  line-height: 1.05 !important;
  margin: 0 !important;
  text-transform: uppercase !important;
}

/* "Make the bottom portion more prominent." The selector row is now a bordered
   card rather than three inputs floating on white, the labels are bold and
   uppercase, and Find Tires is the Dunlop yellow — the same treatment DMT
   gives its own submit. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-panels {
  padding: 18px 20px 20px !important;
}

/* Only the panel whose tab is active. `display: grid !important` on its own
   beats the hidden attribute's UA display:none, which put all six panels on
   screen at once and pushed everything below the fold. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-panel[data-dpd-finder-panel][hidden] {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-panel[data-dpd-finder-panel]:not([hidden]) {
  align-items: end !important;
  background: #F7F8F9 !important;
  border: 2px solid #05090d !important;
  border-radius: 14px !important;
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) auto !important;
  padding: 18px 18px 20px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-panel[data-dpd-finder-panel]:not([hidden]) > .dpd-v2-finder-panel-heading {
  grid-column: 1 / -1 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-panel[data-dpd-finder-panel] label > span {
  color: #05090d !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
  margin: 0 0 6px !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-panel[data-dpd-finder-panel] select,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-panel[data-dpd-finder-panel] input[type="text"],
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-panel[data-dpd-finder-panel] input[type="search"] {
  background: #ffffff !important;
  border: 1.5px solid rgba(6, 17, 26, 0.22) !important;
  border-radius: 10px !important;
  color: #05090d !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  min-height: 46px !important;
  padding: 0 14px !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-panel[data-dpd-finder-panel] select:focus,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-panel[data-dpd-finder-panel] input:focus {
  border-color: #05090d !important;
  outline: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-panel[data-dpd-finder-panel] select[disabled] {
  background: rgba(6, 17, 26, 0.05) !important;
  color: #8B949E !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-panel[data-dpd-finder-panel] .dpd-v2-action-row {
  display: flex !important;
  gap: 8px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-panel[data-dpd-finder-panel] .dpd-v2-action-row .mock-btn.dark {
  background: var(--dpd-tire-yellow, #fff200) !important;
  border: 2px solid #05090d !important;
  border-radius: 10px !important;
  color: #05090d !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  letter-spacing: .1em !important;
  min-height: 46px !important;
  padding: 0 22px !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-panel[data-dpd-finder-panel] .dpd-v2-action-row .mock-btn:not(.dark) {
  background: transparent !important;
  border: 1.5px solid rgba(6, 17, 26, 0.28) !important;
  border-radius: 10px !important;
  color: #05090d !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  min-height: 46px !important;
  padding: 0 16px !important;
  text-transform: uppercase !important;
}

@media (max-width: 860px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-panel[data-dpd-finder-panel]:not([hidden]) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-panel[data-dpd-finder-panel] .dpd-v2-action-row .mock-btn.dark {
    flex: 1 1 auto !important;
  }
}

/* Artwork header icons — painted as a mask so they take the same colour as the
   inline SVGs beside them. The header palette can be yellow, and the Dunlop
   tire mark ships as flat white, which would vanish there.

   The artwork is a masked <span>, and every rule that inks a bubble's icon is
   written for `i` and `svg`. A span was never in those selector lists, so it
   kept the link's own colour while the glass beside it took the accent ink.
   The span now appears in those same lists, so it is inked identically in
   every accent; here it only needs to paint with whatever it inherits. */

html body .dpd-public-header-link__icon--art[style] {
  background-color: currentColor !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
  height: 20px !important;
  width: 20px !important;
  -webkit-mask-image: var(--dpd-icon-art) !important;
  mask-image: var(--dpd-icon-art) !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
}

/* ==========================================================================
   
/* ---- 2 · quick filters stay on top, as a slim strip ---- */

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-refine-strip--combined[id] {
  align-items: end !important;
  background: #ffffff !important;
  border: 1px solid rgba(6, 17, 26, 0.10) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: max-content minmax(0, 1fr) !important;
  margin: 0 0 16px !important;
  padding: 14px 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-refine-strip--combined[id] .dpd-v2-finder-refine-strip__head {
  align-self: center !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-refine-strip--combined[id] .dpd-v2-finder-refine-strip__head h3 {
  color: #05090d !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .14em !important;
  margin: 0 !important;
  text-transform: uppercase !important;
}

/* The kicker and the explanatory line are onboarding copy, not controls. They
   cost a whole row above the results every time you look at the page. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-refine-strip--combined[id] .dpd-v2-finder-refine-strip__head .dpd-v2-card-kicker,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-refine-strip--combined[id] .dpd-v2-finder-refine-strip__head p:not(.dpd-v2-card-kicker) {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-refine-strip--combined[id] label > span {
  color: #6B7683 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
}

@media (max-width: 900px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-refine-strip--combined[id] {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* ==========================================================================
   Tire Finder — the DMT tile
   --------------------------------------------------------------------------
   Client, 18 Aug: make it look more like DunlopMotorcycleTires.com.

   DMT's browse card is one fixed tile that never moves and never lets anything
   out. Its own rules, verbatim from dunlopmotorcycletires.com/style.css:

     .filters-content-pro-in { background:#F9F9F9; height:400px; overflow:hidden }
     .filters-content-pro-img { margin-top:190px }          <- tire parked low
     ...:hover .filters-content-pro-img { margin-top:20px }  <- tire rises
     .filters-content-pro-bottom { bottom:-150px }           <- bar parked below
     ...:hover .filters-content-pro-bottom { bottom:0 }      <- bar slides up

   So the reveal is the tire SLIDING UP INSIDE the tile — not growing out of it.
   An earlier pass here scaled the tire 1.24x and lifted the clip on hover so it
   escaped over its neighbours. That is what was reported as broken: the hovered
   card read as bigger than its cell, the tire crossed the card above it, and the
   flat clipped edge came back at every level that still clipped. Nothing escapes
   now; the tile clips at rest and on hover alike, exactly as DMT's does.

   Everything is scoped with `.dpd-finder-dmt` ten times over, a class carried
   only by the browse card. dpd-v2-portal.css holds a complete parallel treatment
   for this card -- 156 rules for its action row alone -- written at the
   specificity a two-class selector reaches. Tying with it means load order
   decides property by property, which is how several rounds of restyling
   produced half-applied cards. Do not drop the scope class.
   ========================================================================== */

/* ---- the tile ---- */

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt {
  background: #f9f9f9 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: block !important;
  gap: 0 !important;
  height: 400px !important;
  margin: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  z-index: 1 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt .dpd-v2-finder-card-shell {
  background: transparent !important;
  display: block !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  position: relative !important;
}

/* ---- the resting face: a name, a category, half a tire ---- */

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt .dpd-v2-finder-card-topbar {
  /* dpd-v2-portal.css paints this block white, which put a white band across
     the grey tile behind the name. DMT's title sits on the tile itself. */
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: block !important;
  left: 0 !important;
  padding: 0 22px !important;
  position: absolute !important;
  right: 0 !important;
  text-align: center !important;
  top: 58px !important;
  transition: opacity .3s ease !important;
  z-index: 2 !important;
}

/* DMT prints the model first and the category under it. The markup has them the
   other way round, so the order is set here rather than by moving the tags --
   the same block is read out by the size chart and the finder's own tests. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt .dpd-v2-finder-card-title-block {
  background: transparent !important;
  display: flex !important;
  flex-direction: column !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt .dpd-v2-finder-card-topbar h4 {
  color: #05090d !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  order: 1 !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt .dpd-v2-finder-card-type {
  color: #7f7f7f !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  letter-spacing: .1em !important;
  line-height: 1.4 !important;
  margin: 8px 0 0 !important;
  order: 2 !important;
  text-transform: uppercase !important;
}

/* Part number, match status and the quick line are hover detail on DMT, not
   resting state. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt .dpd-v2-finder-card-topbar .sub,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt .dpd-v2-finder-card-topbar .dpd-v2-finder-row-status,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt .dpd-v2-finder-card-copy {
  display: none !important;
}

/* One name at a time: the resting title steps aside for the hover panel. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt:hover .dpd-v2-finder-card-topbar,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt:focus-within .dpd-v2-finder-card-topbar {
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ---- the tire: parked low, rises on hover, always inside the tile ---- */

/* No plate. dpd-v2-portal.css gives the figure background:#eef3f6, an 18px
   radius and 18px of padding; DMT has none -- the tire sits on the tile. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt .dpd-v2-finder-card-media {
  align-items: flex-start !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  bottom: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  height: auto !important;
  justify-content: center !important;
  left: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  right: 0 !important;
  top: 176px !important;
  transition: top .45s cubic-bezier(.2, .7, .3, 1) !important;
  z-index: 1 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt:hover .dpd-v2-finder-card-media,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt:focus-within .dpd-v2-finder-card-media {
  top: 26px !important;
}

/* The image itself never transforms. A scaled tire needs the tile to stop
   clipping to be seen whole, and a tile that stops clipping is the bug. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt .dpd-v2-finder-card-media img {
  display: block !important;
  height: auto !important;
  margin: 0 !important;
  max-height: 300px !important;
  max-width: 86% !important;
  min-height: 0 !important;
  object-fit: contain !important;
  transform: none !important;
  transition: none !important;
  width: auto !important;
}

/* ---- the hover panel: a name and a line of copy, nothing operable ---- */

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt .dpd-v2-finder-card-info {
  background: #ffffff !important;
  border: 0 !important;
  border-bottom: 1px solid #e5e5e5 !important;
  border-radius: 0 !important;
  border-top: 1px solid #e5e5e5 !important;
  bottom: auto !important;
  box-shadow: none !important;
  display: block !important;
  left: 8% !important;
  opacity: 0 !important;
  padding: 16px 18px 18px !important;
  pointer-events: none !important;
  position: absolute !important;
  right: 8% !important;
  text-align: center !important;
  top: 150px !important;
  transform: none !important;
  transition: opacity .3s ease !important;
  visibility: hidden !important;
  z-index: 3 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt .dpd-v2-finder-card-hover-title {
  color: #05090d !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
  line-height: 1.2 !important;
  margin: 0 0 8px !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

/* dpd-v2-portal.css clamps every <p> in this card to 3.6em and hides the rest,
   which cut the third line of the copy off mid-word. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt .dpd-v2-finder-card-hover-copy {
  color: #7f7f7f !important;
  font-size: 12.5px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  text-align: center !important;
}

/* ---- the action bar: parked below the tile, slides up on hover ---- */

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt .dpd-v2-action-row--finder-card {
  bottom: 0 !important;
  display: block !important;
  left: 0 !important;
  margin: 0 !important;
  /* The row was carrying 4px 14px of padding, which left the yellow bar
     floating inside the tile with a grey margin on three sides instead of
     closing the box. The bar is the bottom edge of the card. */
  padding: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  right: 0 !important;
  transform: translateY(100%) !important;
  transition: opacity .3s ease, transform .4s cubic-bezier(.2, .7, .3, 1) !important;
  visibility: hidden !important;
  z-index: 4 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt:hover .dpd-v2-finder-card-info,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt:focus-within .dpd-v2-finder-card-info,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt:hover .dpd-v2-action-row--finder-card,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt:focus-within .dpd-v2-action-row--finder-card {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
  visibility: visible !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt .dpd-v2-finder-details-link {
  margin: 0 !important;
  width: 100% !important;
  background: var(--dpd-tire-yellow, #fff200) !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #05090d !important;
  /* Every .mock-btn on this route is given a hard -webkit-text-fill-color by an
     earlier layer, and that property paints the glyphs regardless of `color`.
     Both have to be stated here or the label is decided somewhere else. */
  -webkit-text-fill-color: #05090d !important;
  display: block !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
  line-height: 54px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  text-align: center !important;
  text-transform: uppercase !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt .dpd-v2-finder-details-link:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt .dpd-v2-finder-details-link:focus-visible {
  background: #05090d !important;
  color: #ffffff !important;
  /* This is the bug behind "when you hover over the button text is dark": the
     bar went black from this rule while the label kept the dark fill from the
     route-wide button rule, so VIEW DETAILS disappeared into its own button. */
  -webkit-text-fill-color: #ffffff !important;
}

/* The chevron carries its own #101820 fill at (1,9,0) in dpd-v2-portal.css, so
   it needs saying here too or the arrow stays black on the black bar. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt .dpd-v2-finder-details-link:hover .dpd-v2-finder-details-icon,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt .dpd-v2-finder-details-link:focus-visible .dpd-v2-finder-details-icon {
  border-color: #ffffff !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Selection is a ring and nothing else, and it survives being hovered: the card
   a dealer arrived on is the one they are most likely to point at. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.is-selected {
  box-shadow: inset 0 0 0 3px var(--dpd-tire-yellow, #fff200) !important;
}

/* ---- no-hover devices ---- */

/* A real touch device has no hover AND a coarse pointer. Requiring both means
   one false signal cannot switch the design off. This was a JS-applied class,
   and before that `@media (hover: none)` alone; each was flipped by something
   that was not a phone, and each time the whole treatment silently vanished. */
@media (hover: none) and (pointer: coarse) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt .dpd-v2-finder-card-media {
    top: 120px !important;
    transition: none !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt .dpd-v2-finder-card-media img {
    max-height: 230px !important;
    transform: none !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt .dpd-v2-finder-card-info {
    display: none !important;
  }

  /* Nothing can be revealed here, so the one control is simply on -- and the
     tile goes on clipping, because that is what keeps it a tile. */
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt .dpd-v2-action-row--finder-card {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
    visibility: visible !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt .dpd-v2-finder-card-shell,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt .dpd-v2-finder-card-media {
    overflow: hidden !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt .dpd-v2-finder-card-media,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt .dpd-v2-finder-card-info,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt .dpd-v2-finder-card-topbar,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt .dpd-v2-action-row--finder-card {
    transition: none !important;
  }
}

/* ---- narrow screens: the tile keeps its proportions ---- */

@media (max-width: 900px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt {
    height: 340px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt .dpd-v2-finder-card-topbar {
    top: 40px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt .dpd-v2-finder-card-media {
    top: 150px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt:hover .dpd-v2-finder-card-media,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt:focus-within .dpd-v2-finder-card-media {
    top: 22px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt .dpd-v2-finder-card-media img {
    max-height: 250px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt .dpd-v2-finder-card-info {
    top: 122px !important;
  }
}

/* --- the finder controls ------------------------------------------------- */

/* The active tab had no colour of its own and rendered as an empty underline. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-tabs button {
  background: transparent !important;
  border: 0 !important;
  color: #5A6572 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  padding: 12px 16px !important;
  text-transform: uppercase !important;
  -webkit-text-fill-color: #5A6572 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-tabs button.is-active,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-tabs button[aria-selected="true"] {
  border-bottom: 3px solid #05090d !important;
  color: #05090d !important;
  -webkit-text-fill-color: #05090d !important;
}

/* Find Tires and Clear were being squeezed to a couple of characters wide. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-form--motorcycle {
  align-items: end !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) max-content !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-form--motorcycle .dpd-v2-action-row {
  display: flex !important;
  gap: 8px !important;
  width: auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-form--motorcycle .dpd-v2-action-row .mock-btn {
  min-width: 104px !important;
  padding: 12px 18px !important;
  white-space: nowrap !important;
}

@media (max-width: 900px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-form--motorcycle {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* ==========================================================================
   Header — the notification bell says whether anything is waiting
   --------------------------------------------------------------------------
   The bell sat muted next to a solid-yellow Search and a solid-yellow Settings
   while carrying a badge of 12. The one control in the row with something
   actually pending was the least visible thing in it, and two controls with
   nothing to report were the most visible. That is the wrong way round.

   So yellow stops meaning "this is a button" here and starts meaning "this has
   something for you":

     nothing waiting   dark chip, muted icon — present, not shouting
     something waiting dark chip, YELLOW icon, yellow ring, slow glow
     hover / focus     dark chip, WHITE icon, brighter ring

   Hover is deliberately white rather than yellow. If hover also went yellow the
   two would collide and the state would stop being readable — you could not tell
   a bell with twelve updates from one you happened to be pointing at. White is
   the pointer, yellow is the news.

   responsive-style-logout.css is a hardcoded <link> in header.php and loads after
   every enqueued sheet, so it paints this bell last at (1,5,1). The modifier is
   repeated to win on specificity rather than hoping to win on order.
   ========================================================================== */

html body.dpd-member-surface #header-login.dpd-public-header--member a.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble {
  background: #10161d !important;
  border: 1px solid rgba(255, 255, 255, .10) !important;
  color: #8b97a5 !important;
  transition: background .18s ease, border-color .18s ease, color .18s ease, box-shadow .28s ease !important;
}

html body.dpd-member-surface #header-login.dpd-public-header--member a.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble .dpd-public-header-link__icon {
  color: inherit !important;
  stroke: currentColor !important;
}

/* Something is waiting. */
html body.dpd-member-surface #header-login.dpd-public-header--member a.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--has-updates {
  border-color: #fff200 !important;
  color: #fff200 !important;
}

/* The glow is a breath, not a blink: it has to survive being looked at for an
   hour without becoming the reason someone leaves the tab. */
@keyframes dpd-header-bell-glow {
  0%, 100% { box-shadow: 0 0 0 0 rgba(255, 242, 0, .34); }
  50%      { box-shadow: 0 0 14px 3px rgba(255, 242, 0, .34); }
}

html body.dpd-member-surface #header-login.dpd-public-header--member a.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--has-updates {
  animation: dpd-header-bell-glow 2.6s ease-in-out infinite !important;
}

/* Hover and keyboard focus read the same, because a keyboard user is pointing
   at it just as much as a mouse user is. */
html body.dpd-member-surface #header-login.dpd-public-header--member a.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble:hover,
html body.dpd-member-surface #header-login.dpd-public-header--member a.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble:focus-visible {
  background: #1b232c !important;
  border-color: rgba(255, 255, 255, .55) !important;
  color: #ffffff !important;
}

html body.dpd-member-surface #header-login.dpd-public-header--member a.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--has-updates:hover,
html body.dpd-member-surface #header-login.dpd-public-header--member a.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--has-updates:focus-visible {
  border-color: #fff200 !important;
  color: #ffffff !important;
}

/* A ring the browser draws itself, so focus is never only a colour change. */
html body.dpd-member-surface #header-login.dpd-public-header--member a.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble:focus-visible {
  outline: 2px solid #fff200 !important;
  outline-offset: 2px !important;
}

/* An animation that cannot be turned off is an accessibility fault, and a
   vestibular trigger sitting in the header of every page is the worst place for
   one. The state still reads: the ring and the yellow icon carry it without motion. */
@media (prefers-reduced-motion: reduce) {
html body.dpd-member-surface #header-login.dpd-public-header--member a.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--has-updates {
    animation: none !important;
    box-shadow: 0 0 0 3px rgba(255, 242, 0, .30) !important;
  }

html body.dpd-member-surface #header-login.dpd-public-header--member a.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble.dpd-public-header-link--updates-bubble {
    transition: none !important;
  }
}


/* ==========================================================================
   Growth Program — text that is actually legible on its own background
   --------------------------------------------------------------------------
   The page renders on the dark member surface but its copy inherits the public
   palette, so the body text came out near-black on near-black and the three
   links came out mid-grey on it. The heading survived only because it is bold
   enough to catch the edge light. Everything under it was invisible unless you
   selected it.

   This is scoped to the page's own body class rather than the surface, because
   the surface is shared and correcting it globally would repaint pages that are
   already right.
   ========================================================================== */

html body.page-template-template-growth-program #sub-page-main-content-wrapper .main-content h1 {
  color: #ffffff !important;
}

html body.page-template-template-growth-program #sub-page-main-content-wrapper .main-content p {
  color: rgba(255, 255, 255, .82) !important;
  max-width: 68ch !important;
}

/* The three actions were rendering as bare grey text with a stray arrow. They are
   the only things to do on this page, so they read as buttons. */
html body.page-template-template-growth-program #sub-page-main-content-wrapper .main-content .buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 28px !important;
}

html body.page-template-template-growth-program #sub-page-main-content-wrapper .main-content .buttons a.button {
  background: #fff200 !important;
  border: 1px solid #fff200 !important;
  border-radius: 999px !important;
  color: #05090d !important;
  display: inline-block !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  padding: 13px 26px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  transition: background .18s ease, color .18s ease !important;
}

/* Two of the three are secondary — only the first should read as the main action. */
html body.page-template-template-growth-program #sub-page-main-content-wrapper .main-content .buttons a.button + a.button {
  background: transparent !important;
  border-color: rgba(255, 255, 255, .45) !important;
  color: #ffffff !important;
}

html body.page-template-template-growth-program #sub-page-main-content-wrapper .main-content .buttons a.button:hover,
html body.page-template-template-growth-program #sub-page-main-content-wrapper .main-content .buttons a.button:focus-visible {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #05090d !important;
}

/* ==========================================================================
   Downloads — the staff MAP country filter
   --------------------------------------------------------------------------
   Only Super Admins and RSMs get this control. They receive every country's
   pricing files, which makes their list longer than a dealer's rather than
   wrong, and an RSM covering a border territory is asked about both — so the
   answer is to let them narrow it, not to take files away.
   ========================================================================== */

html body.dpd-member-surface .dpd-downloads-country-filter {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 0 18px !important;
}

html body.dpd-member-surface .dpd-downloads-country-filter__label {
  color: #5A6572 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  margin-right: 2px !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface .dpd-downloads-country-filter__btn {
  background: transparent !important;
  border: 1px solid rgba(90, 101, 114, .35) !important;
  border-radius: 999px !important;
  color: #05090d !important;
  cursor: pointer !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  padding: 7px 15px !important;
  text-transform: uppercase !important;
  transition: background .16s ease, border-color .16s ease, color .16s ease !important;
}

html body.dpd-member-surface .dpd-downloads-country-filter__btn:hover {
  border-color: #05090d !important;
}

html body.dpd-member-surface .dpd-downloads-country-filter__btn.is-active {
  background: #fff200 !important;
  border-color: #fff200 !important;
  color: #05090d !important;
}

html body.dpd-member-surface .dpd-downloads-country-filter__btn:focus-visible {
  outline: 2px solid #05090d !important;
  outline-offset: 2px !important;
}

@media (prefers-reduced-motion: reduce) {
  html body.dpd-member-surface .dpd-downloads-country-filter__btn {
    transition: none !important;
  }
}

/* ==========================================================================
   .screen-reader-text — hidden on every page, not just the portal ones
   --------------------------------------------------------------------------
   header-login.php uses this class four times: the account name beside the
   avatar, and the name of each accent swatch. It is text that exists for a
   screen reader and must never be seen.

   It was only ever styled in dpd-v2-portal.css and dpd-theme-latest.css — the
   MEMBER bundles. Public landing pages load neither, so a signed-in visitor on
   one of those pages saw "exultsadmin" printed beside the account pill and the
   six accent names ("Factory Yellow", "Mint", "Sky"...) stacked on top of their
   own swatches.

   Nothing was broken about the header. The text was always there; on those pages
   nothing was hiding it. Adding four pages to the public-landing allowlist is what
   exposed it, which is why it appeared this week and not months ago.

   Defined here because this file loads on every page, member and public alike.
   Relying on a class the markup depends on being styled somewhere else is the
   fault itself, not the missing rule.
   ========================================================================== */

.screen-reader-text {
  border: 0 !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
  word-wrap: normal !important;
}

/* A skip link is screen-reader-text until it is tabbed to, and then it has to be
   visible or a keyboard user is sent somewhere they cannot see. */
.screen-reader-text:focus {
  clip-path: none !important;
  height: auto !important;
  margin: 0 !important;
  overflow: visible !important;
  padding: 15px 23px 14px !important;
  position: static !important;
  white-space: normal !important;
  width: auto !important;
}

/* ==========================================================================
   News — the listing and the single post
   --------------------------------------------------------------------------
   Both templates share #sub-page-main-content-wrapper.news, so one block covers
   /news/ and every post. Neither had ever been styled for this design language:
   they were built against the old theme and inherited whatever was left.

   The most visible fault was not typography. A short post left the content band
   ending partway down, the footer sitting mid-screen, and a large empty dark
   region below it — the page looked broken rather than short. Content that does
   not fill the viewport is the normal case for news, so the layout has to hold
   its own floor.
   ========================================================================== */

html body #sub-page-main-content-wrapper.news {
  background: #14171c !important;
  /* Header and footer come out of the viewport; the rest is the content floor,
     so a one-line post still reaches the footer instead of stranding it. */
  min-height: calc(100vh - 340px) !important;
  padding: 34px 0 64px !important;
}

/* --- headings ------------------------------------------------------------ */

html body #sub-page-main-content-wrapper.news .main-content h1,
html body #sub-page-main-content-wrapper.news .entry-title {
  color: #ffffff !important;
  font-size: clamp(28px, 3.4vw, 40px) !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
  line-height: 1.05 !important;
  margin: 0 0 6px !important;
}

html body #sub-page-main-content-wrapper.news .sidebar-title {
  border-bottom: 2px solid rgba(255, 242, 0, .55) !important;
  color: #fff200 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  letter-spacing: -.01em !important;
  padding-bottom: 10px !important;
}

/* --- the date, which is a label rather than body copy -------------------- */

html body #sub-page-main-content-wrapper.news .date {
  color: rgba(255, 255, 255, .58) !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  margin: 0 0 4px !important;
  text-transform: uppercase !important;
}

/* --- body copy ----------------------------------------------------------- */

html body #sub-page-main-content-wrapper.news .main-content p,
html body #sub-page-main-content-wrapper.news .entry-content p {
  color: rgba(255, 255, 255, .82) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  margin: 0 0 14px !important;
  max-width: 68ch !important;
}

/* --- one post in the list ------------------------------------------------ */

html body #sub-page-main-content-wrapper.news .single-news {
  border-bottom: 1px solid rgba(255, 255, 255, .12) !important;
  margin: 0 0 26px !important;
  padding: 0 0 26px !important;
}

html body #sub-page-main-content-wrapper.news .single-news:last-child {
  border-bottom: 0 !important;
}

html body #sub-page-main-content-wrapper.news .single-news h2 a,
html body #sub-page-main-content-wrapper.news .single-news h3 a {
  color: #ffffff !important;
  font-size: 21px !important;
  font-weight: 750 !important;
  letter-spacing: -.01em !important;
  text-decoration: none !important;
}

html body #sub-page-main-content-wrapper.news .single-news h2 a:hover,
html body #sub-page-main-content-wrapper.news .single-news h3 a:hover {
  color: #fff200 !important;
}

/* "test news Read More" ran together as one sentence. Read More is a control,
   so it gets its own line and reads as one. */
html body #sub-page-main-content-wrapper.news .read-more {
  color: #fff200 !important;
  display: inline-block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  margin-top: 10px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

html body #sub-page-main-content-wrapper.news .read-more:hover {
  text-decoration: underline !important;
}

/* --- sidebar ------------------------------------------------------------- */

html body #sub-page-main-content-wrapper.news .news-recent-list li {
  border-bottom: 1px solid rgba(255, 255, 255, .1) !important;
  list-style: none !important;
  padding: 12px 0 !important;
}

html body #sub-page-main-content-wrapper.news .news-recent-list a {
  color: #fff200 !important;
  font-size: 14.5px !important;
  text-decoration: none !important;
}

html body #sub-page-main-content-wrapper.news .news-recent-list a:hover {
  text-decoration: underline !important;
}

/* --- share ---------------------------------------------------------------
   The markup is empty anchors — <li class="facebook"><a></a></li> — that relied
   on a sprite from the old theme. With the sprite gone they rendered as stray
   glyphs. Given no text to work with, they become labelled chips: an empty link
   is unusable with a screen reader anyway, and the class name is the only thing
   that says which network it is. */

html body #sub-page-main-content-wrapper.news .article-share {
  align-items: center !important;
  border-top: 1px solid rgba(255, 255, 255, .12) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 28px !important;
  padding-top: 20px !important;
}

html body #sub-page-main-content-wrapper.news .article-share h4 {
  color: rgba(255, 255, 255, .58) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  margin: 0 12px 0 0 !important;
  text-transform: uppercase !important;
}

html body #sub-page-main-content-wrapper.news .article-share ul {
  display: flex !important;
  gap: 8px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body #sub-page-main-content-wrapper.news .article-share li a {
  align-items: center !important;
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, .28) !important;
  border-radius: 999px !important;
  color: rgba(255, 255, 255, .82) !important;
  display: inline-flex !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  height: auto !important;
  letter-spacing: .1em !important;
  padding: 7px 14px !important;
  text-decoration: none !important;
  text-indent: 0 !important;
  text-transform: uppercase !important;
  width: auto !important;
}

html body #sub-page-main-content-wrapper.news .article-share li.facebook a::after { content: "Facebook"; }
html body #sub-page-main-content-wrapper.news .article-share li.twitter a::after { content: "X"; }
html body #sub-page-main-content-wrapper.news .article-share li.delicious a::after { content: "Save"; }
html body #sub-page-main-content-wrapper.news .article-share li.email a::after { content: "Email"; }

html body #sub-page-main-content-wrapper.news .article-share li a:hover,
html body #sub-page-main-content-wrapper.news .article-share li a:focus-visible {
  background: #fff200 !important;
  border-color: #fff200 !important;
  color: #05090d !important;
}

html body #sub-page-main-content-wrapper.news .article-share li a:focus-visible {
  outline: 2px solid #ffffff !important;
  outline-offset: 2px !important;
}

/* --- breadcrumbs --------------------------------------------------------- */

html body #sub-page-main-content-wrapper.news #breadcrumbs-wrapper,
html body #sub-page-main-content-wrapper.news .breadcrumbs {
  color: rgba(255, 255, 255, .5) !important;
  font-size: 11px !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}

html body #sub-page-main-content-wrapper.news #breadcrumbs-wrapper a,
html body #sub-page-main-content-wrapper.news .breadcrumbs a {
  color: rgba(255, 255, 255, .72) !important;
}

@media (max-width: 900px) {
  html body #sub-page-main-content-wrapper.news {
    min-height: 0 !important;
    padding: 24px 0 44px !important;
  }
}

/* ==========================================================================
   Testimonials — the video popup could not be closed
   --------------------------------------------------------------------------
   The overlay opens at z-index 1005. The site header sits at 100100. So the
   header rendered ON TOP of the overlay, and the close button —
   position: absolute; right: 20px; top: 20px — sat in exactly the strip the
   header covered. The X was visible through the gap beside the header pill but
   every click landed on the header instead.

   Nothing was wrong with the JavaScript. The button was underneath something.

   Raised above the header, and given the things any modal owes a person who
   wants out of it: a target big enough to hit, Escape, and a backdrop click.
   One small close button that can be occluded by a stacking-context change is
   how a modal becomes a trap.
   ========================================================================== */

html body .test-vid-pop-con.h-tes-vid-popup {
  z-index: 100200 !important;
}

/* Fixed, not absolute: the overlay scrolls when a video is taller than the
   viewport, and a close button that scrolls away is no better than a hidden one. */
html body .test-vid-pop-con.h-tes-vid-popup .test-vid-pop-con-colse-main {
  background: #ffffff !important;
  border-radius: 999px !important;
  box-shadow: 0 6px 22px rgba(0, 0, 0, .4) !important;
  padding: 14px !important;
  position: fixed !important;
  right: 24px !important;
  top: 24px !important;
  z-index: 100201 !important;
}

html body .test-vid-pop-con.h-tes-vid-popup .test-vid-pop-con-close {
  align-items: center !important;
  display: flex !important;
  height: 28px !important;
  justify-content: center !important;
  width: 28px !important;
}

html body .test-vid-pop-con.h-tes-vid-popup .test-vid-pop-con-close:focus-visible {
  outline: 3px solid #fff200 !important;
  outline-offset: 4px !important;
}

/* The header is not part of the modal and should not sit over its backdrop. */
html body.h-tes-vid-popup-body #header-login,
html body.h-tes-vid-popup-body .dpd-v2-header-shell,
html body.h-tes-vid-popup-body header.log-out.dpd-public-header {
  z-index: 100 !important;
}

/* A page behind an open modal must not scroll. */
html body.h-tes-vid-popup-body {
  overflow: hidden !important;
}

@media (max-width: 700px) {
  html body .test-vid-pop-con.h-tes-vid-popup .test-vid-pop-con-colse-main {
    padding: 11px !important;
    right: 14px !important;
    top: 14px !important;
  }
}

/* ==========================================================================
   Wallet hero — one obvious action
   --------------------------------------------------------------------------
   John Chen, 28 August review, with analytics behind it: "the dealers, at least
   according to our analytics, their path on here is almost strictly to go redeem
   Dunlop Dollars... the button to do it is kind of lost between all the other
   buttons."

   The hero previously offered REDEEM, HOW DO I EARN and ORDER HISTORY at equal
   weight on the left, and REDEEM again at small size on the right. Four buttons,
   no hierarchy, and the one thing dealers came for was indistinguishable.

   This does not remove anything. It sizes the balance the dealer came to read,
   and makes the redeem button beside it the heaviest element on the page, which
   is what the supplied mockup shows.
   ========================================================================== */

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .video-header .dashboard-head-right-in h3 {
  font-size: clamp(46px, 4.6vw, 74px) !important;
  margin: 2px 0 14px !important;
}

/* Stacked, so redeem sits under the balance rather than beside a sibling of
   equal weight. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .video-header .db-right-btns {
  display: grid !important;
  gap: 10px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .video-header .db-right-btns > a.bttn:first-child {
  background: #fff200 !important;
  border: 0 !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  padding: 16px 22px !important;
  text-align: center !important;
  width: 100% !important;
}

/* Account history stays reachable and stops competing. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-route-shell--finance .video-header .db-right-btns > a.bttn:last-child {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.45) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 12px !important;
  padding: 10px 16px !important;
  text-align: center !important;
  width: 100% !important;
}


/* ==========================================================================
   Tire Detail — the matched rows fill the row, and the flyer is readable
   --------------------------------------------------------------------------
   Reported 1 Sep: "the promotions isn't full width and gets cut off".

   Two separate faults, both in the same card.

   1. NOT FULL WIDTH. The grid is a hard `repeat(2, ...)`, so a tire with one
      matched offer -- which is the common case -- draws a half-width card
      against an equal area of empty white. auto-fit lets one card take the row
      and two share it, without the section having to know how many there are.

   2. CUT OFF. The flyer is a 848x424 landscape image (2:1) and it was being
      poured into a tall narrow column at object-fit: cover, so all that showed
      was a vertical sliver out of the middle: "GET UP TO $60 REBATE IF YOU
      PURCHASE 2 TIRES" rendered as "0*2". A rebate flyer is information --
      the offer, the tire count and the dates all live inside the artwork --
      so cropping it is the same as deleting it.

      There is already a `contain` rule for this card at line ~19199 of this
      file, with a comment describing this exact symptom. It has never applied:
      dpd-v2-portal.css restates the same properties under `#product-promotions`
      (two IDs), which outranks it no matter what loads last. That is why the
      crop came back. These selectors carry the section ID for that reason --
      dropping it puts the sliver back.

   The media column now carries the flyer's own 2:1 shape, so `contain` fills
   it instead of letterboxing a landscape image into a portrait hole.
   ========================================================================== */

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail #product-promotions .dpd-v2-promo-download-grid,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail #product-downloads .dpd-v2-library-grid--resource {
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 460px), 1fr)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail #product-promotions .dpd-v2-promo-download-card.has-media {
  align-items: center !important;
  column-gap: 20px !important;
  display: grid !important;
  grid-template-areas:
    "media header"
    "media body"
    "media action" !important;
  grid-template-columns: clamp(220px, 38%, 420px) minmax(0, 1fr) !important;
  padding: 14px !important;
}

/* The whole flyer, on the white it was drawn against. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail #product-promotions .dpd-v2-promo-download-card__media {
  align-self: center !important;
  aspect-ratio: 2 / 1 !important;
  background: #ffffff !important;
  border: 1px solid rgba(16, 24, 32, 0.08) !important;
  border-radius: 8px !important;
  grid-area: media !important;
  height: auto !important;
  margin: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail #product-promotions .dpd-v2-promo-download-card__media img {
  background: #ffffff !important;
  display: block !important;
  height: 100% !important;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  width: 100% !important;
}

/* Narrow: the flyer goes across the top, where a 2:1 image belongs. */
@media (max-width: 900px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail #product-promotions .dpd-v2-promo-download-card.has-media {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "media"
      "header"
      "body"
      "action" !important;
    row-gap: 12px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail #product-promotions .dpd-v2-promo-download-card__media {
    width: 100% !important;
  }
}

/* ==========================================================================
   Tire Detail — room to read
   --------------------------------------------------------------------------
   Reported 1 Sep: "a lot of things are tight and not styled nice".

   Measured, before this block:

     size-chip meta        9px  (8px on a phone), 0.06em tracked
     spec table cells     10px  on a phone, headers 9px
     the size chips       12 of them, 5 across, inside a 170px scroll box
                          nested in a page that also scrolls
     the price            "Check pricing" -- a placeholder -- set at 34px,
                          the largest type in the cockpit, with the one real
                          number on the card (MSRP) small underneath it
     the MAP column       27 rows of "Check pricing", one per size
     the size chart       max-height 620px, so it ends mid-row with a row
                          sliced in half along the bottom edge

   Nothing on a page dealers read part numbers off should be under 11px, and a
   scroll box inside a scrolling page is where content goes to be missed. This
   block sets a floor, gives the chips the room to be one grid, lets the chart
   be its full height with a sticky header, and stops the placeholder out-
   shouting the price.
   ========================================================================== */

/* ---- the tire, and the column it sits in ---- */

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__main {
  align-items: start !important;
  gap: 36px !important;
  grid-template-columns: minmax(240px, 360px) minmax(0, 1fr) !important;
}

/* align-self is stated because something upstream centres this figure inside a
   row as tall as the whole configurator, which parked the tire 240px below the
   panel's top edge with nothing in the gap. And no plate: DMT sets its tire on
   the tile itself, and a grey rounded rectangle behind a cut-out PNG only reads
   as a second card inside the first one. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision {
  align-self: start !important;
  aspect-ratio: auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  max-height: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  position: sticky !important;
  top: 96px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision img {
  max-height: 380px !important;
  max-width: 100% !important;
}

/* The two labels the cockpit reads by -- "Sidewall Options" and "Choose Size" --
   were being flattened out of sight with the rest of the kickers. A grid of 12
   part numbers needs to say what it is. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-sidewall-options > .dpd-v2-card-kicker,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector > .dpd-v2-card-kicker {
  color: #6b7683 !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .14em !important;
  margin: 0 0 8px !important;
  text-transform: uppercase !important;
}

/* "CATALOG12 SIZE OPTIONS" ran together as one word. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-price__meta {
  column-gap: 10px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  margin-top: 6px !important;
}

/* ---- the head: position, then price, left-aligned like the spec sheet it is ---- */

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-configurator-head {
  align-items: start !important;
  gap: 20px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-side-switch {
  justify-self: start !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-price {
  align-items: flex-start !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  padding: 14px 18px !important;
  text-align: left !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-price strong {
  font-size: 32px !important;
}

/* A placeholder is not a price. When MAP carries no figure the MSRP becomes the
   headline and "MAP Price / Check pricing" drops to a caption under it. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-price.is-map-placeholder .dpd-v2-product-price__msrp {
  align-items: baseline !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  order: -1 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-price.is-map-placeholder .dpd-v2-product-price__msrp #dpd-v2-detail-msrp {
  color: #05090d !important;
  font-size: 30px !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-price.is-map-placeholder strong {
  color: #566676 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
}

/* Distributor account numbers for the selected size. The card's own comments
   call this a spec sheet, so each number gets one spec-sheet row -- label at
   the start, value pinned to the end -- set off from MSRP above and from
   "Catalog / 14 size options" below by a hairline rule. A label/value grid
   was tried first but the card is only ~140px wide, too narrow for three
   columns; stacked label-over-value pairs read as three separate blocks
   rather than one related list, hence the row-per-number layout instead. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-price__distributors {
  border-top: 1px solid var(--dpd-tire-line, rgba(6, 17, 26, 0.12)) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  margin: 12px 0 0 !important;
  padding-top: 10px !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-price__distributor {
  align-items: baseline !important;
  display: flex !important;
  gap: 10px !important;
  justify-content: space-between !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-price__distributor-label {
  color: var(--dpd-tire-muted, #566676) !important;
  flex-shrink: 0 !important;
  font-size: 11px !important;
  letter-spacing: .06em !important;
  text-align: left !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-price__distributor-value {
  color: var(--dpd-tire-ink, #101820) !important;
  font-size: 12.5px !important;
  font-variant-numeric: tabular-nums !important;
  font-weight: 600 !important;
  letter-spacing: .01em !important;
  text-align: right !important;
}

/* ---- the meta line and the description stop being centred ---- */

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-meta-line {
  font-size: 13.5px !important;
  justify-content: flex-start !important;
  margin: 12px 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-sidewall-options {
  justify-content: flex-start !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-sidewall-options__list {
  justify-content: flex-start !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-sidewall-options button {
  font-size: 11.5px !important;
  min-width: 56px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-description {
  font-size: 14.5px !important;
  line-height: 1.5 !important;
  margin: 14px 0 !important;
  max-width: 68ch !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-actions,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__content > .dpd-v2-action-row {
  justify-content: flex-start !important;
  margin-top: 16px !important;
}

/* ---- the sizes: one grid, no box inside the box ---- */

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector__list {
  gap: 10px !important;
  grid-template-columns: repeat(auto-fill, minmax(156px, 1fr)) !important;
  max-height: none !important;
  overflow: visible !important;
  padding-right: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector__option {
  align-items: flex-start !important;
  min-height: 64px !important;
  padding: 11px 14px !important;
  text-align: left !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector__option strong {
  font-size: 16px !important;
  line-height: 1.15 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector__option span {
  font-size: 11px !important;
  letter-spacing: .02em !important;
  line-height: 1.35 !important;
}

/* Selection is yellow here, the way it is everywhere else in this portal. The
   teal came from dpd-frontend-audit.css, which loads last and reaches (1,4,0)
   on this element -- the doubled class is what outranks it. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector__option.is-active.is-active {
  background: rgba(255, 242, 0, 0.16) !important;
  border-color: #d8cd00 !important;
  box-shadow: inset 0 0 0 2px var(--dpd-tire-yellow, #fff200) !important;
}

/* ---- the size chart: whole, with the column names always in view ---- */

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-table-scroll.dpd-v2-table-scroll--tall {
  max-height: none !important;
  overflow: visible !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .mock-table.dpd-v2-spec-table :is(th, td) {
  font-size: 13px !important;
  line-height: 1.35 !important;
  padding: 12px 14px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .mock-table.dpd-v2-spec-table th {
  font-size: 11px !important;
  letter-spacing: .1em !important;
  position: sticky !important;
  top: 64px !important;
  z-index: 2 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .mock-table.dpd-v2-spec-table tbody tr:nth-child(even) td {
  background: #f7f9fb !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .mock-table.dpd-v2-spec-table td:first-child {
  font-weight: 700 !important;
}

/* Money right-aligns, so the figures line up on the decimal rather than on the
   first character of whatever length they happen to be. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .mock-table.dpd-v2-spec-table :is(th, td):nth-child(6),
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .mock-table.dpd-v2-spec-table :is(th, td):nth-child(7) {
  text-align: right !important;
}

/* A MAP column with no MAP in it is 27 rows saying "Check pricing". The class
   is set by PHP on first paint and by renderSpecTable() on every side change. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .mock-table.dpd-v2-spec-table--no-map :is(th, td):nth-child(6) {
  display: none !important;
}

/* ---- narrow screens: smaller, never illegible ---- */

@media (max-width: 900px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-spotlight-media--decision {
    position: static !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector__list {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector__option strong {
    font-size: 15px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-tire-size-selector__option span {
    font-size: 11px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-table-scroll.dpd-v2-table-scroll--tall {
    overflow-x: auto !important;
    overflow-y: visible !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .mock-table.dpd-v2-spec-table :is(th, td) {
    font-size: 12px !important;
    padding: 10px 12px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .mock-table.dpd-v2-spec-table th {
    font-size: 11px !important;
    position: static !important;
  }
}

/* ==========================================================================
   Tire Finder — one filter panel, and a ring that means something
   --------------------------------------------------------------------------
   Reported 1 Sep: "why is ae2 highlighted?" and "improve the filters... looks
   very scattered".

   THE RING. AE2 was highlighted because it sorts first. renderCards() keeps a
   "current" tire so the rest of the page has something to describe, and when
   nothing was chosen it fell back to items[0] and drew the selected ring around
   it -- then wrote `?selected=ae2` into the URL, so a refresh made the accident
   look deliberate. The template now separates "the finder is pointing at this"
   from "someone picked this" (selectionIsExplicit), and only the second gets a
   ring: the tire you came back from, resumed, or picked by name.

   That leaves hover with no feedback of its own, which is the other half of the
   question. It gets an outline rather than a box-shadow, because the selected
   ring IS an inset box-shadow and the two would overwrite each other -- which is
   exactly how the previous pass lost the ring on hover.

   THE FILTERS. Three separate cards stacked before you reach a tire: resume,
   find-by, narrow-by -- each with its own heading, its own border, its own
   shadow, and the count printed three times underneath (a pill, a sentence, and
   a 48px circle). Find-by and narrow-by are one task and are now one card with a
   divider; the count is stated once.
   ========================================================================== */

/* ---- hover reads as hover, selection still reads as selection ---- */

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card.dpd-v2-finder-card--browse.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt.dpd-finder-dmt:focus-within {
  /* Yellow, and around the whole box: with the action bar flush to the bottom
     edge the frame closes on all four sides instead of stopping above a
     floating button. Selection is the same colour but heavier, and it stays
     when the pointer leaves -- that is what separates the two. */
  outline: 2px solid var(--dpd-tire-yellow, #fff200) !important;
  outline-offset: -2px !important;
}

/* ---- find-by and narrow-by are one card ---- */

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-filter {
  border-bottom: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
}

/* The section body is a grid, so the space between these cards is its gap and
   no margin on a child can close it. The gap goes to zero and each child states
   the space it wants underneath itself instead -- which lets find-by and
   narrow-by sit flush and still leaves the others as they were. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-browser-shell > .dpd-section-body {
  gap: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-browser-shell > .dpd-section-body > .dpd-v2-finder-session:not([hidden]) {
  margin-bottom: 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-browser-shell > .dpd-section-body > .dpd-v2-finder-legacy-filter {
  margin-bottom: 0 !important;
}

/* An earlier layer styles this strip through `#finder-controls`, which carries
   two IDs and so outranks any one-ID selector no matter how late it lands. The
   strip's own ID is the only way to speak over it. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder #finder-controls.dpd-v2-finder-refine-strip--combined {
  align-items: start !important;
  border: 1px solid var(--dpd-finder-line, rgba(6, 17, 26, 0.10)) !important;
  border-radius: 0 0 8px 8px !important;
  border-top: 1px solid var(--dpd-finder-line, rgba(6, 17, 26, 0.10)) !important;
  box-shadow: 0 18px 34px rgba(10, 18, 24, 0.08) !important;
  gap: 12px !important;
  grid-template-columns: minmax(0, 1fr) !important;
  margin: 0 0 18px !important;
  padding: 16px clamp(16px, 2vw, 24px) !important;
}

/* The card above already says what this row is for. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder #finder-controls.dpd-v2-finder-refine-strip--combined .dpd-v2-finder-refine-strip__head {
  display: none !important;
}

/* The fields keep their own row and the position bank keeps its own: forcing
   all five controls onto one line starved the three selects to about 30px each
   and the bank overlapped them. What was scattered was three cards, not this
   row. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder #finder-controls.dpd-v2-finder-refine-strip--combined .dpd-v2-finder-controls--inline {
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

/* ---- the count, once ---- */

/* It was a pill, a sentence and a 48px circle, all reading "47", stacked within
   80px of each other. The sentence under the heading is the one that says what
   the number counts. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__count,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-inline-summary--finder #dpd-v2-finder-visible-count {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-inline-summary--finder {
  justify-content: flex-end !important;
}

/* ==========================================================================
   Tire Detail — the matched downloads, and a header that stays readable
   --------------------------------------------------------------------------
   Seen on staging, 1 Sep, in the "Downloads matched to American Elite" row.

   1. THE PHOTO WAS CUT OFF. The figure was left to derive its height from
      `aspect-ratio`, but it is a flex item inside the card and an earlier layer
      gives it `min-height: 0`, so it can be squeezed below that height whenever
      the row asks it to -- and a squeezed box with a full-height image inside
      it clips the image. A stated height cannot be squeezed, so the height is
      stated here and the figure is told not to flex.

   2. A CARD WITH NO IMAGE DREW AN EMPTY BOX. A download with no artwork gets
      `.is-fallback`, and the "Asset preview" placeholder that fills it is
      scoped to the Downloads route, not this one. Here it rendered as 200-odd
      pixels of blank white above the text. A card with nothing to show should
      show nothing.

   These selectors carry `#product-downloads` because the rules they answer to
   carry it as well; a one-ID selector cannot reach them.
   ========================================================================== */

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail #product-downloads .dpd-v2-library-card__media {
  align-items: center !important;
  aspect-ratio: auto !important;
  background: #ffffff !important;
  border-bottom: 1px solid rgba(16, 24, 32, 0.08) !important;
  display: grid !important;
  flex: 0 0 auto !important;
  height: clamp(180px, 21vw, 260px) !important;
  justify-items: center !important;
  overflow: hidden !important;
  padding: 12px !important;
}

/* The whole asset, whatever shape it was drawn in. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail #product-downloads .dpd-v2-library-card__media :is(img, iframe, video) {
  display: block !important;
  height: 100% !important;
  max-height: 100% !important;
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  width: 100% !important;
}

/* A video keeps its own frame -- it is the thing being shown, not a picture of
   one -- so it fills the box edge to edge on the dark it was designed for. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail #product-downloads .dpd-v2-library-card__media.is-video {
  background: #061017 !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail #product-downloads .dpd-v2-library-card__media.is-video :is(iframe, video) {
  object-fit: cover !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail #product-downloads .dpd-v2-library-card__media.is-fallback:not(.is-video),
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail #product-downloads .dpd-v2-library-card__media:empty {
  display: none !important;
}

/* The spec table's header row pinned at 64px, which is inside the floating
   member bar -- SIZE, POSITION and MSRP were scrolling underneath it and the
   row read as a grey smear. The bar's own sticky content sits at 82px, so the
   header clears it here. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .mock-table.dpd-v2-spec-table th {
  top: 108px !important;
}

/* ==========================================================================
   Tire Finder — the fitment row gets room to be read
   --------------------------------------------------------------------------
   Make, Model and Year were rendering about 55px wide, so every option read
   "MA", "MO", "YE" while the right half of the card stayed empty. The row is
   a flex line whose items were free to shrink to their content, and a <select>
   with a long option list has no content width of its own to defend.

   Three equal columns for the three questions, the buttons taking only what
   they need, and each control filling its column. The heading above them is
   the label for the row, not a banner, so it steps back down to the size of
   one -- the controls are what the dealer came here for.
   ========================================================================== */

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-form--motorcycle {
  align-items: end !important;
  column-gap: 14px !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) max-content !important;
  /* The panel around it is a four-column grid, so the row was landing in one
     360px column and dividing that between three selects and two buttons.
     It takes the whole panel. */
  grid-column: 1 / -1 !important;
  justify-self: stretch !important;
  row-gap: 12px !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-panel.is-active > .dpd-v2-finder-panel-heading {
  grid-column: 1 / -1 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-form--motorcycle > label {
  display: grid !important;
  gap: 6px !important;
  margin: 0 !important;
  min-width: 0 !important;
  width: auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-form--motorcycle > label > span {
  color: #66727e !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-form--motorcycle > label > select {
  height: 46px !important;
  max-width: none !important;
  min-width: 0 !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-form--motorcycle > .dpd-v2-action-row {
  align-items: end !important;
  display: flex !important;
  gap: 10px !important;
  margin: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-form--motorcycle > .dpd-v2-action-row > .mock-btn {
  height: 46px !important;
  white-space: nowrap !important;
}

/* The active panel was ringed in 2px of near-black -- heavier than the card it
   sits inside, so the eye landed on the frame before the fields. The active tab
   above it already says which panel is open. Two IDs because the rule that
   draws the frame is reached through the filter's own ID. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder #dpd-v2-finder-legacy-filter .dpd-v2-finder-legacy-panel[data-dpd-finder-panel].is-active {
  border: 1px solid var(--dpd-finder-line, rgba(6, 17, 26, 0.14)) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

@media (max-width: 900px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-form--motorcycle {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-legacy-form--motorcycle > .dpd-v2-action-row > .mock-btn {
    flex: 1 1 0 !important;
  }
}

/* The price box carries one row per price the viewer is entitled to: a dealer
   sees their market's MAP and MSRP, a rep sees all four. Laid out like the
   distributor rows directly beneath it so the whole card reads as one list. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-price__secondary {
  align-items: baseline !important;
  display: flex !important;
  gap: 10px !important;
  justify-content: space-between !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-price__secondary .dpd-v2-card-kicker {
  color: var(--dpd-tire-muted, #566676) !important;
  flex-shrink: 0 !important;
  font-size: 11px !important;
  letter-spacing: .06em !important;
  margin: 0 !important;
  text-align: left !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-price__secondary > span:last-child {
  color: var(--dpd-tire-ink, #101820) !important;
  font-size: 14px !important;
  font-variant-numeric: tabular-nums !important;
  font-weight: 700 !important;
}

/* DPD dashboard promotion banner full-bleed artwork - 2026-09-15 */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard > .main-content-sec.dpd-v2-dashboard-section.dpd-v2-dashboard-section--promo-banner,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--promo-banner,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-section--promo-banner {
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-promo-banner.dpd-v2-dashboard-promo-carousel,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-banner.dpd-v2-dashboard-promo-carousel {
  align-items: stretch !important;
  gap: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-promo-carousel .dpd-v2-dashboard-promo-slide,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-carousel .dpd-v2-dashboard-promo-slide {
  align-items: stretch !important;
  gap: 0 !important;
  grid-template-columns: minmax(0, auto) minmax(320px, 1fr) !important;
}

/* The artwork keeps its own proportions and runs to the banner edges: the
   column is as wide as the creative needs at full banner height, so a wide
   rebate banner fills almost the whole strip and a squarer flyer still shows
   in one piece instead of being cropped to a letterbox. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-promo-carousel .dpd-v2-dashboard-promo-banner__media,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-carousel .dpd-v2-dashboard-promo-banner__media {
  align-items: center !important;
  align-self: stretch !important;
  aspect-ratio: auto !important;
  background: #0a1016 !important;
  border-radius: 0 !important;
  display: flex !important;
  justify-content: flex-start !important;
  max-width: none !important;
  min-height: 212px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  width: auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-promo-carousel .dpd-v2-dashboard-promo-banner__media img,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-carousel .dpd-v2-dashboard-promo-banner__media img {
  display: block !important;
  height: auto !important;
  max-height: 252px !important;
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: left center !important;
  position: static !important;
  width: auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-promo-carousel .dpd-v2-dashboard-promo-banner__copy,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-carousel .dpd-v2-dashboard-promo-banner__copy {
  padding: 22px 24px 22px 26px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-promo-carousel__controls,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-carousel__controls {
  padding: 0 18px 0 0 !important;
}

@media (max-width: 1100px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-promo-carousel__controls,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-carousel__controls {
    padding: 0 24px 18px 26px !important;
  }
}

@media (max-width: 900px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-promo-carousel .dpd-v2-dashboard-promo-slide,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-carousel .dpd-v2-dashboard-promo-slide {
    grid-template-columns: 1fr !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-promo-carousel .dpd-v2-dashboard-promo-banner__media,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-carousel .dpd-v2-dashboard-promo-banner__media {
    justify-content: center !important;
    min-height: 0 !important;
    width: 100% !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-promo-carousel .dpd-v2-dashboard-promo-banner__media img,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-carousel .dpd-v2-dashboard-promo-banner__media img {
    max-height: none !important;
    width: 100% !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-promo-carousel .dpd-v2-dashboard-promo-banner__copy,
  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-dashboard-promo-carousel .dpd-v2-dashboard-promo-banner__copy {
    padding: 18px 18px 20px !important;
  }
}

/* Header app mark: rail alignment + accent-aware artwork - 2026-09-17 */

/* The collapsed shell floats the mark loose on the page rather than docking it
   in #header-login::before, so it has to find its own alignment: dead centre of
   the 88px icon rail underneath it, and centred on the jump-bar pill beside it.
   That pill is 54px tall against the mark's 58px, hence the 2px of overhang.
   The expanded shell is already centred inside its pill and is left alone.
   Hoisted into variables because the goo blob has to sit on the same rect. */
html body.dpd-member-surface {
  --dpd-header-logo-collapsed-left: calc(var(--dpd-stable-gutter, 24px) + ((var(--dpd-v2-sidebar-collapsed-width, 88px) - var(--dpd-header-logo-tile-size, 58px)) / 2));
  --dpd-header-logo-collapsed-top: 32px;
}

@media (min-width: 1101px) {
  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #header-login > .dpd-member-header-app-mark {
    left: var(--dpd-header-logo-collapsed-left) !important;
    top: var(--dpd-header-logo-collapsed-top) !important;
  }
}

/* Every accent but yellow and black takes the mono mark -- the yellow tile is
   the accent colour, so it only belongs to the two palettes built around it.
   Only while the sidebar is compacted, though: collapsed, the mark floats loose
   on the page next to the icon rail with nothing dark behind it, so a yellow
   tile reads as a swatch of a palette the user turned off. Expanded, the mark
   is docked inside the dark header pill and the yellow is the brand sitting on
   its own ground, so the extended shell keeps it whatever the accent.
   Swapped with content: url() so one rule covers both desktop marks without the
   markup having to know which palette is on. */
html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed):is([data-dpd-accent="green"], [data-dpd-accent="blue"], [data-dpd-accent="orange"], [data-dpd-accent="dirt"]) :is(#header-login > .dpd-member-header-app-mark, #header-login .dpd-public-logo-mark) img {
  content: url("images/dpd-header-app-icon-bw.svg") !important;
}

/* The mobile header has no compact/extended sidebar to follow, so it has no
   state to swap on: its brand mark stays yellow on every palette. */

/* Shell collapse choreography - 2026-09-17 */

/* Filter definitions are markup, not chrome: keep them out of the flow at every
   width, or the <svg> takes a line box and shoves the whole header down. */
html .dpd-v2-goo-defs {
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  position: absolute !important;
  visibility: hidden !important;
  width: 0 !important;
}

html body.dpd-member-surface {
  --dpd-shell-morph-duration: 480ms;
  --dpd-shell-morph-ease: cubic-bezier(0.22, 1, 0.36, 1);
  /* The pill gets a curve with a stall in the middle. The neck only exists
     across roughly the last third of the pill's travel, and on an ease-out it
     crosses that stretch too fast to register -- the stall parks the motion
     right where the liquid is meant to be resisting. */
  --dpd-shell-goo-ease: cubic-bezier(0.16, 0.84, 0.86, 0.32);

}

@media (min-width: 1101px) {
  /* The liquid layer. Only dark shapes live here: a filter applies to every
     descendant, and the jump-bar text must never go through the blur. It sits
     at z-index 1, above the header's own backdrop but below .right-sec, which
     draws the visible bar at z-index 2. */
  html body.dpd-member-surface #header-login > .dpd-v2-header-liquid {
    display: block !important;
    height: 140px !important;
    left: 0 !important;
    pointer-events: none !important;
    position: fixed !important;
    right: 0 !important;
    top: 0 !important;
    z-index: 1 !important;
  }

  /* A full-layer blur every frame is not something to leave running, so the
     goo is only mounted while the shell is actually morphing. At rest the
     header carries no filter and the shapes render as plain rectangles. */
  html body.dpd-member-surface.dpd-v2-shell-morphing #header-login > .dpd-v2-header-liquid {
    filter: url(#dpd-goo) !important;
  }

  /* The pill moves off #header-login::before so it can share a filter with the
     blob. Expanded it spans the bar behind the logo; collapsed it retreats to
     sit congruent with .right-sec -- same top, height and radius -- so the
     liquid reads as one piece with the bar while it retracts, and is hidden
     behind it once the morph ends. */
  html body.dpd-member-surface:not(.dpd-v2-sidebar-collapsed):not(.dpd-sidebar-collapsed) #header-login::before {
    content: none !important;
    display: none !important;
  }

  html body.dpd-member-surface #header-login > .dpd-v2-header-liquid::before {
    background:
      radial-gradient(circle at 8% 50%, rgba(255, 242, 0, 0.16), transparent 23%),
      radial-gradient(circle at 86% 12%, rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.16), transparent 32%),
      linear-gradient(105deg, rgba(67, 73, 20, 0.96) 0%, #0a1718 44%, #091719 100%) !important;
    /* Painted in screen space, not box space. The pill animates `left` with
       `right` pinned, so its box resizes every frame -- and a gradient sized to
       that box re-resolves every frame with it, so the colour crawls underneath
       the shape and the whole thing reads as a redraw rather than movement.
       Anchoring to the pinned right edge at a viewport-wide scale holds the
       paint still, and the travelling left edge just uncovers more of it. */
    background-position: right center !important;
    background-repeat: no-repeat !important;
    background-size: 100vw 78px !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 28px !important;
    box-shadow: 0 22px 42px rgba(7, 16, 24, 0.18) !important;
    content: "" !important;
    display: block !important;
    height: 78px !important;
    left: var(--dpd-member-shell-pad-x, clamp(18px, 2.6vw, 48px)) !important;
    position: absolute !important;
    right: var(--dpd-member-shell-pad-x, clamp(18px, 2.6vw, 48px)) !important;
    top: 20px !important;
    /* Only `left` runs the full morph -- it is what the neck depends on, and
       what the teardown listens for. The pill's height, top and radius settle
       at 72% so the bar is already at rest when the filter comes off; left
       running on past them is invisible, a height still moving is not. */
    transition:
      left var(--dpd-shell-morph-duration) var(--dpd-shell-goo-ease),
      top calc(var(--dpd-shell-morph-duration) * 0.72) var(--dpd-shell-morph-ease),
      height calc(var(--dpd-shell-morph-duration) * 0.72) var(--dpd-shell-morph-ease),
      border-radius calc(var(--dpd-shell-morph-duration) * 0.72) var(--dpd-shell-morph-ease) !important;
  }

  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #header-login > .dpd-v2-header-liquid::before {
    border-radius: 30px !important;
    height: 75px !important;
    left: calc(var(--dpd-stable-gutter, 24px) + var(--dpd-v2-sidebar-collapsed-width, 88px) + 34px) !important;
    top: 23px !important;
  }

  /* The blob: raw material for the goo filter, never a shape in its own right.
     All it does is give the neck something to stretch from as the pill pulls
     away.

     It is parked with the COLLAPSED logo coordinates, which is where the tile
     sits only while the sidebar is collapsed. Expanded, the tile docks inside
     the pill a few pixels away, the blob stops being covered, and its dark
     olive corner reads as a drop shadow on the logo. So it does not paint at
     rest -- the morph below turns it on for exactly as long as the filter
     needs it. */
  html body.dpd-member-surface #header-login > .dpd-v2-header-liquid::after {
    background: rgba(67, 73, 20, 0.96) !important;
    border-radius: 16px !important;
    content: "" !important;
    display: block !important;
    height: var(--dpd-header-logo-tile-size, 58px) !important;
    left: var(--dpd-header-logo-collapsed-left) !important;
    opacity: 0 !important;
    position: absolute !important;
    top: var(--dpd-header-logo-collapsed-top) !important;
    transform-origin: left center !important;
    width: var(--dpd-header-logo-tile-size, 58px) !important;
  }

  html body.dpd-member-surface.dpd-v2-shell-morphing #header-login > .dpd-v2-header-liquid::after {
    animation: dpd-shell-goo-stretch var(--dpd-shell-morph-duration) linear both !important;
    opacity: 1 !important;
  }

  /* Settles back to rest at 86%, not 100%. The filter comes off when the morph
     ends, and anything still moving at that instant reads as a snap -- the tail
     gives every shape a beat to be already still before the hand-off. */
  @keyframes dpd-shell-goo-stretch {
    0% { transform: scaleX(1) scaleY(1); }
    28% { transform: scaleX(1.6) scaleY(0.55); }
    54% { transform: scaleX(1.9) scaleY(0.34); }
    72% { transform: scaleX(1.3) scaleY(0.52); }
    86%, 100% { transform: scaleX(1) scaleY(1); }
  }

  /* A translucent hairline border and a drop shadow both smear badly once the
     goo is on, so the pill drops them for the length of the morph. */
  html body.dpd-member-surface.dpd-v2-shell-morphing #header-login > .dpd-v2-header-liquid::before {
    border-color: transparent !important;
    box-shadow: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.dpd-member-surface #header-login > .dpd-v2-header-liquid::before {
    transition: none !important;
  }

  html body.dpd-member-surface.dpd-v2-shell-morphing #header-login > .dpd-v2-header-liquid::after {
    animation: none !important;
  }

  html body.dpd-member-surface.dpd-v2-shell-morphing #header-login > .dpd-v2-header-liquid {
    filter: none !important;
  }
}