/* Shared MAUTO presentation. Artwork and reference layout belong to domain styles. */
body.mauto-ui-v1 {
  --mauto-ui-action: var(--mauto-ds-action-blue);
  --mauto-control-blue: var(--mauto-ds-color-primary);
  --mauto-control-ink: var(--mauto-ds-color-text);
  --mauto-control-muted: var(--mauto-ds-color-text-secondary);
  --mauto-control-line: var(--mauto-ds-color-border);
  --mauto-control-focus-ring: var(--mauto-ds-color-focus);
  --fa03-blue: var(--mauto-ds-color-primary);
  --fa03-ink: var(--mauto-ds-color-text);
  --fa03-muted: var(--mauto-ds-color-text-secondary);
  --mauto-product-accent: var(--mauto-ds-color-primary);
  --mauto-product-accent-dark: var(--mauto-ds-color-primary-active);
  --mauto-product-ink: var(--mauto-ds-color-text);
  --mauto-product-muted: var(--mauto-ds-color-text-secondary);
  --mauto-product-line: var(--mauto-ds-color-border);
  --mauto-product-soft: var(--mauto-ds-color-surface-soft);
  font-family: var(--mauto-ds-font-sans);
  -webkit-font-smoothing: antialiased;
}
body.mauto-ui-v1 :is(.cm-app,.pm-app,.pg-app,.ds-app,.dsr-app,.rm-app,.r260-app,.ddg-app,.ddg-dealer-app,.vtg-app,.tunf-app,.svc-p1g,.sch-p1g,.mauto-live-catalog,.mc225-app) {
  font-family: var(--mauto-ds-font-sans) !important;
  --cm-muted: var(--mauto-ds-color-text-secondary);
  --pm-muted: var(--mauto-ds-color-text-secondary);
  --pg-muted: var(--mauto-ds-color-text-secondary);
  --dsr-muted: var(--mauto-ds-color-text-secondary);
  --rm-muted: var(--mauto-ds-color-text-secondary);
  --ddg-muted: var(--mauto-ds-color-text-secondary);
  --tunf-muted: var(--mauto-ds-color-text-secondary);
  --m263-muted: var(--mauto-ds-color-text-secondary);
  --muted: var(--mauto-ds-color-text-secondary);
  --pm-blue: var(--mauto-ds-color-primary);
  --pg-blue: var(--mauto-ds-color-primary);
  --dsr-blue: var(--mauto-ds-color-primary);
  --rm-blue: var(--mauto-ds-color-primary);
  --ddg-blue: var(--mauto-ds-color-primary);
  --tunf-blue: var(--mauto-ds-color-primary);
  --live-blue: var(--mauto-ds-color-primary);
  --blue: var(--mauto-ds-color-primary);
}
body.mauto-ui-v1 :is(main,dialog,.mauto-home-runtime,.mauto-product-shell,.mauto-portal,.fa03-application-shell,.mauto-platform-panel),
body.mauto-ui-v1 :is(main,dialog,.mauto-home-runtime,.mauto-product-shell,.mauto-portal,.fa03-application-shell,.mauto-platform-panel) :is(h1,h2,h3,h4,p,a,button,input,select,textarea,label,small,strong,span,dt,dd,li) {
  font-family: var(--mauto-ds-font-sans) !important;
}

/* A single wordmark in navigation, with the approved blue A; images in scenes are untouched. */
body.mauto-ui-v1 .mauto-ui-brand {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 44px !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--mauto-ds-color-text) !important;
  text-decoration: none !important;
  overflow: visible !important;
}
body.mauto-ui-v1 .mauto-ui-brand::before,body.mauto-ui-v1 .mauto-ui-brand::after { content: none !important; }
body.mauto-ui-v1 .mauto-ui-brand .mauto-ui-brand-symbol {
  display: block !important;
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 36px !important;
  background: url('../img/parts-mobile-v1/logo.webp') -1.4px -2.8px / 145px 41px no-repeat !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
}
body.mauto-ui-v1 .mauto-ui-brand-copy { display: flex !important; flex-direction: column; gap: 2px; min-width: 0; }
body.mauto-ui-v1 .mauto-ui-brand-copy strong { display: block !important; color: var(--mauto-ds-color-text) !important; font: 800 24px/1 var(--mauto-ds-font-sans) !important; letter-spacing: -.6px !important; }
body.mauto-ui-v1 .mauto-ui-brand-copy small { display: block !important; margin: 0 !important; color: var(--mauto-ds-color-text) !important; font: 700 7px/1.2 var(--mauto-ds-font-sans) !important; letter-spacing: 1.65px !important; white-space: nowrap; }
body.mauto-ui-v1 .mauto-ui-icon { display: inline-block; width: 24px; height: 24px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; vertical-align: middle; }

