/**/#dm .dmBeforeAndAfter{box-sizing:border-box;overflow:hidden}#dm .dmBeforeAndAfter *,#dm .dmBeforeAndAfter ::after,#dm .dmBeforeAndAfter ::before{box-sizing:border-box}#dm .dmBeforeAndAfter.baf__container{position:relative;max-width:100%;max-height:100%;overflow:hidden;-webkit-user-select:none;-ms-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center}
#dm .dmBeforeAndAfter.baf__container .baf__img-preview{max-width:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;object-fit:cover;width:100%;height:100%;transform:translate3d(0,0,0)}
#dm .dmBeforeAndAfter.baf__container .baf__img-preview.baf__after{display:flex;justify-content:center;align-items:center;position:absolute;overflow:hidden;top:0;left:0;transform:translate(50%,0)}#dm .dmBeforeAndAfter.baf__container .baf__img-preview.baf__after .baf__img-preview{transform:translate(-50%,0)}
#dm .dmBeforeAndAfter.baf__container .baf__handle{color:#fff;width:45px;height:45px;background-color:transparent;cursor:ew-resize;border:4px solid currentColor;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
#dm .dmBeforeAndAfter.baf__container .baf__handle .baf__arrow{content:"";border-style:solid;border-width:7px 9px;border-color:transparent currentColor;border-left:none;position:absolute;top:50%;transform:translate(0,-50%);left:6px}
#dm .dmBeforeAndAfter.baf__container .baf__handle .baf__arrow.baf__right{left:auto;right:6px;transform:translate(0,-50%) rotate(180deg)}#dm .dmBeforeAndAfter.baf__container .baf__handle::after,#dm .dmBeforeAndAfter.baf__container .baf__handle::before{content:"";height:200vh;width:0;border:2px solid currentColor;position:absolute;top:-200vh;left:50%;transform:translate(-50%,0)}
#dm .dmBeforeAndAfter.baf__container .baf__handle::after{top:auto;bottom:-200vh}#dm .dmBeforeAndAfter.baf__container.baf__dragging .baf__img-preview.baf__after,#dm .dmBeforeAndAfter.baf__container.baf__dragging .baf__img-preview.baf__after img{will-change:transform}
#dm .dmBeforeAndAfter.baf__container.baf__dragging .baf__handle{will-change:transform;left:0}#dm .dmBeforeAndAfter.baf__container .baf__labels-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;pointer-events:none;padding:15px;transition:opacity .3s ease-in-out,transform .3s ease-in-out;opacity:0}
#dm .dmBeforeAndAfter.baf__container .baf__labels-wrapper .baf__title{background-color:rgba(0,0,0,.5);color:#fff;padding:.4em 1.3em;max-width:calc(50% - 15px);text-align:left;border-radius:3px;-webkit-user-select:none;-ms-user-select:none;user-select:none}
#dm .dmBeforeAndAfter.baf__container .baf__labels-wrapper .baf__title.baf__title--hidden{visibility:hidden}#dm .dmBeforeAndAfter.baf__container .baf__labels-wrapper .baf__title.baf__before{text-align:right}
@media(max-width:767px){.dmRoot #dm .dmBeforeAndAfter.baf__container .baf__labels-wrapper .baf__title{padding:.4em .7em}.dmRoot #dm .dmBeforeAndAfter.baf__container .baf__labels-wrapper{padding:10px}}
#dm .dmBeforeAndAfter.baf__container.hover .baf__handle:active~.baf__labels-wrapper,#dm .dmBeforeAndAfter.baf__container.hover .baf__handle:hover~.baf__labels-wrapper,#dm .dmBeforeAndAfter.baf__container:hover .baf__handle:active~.baf__labels-wrapper,#dm .dmBeforeAndAfter.baf__container:hover .baf__handle:hover~.baf__labels-wrapper{opacity:0}
#dm .dmBeforeAndAfter.baf__container.dmBeforeAndAfter--always-show .baf__handle:active~.baf__labels-wrapper,#dm .dmBeforeAndAfter.baf__container.dmBeforeAndAfter--always-show .baf__handle:hover~.baf__labels-wrapper,#dm .dmBeforeAndAfter.baf__container.dmBeforeAndAfter--always-show .baf__labels-wrapper,#dm .dmBeforeAndAfter.baf__container.hover .baf__labels-wrapper,#dm .dmBeforeAndAfter.baf__container:hover .baf__labels-wrapper{opacity:1}/**/.graphicWidget{width:200px;height:200px;margin:10px auto;text-align:center}.graphicWidget svg.svg{width:100%;height:100%;color:#000;fill:#000}.graphicWidget img.svg{object-fit:contain;width:100%;height:100%}
.graphicWidget .svg[data-icon-mask]{display:block;aspect-ratio:1;width:100%;height:100%;color:#000;background-color:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}
.graphicWidgetV2{width:60px;height:60px}.graphicWidgetV3{font-size:0}/**/.hamburgerButton{display:block;background-color:transparent;border:0;padding:0;margin:0}.hamburgerButton,.hamburgerButton svg{width:100%;height:100%}/**/#dm .dmDivider{display:block;min-height:2px;margin:0;border:0;color:gray;background:0}#dm .dmDividerWrapper{display:block;margin:10px 0}/**/.imageWidget{position:relative}.imageWidget a,.imageWidget span.image-caption{font-style:italic;text-align:center}.imageWidget a[data-caption]::after,.imageWidget span[data-caption]::after{content:attr(data-caption);display:block;line-height:100%}
.imageWidget.with-caption a::after,.imageWidget.with-caption span.image-caption::after{margin-top:12px}.imageWidget img[width][height]{height:auto}[data-flex-site] #fcontainer .imageWidget:after,[data-flex-site] #flex-footer .imageWidget:after,[data-flex-site] #flex-header .imageWidget:after{content:none}
[data-flex-site] #fcontainer .imageWidget:before,[data-flex-site] #flex-footer .imageWidget:before,[data-flex-site] #flex-header .imageWidget:before{font-size:80px;transform:none}.imageWidget.hover img.hover-image,.imageWidget:hover img.hover-image{display:initial}
.imageWidget.hover.hasHover img:not(.hover-image),.imageWidget:hover.hasHover img:not(.hover-image){display:none!important}.imageWidget img.hover-image,.imageWidget img.logo-on-scroll{display:none}/**/.dmNewParagraph[data-version] .text-align-left{text-align:left!important}.dmNewParagraph[data-version] .text-align-center{text-align:center!important}.dmNewParagraph[data-version] .text-align-right{text-align:right!important}
.dmNewParagraph[data-version] .text-align-justify{text-align:justify!important}.dmNewParagraph[data-version] .ql-indent-1{padding:0 1em;padding-inline-end:0;padding-inline-start:3em}.dmNewParagraph[data-version] .ql-indent-2{padding:0 2em;padding-inline-end:0;padding-inline-start:6em}
.dmNewParagraph[data-version] .ql-indent-3{padding:0 3em;padding-inline-end:0;padding-inline-start:9em}.dmNewParagraph[data-version] .ql-indent-4{padding:0 4em;padding-inline-end:0;padding-inline-start:12em}
.dmNewParagraph[data-version] .ql-indent-5{padding:0 5em;padding-inline-end:0;padding-inline-start:15em}.dmNewParagraph[data-version] .ql-indent-6{padding:0 6em;padding-inline-end:0;padding-inline-start:18em}
.dmNewParagraph[data-version] .ql-indent-7{padding:0 7em;padding-inline-end:0;padding-inline-start:21em}.dmNewParagraph[data-version] .ql-indent-8{padding:0 8em;padding-inline-end:0;padding-inline-start:24em}
.dmNewParagraph[data-version] .ql-indent-9{padding:0 9em;padding-inline-end:0;padding-inline-start:27em}.dmNewParagraph[data-version]{line-height:initial}.dmNewParagraph[data-version] [class*=size-]{width:auto!important;height:auto!important}
.dmNewParagraph[data-version] h1,.dmNewParagraph[data-version] h2,.dmNewParagraph[data-version] h3,.dmNewParagraph[data-version] h4,.dmNewParagraph[data-version] h5,.dmNewParagraph[data-version] h6,.dmNewParagraph[data-version] ol,.dmNewParagraph[data-version] p,.dmNewParagraph[data-version] ul{margin-top:0;margin-bottom:0}
.dmNewParagraph[data-version] ol,.dmNewParagraph[data-version] ul{padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.dmNewParagraph[data-version] ol>li,.dmNewParagraph[data-version] ul>li{list-style-type:none;text-indent:-1.5em;margin:0 1em;margin-inline-end:0;margin-inline-start:2em}
.dmNewParagraph[data-version] ol>li:before,.dmNewParagraph[data-version] ul>li:before{min-width:1em;display:inline-block;margin-right:.5em;margin-inline-start:0;margin-inline-end:.5em;text-align:right;text-align:end}
.dmNewParagraph[data-version] ul .ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-1}.dmNewParagraph[data-version] ul .ql-indent-1:before{font-weight:700;content:"○"}
.dmNewParagraph[data-version] ul .ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-2}.dmNewParagraph[data-version] ul .ql-indent-2:before,.dmNewParagraph[data-version] ul .ql-indent-3:before,.dmNewParagraph[data-version] ul .ql-indent-4:before,.dmNewParagraph[data-version] ul .ql-indent-5:before,.dmNewParagraph[data-version] ul .ql-indent-6:before,.dmNewParagraph[data-version] ul .ql-indent-7:before,.dmNewParagraph[data-version] ul .ql-indent-8:before,.dmNewParagraph[data-version] ul .ql-indent-9:before{font-weight:700;content:"■"}
.dmNewParagraph[data-version] ul .ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-3}.dmNewParagraph[data-version] ul .ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9;counter-increment:list-4}
.dmNewParagraph[data-version] ul .ql-indent-5{counter-reset:list-6 list-7 list-8 list-9;counter-increment:list-5}.dmNewParagraph[data-version] ul .ql-indent-6{counter-reset:list-7 list-8 list-9;counter-increment:list-6}
.dmNewParagraph[data-version] ul .ql-indent-7{counter-reset:list-8 list-9;counter-increment:list-7}.dmNewParagraph[data-version] ul .ql-indent-8{counter-reset:list-9;counter-increment:list-8}.dmNewParagraph[data-version] ul .ql-indent-9{counter-reset:list-10 list-9;counter-increment:list-9}
.dmNewParagraph[data-version] ul>li:before{font-weight:700;content:"•";font-family:Arial}.dmNewParagraph[data-version] ul.custom-list-1>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"○";transform:scale(1);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-2>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"★";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-3>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"➞";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-4>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"＋";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-5>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"－";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-6>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"✓";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-7>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"✗";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ol .ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-1}.dmNewParagraph[data-version] ol .ql-indent-1:before{content:counter(list-1,lower-alpha)". "}
.dmNewParagraph[data-version] ol .ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-2}.dmNewParagraph[data-version] ol .ql-indent-2:before{content:counter(list-2,lower-roman)". "}
.dmNewParagraph[data-version] ol .ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-3}.dmNewParagraph[data-version] ol .ql-indent-3:before{content:counter(list-3,decimal)". "}
.dmNewParagraph[data-version] ol .ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9;counter-increment:list-4}.dmNewParagraph[data-version] ol .ql-indent-4:before{content:counter(list-4,lower-alpha)". "}
.dmNewParagraph[data-version] ol .ql-indent-5{counter-reset:list-6 list-7 list-8 list-9;counter-increment:list-5}.dmNewParagraph[data-version] ol .ql-indent-5:before{content:counter(list-5,lower-roman)". "}
.dmNewParagraph[data-version] ol .ql-indent-6{counter-reset:list-7 list-8 list-9;counter-increment:list-6}.dmNewParagraph[data-version] ol .ql-indent-6:before{content:counter(list-6,decimal)". "}
.dmNewParagraph[data-version] ol .ql-indent-7{counter-reset:list-8 list-9;counter-increment:list-7}.dmNewParagraph[data-version] ol .ql-indent-7:before{content:counter(list-7,lower-alpha)". "}
.dmNewParagraph[data-version] ol .ql-indent-8{counter-reset:list-9;counter-increment:list-8}.dmNewParagraph[data-version] ol .ql-indent-8:before{content:counter(list-8,lower-roman)". "}
.dmNewParagraph[data-version] ol .ql-indent-9{counter-reset:list-10 list-9;counter-increment:list-9}.dmNewParagraph[data-version] ol .ql-indent-9:before{content:counter(list-9,decimal)". "}
.dmNewParagraph[data-version] ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.dmNewParagraph[data-version] ol li:before{content:counter(list-0,decimal)". "}
.dmNewParagraph[data-version] a{vertical-align:initial}@media(min-width:768px) and (max-width:1024px){.dmNewParagraph[data-version] .t-text-align-left{text-align:left!important}.dmNewParagraph[data-version] .t-text-align-center{text-align:center!important}
.dmNewParagraph[data-version] .t-text-align-right{text-align:right!important}.dmNewParagraph[data-version] .t-text-align-justify{text-align:justify!important}}@media(max-width:767px){.dmRoot .dmNewParagraph[data-version] .m-text-align-left{text-align:left!important}
.dmRoot .dmNewParagraph[data-version] .m-text-align-center{text-align:center!important}.dmRoot .dmNewParagraph[data-version] .m-text-align-right{text-align:right!important}.dmRoot .dmNewParagraph[data-version] .m-text-align-justify{text-align:justify!important}
}.inlineBindingLink{color:inherit!important;text-decoration:inherit!important}
/* Custom Widgets Styles */
#footer-widget {
  background-color: unset !important;
}

