/* TredFi presentation only. Bright studio colors and lightweight CSS accents. */
body.smartlink-glass-demo {
  background: radial-gradient(ellipse at 80% 0, #e8f2ff, transparent 55%), #f8fbff;
}
.smartlink-glass-demo :is(.intro-canvas,.journey-bar,.vehicle-picker,.build-panel,.vehicle-summary,.payment-preview,.financing-section,.catalog-card,.review-payment,.completion-summary,.demo-customer) {
  border-color: #e1ebf8;
  transition: border-color .24s ease, box-shadow .24s ease, background-color .24s ease, transform .24s ease;
}
.smartlink-glass-demo :is(.intro-canvas,.journey-bar,.vehicle-picker,.build-panel,.vehicle-summary,.payment-preview,.financing-section,.catalog-card):focus-within {
  border-color: #8ebaff;
  box-shadow: inset 0 2px 0 #fff, 0 0 0 1px #bad4ff, 0 18px 40px -28px #1f6fff66;
}
.smartlink-glass-demo :is(.vehicle-hero,.catalog-section,.financing-copy,.order-summary,.flow-main) {
  transition: box-shadow .24s ease, background-color .24s ease;
}
.smartlink-glass-demo .catalog-section > h2::after {
  content: '';
  display: block;
  width: 38px;
  height: 3px;
  margin-top: 12px;
  border-radius: 999px;
  background: #1f6fff;
  transition: width .3s ease;
}
.smartlink-glass-demo .catalog-card > img { transition: transform .4s cubic-bezier(.2,.7,.2,1); }
.smartlink-glass-demo :is(.primary-button,.secondary-button,.text-button,.catalog-preview,.vehicle-choice,.catalog-more,.catalog-all) {
  transition: box-shadow .2s ease, background-color .2s ease, border-color .2s ease, color .2s ease;
}
.smartlink-glass-demo :is(.primary-button,.secondary-button,.text-button) .ph { transition: transform .2s ease; }
.smartlink-glass-demo :is(button,a,input):focus-visible { outline: 3px solid #1f6fff; outline-offset: 4px; }
.smartlink-glass-demo .availability-note { padding:16px 20px; border:1px solid #dce7f6; border-left:3px solid #1f6fff; border-radius:16px; background:#fff; }
.smartlink-glass-demo .picker-foot { border-top:1px solid #e1ebf8; padding-top:16px; }
.smartlink-glass-demo .brand-footer { border-top-color:#dce7f6; }

/* Override the common configurator's green palette inside this merchant only. */
body.configurator-page[data-api-base="/m/lendpro"] {
  background: #f8fbff;
  font-family: Geist, Arial, sans-serif;
}
.configurator-page[data-api-base="/m/lendpro"] .wheel-configurator {
  --cfg-text: #0a2540;
  --cfg-muted: #59677a;
  --cfg-line: #dce7f6;
  --cfg-soft: #edf4ff;
  font-family: Geist, Arial, sans-serif;
}
.configurator-page[data-api-base="/m/lendpro"] .wheel-configurator :is(.configurator-main,.configurator-preview-meta,.configurator-preview-note) { background:#f4f8ff; color:#59677a; }
.configurator-page[data-api-base="/m/lendpro"] .wheel-configurator:not([data-preview-mode="wheel"]):not([data-preview-mode="package"]) .configurator-stage {
  background-color:#f7faff;
  background-image:radial-gradient(ellipse at 50% 45%,#fff 0%,#f7faff 58%,#e7f0ff 100%);
}
.configurator-page[data-api-base="/m/lendpro"] .wheel-configurator[data-scene="graphite"]:not([data-preview-mode="wheel"]):not([data-preview-mode="package"]) .configurator-stage {
  background-image:radial-gradient(ellipse at 50% 35%,#f3f7fc,#d4dfef);
}
.configurator-page[data-api-base="/m/lendpro"] .wheel-configurator[data-start="true"] .configurator-stage::before { background:rgb(248 251 255 / 74%); }
.smartlink-glass-demo .start-vehicle-stage.cfg-scene-stage { isolation:isolate; overflow:hidden; border-radius:24px; }
.smartlink-glass-demo .start-vehicle-stage.cfg-scene-stage > img { position:relative; z-index:1; }
.smartlink-glass-demo .start-vehicle-stage.cfg-scene-stage > p { z-index:3; margin:0; background:rgb(248 251 255 / 86%); color:#0a2540; }
.configurator-page[data-api-base="/m/lendpro"] .cfg-effects-toggle { border-radius:999px; border-color:#dce7f6; font-family:Geist,Arial,sans-serif; }
.configurator-page[data-api-base="/m/lendpro"] .configurator-stage[data-season-scene]:not([data-season-scene=""]) .configurator-empty { margin:36px 0; padding:24px; border:1px solid #fff; border-radius:20px; background:rgb(248 251 255 / 93%); box-shadow:0 12px 36px #0a254016; }
.configurator-page[data-api-base="/m/lendpro"] .configurator-scene-swatch-studio { background:#f4f8ff; }
.configurator-page[data-api-base="/m/lendpro"] .configurator-scene-swatch-graphite { background:#9aaecb; }
.configurator-page[data-api-base="/m/lendpro"] .wheel-configurator :is(.configurator-preview-toggle,.configurator-scene-picker,.configurator-view-controls) {
  border-color:#fff;
  border-radius:999px;
  background:rgb(255 255 255 / 90%);
  box-shadow:0 5px 15px -10px #0a25404d;
}
.configurator-page[data-api-base="/m/lendpro"] .wheel-configurator :is(.configurator-preview-toggle,.configurator-scene-picker) button { border-radius:999px; }
.configurator-page[data-api-base="/m/lendpro"] .wheel-configurator :is(.configurator-preview-status,.configurator-empty > p,.configurator-studio-label,.configurator-lift p) { color:#59677a; }
.configurator-page[data-api-base="/m/lendpro"] .wheel-configurator :is(.configurator-attribute,.configurator-companion-card,.configurator-companion-selected,.cfg-package-product) {
  border-radius:18px;
  transition: border-color .24s ease, box-shadow .24s ease, transform .24s ease;
}
.configurator-page[data-api-base="/m/lendpro"] .wheel-configurator .configurator-companion-selected { border-color:#bad4ff; background:#edf4ff; }
.configurator-page[data-api-base="/m/lendpro"] .wheel-configurator :is(.configurator-toolbar,.configurator-sidebar,.configurator-product,.configurator-build-bar) { background:#fff; }
.configurator-page[data-api-base="/m/lendpro"] .wheel-configurator :is(.configurator-primary-button,.configurator-text-button,.configurator-secondary-button,.configurator-companion-shortcut) { border-radius:999px; }
.configurator-page[data-api-base="/m/lendpro"] .wheel-configurator .configurator-guide-notes { border-radius:16px; }
.configurator-page[data-api-base="/m/lendpro"] .catalog-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.configurator-page[data-api-base="/m/lendpro"] .catalog-card {
  border:1px solid #e1ebf8;
  border-radius:24px;
  background:linear-gradient(145deg,#fff,#f6f9ff);
  box-shadow:inset 0 1px 0 #fff,0 8px 24px -20px #0a254066;
  transition:border-color .24s ease,box-shadow .24s ease,transform .24s ease;
}
.configurator-page[data-api-base="/m/lendpro"] .catalog-card > img { height:230px; padding:14px 14px 0; object-fit:contain; mix-blend-mode:multiply; transition:transform .3s ease; }
.configurator-page[data-api-base="/m/lendpro"] .catalog-card h3 { color:#0a2540; font:600 16px/1.4 Geist,Arial,sans-serif; }
.configurator-page[data-api-base="/m/lendpro"] .catalog-card .catalog-preview { border-radius:999px; min-height:48px; background:#1f6fff; color:#fff; }
.configurator-page[data-api-base="/m/lendpro"] .catalog-card:focus-within { border-color:#8ebaff; box-shadow:0 0 0 2px #d8e8ff; }

@media (hover:hover) {
  .smartlink-glass-demo :is(.intro-canvas,.journey-bar,.vehicle-picker,.build-panel,.vehicle-summary,.payment-preview,.financing-section,.catalog-card,.review-payment,.completion-summary,.demo-customer):hover {
    border-color:#bad4ff;
    box-shadow:inset 0 2px 0 #fff, 0 0 0 1px #d8e8ff, 0 20px 44px -28px #1f6fff66;
  }
  .smartlink-glass-demo :is(.vehicle-hero,.catalog-section):hover > :is(h2,.vehicle-hero-copy) { color:#1454cb; }
  .smartlink-glass-demo .catalog-section:hover > h2::after { width:72px; }
  .smartlink-glass-demo :is(.primary-button,.catalog-preview):hover:not(:disabled) { box-shadow:inset 0 1px 0 #ffffff66,0 8px 20px -9px #1f6fff99; }
  .smartlink-glass-demo :is(.secondary-button,.text-button,.catalog-more,.catalog-all):hover:not(:disabled) { background-color:#e8f2ff; border-color:#8ebaff; color:#1454cb; }
  .smartlink-glass-demo .vehicle-choice:hover:not(:disabled) { background:#edf4ff; border-color:#8ebaff; }
  .configurator-page[data-api-base="/m/lendpro"] :is(.configurator-attribute,.configurator-companion-card,.cfg-package-product,.catalog-card):hover { border-color:#8ebaff; box-shadow:0 8px 20px -16px #1f6fff; }
}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .smartlink-glass-demo :is(.catalog-card,.payment-preview):hover { transform:translateY(-4px); }
  .smartlink-glass-demo .catalog-card:hover > img { transform:scale(1.035); }
  .smartlink-glass-demo :is(.primary-button,.secondary-button,.text-button):hover:not(:disabled) .ph { transform:translateX(3px); }
  .configurator-page[data-api-base="/m/lendpro"] .catalog-card:hover > img { transform:scale(1.025); }
}
@media (max-width:900px) {
  .configurator-page[data-api-base="/m/lendpro"] .catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:600px) {
  .configurator-page[data-api-base="/m/lendpro"] .catalog-grid { grid-template-columns:1fr; }
}
@media (max-width:767px) {
  .configurator-page[data-api-base="/m/lendpro"] .wheel-configurator .configurator-scene-picker { padding:2px; }
  .configurator-page[data-api-base="/m/lendpro"] .wheel-configurator .configurator-scene-picker button { padding-inline:8px; }
}
@media (prefers-reduced-motion:reduce) {
  :is(.smartlink-glass-demo,.configurator-page[data-api-base="/m/lendpro"]) *,
  :is(.smartlink-glass-demo,.configurator-page[data-api-base="/m/lendpro"]) *::before,
  :is(.smartlink-glass-demo,.configurator-page[data-api-base="/m/lendpro"]) *::after { animation:none!important; transition:none!important; }
}