/* Consistent primary actions and feedback, without flattening image tiles. */
body.mauto-ui-v1 :is(.cm-button.primary,.pm-primary,.pg-primary,.mcc-p1g-show,.ds-button:not(.ds-soft),.dsr-button:not(.dsr-soft),.ddg-primary,.vtg-primary,.tunf-primary,.p1g-button.is-primary,.mauto-primary-button,.mauto-leasing-primary,.mauto-leasing-filter__primary,.mauto-live-toolbar .is-primary) {
  min-height: 44px;
  background: var(--mauto-ui-action) !important;
  color: #fff !important;
  border: 1px solid transparent !important;
  border-radius: var(--mauto-ds-radius-button) !important;
  box-shadow: 0 3px 8px rgba(18,104,223,.16) !important;
  text-decoration: none !important;
  line-height: 1.3;
  transition: background .18s ease, box-shadow .18s ease, transform .13s ease;
}
body.mauto-ui-v1 :is(.cm-button:not(.primary):not(.text),.pm-secondary,.pg-secondary,.dsr-outline,.dsr-button.dsr-soft,.ds-button.ds-soft,.ddg-outline,.tunf-secondary,.mauto-secondary-button) {
  min-height: 44px;
  color: var(--mauto-ds-color-primary) !important;
  background: var(--mauto-ds-color-surface-soft) !important;
  border: 1px solid var(--mauto-ds-color-border) !important;
  border-radius: var(--mauto-ds-radius-button) !important;
  box-shadow: none !important;
  text-decoration: none !important;
}
body.mauto-ui-v1 :is(.cm-header > a:not(.mauto-ui-brand),.cm-header > button,.cm-round,.ds-icon-button,.pg-icon-button,.ddg-icon-button,.tunf-icon-button) {
  min-width: 44px; min-height: 44px; flex-shrink: 0;
}
body.mauto-ui-v1 :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible {
  outline: 3px solid var(--mauto-ds-color-primary-active) !important;
  outline-offset: 3px;
}
body.mauto-ui-v1 :is(button,input,select,textarea):disabled,
body.mauto-ui-v1 button[aria-disabled=true] { cursor: not-allowed; opacity: .5; box-shadow: none !important; }
body.mauto-ui-v1 :is(button,a)[aria-busy=true] { cursor: progress; }
body.mauto-ui-v1 :is(input,textarea)[aria-invalid=true] { border-color: var(--mauto-ds-color-error) !important; }
body.mauto-ui-v1 :is(.cm-chip,.pm-chip,.tunf-category,.tunf-system,.ddg-outline)[aria-pressed=true] {
  color: var(--mauto-ds-color-primary) !important;
  background: var(--mauto-ds-color-primary-soft) !important;
  border-color: var(--mauto-ds-color-primary) !important;
}

/* Composite controls have one field frame, never a select frame inside a label frame. */
body.mauto-ui-v1 :is(.ddg-dealer-search,.ddg-form,.pg-filter-dialog,.pm-filter-panel,.p1g-search) label:has(.mauto-premium-select) { min-width: 0; }
body.mauto-ui-v1 :is(.ddg-dealer-search,.ddg-form,.pg-filter-dialog,.pm-filter-panel,.p1g-search) label:has(.mauto-premium-select) .mauto-premium-select__trigger {
  background: transparent !important;
  border: 0 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}
body.mauto-ui-v1 :is(.ddg-dealer-search,.pg-filter-dialog,.pm-filter-panel,.p1g-search) label:has(.mauto-premium-select) .mauto-premium-select__trigger:focus-visible { outline-offset: -2px; }
body.mauto-ui-v1 .mauto-premium-select__trigger { color: var(--mauto-ds-color-text); font-weight: 500; }
body.mauto-ui-v1 input[type=range] { accent-color: var(--mauto-ds-color-primary); }
body.mauto-ui-v1 :is(.cm-nav,.pm-nav,.dsr-bottom-nav,.rm-bottom-nav) { padding-bottom: max(8px,env(safe-area-inset-bottom)); }
body.mauto-ui-v1 :is(.cm-nav,.pm-nav,.dsr-bottom-nav,.rm-bottom-nav) :is(a,button) { min-height: 44px; }

@media (max-width: 639px) {
  body.mauto-ui-v1 [data-pm-header] { grid-template-columns: minmax(120px,1fr) repeat(3,44px); gap: 6px; }
  body.mauto-ui-v1 .dsr-header { min-height: 58px; height: auto; padding-block: 7px; }
  body.mauto-ui-v1 .cm-header { min-height: 52px; }
  body.mauto-ui-v1 .cm-header h1 { min-width: 0; }
  body.mauto-ui-v1 .cm-nav :is(a,button) { font-size: 11px; }
  body.mauto-ui-v1 .cm-car.compact .cm-car-copy :is(p,.cm-payment) { font-size: 12px; line-height: 1.35; }
  body.mauto-ui-v1 .cm-car.compact .cm-car-copy h3 { font-size: 14px; line-height: 1.2; }
  body.mauto-ui-v1 .cm-car.compact .cm-photo > button { width: 44px; height: 44px; padding: 10px; }
  body.mauto-ui-v1 .cm-sheet :is(label,.mauto-premium-select__trigger) { font-size: 13px; }
  body.mauto-ui-v1 .cm-sheet :is(input,select,textarea) { font-size: 16px; }
  body.mauto-ui-v1 :is(.vtg-app,.tunf-app,.ddg-app,.ddg-dealer-app,.svc-p1g,.mauto-product-shell) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea) { font-size: 16px; }
  body.mauto-ui-v1 :is(.tunf-results-heading p,.tunf-section-heading>span,.tunf-product-open small,.ddg-muted,.ddg-reference-note) { font-size: 12px; line-height: 1.45; }
}
@media (hover:hover) {
  body.mauto-ui-v1 :is(.cm-button.primary,.pm-primary,.pg-primary,.dsr-button,.ddg-primary,.vtg-primary,.tunf-primary):hover:not(:disabled) { box-shadow: 0 4px 12px rgba(18,104,223,.22) !important; }
}
@media (prefers-reduced-motion:reduce) {
  body.mauto-ui-v1 *,body.mauto-ui-v1 *::before,body.mauto-ui-v1 *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Unified page roles, separate from product names and brand artwork. */
body.mauto-ui-v1 :is(.dsr-app,.tunf-app,.svc-p1g,.ddg-app,.mauto-live-catalog){--mauto-ui-action:var(--mauto-ds-action-blue);}