.displaynone {
  display: none;
}

#footer-logo-link {
  display: block;
}

#footer-credit-line p, #footer-legal-links p, #footer-copyright p {
  line-height: 16px;
}

@charset "UTF-8";
.widget-f3b4a7 {
  /* ── Inner wrapper: vertical layout (default) ── */
  /* ── Horizontal layout: desktop only (≥1024px) ── */
  /* The ppf-inner switches to a row with car on the left 60% and
     controls stacked on the right 40%. Below 1024px it always
     falls back to the vertical stack, regardless of the setting.  */
  /* Contact for pricing: push the button to the right in all layouts */
  /* ── Light theme ── */
  /* Light: soft gray preview card (not pure white) so light-colored vehicles keep contrast/definition */
  /* Light: frosted white controls panel */
  /* Light: status bar — clean card */
  /* Light: offer bar — clean card */
  /* Light: price text — dark not white */
  /* Light: status name — dark not white */
  /* Light: swatch border visible on white */
  /* Light: preset ring — dark-bordered */
  /* Light: scrollbar */
  /* Light: interactive hover states */
  /* Light: button hover — subtle brightness only, no glow box */
  /* Light: grain off — clean surface */
  /* ── Full Dark theme ── */
  /* ── Glass (dark frosted glass) ── */
  /* The shell itself carries the backdrop-filter. overflow must NOT be hidden
     so the blur composites against the page background, not a clipped layer. */
  /* ── Glass-light (light frosted glass) ── */
  /* Glass: grain — must be clipped to the rounded shell since overflow:visible */
  /* Glass: preview card — semi-transparent only, NO own backdrop-filter
     (the shell's blur already shows through; stacking would double-blur) */
  /* Glass: controls — NO own backdrop-filter */
  /* Glass: status bar — NO own backdrop-filter */
  /* Glass: offer bar — NO own backdrop-filter */
  /* Glass light: dark text */
  /* Glass dark: topline / hint */
  /* Glass light: topline / hint */
  /* Glass: swatch */
  /* Glass light: preset buttons */
  /* Glass light: scrollbars */
  /* Glass light: interactive hover states */
  /* Glass light: button hover — subtle brightness only, no glow box */
  /* ── Dynamic Glass theme ── */
  /* Color tint + border glow shift live via --ppf-dg-r/g/b set by JS.
     The shell carries the single backdrop-filter; overflow:visible lets it
     composite against the page background instead of a clipped layer.      */
  /* Dynamic Glass: grain clipped inside rounded shell */
  /* Dynamic Glass: topline / hint */
  /* Dynamic Glass: preview card — tinted panel, transitions with the shell */
  /* Dynamic Glass: controls panel — tinted, transitions */
  /* Dynamic Glass: status bar — tinted, transitions */
  /* Dynamic Glass: offer bar — tinted, transitions */
  /* Dynamic Glass: smooth color transitions on hardcoded-color elements */
  /* Dynamic Glass: swatch */
  /* ── Grain texture overlay ── */
  /* Color layer: paints the chosen color and lets the photo's own color
     data blend through it, so the paint keeps real saturation/punch instead
     of sitting on top as a flat sticker. This is the combination that read
     correctly across colors before; it pairs with the shading layer below
     for highlight/shadow definition. */
  /* Shading layer: re-draws the base car photo (masked to the paint area,
     desaturated to pure luminance) on top of the color layer using
     hard-light blending, which reproduced correct shadow depth (fixed the
     earlier "black looks gray" issue) across all colors. Opacity is kept
     just under full strength, and a mild highlight ceiling (via the
     brightness/contrast filter below) keeps hard-light's highlight boost
     from overshooting past true white on light colors. */
  /* ── Flat-lighting correction ──
     Some vehicle renders arrive brighter/flatter-lit than the others and
     read as "blown out" in light-colored paint against the preview
     background. To fix a vehicle, add its data-ppf-vehicle value to the
     two selector lists below: a mild brightness/contrast pull-down on the
     base photo, plus a stronger ground shadow to restore visual depth. */
  /* Keep the custom-color swatch permanently visible at the end of the row,
     even when a long preset list (e.g. from a connected Google Sheet) makes
     the row horizontally scrollable - it must never require scrolling to
     reach, and never get visually lost behind other swatches. */
  /* Desktop only: stretch the custom-color swatch into a pill spanning
     the width of two regular swatches, with a text label instead of a
     plus icon, so it never looks like trailing empty space. */
  /* Disclaimer sits outside/below the offer bar — shown/hidden via JS */
  /* Light theme */
  /* The button uses the site's global theme button styling by default (via custom_button).
     We only add layout/sizing here so it reads as a longer, prominent CTA;
     background/color are left to the global theme styles or design panel
     unless a PPF color has been picked (see JS). */
  /* ── Sharp corners ── */
  /* A single attribute override zeros every border-radius in the widget.
     Works across all themes and layouts — no per-theme duplication needed. */
  /* Sharp: color picker swatch pseudo-elements also need flattening */
  /* ── Semi-rounded corners ── */
  /* A softer middle-ground between fully rounded (pill) and sharp (square).
     Large surfaces get a modest radius; round elements (swatches, pickers,
     pill buttons) get a smaller radius instead of staying fully circular. */
  /* ── Tablet layout: 768px – 1023px ── */
  /* Always vertical stack on tablet — horizontal is desktop-only.
     This block ensures horizontal setting has no effect at tablet widths. */
  /* ── Mobile ── */
}
.widget-f3b4a7 .ppf-shell {
  --ppf-accent: #e10600;
  --ppf-accent-text: #ffffff;
  --ppf-glow: rgba(255, 255, 255, 0);
  /* Panda theme tokens (default) */
  --ppf-shell-bg: radial-gradient(1200px 800px at 50% -20%, rgba(255, 255, 255, 0.06), transparent 60%), #050507;
  --ppf-shell-fg: #f5f6f7;
  --ppf-muted-fg: rgba(245, 246, 247, 0.78);
  --ppf-panel-bg: rgba(255, 255, 255, 0.035);
  --ppf-panel-border: rgba(255, 255, 255, 0.085);
  --ppf-hairline: rgba(255, 255, 255, 0.12);
  --ppf-input-bg: rgba(0, 0, 0, 0.4);
  --ppf-input-border: rgba(255, 255, 255, 0.14);
  --ppf-input-fg: #f5f6f7;
  --ppf-chip-bg: rgba(0, 0, 0, 0.28);
  position: relative;
  background: var(--ppf-shell-bg);
  color: var(--ppf-shell-fg);
  padding: 20px;
  border-radius: 16px;
  border: 1px solid var(--ppf-hairline);
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
}
.widget-f3b4a7 .ppf-inner {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
  min-width: 0;
}
@media (min-width: 1024px) {
  .widget-f3b4a7 {
    /* Glass themes already set overflow:visible on the shell, but the
       horizontal layout also needs it, so we explicitly declare here.
       For non-glass themes the grain clip is handled separately.     */
    /* Left column: car preview — 60% */
    /* Stage fills the preview card height in horizontal mode so the car
       scales up to use the full column height rather than a fixed ratio  */
    /* Right column: controls — 40% */
    /* Add extra breathing room between the controls column (color palette,
       offer box, etc.) and the shell's right-hand outer edge */
    /* In horizontal mode the offer bar should not have the top margin
       that the vertical layout uses — gap on .ppf-controls handles spacing */
    /* Swatch row in horizontal mode: wrap so the colors form a grid
       instead of a single horizontal scroll lane              */
    /* In horizontal mode, left-align the offer label and price across all themes */
    /* In horizontal mode, left-align the offer bar when "contact for pricing" is shown */
  }
  .widget-f3b4a7 .ppf-shell[data-ppf-layout=horizontal] {
    overflow: visible; /* allow glass blur to composite against page bg */
  }
  .widget-f3b4a7 .ppf-shell[data-ppf-layout=horizontal]:not([data-ppf-theme=glass]):not([data-ppf-theme=glass-light]):not([data-ppf-theme=dynamic-glass]) {
    overflow: hidden; /* keep overflow:hidden for non-glass horizontal */
  }
  .widget-f3b4a7 .ppf-shell[data-ppf-layout=horizontal] .ppf-inner {
    flex-direction: row;
    align-items: stretch;
    gap: 20px;
  }
  .widget-f3b4a7 .ppf-shell[data-ppf-layout=horizontal] .ppf-preview {
    flex: 0 0 60%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    /* Make the stage fill all available vertical space in the column */
    justify-content: center;
    margin: 0; /* remove any auto margins from vertical layout */
  }
  .widget-f3b4a7 .ppf-shell[data-ppf-layout=horizontal] .ppf-stage {
    flex: 1 1 auto;
    /* Keep a minimum height so the car is never crushed */
    min-height: 220px;
    /* Override the 16/9 aspect-ratio so it stretches to fill the column */
    aspect-ratio: unset;
  }
  .widget-f3b4a7 .ppf-shell[data-ppf-layout=horizontal] .ppf-controls {
    flex: 0 0 40%;
    min-width: 0;
    /* Remove the top margin used in vertical layout */
    margin-top: 0;
    /* Stack all control sections vertically and fill the column height */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 12px;
  }
  .widget-f3b4a7 .ppf-shell[data-ppf-layout=horizontal] {
    padding-right: 40px;
  }
  .widget-f3b4a7 .ppf-shell[data-ppf-layout=horizontal] .ppf-offer {
    margin-top: 0;
  }
  .widget-f3b4a7 .ppf-shell[data-ppf-layout=horizontal] .ppf-status,
  .widget-f3b4a7 .ppf-shell[data-ppf-layout=horizontal] .ppf-custom {
    margin-top: 0;
  }
  .widget-f3b4a7 .ppf-shell[data-ppf-layout=horizontal] .ppf-presets-row {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    overflow-x: visible;
    overflow-y: visible;
    gap: 6px;
    padding: 8px 0 4px;
    margin: 0;
    scroll-snap-type: none;
    justify-items: center;
  }
  .widget-f3b4a7 .ppf-shell[data-ppf-layout=horizontal] .ppf-preset {
    scroll-snap-align: unset;
    width: 100%;
    height: auto;
    max-width: 100%;
    aspect-ratio: 1/1;
    padding: 0;
  }
  .widget-f3b4a7 .ppf-shell[data-ppf-layout=horizontal] .ppf-preset-swatch {
    width: 84%;
    height: 84%;
  }
  .widget-f3b4a7 .ppf-shell[data-ppf-layout=horizontal] .ppf-preset--custom {
    grid-column: span 2;
    aspect-ratio: auto;
    width: calc(100% - 6px);
    height: 100%;
    margin-left: 6px;
    justify-self: end;
  }
  .widget-f3b4a7 .ppf-shell[data-ppf-layout=horizontal] .ppf-preset--custom .ppf-preset-swatch {
    width: 94%;
    height: 84%;
  }
  .widget-f3b4a7 .ppf-shell[data-ppf-layout=horizontal] .ppf-offer-label,
  .widget-f3b4a7 .ppf-shell[data-ppf-layout=horizontal] .ppf-offer-price {
    text-align: left;
  }
  .widget-f3b4a7 .ppf-shell[data-ppf-layout=horizontal] .ppf-offer-left {
    align-items: flex-start;
    justify-items: start;
  }
  .widget-f3b4a7 .ppf-shell[data-ppf-layout=horizontal] .ppf-offer.ppf-offer--contact {
    justify-content: flex-start;
  }
}
.widget-f3b4a7 .ppf-offer.ppf-offer--contact .ppf-offer-right {
  margin-left: auto;
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=light] {
  --ppf-shell-bg: #f2f3f7;
  --ppf-shell-fg: #0b0b0e;
  --ppf-muted-fg: rgba(11, 11, 14, 0.52);
  --ppf-panel-bg: #ffffff;
  --ppf-panel-border: rgba(0, 0, 0, 0.07);
  --ppf-hairline: rgba(0, 0, 0, 0.08);
  --ppf-input-bg: #f7f8fa;
  --ppf-input-border: rgba(0, 0, 0, 0.11);
  --ppf-input-fg: #0b0b0e;
  --ppf-chip-bg: #f0f1f5;
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=light] .ppf-preview {
  background: #dfe1e3;
  border: none;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07), 0 1px 3px rgba(0, 0, 0, 0.05);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=light] .ppf-controls {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.07);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=light] .ppf-status {
  background: #f7f8fa;
  border-color: rgba(0, 0, 0, 0.07);
  box-shadow: none;
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=light] .ppf-offer {
  background: #f7f8fa;
  border-color: rgba(0, 0, 0, 0.07);
  box-shadow: none;
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=light] .ppf-offer-price {
  color: #0b0b0e;
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=light] .ppf-status-name {
  color: #0b0b0e;
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=light] .ppf-swatch {
  border-color: rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=light] .ppf-preset {
  border-color: rgba(0, 0, 0, 0.12);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=light] .ppf-preset:hover {
  border-color: rgba(0, 0, 0, 0.28);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=light] .ppf-preset.is-active {
  border-color: rgba(0, 0, 0, 0.55);
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.06), 0 0 0 4px var(--ppf-swatch-glow);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=light] .ppf-preset-swatch {
  border-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 2px 6px rgba(255, 255, 255, 0.35), inset 0 -6px 12px rgba(0, 0, 0, 0.14), inset 0 0 0 1px rgba(0, 0, 0, 0.08);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=light] .ppf-preset--custom {
  border-color: rgba(0, 0, 0, 0.18);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=light] .ppf-presets-row::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.14);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=light] .ppf-presets-row::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=light] .ppf-custom-toggle:hover {
  background: #e8eaf0;
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=light] .ppf-reset-link:hover {
  color: #0b0b0e;
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=light] .ppf-clear:hover {
  background: #e8eaf0;
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=light] .ppf-hex:focus {
  border-color: rgba(0, 0, 0, 0.28);
  background: #ffffff;
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=light] .ppf-offer-right a:hover {
  filter: brightness(1.03);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=light] .ppf-grain {
  opacity: 0;
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=full-dark] {
  --ppf-shell-bg: #000000;
  --ppf-shell-fg: #f5f6f7;
  --ppf-muted-fg: rgba(245, 246, 247, 0.65);
  --ppf-panel-bg: rgba(255, 255, 255, 0.04);
  --ppf-panel-border: rgba(255, 255, 255, 0.08);
  --ppf-hairline: rgba(255, 255, 255, 0.1);
  --ppf-input-bg: rgba(255, 255, 255, 0.05);
  --ppf-input-border: rgba(255, 255, 255, 0.12);
  --ppf-input-fg: #f5f6f7;
  --ppf-chip-bg: rgba(255, 255, 255, 0.06);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=glass] {
  --ppf-shell-fg: #f5f6f7;
  --ppf-muted-fg: rgba(245, 246, 247, 0.72);
  --ppf-panel-bg: rgba(255, 255, 255, 0.07);
  --ppf-panel-border: rgba(255, 255, 255, 0.10);
  --ppf-hairline: rgba(255, 255, 255, 0.10);
  --ppf-input-bg: rgba(255, 255, 255, 0.08);
  --ppf-input-border: rgba(255, 255, 255, 0.15);
  --ppf-input-fg: #f5f6f7;
  --ppf-chip-bg: rgba(255, 255, 255, 0.10);
  background: rgba(10, 10, 20, 0.4);
  backdrop-filter: blur(24px) saturate(160%);
  -webkit-backdrop-filter: blur(24px) saturate(160%);
  border-color: rgba(255, 255, 255, 0.1);
  overflow: visible;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.12);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=glass-light] {
  --ppf-shell-fg: #0b0b0e;
  --ppf-muted-fg: rgba(11, 11, 14, 0.58);
  --ppf-panel-bg: rgba(255, 255, 255, 0.30);
  --ppf-panel-border: rgba(255, 255, 255, 0.40);
  --ppf-hairline: rgba(255, 255, 255, 0.28);
  --ppf-input-bg: rgba(255, 255, 255, 0.40);
  --ppf-input-border: rgba(0, 0, 0, 0.10);
  --ppf-input-fg: #0b0b0e;
  --ppf-chip-bg: rgba(255, 255, 255, 0.38);
  background: rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(24px) saturate(180%);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  border-color: rgba(255, 255, 255, 0.3);
  overflow: visible;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.7);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=glass] .ppf-grain,
.widget-f3b4a7 .ppf-shell[data-ppf-theme=glass-light] .ppf-grain {
  border-radius: 15px; /* 1px inside the shell border */
  overflow: hidden;
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=glass] .ppf-grain {
  opacity: 0.1;
  mix-blend-mode: overlay;
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=glass-light] .ppf-grain {
  opacity: 0.06;
  mix-blend-mode: multiply;
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=glass] .ppf-preview {
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.16);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=glass-light] .ppf-preview {
  background: rgba(255, 255, 255, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.45);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=glass] .ppf-controls {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.12);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=glass-light] .ppf-controls {
  background: rgba(255, 255, 255, 0.35);
  border-color: rgba(255, 255, 255, 0.4);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.7);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=glass] .ppf-status {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.09);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=glass-light] .ppf-status {
  background: rgba(255, 255, 255, 0.35);
  border-color: rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=glass] .ppf-offer {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.09);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=glass-light] .ppf-offer {
  background: rgba(255, 255, 255, 0.35);
  border-color: rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=glass-light] .ppf-offer-price {
  color: #0b0b0e;
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=glass-light] .ppf-status-name {
  color: #0b0b0e;
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=glass] .ppf-preview-topline,
.widget-f3b4a7 .ppf-shell[data-ppf-theme=glass] .ppf-preview-hint {
  color: rgba(245, 246, 247, 0.5);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=glass-light] .ppf-preview-topline,
.widget-f3b4a7 .ppf-shell[data-ppf-theme=glass-light] .ppf-preview-hint {
  color: rgba(11, 11, 14, 0.48);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=glass] .ppf-swatch {
  border-color: rgba(255, 255, 255, 0.18);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=glass-light] .ppf-swatch {
  border-color: rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=glass-light] .ppf-preset {
  border-color: rgba(0, 0, 0, 0.12);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=glass-light] .ppf-preset:hover {
  border-color: rgba(0, 0, 0, 0.28);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=glass-light] .ppf-preset.is-active {
  border-color: rgba(0, 0, 0, 0.55);
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.06), 0 0 0 4px var(--ppf-swatch-glow);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=glass-light] .ppf-preset-swatch {
  border-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 2px 6px rgba(255, 255, 255, 0.35), inset 0 -6px 12px rgba(0, 0, 0, 0.14), inset 0 0 0 1px rgba(0, 0, 0, 0.08);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=glass-light] .ppf-preset--custom {
  border-color: rgba(0, 0, 0, 0.18);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=glass-light] .ppf-presets-row::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.14);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=glass-light] .ppf-presets-row::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=glass-light] .ppf-custom-toggle:hover {
  background: rgba(255, 255, 255, 0.65);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=glass-light] .ppf-reset-link:hover {
  color: #0b0b0e;
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=glass-light] .ppf-clear:hover {
  background: rgba(255, 255, 255, 0.65);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=glass-light] .ppf-hex:focus {
  border-color: rgba(0, 0, 0, 0.28);
  background: rgba(255, 255, 255, 0.7);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=glass-light] .ppf-offer-right a:hover {
  filter: brightness(1.03);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=dynamic-glass] {
  --ppf-dg-r: 10;
  --ppf-dg-g: 10;
  --ppf-dg-b: 20;
  --ppf-shell-fg: #f5f6f7;
  --ppf-muted-fg: rgba(245, 246, 247, 0.72);
  --ppf-panel-bg: rgba(255, 255, 255, 0.06);
  --ppf-panel-border: rgba(255, 255, 255, 0.10);
  --ppf-hairline: rgba(255, 255, 255, 0.10);
  --ppf-input-bg: rgba(255, 255, 255, 0.08);
  --ppf-input-border: rgba(255, 255, 255, 0.15);
  --ppf-input-fg: #f5f6f7;
  --ppf-chip-bg: rgba(255, 255, 255, 0.10);
  background: rgba(var(--ppf-dg-r), var(--ppf-dg-g), var(--ppf-dg-b), 0.32);
  backdrop-filter: blur(24px) saturate(180%);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  border-color: rgba(var(--ppf-dg-r), var(--ppf-dg-g), var(--ppf-dg-b), 0.55);
  overflow: visible;
  /* Smooth the tint + border + glow + text shift when a new color is chosen */
  transition: background 400ms ease, border-color 400ms ease, box-shadow 400ms ease, color 400ms ease;
  box-shadow: 0 0 0 1px rgba(var(--ppf-dg-r), var(--ppf-dg-g), var(--ppf-dg-b), 0.3), 0 0 32px rgba(var(--ppf-dg-r), var(--ppf-dg-g), var(--ppf-dg-b), 0.22), 0 8px 40px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.12);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=dynamic-glass] .ppf-grain {
  border-radius: 15px;
  overflow: hidden;
  opacity: 0.1;
  mix-blend-mode: overlay;
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=dynamic-glass] .ppf-preview-topline,
.widget-f3b4a7 .ppf-shell[data-ppf-theme=dynamic-glass] .ppf-preview-hint {
  color: rgba(245, 246, 247, 0.5);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=dynamic-glass] .ppf-preview {
  background: rgba(var(--ppf-dg-r), var(--ppf-dg-g), var(--ppf-dg-b), 0.18);
  border: 1px solid rgba(var(--ppf-dg-r), var(--ppf-dg-g), var(--ppf-dg-b), 0.4);
  box-shadow: 0 0 16px rgba(var(--ppf-dg-r), var(--ppf-dg-g), var(--ppf-dg-b), 0.18), 0 4px 20px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.14);
  transition: background 400ms ease, border-color 400ms ease, box-shadow 400ms ease;
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=dynamic-glass] .ppf-controls {
  background: rgba(var(--ppf-dg-r), var(--ppf-dg-g), var(--ppf-dg-b), 0.18);
  border-color: rgba(var(--ppf-dg-r), var(--ppf-dg-g), var(--ppf-dg-b), 0.35);
  box-shadow: 0 0 12px rgba(var(--ppf-dg-r), var(--ppf-dg-g), var(--ppf-dg-b), 0.12), 0 2px 10px rgba(0, 0, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  transition: background 400ms ease, border-color 400ms ease, box-shadow 400ms ease;
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=dynamic-glass] .ppf-status {
  background: rgba(var(--ppf-dg-r), var(--ppf-dg-g), var(--ppf-dg-b), 0.2);
  border-color: rgba(var(--ppf-dg-r), var(--ppf-dg-g), var(--ppf-dg-b), 0.35);
  box-shadow: 0 0 10px rgba(var(--ppf-dg-r), var(--ppf-dg-g), var(--ppf-dg-b), 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  transition: background 400ms ease, border-color 400ms ease, box-shadow 400ms ease;
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=dynamic-glass] .ppf-offer {
  background: rgba(var(--ppf-dg-r), var(--ppf-dg-g), var(--ppf-dg-b), 0.2);
  border-color: rgba(var(--ppf-dg-r), var(--ppf-dg-g), var(--ppf-dg-b), 0.35);
  box-shadow: 0 0 10px rgba(var(--ppf-dg-r), var(--ppf-dg-g), var(--ppf-dg-b), 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  transition: background 400ms ease, border-color 400ms ease, box-shadow 400ms ease;
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=dynamic-glass] .ppf-status-name,
.widget-f3b4a7 .ppf-shell[data-ppf-theme=dynamic-glass] .ppf-offer-price {
  transition: color 400ms ease;
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=dynamic-glass] .ppf-swatch {
  border-color: rgba(255, 255, 255, 0.18);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}
.widget-f3b4a7 .ppf-grain {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.12;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");
  background-size: 220px 220px;
  z-index: 0;
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=light] .ppf-grain {
  opacity: 0.06;
  mix-blend-mode: multiply;
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=full-dark] .ppf-grain {
  opacity: 0;
}
.widget-f3b4a7 .ppf-inner,
.widget-f3b4a7 .ppf-header,
.widget-f3b4a7 .ppf-preview,
.widget-f3b4a7 .ppf-controls {
  position: relative;
  z-index: 1;
}
.widget-f3b4a7 .ppf-header {
  text-align: center;
  margin-bottom: 14px;
}
.widget-f3b4a7 .ppf-title {
  margin: 0;
  font-size: 26px;
  line-height: 1.15;
  letter-spacing: -0.03em;
}
.widget-f3b4a7 .ppf-subtitle {
  margin: 8px auto 0;
  max-width: 62ch;
  color: var(--ppf-muted-fg);
  font-size: 14px;
  line-height: 1.5;
}
.widget-f3b4a7 .ppf-preview {
  background: #dfe1e3;
  border: 1px solid color-mix(in srgb, var(--ppf-hairline) 70%, transparent);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ppf-hairline) 45%, transparent), 0 0 0 6px color-mix(in srgb, var(--ppf-glow) 55%, transparent);
  border-radius: 16px;
  padding: 10px;
  overflow: hidden;
  transition: box-shadow 320ms ease;
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=full-dark] .ppf-preview {
  background: #161616;
  padding: 6px 8px;
  border-color: var(--ppf-preview-border-glow, rgba(255, 255, 255, 0.08));
  box-shadow: 0 0 0 1px var(--ppf-preview-border-glow, rgba(255, 255, 255, 0.04)), 0 0 28px var(--ppf-preview-border-glow, transparent);
  transition: border-color 500ms ease, box-shadow 500ms ease;
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=full-dark] .ppf-stage {
  aspect-ratio: 21/9;
}
.widget-f3b4a7 .ppf-preview-topline {
  text-align: center;
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.52);
  margin-bottom: 8px;
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=full-dark] .ppf-preview-topline {
  color: rgba(245, 246, 247, 0.45);
}
.widget-f3b4a7 .ppf-preview-hint {
  text-align: center;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.52);
  margin-top: 8px;
  /* Reserve the line's height at all times so hiding/showing the hint text
     never shifts the car render's position */
  min-height: 1.4em;
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=full-dark] .ppf-preview-hint {
  color: rgba(245, 246, 247, 0.45);
}
.widget-f3b4a7 .ppf-stage {
  position: relative;
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  aspect-ratio: 16/9;
  display: grid;
  place-items: center;
  isolation: isolate;
}
.widget-f3b4a7 .ppf-glow {
  position: absolute;
  inset: -10%;
  z-index: 0;
  background: radial-gradient(circle at 50% 55%, var(--ppf-glow), transparent 64%);
  opacity: 0;
  transition: opacity 220ms ease;
  filter: blur(20px);
  pointer-events: none;
}
.widget-f3b4a7 .ppf-glow.is-active {
  opacity: 1;
}
.widget-f3b4a7 .ppf-color-glow {
  position: absolute;
  inset: -20%;
  z-index: 0;
  background: none;
  opacity: 0;
  transition: opacity 350ms ease, background 400ms ease;
  pointer-events: none;
}
.widget-f3b4a7 .ppf-color-glow.is-active {
  opacity: 1;
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=full-dark] .ppf-stage {
  isolation: auto;
}
.widget-f3b4a7 .ppf-floor {
  position: absolute;
  left: 8%;
  right: 8%;
  bottom: 10%;
  height: 28%;
  z-index: 0;
  background: radial-gradient(ellipse at 50% 30%, rgba(0, 0, 0, 0.26), transparent 70%), linear-gradient(to bottom, rgba(0, 0, 0, 0.18), transparent 70%);
  filter: blur(10px);
  opacity: 0.55;
  transform: skewX(-6deg);
  pointer-events: none;
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=full-dark] .ppf-floor {
  display: none;
}
.widget-f3b4a7 .ppf-stage {
  --ppf-media-fit: contain;
  --ppf-media-pos: center;
  --ppf-media-scale: 1;
  --ppf-media-origin: 50% 50%;
}
.widget-f3b4a7 .ppf-shadow {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: var(--ppf-media-fit);
  object-position: var(--ppf-media-pos);
  user-select: none;
  -webkit-user-drag: none;
  display: block;
  z-index: 0;
  pointer-events: none;
  transform: scale(var(--ppf-media-scale));
  transform-origin: var(--ppf-media-origin);
}
.widget-f3b4a7 .ppf-base {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: var(--ppf-media-fit);
  object-position: var(--ppf-media-pos);
  user-select: none;
  -webkit-user-drag: none;
  display: block;
  z-index: 1;
  filter: none;
  transform: scale(var(--ppf-media-scale));
  transform-origin: var(--ppf-media-origin);
}
.widget-f3b4a7 .ppf-mask-wrap {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  transition: opacity 300ms ease;
  will-change: opacity;
  pointer-events: none;
  transform: scale(var(--ppf-media-scale));
  transform-origin: var(--ppf-media-origin);
}
.widget-f3b4a7 .ppf-mask-wrap.is-active {
  opacity: 1;
}
.widget-f3b4a7 .ppf-mask-color {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  mix-blend-mode: color;
  -webkit-mask-size: var(--ppf-media-fit);
  mask-size: var(--ppf-media-fit);
  -webkit-mask-position: var(--ppf-media-pos);
  mask-position: var(--ppf-media-pos);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transition: background 500ms ease;
}
.widget-f3b4a7 .ppf-mask-luma {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: var(--ppf-media-fit);
  object-position: var(--ppf-media-pos);
  user-select: none;
  -webkit-user-drag: none;
  display: block;
  filter: grayscale(1) brightness(0.87) contrast(0.82);
  mix-blend-mode: hard-light;
  opacity: 0.65;
  -webkit-mask-size: var(--ppf-media-fit);
  mask-size: var(--ppf-media-fit);
  -webkit-mask-position: var(--ppf-media-pos);
  mask-position: var(--ppf-media-pos);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  pointer-events: none;
}
.widget-f3b4a7 .ppf-controls {
  margin-top: 14px;
  background: var(--ppf-panel-bg);
  border: 1px solid var(--ppf-panel-border);
  border-radius: 16px;
  padding: 12px;
  overflow: visible;
}
.widget-f3b4a7 .ppf-presets {
  overflow: visible;
}
.widget-f3b4a7 .ppf-presets-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.widget-f3b4a7 .ppf-presets-actions {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.widget-f3b4a7 .ppf-presets-label {
  font-size: 15px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--ppf-shell-fg) 70%, transparent);
  margin-left: 6px;
}
.widget-f3b4a7 .ppf-custom-toggle {
  height: 34px;
  border-radius: 999px;
  border: 1px solid var(--ppf-input-border);
  background: var(--ppf-chip-bg);
  color: color-mix(in srgb, var(--ppf-shell-fg) 92%, transparent);
  padding: 0 12px;
  cursor: pointer;
  white-space: nowrap;
  font-size: 13px;
  letter-spacing: 0.01em;
}
.widget-f3b4a7 .ppf-custom-toggle:hover {
  background: rgba(255, 255, 255, 0.08);
}
.widget-f3b4a7 .ppf-reset-link {
  appearance: none;
  border: 0;
  background: transparent;
  color: color-mix(in srgb, var(--ppf-shell-fg) 82%, transparent);
  font-size: 13px;
  padding: 0;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
  white-space: nowrap;
}
.widget-f3b4a7 .ppf-reset-link:hover {
  color: rgba(245, 246, 247, 0.98);
}
.widget-f3b4a7 .ppf-presets-row {
  display: flex;
  gap: 14px;
  overflow-x: auto;
  overflow-y: visible;
  padding: 10px 10px 14px;
  margin: 0 -10px;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  /* Prevent scrollbar from creating visual right-side asymmetry */
  scrollbar-gutter: stable both-edges;
}
.widget-f3b4a7 .ppf-presets-row::-webkit-scrollbar {
  height: 8px;
}
.widget-f3b4a7 .ppf-presets-row::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.16);
  border-radius: 999px;
}
.widget-f3b4a7 .ppf-presets-row::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.06);
  border-radius: 999px;
}
.widget-f3b4a7 .ppf-preset {
  width: 58px;
  height: 58px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: transparent;
  display: grid;
  place-items: center;
  cursor: pointer;
  flex: 0 0 auto;
  scroll-snap-align: start;
  position: relative;
  transition: transform 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
  outline: none;
  padding: 0;
}
.widget-f3b4a7 .ppf-preset:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 255, 255, 0.32);
}
.widget-f3b4a7 .ppf-preset.is-active {
  border-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.08), 0 0 0 4px var(--ppf-swatch-glow);
}
.widget-f3b4a7 .ppf-preset-swatch {
  width: 50px;
  height: 50px;
  border-radius: 999px;
  border: 2px solid rgba(255, 255, 255, 0.16);
  box-shadow: inset 0 2px 10px rgba(255, 255, 255, 0.12), inset 0 -10px 18px rgba(0, 0, 0, 0.28), inset 0 0 0 1px rgba(0, 0, 0, 0.22);
  display: block;
  background-clip: padding-box;
}
.widget-f3b4a7 .ppf-preset--custom {
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.16);
}
.widget-f3b4a7 .ppf-preset--custom {
  position: sticky;
  right: 0;
  z-index: 2;
  background: var(--ppf-panel-bg);
  background-clip: padding-box;
}
@media (min-width: 1024px) {
  .widget-f3b4a7 .ppf-preset--custom {
    width: 130px;
    border-radius: 999px;
    margin-left: 49px;
  }
  .widget-f3b4a7 .ppf-preset--custom .ppf-preset-swatch {
    width: 122px;
    border-radius: 999px;
  }
  .widget-f3b4a7 .ppf-preset--custom .ppf-plus {
    display: none;
  }
  .widget-f3b4a7 .ppf-preset--custom .ppf-custom-label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.01em;
    color: rgba(245, 246, 247, 0.95);
    white-space: nowrap;
    padding: 6px 14px;
    border-radius: 999px;
    background: rgba(10, 10, 12, 0.45);
    -webkit-backdrop-filter: blur(10px) saturate(140%);
    backdrop-filter: blur(10px) saturate(140%);
    border: 1px solid rgba(255, 255, 255, 0.14);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 -6px 12px rgba(0, 0, 0, 0.3);
  }
  .widget-f3b4a7 .ppf-shell[data-ppf-theme=light] .ppf-preset--custom .ppf-custom-label,
  .widget-f3b4a7 .ppf-shell[data-ppf-theme=glass-light] .ppf-preset--custom .ppf-custom-label {
    color: rgba(245, 246, 247, 0.95);
  }
}
.widget-f3b4a7 .ppf-preset-swatch--rainbow {
  background: conic-gradient(from 180deg, #ff3b2f, #ff7a18, #ffd400, #2dd36f, #00c2ff, #003882, #8b00ff, #ff1493, #ff3b2f);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  box-shadow: none;
  overflow: hidden;
  background-clip: border-box;
}
.widget-f3b4a7 .ppf-custom-label {
  display: none;
}
.widget-f3b4a7 .ppf-plus {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: rgba(0, 0, 0, 0.58);
  border: 1px solid rgba(255, 255, 255, 0.22);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.35);
}
.widget-f3b4a7 .ppf-plus svg {
  display: block;
  width: 12px;
  height: 12px;
  flex-shrink: 0;
}
.widget-f3b4a7 .ppf-custom {
  margin-top: 12px;
  min-height: 62px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 12px;
  border-radius: 14px;
  background: color-mix(in srgb, var(--ppf-panel-bg) 55%, rgba(0, 0, 0, 0.26));
  border: 1px solid var(--ppf-panel-border);
}
.widget-f3b4a7 .ppf-custom[hidden] {
  display: none !important;
}
.widget-f3b4a7 .ppf-custom-row {
  width: 100%;
  padding-top: 0;
}
.widget-f3b4a7 .ppf-custom-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: nowrap;
  width: 100%;
}
.widget-f3b4a7 .ppf-color-inputs {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  min-width: 0;
}
.widget-f3b4a7 .ppf-color-picker {
  width: 38px;
  height: 38px;
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
  flex: 0 0 auto;
  border-radius: 999px;
  overflow: hidden;
  appearance: none;
  -webkit-appearance: none;
}
.widget-f3b4a7 .ppf-color-picker::-webkit-color-swatch-wrapper {
  padding: 0;
}
.widget-f3b4a7 .ppf-color-picker::-webkit-color-swatch {
  border-radius: 999px;
  border: 0;
}
.widget-f3b4a7 .ppf-color-picker::-moz-color-swatch {
  border-radius: 999px;
  border: 0;
}
.widget-f3b4a7 .ppf-hex {
  flex: 1;
  min-width: 140px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid var(--ppf-input-border);
  background: var(--ppf-input-bg);
  color: var(--ppf-input-fg);
  padding: 0 14px;
  font-size: 14px;
  outline: none;
}
.widget-f3b4a7 .ppf-hex:focus {
  border-color: rgba(255, 255, 255, 0.32);
}
.widget-f3b4a7 .ppf-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
}
.widget-f3b4a7 .ppf-clear {
  height: 38px;
  border-radius: 999px;
  border: 1px solid var(--ppf-input-border);
  background: color-mix(in srgb, var(--ppf-panel-bg) 70%, transparent);
  color: color-mix(in srgb, var(--ppf-shell-fg) 92%, transparent);
  padding: 0 16px;
  cursor: pointer;
  white-space: nowrap;
}
.widget-f3b4a7 .ppf-clear:hover {
  background: rgba(255, 255, 255, 0.1);
}
.widget-f3b4a7 .ppf-status {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  min-height: 62px;
  box-sizing: border-box;
  border-radius: 14px;
  background: color-mix(in srgb, var(--ppf-panel-bg) 55%, rgba(0, 0, 0, 0.26));
  border: 1px solid var(--ppf-panel-border);
}
.widget-f3b4a7 .ppf-status[hidden] {
  display: none !important;
}
.widget-f3b4a7 .ppf-swatch {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  background: #9a9a9c;
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
  flex: 0 0 auto;
}
.widget-f3b4a7 .ppf-status-text {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.widget-f3b4a7 .ppf-status-line {
  display: flex;
  align-items: baseline;
  min-width: 0;
}
.widget-f3b4a7 .ppf-status-line--primary {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.widget-f3b4a7 .ppf-status-line--secondary {
  font-size: 12px;
  color: color-mix(in srgb, var(--ppf-shell-fg) 70%, transparent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  /* Hex codes are hidden by default under each color selection */
  display: none;
}
.widget-f3b4a7 .ppf-status-hex {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.widget-f3b4a7 .ppf-status-name {
  color: var(--ppf-shell-fg, rgba(245, 246, 247, 0.98));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.widget-f3b4a7 .ppf-disclaimer {
  margin-top: 10px;
  padding: 0;
  border-radius: 0;
  background: none;
  border: none;
  font-size: 10px;
  line-height: 1.4;
  letter-spacing: 0.005em;
  text-align: center;
  color: color-mix(in srgb, var(--ppf-shell-fg) 42%, transparent);
}
.widget-f3b4a7 .ppf-shell[data-ppf-theme=light] .ppf-disclaimer {
  color: rgba(11, 11, 14, 0.38);
}
.widget-f3b4a7 .ppf-offer {
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px;
  border-radius: 14px;
  background: color-mix(in srgb, var(--ppf-panel-bg) 55%, rgba(0, 0, 0, 0.28));
  border: 1px solid var(--ppf-panel-border);
}
.widget-f3b4a7 .ppf-offer-left {
  display: grid;
  gap: 4px;
  min-width: 0;
  flex: 1 1 auto;
}
.widget-f3b4a7 .ppf-offer-label {
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--ppf-shell-fg) 74%, transparent);
}
.widget-f3b4a7 .ppf-offer-price {
  font-size: 27px;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: var(--ppf-shell-fg, #ffffff);
  line-height: 1.1;
}
.widget-f3b4a7 .ppf-offer-price--contact {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  opacity: 0.78;
}
.widget-f3b4a7 .ppf-turnaround {
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--ppf-shell-fg) 58%, transparent);
  margin-top: 3px;
}
.widget-f3b4a7 .ppf-offer-right {
  flex: 0 0 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: auto;
}
.widget-f3b4a7 .ppf-cta {
  margin-top: 14px;
  display: flex;
  justify-content: center;
}
.widget-f3b4a7 .ppf-offer-right a,
.widget-f3b4a7 .ppf-offer-right button,
.widget-f3b4a7 .ppf-offer-right .ppf-quote-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  min-width: 160px;
  max-width: 100%;
  align-self: center;
  flex-shrink: 0;
  white-space: nowrap;
  box-sizing: border-box;
  outline: none;
  text-decoration: none !important;
  transition: filter 160ms ease, box-shadow 160ms ease, transform 160ms ease;
  cursor: pointer;
  padding-left: 1.5em;
  padding-right: 1.5em;
  text-align: center;
  gap: 0;
}
.widget-f3b4a7 .ppf-offer-right a *,
.widget-f3b4a7 .ppf-offer-right button *,
.widget-f3b4a7 .ppf-offer-right .ppf-quote-btn * {
  text-align: center;
}
.widget-f3b4a7 .ppf-offer-right a:hover,
.widget-f3b4a7 .ppf-offer-right a:focus,
.widget-f3b4a7 .ppf-offer-right a:visited,
.widget-f3b4a7 .ppf-offer-right .ppf-quote-btn {
  text-decoration: none !important;
}
.widget-f3b4a7 .ppf-offer-right a:focus,
.widget-f3b4a7 .ppf-offer-right button:focus,
.widget-f3b4a7 .ppf-offer-right .ppf-quote-btn:focus {
  outline: none;
  box-shadow: none;
}
.widget-f3b4a7 .ppf-offer-right a:hover,
.widget-f3b4a7 .ppf-offer-right button:hover,
.widget-f3b4a7 .ppf-offer-right .ppf-quote-btn:hover {
  filter: brightness(1.03);
}
.widget-f3b4a7 .ppf-shell[data-ppf-corners=sharp],
.widget-f3b4a7 .ppf-shell[data-ppf-corners=sharp] .ppf-preview,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=sharp] .ppf-controls,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=sharp] .ppf-status,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=sharp] .ppf-offer,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=sharp] .ppf-preset,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=sharp] .ppf-preset-swatch,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=sharp] .ppf-preset-swatch--rainbow,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=sharp] .ppf-custom-label,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=sharp] .ppf-swatch,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=sharp] .ppf-custom,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=sharp] .ppf-custom-row,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=sharp] .ppf-color-inputs,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=sharp] .ppf-hex,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=sharp] .ppf-clear,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=sharp] .ppf-custom-toggle,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=sharp] .ppf-offer-right a,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=sharp] .ppf-offer-right button,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=sharp] .ppf-color-picker,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=sharp] .ppf-plus,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=sharp] .ppf-grain,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=sharp] .ppf-presets-row::-webkit-scrollbar-thumb,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=sharp] .ppf-presets-row::-webkit-scrollbar-track {
  border-radius: 0 !important;
}
.widget-f3b4a7 .ppf-shell[data-ppf-corners=sharp] .ppf-color-picker::-webkit-color-swatch,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=sharp] .ppf-color-picker::-moz-color-swatch {
  border-radius: 0 !important;
}
.widget-f3b4a7 .ppf-shell[data-ppf-corners=semi],
.widget-f3b4a7 .ppf-shell[data-ppf-corners=semi] .ppf-preview,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=semi] .ppf-controls,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=semi] .ppf-status,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=semi] .ppf-offer,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=semi] .ppf-custom,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=semi] .ppf-custom-row,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=semi] .ppf-color-inputs,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=semi] .ppf-grain {
  border-radius: 14px !important;
}
.widget-f3b4a7 .ppf-shell[data-ppf-corners=semi] .ppf-preset,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=semi] .ppf-preset-swatch,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=semi] .ppf-preset-swatch--rainbow,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=semi] .ppf-custom-label,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=semi] .ppf-swatch,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=semi] .ppf-hex,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=semi] .ppf-clear,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=semi] .ppf-custom-toggle,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=semi] .ppf-offer-right a,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=semi] .ppf-offer-right button,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=semi] .ppf-color-picker,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=semi] .ppf-plus {
  border-radius: 10px !important;
}
.widget-f3b4a7 .ppf-shell[data-ppf-corners=semi] .ppf-presets-row::-webkit-scrollbar-thumb,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=semi] .ppf-presets-row::-webkit-scrollbar-track {
  border-radius: 6px !important;
}
.widget-f3b4a7 .ppf-shell[data-ppf-corners=semi] .ppf-color-picker::-webkit-color-swatch,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=semi] .ppf-color-picker::-moz-color-swatch {
  border-radius: 8px !important;
}
.widget-f3b4a7 .ppf-shell[data-ppf-corners=semi] .ppf-preset--custom,
.widget-f3b4a7 .ppf-shell[data-ppf-corners=semi] .ppf-preset--custom .ppf-preset-swatch {
  border-radius: 10px !important;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .widget-f3b4a7 {
    /* Tablet: don't pin the custom-color swatch to the end of the scroll
       lane — let it scroll naturally with the rest of the swatches. */
  }
  .widget-f3b4a7 .ppf-shell[data-ppf-layout=horizontal] .ppf-inner {
    flex-direction: column;
  }
  .widget-f3b4a7 .ppf-shell[data-ppf-layout=horizontal] .ppf-preview {
    flex: unset;
  }
  .widget-f3b4a7 .ppf-shell[data-ppf-layout=horizontal] .ppf-stage {
    aspect-ratio: 16/9;
    min-height: unset;
    flex: unset;
  }
  .widget-f3b4a7 .ppf-shell[data-ppf-layout=horizontal] .ppf-controls {
    flex: unset;
    margin-top: 14px;
    display: block;
  }
  .widget-f3b4a7 .ppf-shell[data-ppf-layout=horizontal] .ppf-status,
  .widget-f3b4a7 .ppf-shell[data-ppf-layout=horizontal] .ppf-custom,
  .widget-f3b4a7 .ppf-shell[data-ppf-layout=horizontal] .ppf-offer {
    margin-top: 12px;
  }
  .widget-f3b4a7 .ppf-shell[data-ppf-layout=horizontal] .ppf-presets-row {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: visible;
    gap: 14px;
    padding: 10px 10px 14px;
    margin: 0 -10px;
    scroll-snap-type: x mandatory;
  }
  .widget-f3b4a7 .ppf-shell[data-ppf-layout=horizontal] .ppf-preset {
    scroll-snap-align: start;
  }
  .widget-f3b4a7 .ppf-preset--custom {
    position: static;
    right: auto;
  }
}
@media (max-width: 767px) {
  .widget-f3b4a7 {
    /* Mobile: tighten preview spacing so the car fills the box */
    /* Force vertical on mobile regardless of layout setting */
    /* Reduce controls padding to maximize hero space */
    /* Mobile swatches: 7 across, 2 rows */
    /* Contact for pricing on mobile: stack vertically, price left-aligned,
       button still centered and wide to match the standard mobile CTA */
  }
  .widget-f3b4a7 .ppf-shell {
    padding: 14px;
  }
  .widget-f3b4a7 .ppf-title {
    font-size: 22px;
  }
  .widget-f3b4a7 .ppf-preview {
    padding: 4px 4px 0;
  }
  .widget-f3b4a7 .ppf-preview-topline {
    margin-bottom: 4px;
  }
  .widget-f3b4a7 .ppf-stage {
    aspect-ratio: 3/2;
    min-height: 0;
    overflow: hidden;
  }
  .widget-f3b4a7 .ppf-shell[data-ppf-theme=full-dark] .ppf-stage {
    aspect-ratio: 16/9;
  }
  .widget-f3b4a7 .ppf-stage {
    --ppf-media-scale: 1;
    --ppf-media-origin: 50% 50%;
  }
  .widget-f3b4a7 .ppf-base,
  .widget-f3b4a7 .ppf-shadow,
  .widget-f3b4a7 .ppf-mask-wrap {
    object-position: center center;
  }
  .widget-f3b4a7 .ppf-shell[data-ppf-layout=horizontal] .ppf-inner {
    flex-direction: column;
  }
  .widget-f3b4a7 .ppf-shell[data-ppf-layout=horizontal] .ppf-preview {
    flex: unset;
  }
  .widget-f3b4a7 .ppf-shell[data-ppf-layout=horizontal] .ppf-stage {
    aspect-ratio: 3/2;
    min-height: unset;
    flex: unset;
  }
  .widget-f3b4a7 .ppf-shell[data-ppf-layout=horizontal] .ppf-controls {
    flex: unset;
    margin-top: 14px;
    display: block;
  }
  .widget-f3b4a7 .ppf-shell[data-ppf-layout=horizontal] .ppf-status,
  .widget-f3b4a7 .ppf-shell[data-ppf-layout=horizontal] .ppf-custom,
  .widget-f3b4a7 .ppf-shell[data-ppf-layout=horizontal] .ppf-offer {
    margin-top: 12px;
  }
  .widget-f3b4a7 .ppf-shell[data-ppf-layout=horizontal] .ppf-presets-row {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 4px;
    overflow: visible;
    padding: 6px 0 2px;
    margin: 0;
    scroll-snap-type: none;
  }
  .widget-f3b4a7 .ppf-controls {
    padding: 10px;
  }
  .widget-f3b4a7 .ppf-presets-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .widget-f3b4a7 .ppf-presets-actions {
    width: 100%;
    justify-content: space-between;
  }
  .widget-f3b4a7 .ppf-presets-row {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 4px;
    overflow: visible;
    padding: 6px 0 2px;
    margin: 0;
    scroll-snap-type: none;
  }
  .widget-f3b4a7 .ppf-presets-row::-webkit-scrollbar {
    display: none;
  }
  .widget-f3b4a7 .ppf-preset {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    scroll-snap-align: unset;
  }
  .widget-f3b4a7 .ppf-preset-swatch {
    width: 94%;
    height: 94%;
    border-width: 1px;
  }
  .widget-f3b4a7 .ppf-plus {
    width: 18px;
    height: 18px;
  }
  .widget-f3b4a7 .ppf-plus svg {
    width: 10px;
    height: 10px;
  }
  .widget-f3b4a7 .ppf-offer {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .widget-f3b4a7 .ppf-offer-left {
    text-align: center;
    justify-items: center;
    width: 100%;
  }
  .widget-f3b4a7 .ppf-offer-right {
    width: 100%;
    justify-content: center;
    margin-left: 0;
  }
  .widget-f3b4a7 .ppf-offer-right a,
  .widget-f3b4a7 .ppf-offer-right button {
    width: 90%;
    min-width: 0;
  }
  .widget-f3b4a7 .ppf-offer.ppf-offer--contact {
    flex-direction: column;
    align-items: center;
  }
  .widget-f3b4a7 .ppf-offer.ppf-offer--contact .ppf-offer-left {
    width: 100%;
    text-align: center;
  }
  .widget-f3b4a7 .ppf-offer.ppf-offer--contact .ppf-offer-right {
    margin-left: 0;
    flex: 0 0 auto;
    width: 100%;
    justify-content: center;
  }
  .widget-f3b4a7 .ppf-offer.ppf-offer--contact .ppf-offer-right a,
  .widget-f3b4a7 .ppf-offer.ppf-offer--contact .ppf-offer-right button {
    width: 90%;
  }
  .widget-f3b4a7 .ppf-custom-row {
    gap: 8px;
  }
  .widget-f3b4a7 .ppf-hex {
    min-width: 0;
  }
  .widget-f3b4a7 .ppf-clear {
    padding: 0 12px;
  }
}