/*
 * WDI Vehicle Fitment 2.6.0 — Alternative UI
 * A deliberately separate visual layer. The stable functional stylesheet is
 * retained underneath; this file owns the new graphite / warm-white / emerald
 * interface and can be removed without touching business logic.
 */

:root {
    --vff-alt-ink: #17201d;
    --vff-alt-ink-soft: #34413c;
    --vff-alt-muted: #68736f;
    --vff-alt-line: #dfe5e1;
    --vff-alt-line-strong: #cbd4cf;
    --vff-alt-canvas: #f4f3ef;
    --vff-alt-paper: #ffffff;
    --vff-alt-paper-soft: #f9faf8;
    --vff-alt-dark: #151c1a;
    --vff-alt-dark-2: #23302b;
    --vff-alt-primary: #8224e3;
    --vff-alt-primary-dark: #0c5c43;
    --vff-alt-primary-soft: #e7f4ef;
    --vff-alt-accent: #d7a842;
    --vff-alt-accent-soft: #faf1dc;
    --vff-alt-danger: #b83d43;
    --vff-alt-success: #137a5b;
    --vff-alt-radius-sm: 10px;
    --vff-alt-radius: 16px;
    --vff-alt-radius-lg: 24px;
    --vff-alt-shadow-sm: 0 8px 24px rgba(23, 32, 29, .07);
    --vff-alt-shadow: 0 22px 60px rgba(23, 32, 29, .11);
    --vff-alt-focus: 0 0 0 4px rgba(19, 122, 91, .16);
}

/* -------------------------------------------------------------------------
   Shared frontend foundation
   ------------------------------------------------------------------------- */
body.wdi-vff-ui-alternative .vff-frontpage-finder,
body.wdi-vff-ui-alternative .vff-reg-lookup,
body.wdi-vff-ui-alternative .vff-filter-form,
body.wdi-vff-ui-alternative .vff-frontpage-selected,
body.wdi-vff-ui-alternative .vff-shop-page,
body.wdi-vff-ui-alternative .vff-shortcode-shop,
body.wdi-vff-ui-alternative .vff-category-results,
body.wdi-vff-ui-alternative .vff-shop-results,
body.wdi-vff-ui-alternative .vff-garage,
body.wdi-vff-ui-alternative .vff-product-info-tab,
body.wdi-vff-ui-alternative .vff-empty-state {
    color: var(--vff-alt-ink) !important;
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
body.wdi-vff-ui-alternative .vff-frontpage-finder *,
body.wdi-vff-ui-alternative .vff-reg-lookup *,
body.wdi-vff-ui-alternative .vff-filter-form *,
body.wdi-vff-ui-alternative .vff-frontpage-selected *,
body.wdi-vff-ui-alternative .vff-garage *,
body.wdi-vff-ui-alternative .vff-product-info-tab * {
    box-sizing: border-box !important;
}
body.wdi-vff-ui-alternative :where(.vff-frontpage-finder, .vff-reg-lookup, .vff-filter-form, .vff-garage, .vff-product-info-tab) :where(button, input, select, textarea) {
    font: inherit !important;
}

/* -------------------------------------------------------------------------
   Completely new tabbed vehicle finder
   ------------------------------------------------------------------------- */
body.wdi-vff-ui-alternative .vff-alt-finder {
    position: relative !important;
    width: 100% !important;
    margin: 28px auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--vff-alt-line) !important;
    border-radius: var(--vff-alt-radius-lg) !important;
    background: var(--vff-alt-paper) !important;
    box-shadow: var(--vff-alt-shadow) !important;
}
body.wdi-vff-ui-alternative .vff-alt-finder::before,
body.wdi-vff-ui-alternative .vff-alt-finder::after {
    display: none !important;
}
body.wdi-vff-ui-alternative .vff-alt-finder-hero {
    display: none !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: 22px !important;
    align-items: center !important;
    padding: clamp(28px, 4vw, 48px) !important;
    background: var(--vff-alt-dark) !important;
    color: #fff !important;
}
body.wdi-vff-ui-alternative .vff-alt-finder-symbol {
    display: grid !important;
    place-items: center !important;
    width: 74px !important;
    height: 74px !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.07) !important;
    color: #8224e3 !important;
}
body.wdi-vff-ui-alternative .vff-alt-finder-symbol svg {
    width: 42px !important;
    height: 42px !important;
    fill: currentColor !important;
}
body.wdi-vff-ui-alternative .vff-alt-finder-copy { min-width: 0 !important; }
body.wdi-vff-ui-alternative .vff-alt-overline {
    display: block !important;
    margin-bottom: 8px !important;
    color: #8224e3 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;
}
body.wdi-vff-ui-alternative .vff-alt-finder-copy h2 {
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(28px, 4vw, 46px) !important;
    font-weight: 760 !important;
    line-height: 1.04 !important;
    letter-spacing: -.045em !important;
}
body.wdi-vff-ui-alternative .vff-alt-finder-copy p {
    max-width: 700px !important;
    margin: 12px 0 0 !important;
    color: rgba(255,255,255,.68) !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
}
body.wdi-vff-ui-alternative .vff-alt-finder-assurance {
    display: grid !important;
    gap: 9px !important;
    min-width: 155px !important;
    padding-left: 24px !important;
    border-left: 1px solid rgba(255,255,255,.13) !important;
}
body.wdi-vff-ui-alternative .vff-alt-finder-assurance span {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    color: rgba(255,255,255,.82) !important;
    font-size: 12px !important;
    font-weight: 650 !important;
}
body.wdi-vff-ui-alternative .vff-alt-finder-assurance b {
    display: grid !important;
    place-items: center !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    background: #8224e3 !important;
    color: var(--vff-alt-dark) !important;
    font-size: 11px !important;
}
body.wdi-vff-ui-alternative .vff-alt-finder-workspace {
    display: grid !important;
    grid-template-columns: 1fr !important;
    min-height: 370px !important;
    background: var(--vff-alt-paper) !important;
}
body.wdi-vff-ui-alternative .vff-alt-method-tabs {
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    padding: 20px !important;
    border-right: 1px solid var(--vff-alt-line) !important;
    background: var(--vff-alt-canvas) !important;
}
body.wdi-vff-ui-alternative .vff-alt-method-tab {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
    width: 100% !important;
    min-height: 88px !important;
    padding: 16px !important;
    border: 1px solid transparent !important;
    border-radius: 14px !important;
    background: transparent !important;
    color: var(--vff-alt-muted) !important;
    text-align: left !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transition: background .18s ease, border-color .18s ease, color .18s ease !important;
}
body.wdi-vff-ui-alternative .vff-alt-method-tab:hover,
body.wdi-vff-ui-alternative .vff-alt-method-tab:focus-visible {
    border-color: var(--vff-alt-line-strong) !important;
    background: rgba(255,255,255,.72) !important;
    outline: 0 !important;
}
body.wdi-vff-ui-alternative .vff-alt-method-tab:focus-visible { box-shadow: var(--vff-alt-focus) !important; }
body.wdi-vff-ui-alternative .vff-alt-method-tab.is-active {
    border-color: var(--vff-alt-line) !important;
    background: var(--vff-alt-paper) !important;
    color: var(--vff-alt-ink) !important;
    box-shadow: var(--vff-alt-shadow-sm) !important;
}
body.wdi-vff-ui-alternative .vff-alt-tab-number {
    display: grid !important;
    place-items: center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 9px !important;
    background: #e7e9e6 !important;
    color: #59635f !important;
    font-size: 11px !important;
    font-weight: 850 !important;
}
body.wdi-vff-ui-alternative .vff-alt-method-tab.is-active .vff-alt-tab-number {
    background: var(--vff-alt-primary) !important;
    color: #fff !important;
}
body.wdi-vff-ui-alternative .vff-alt-method-tab strong,
body.wdi-vff-ui-alternative .vff-alt-method-tab small {
    display: block !important;
}
body.wdi-vff-ui-alternative .vff-alt-method-tab strong {
    color: inherit !important;
    font-size: 14px !important;
    font-weight: 760 !important;
    line-height: 1.35 !important;
}
body.wdi-vff-ui-alternative .vff-alt-method-tab small {
    margin-top: 5px !important;
    color: var(--vff-alt-muted) !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
}
body.wdi-vff-ui-alternative .vff-alt-method-panels {
    min-width: 0 !important;
    padding: 25px 35px !important;
}
body.wdi-vff-ui-alternative .vff-alt-method-panel[hidden] { display: none !important; }
body.wdi-vff-ui-alternative .vff-alt-method-panel.is-active { display: block !important; }
body.wdi-vff-ui-alternative .vff-alt-panel-intro {
    margin: 0 0 24px !important;
    padding-bottom: 20px !important;
    border-bottom: 1px solid var(--vff-alt-line) !important;
}
body.wdi-vff-ui-alternative .vff-alt-panel-intro > span {
    display: block !important;
    margin-bottom: 5px !important;
    color: var(--vff-alt-primary) !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}
body.wdi-vff-ui-alternative .vff-alt-panel-intro h3 {
    margin: 0 !important;
    color: var(--vff-alt-ink) !important;
    font-size: clamp(22px, 2.5vw, 30px) !important;
    font-weight: 760 !important;
    letter-spacing: -.035em !important;
}
body.wdi-vff-ui-alternative .vff-alt-panel-intro p {
    margin: 7px 0 0 !important;
    color: var(--vff-alt-muted) !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}
body.wdi-vff-ui-alternative .vff-alt-finder-foot {
    display: none !important;
    gap: 10px !important;
    align-items: center !important;
    padding: 14px 28px !important;
    border-top: 1px solid var(--vff-alt-line) !important;
    background: var(--vff-alt-paper-soft) !important;
}
body.wdi-vff-ui-alternative .vff-alt-finder-foot span {
    display: grid !important;
    place-items: center !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    background: var(--vff-alt-accent-soft) !important;
    color: #8f6618 !important;
    font-size: 11px !important;
    font-weight: 850 !important;
}
body.wdi-vff-ui-alternative .vff-alt-finder-foot p {
    margin: 0 !important;
    color: var(--vff-alt-muted) !important;
    font-size: 11px !important;
}

/* Registration form inside the new panel. */
body.wdi-vff-ui-alternative .vff-alt-method-panel .vff-reg-lookup,
body.wdi-vff-ui-alternative .vff-alt-method-panel .vff-frontpage-reg-card .vff-reg-lookup {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.wdi-vff-ui-alternative .vff-alt-method-panel .vff-reg-lookup::before { display: none !important; }
body.wdi-vff-ui-alternative .vff-alt-method-panel .vff-reg-lookup-inner {
    display: block !important;
    width: 100% !important;
}
body.wdi-vff-ui-alternative .vff-alt-method-panel .vff-reg-form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: "country country" "plate action" "hint action" !important;
    gap: 9px 12px !important;
    align-items: end !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.wdi-vff-ui-alternative .vff-alt-method-panel .vff-reg-country-switch { grid-area: country !important; }
body.wdi-vff-ui-alternative .vff-alt-method-panel .vff-reg-plate-field {
    grid-area: plate !important;
    display: grid !important;
    grid-template-columns: 68px minmax(0, 1fr) !important;
    height: 64px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    border: 2px solid var(--vff-alt-dark) !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: none !important;
}
body.wdi-vff-ui-alternative .vff-alt-method-panel .vff-reg-plate-field:focus-within {
    border-color: var(--vff-alt-primary) !important;
    box-shadow: var(--vff-alt-focus) !important;
}
body.wdi-vff-ui-alternative .vff-alt-method-panel .vff-reg-plate-flag {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    width: 100% !important;
    min-width: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--vff-alt-primary) !important;
    color: #fff !important;
}
body.wdi-vff-ui-alternative .vff-alt-method-panel .vff-reg-plate-flag span { font-size: 16px !important; line-height: 1 !important; }
body.wdi-vff-ui-alternative .vff-alt-method-panel .vff-reg-plate-flag strong { color: #fff !important; font-size: 9px !important; letter-spacing: .12em !important; }
body.wdi-vff-ui-alternative .vff-alt-method-panel .vff-reg-input {
    width: 100% !important;
    height: 60px !important;
    min-height: 60px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: var(--vff-alt-ink) !important;
    font-size: clamp(22px, 3vw, 30px) !important;
    font-weight: 780 !important;
    letter-spacing: .05em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
    outline: 0 !important;
}
body.wdi-vff-ui-alternative .vff-alt-method-panel .vff-reg-input::placeholder { color: #a4aba7 !important; opacity: 1 !important; }
body.wdi-vff-ui-alternative .vff-alt-method-panel .vff-reg-hint {
    grid-area: hint !important;
    margin: 0 0 0 2px !important;
    color: var(--vff-alt-muted) !important;
    font-size: 11px !important;
}
body.wdi-vff-ui-alternative .vff-alt-method-panel .vff-reg-actions {
    grid-area: action !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    align-self: stretch !important;
}
body.wdi-vff-ui-alternative .vff-alt-method-panel .vff-reg-submit,
body.wdi-vff-ui-alternative .vff-frontpage-manual-form .vff-submit,
body.wdi-vff-ui-alternative .vff-filter-form-pro .vff-submit {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 64px !important;
    padding: 0 24px !important;
    border: 1px solid var(--vff-alt-primary) !important;
    border-radius: 12px !important;
    background: var(--vff-alt-primary) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 760 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    box-shadow: 0 9px 20px rgba(19, 122, 91, .17) !important;
    cursor: pointer !important;
    transition: transform .16s ease, background .16s ease, box-shadow .16s ease !important;
}
body.wdi-vff-ui-alternative .vff-alt-method-panel .vff-reg-submit:hover,
body.wdi-vff-ui-alternative .vff-frontpage-manual-form .vff-submit:hover,
body.wdi-vff-ui-alternative .vff-filter-form-pro .vff-submit:hover {
    transform: translateY(-1px) !important;
    border-color: var(--vff-alt-primary-dark) !important;
    background: var(--vff-alt-primary-dark) !important;
    box-shadow: 0 13px 26px rgba(12, 92, 67, .23) !important;
}
body.wdi-vff-ui-alternative .vff-alt-method-panel .vff-reg-submit:focus-visible,
body.wdi-vff-ui-alternative .vff-frontpage-manual-form .vff-submit:focus-visible,
body.wdi-vff-ui-alternative .vff-filter-form-pro .vff-submit:focus-visible {
    outline: 0 !important;
    box-shadow: var(--vff-alt-focus), 0 9px 20px rgba(19, 122, 91, .17) !important;
}
body.wdi-vff-ui-alternative .vff-reg-reset {
    color: var(--vff-alt-primary-dark) !important;
    font-size: 12px !important;
    font-weight: 720 !important;
    text-decoration: none !important;
}
body.wdi-vff-ui-alternative .vff-reg-reset:hover { text-decoration: underline !important; }
body.wdi-vff-ui-alternative .vff-reg-country-switch {
    display: inline-flex !important;
    width: fit-content !important;
    gap: 4px !important;
    padding: 4px !important;
    border: 1px solid var(--vff-alt-line) !important;
    border-radius: 11px !important;
    background: var(--vff-alt-canvas) !important;
}
body.wdi-vff-ui-alternative .vff-reg-country-switch label {
    padding: 7px 11px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: var(--vff-alt-muted) !important;
    box-shadow: none !important;
}
body.wdi-vff-ui-alternative .vff-reg-country-switch label.is-active {
    background: var(--vff-alt-paper) !important;
    color: var(--vff-alt-ink) !important;
    box-shadow: 0 2px 7px rgba(23,32,29,.08) !important;
}

/* Manual selector becomes a numbered, progressive form. */
body.wdi-vff-ui-alternative .vff-frontpage-manual-form,
body.wdi-vff-ui-alternative .vff-filter-form-pro {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    counter-reset: vff-alt-step !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.wdi-vff-ui-alternative .vff-frontpage-manual-form .vff-field,
body.wdi-vff-ui-alternative .vff-filter-form-pro .vff-field {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    gap: 5px 10px !important;
    min-width: 0 !important;
    margin: 0 !important;
    counter-increment: vff-alt-step !important;
}
body.wdi-vff-ui-alternative .vff-frontpage-manual-form .vff-field::before,
body.wdi-vff-ui-alternative .vff-filter-form-pro .vff-field::before {
    content: counter(vff-alt-step, decimal-leading-zero) !important;
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    display: grid !important;
    place-items: center !important;
    width: 28px !important;
    height: 28px !important;
    margin-top: 0 !important;
    border: 1px solid var(--vff-alt-line-strong) !important;
    border-radius: 8px !important;
    background: var(--vff-alt-paper-soft) !important;
    color: var(--vff-alt-muted) !important;
    font-size: 9px !important;
    font-weight: 850 !important;
}
body.wdi-vff-ui-alternative .vff-frontpage-manual-form .vff-field.is-complete::before,
body.wdi-vff-ui-alternative .vff-filter-form-pro .vff-field.is-complete::before {
    content: "✓" !important;
    border-color: var(--vff-alt-primary) !important;
    background: var(--vff-alt-primary-soft) !important;
    color: var(--vff-alt-primary-dark) !important;
    font-size: 12px !important;
}
body.wdi-vff-ui-alternative .vff-frontpage-manual-form .vff-field label,
body.wdi-vff-ui-alternative .vff-filter-form-pro .vff-field label {
    grid-column: 2 !important;
    margin: 0 !important;
    color: var(--vff-alt-ink-soft) !important;
    font-size: 10px !important;
    font-weight: 820 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}
body.wdi-vff-ui-alternative .vff-frontpage-manual-form .vff-select,
body.wdi-vff-ui-alternative .vff-filter-form-pro .vff-select {
    grid-column: 2 !important;
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    margin: 0 !important;
    padding: 0 42px 0 14px !important;
    border: 1px solid var(--vff-alt-line-strong) !important;
    border-radius: 11px !important;
    background-color: var(--vff-alt-paper) !important;
    color: var(--vff-alt-ink) !important;
    font-size: 13px !important;
    font-weight: 660 !important;
    box-shadow: none !important;
}
body.wdi-vff-ui-alternative .vff-frontpage-manual-form .vff-select:focus,
body.wdi-vff-ui-alternative .vff-filter-form-pro .vff-select:focus {
    border-color: var(--vff-alt-primary) !important;
    outline: 0 !important;
    box-shadow: var(--vff-alt-focus) !important;
}
body.wdi-vff-ui-alternative .vff-frontpage-manual-form .vff-select:disabled,
body.wdi-vff-ui-alternative .vff-filter-form-pro .vff-select:disabled {
    border-color: #e7eae8 !important;
    background-color: #f4f5f3 !important;
    color: #9aa29e !important;
    cursor: not-allowed !important;
}
body.wdi-vff-ui-alternative .vff-frontpage-manual-form .vff-field:nth-of-type(5),
body.wdi-vff-ui-alternative .vff-filter-form-pro .vff-field:nth-of-type(5) {
    grid-column: 1 / -1 !important;
}
body.wdi-vff-ui-alternative .vff-frontpage-manual-form .vff-actions,
body.wdi-vff-ui-alternative .vff-filter-form-pro .vff-actions {
    grid-column: 1 / -1 !important;
    display: flex !important;
    gap: 12px !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin-top: 5px !important;
}
body.wdi-vff-ui-alternative .vff-frontpage-manual-form .vff-submit,
body.wdi-vff-ui-alternative .vff-filter-form-pro .vff-submit {
    min-width: 180px !important;
    min-height: 50px !important;
}

/* Lookup states and result "vehicle passport". */
body.wdi-vff-ui-alternative .vff-reg-output { margin: 24px 0 0 !important; }
body.wdi-vff-ui-alternative .vff-reg-loading,
body.wdi-vff-ui-alternative .vff-reg-error {
    padding: 16px 18px !important;
    border: 1px solid var(--vff-alt-line) !important;
    border-radius: 12px !important;
    background: var(--vff-alt-paper-soft) !important;
    color: var(--vff-alt-ink-soft) !important;
    box-shadow: none !important;
}
body.wdi-vff-ui-alternative .vff-reg-error {
    border-color: #ecd0d1 !important;
    background: #fff6f6 !important;
    color: #8f3035 !important;
}
body.wdi-vff-ui-alternative .vff-reg-card {
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--vff-alt-line) !important;
    border-radius: 18px !important;
    background: var(--vff-alt-paper) !important;
    box-shadow: var(--vff-alt-shadow-sm) !important;
}
body.wdi-vff-ui-alternative .vff-reg-card .vff-reg-found {
    margin: 0 !important;
    padding: clamp(22px, 3vw, 30px) !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--vff-alt-dark) !important;
    color: #fff !important;
    box-shadow: none !important;
}
body.wdi-vff-ui-alternative .vff-reg-found-head {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: 14px !important;
    align-items: center !important;
}
body.wdi-vff-ui-alternative .vff-reg-found .vff-reg-status-mark {
    display: grid !important;
    place-items: center !important;
    width: 38px !important;
    height: 38px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    background: #8224e3 !important;
    color: var(--vff-alt-dark) !important;
    font-size: 18px !important;
}
body.wdi-vff-ui-alternative .vff-reg-found-head > div > span {
    margin: 0 0 3px !important;
    color: rgba(255,255,255,.56) !important;
    font-size: 10px !important;
    font-weight: 760 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}
body.wdi-vff-ui-alternative .vff-reg-found-head > div > strong {
    color: #fff !important;
    font-size: clamp(18px, 2.3vw, 26px) !important;
    font-weight: 720 !important;
    line-height: 1.25 !important;
    letter-spacing: -.025em !important;
}
body.wdi-vff-ui-alternative .vff-reg-found .vff-reg-engine-badge {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 30px !important;
    margin: 0 !important;
    padding: 0 11px !important;
    border: 1px solid rgba(134,217,185,.3) !important;
    border-radius: 999px !important;
    background: rgba(134,217,185,.1) !important;
    color: #a7e8cf !important;
    font-size: 10px !important;
    font-weight: 760 !important;
}
body.wdi-vff-ui-alternative .vff-reg-description {
    margin: 16px 0 0 !important;
    color: rgba(255,255,255,.72) !important;
    font-size: 13px !important;
}
body.wdi-vff-ui-alternative .vff-reg-found .vff-reg-facts {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
    gap: 8px !important;
    margin-top: 20px !important;
}
body.wdi-vff-ui-alternative .vff-reg-found .vff-reg-facts > span {
    min-width: 0 !important;
    padding: 11px 12px !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,.045) !important;
}
body.wdi-vff-ui-alternative .vff-reg-found .vff-reg-facts small {
    display: block !important;
    margin-bottom: 3px !important;
    color: rgba(255,255,255,.48) !important;
    font-size: 8px !important;
    font-weight: 760 !important;
    letter-spacing: .11em !important;
    text-transform: uppercase !important;
}
body.wdi-vff-ui-alternative .vff-reg-found .vff-reg-facts strong {
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 680 !important;
}
body.wdi-vff-ui-alternative .vff-reg-message,
body.wdi-vff-ui-alternative .vff-reg-warning {
    display: flex !important;
    gap: 11px !important;
    align-items: flex-start !important;
    margin: 0 !important;
    padding: 15px 20px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--vff-alt-line) !important;
    border-radius: 0 !important;
    background: var(--vff-alt-primary-soft) !important;
    color: var(--vff-alt-primary-dark) !important;
}
body.wdi-vff-ui-alternative .vff-reg-warning {
    background: var(--vff-alt-accent-soft) !important;
    color: #725416 !important;
}
body.wdi-vff-ui-alternative .vff-reg-message p,
body.wdi-vff-ui-alternative .vff-reg-warning p { margin: 0 !important; font-size: 12px !important; line-height: 1.55 !important; }
body.wdi-vff-ui-alternative .vff-reg-matches { padding: 22px !important; }
body.wdi-vff-ui-alternative .vff-reg-matches-head {
    display: flex !important;
    gap: 16px !important;
    align-items: end !important;
    justify-content: space-between !important;
    margin-bottom: 14px !important;
}
body.wdi-vff-ui-alternative .vff-reg-eyebrow {
    margin: 0 0 3px !important;
    color: var(--vff-alt-primary) !important;
    font-size: 9px !important;
    font-weight: 850 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}
body.wdi-vff-ui-alternative .vff-reg-matches-head h4 {
    margin: 0 !important;
    color: var(--vff-alt-ink) !important;
    font-size: 19px !important;
    font-weight: 740 !important;
    letter-spacing: -.025em !important;
}
body.wdi-vff-ui-alternative .vff-reg-match-count {
    padding: 5px 9px !important;
    border-radius: 999px !important;
    background: var(--vff-alt-canvas) !important;
    color: var(--vff-alt-muted) !important;
    font-size: 10px !important;
    font-weight: 760 !important;
}
body.wdi-vff-ui-alternative .vff-reg-match-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 9px !important;
}
body.wdi-vff-ui-alternative .vff-reg-match {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) auto !important;
    gap: 13px !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 14px !important;
    border: 1px solid var(--vff-alt-line) !important;
    border-radius: 12px !important;
    background: var(--vff-alt-paper) !important;
    color: var(--vff-alt-ink) !important;
    text-align: left !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transition: border-color .16s ease, background .16s ease, transform .16s ease !important;
}
body.wdi-vff-ui-alternative .vff-reg-match:hover,
body.wdi-vff-ui-alternative .vff-reg-match:focus-visible {
    transform: translateX(2px) !important;
    border-color: var(--vff-alt-primary) !important;
    background: #fbfffd !important;
    outline: 0 !important;
}
body.wdi-vff-ui-alternative .vff-reg-match:focus-visible { box-shadow: var(--vff-alt-focus) !important; }
body.wdi-vff-ui-alternative .vff-reg-match-icon {
    display: grid !important;
    place-items: center !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 11px !important;
    background: var(--vff-alt-canvas) !important;
    color: var(--vff-alt-primary) !important;
}
body.wdi-vff-ui-alternative .vff-reg-match-icon svg { width: 22px !important; height: 22px !important; fill: currentColor !important; }
body.wdi-vff-ui-alternative .vff-reg-match-copy { min-width: 0 !important; }
body.wdi-vff-ui-alternative .vff-reg-match-main,
body.wdi-vff-ui-alternative .vff-reg-match-engine { display: block !important; overflow-wrap: anywhere !important; }
body.wdi-vff-ui-alternative .vff-reg-match-main { color: var(--vff-alt-ink) !important; font-size: 13px !important; font-weight: 740 !important; line-height: 1.35 !important; }
body.wdi-vff-ui-alternative .vff-reg-match-engine { margin-top: 3px !important; color: var(--vff-alt-muted) !important; font-size: 11px !important; line-height: 1.45 !important; }
body.wdi-vff-ui-alternative .vff-reg-match-action { color: var(--vff-alt-primary-dark) !important; font-size: 11px !important; font-weight: 780 !important; white-space: nowrap !important; }
body.wdi-vff-ui-alternative .vff-reg-result-reset {
    display: flex !important;
    gap: 14px !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 16px 22px !important;
    border-top: 1px solid var(--vff-alt-line) !important;
    background: var(--vff-alt-paper-soft) !important;
}
body.wdi-vff-ui-alternative .vff-reg-result-reset p { margin: 0 !important; color: var(--vff-alt-muted) !important; font-size: 11px !important; }
body.wdi-vff-ui-alternative .vff-reg-result-reset .vff-reg-reset {
    min-height: 38px !important;
    padding: 0 13px !important;
    border: 1px solid var(--vff-alt-line-strong) !important;
    border-radius: 9px !important;
    background: #fff !important;
}
body.wdi-vff-ui-alternative .vff-alt-finder.has-registration-result .vff-alt-method-tabs,
body.wdi-vff-ui-alternative .vff-alt-finder.has-registration-result .vff-alt-panel-intro { display: none !important; }
body.wdi-vff-ui-alternative .vff-alt-finder.has-registration-result .vff-alt-finder-workspace { grid-template-columns: 1fr !important; min-height: 0 !important; }
body.wdi-vff-ui-alternative .vff-alt-finder.has-registration-result .vff-alt-method-panels { padding: clamp(18px, 3vw, 30px) !important; }
body.wdi-vff-ui-alternative .vff-alt-finder.has-registration-result .vff-alt-finder-hero { padding-top: 25px !important; padding-bottom: 25px !important; }

/* Active vehicle summary. */
body.wdi-vff-ui-alternative .vff-alt-selected {
    display: grid !important;
    grid-template-columns: auto 4fr 1fr !important;
    gap: 20px !important;
    align-items: center !important;
    width: 100% !important;
    margin: 24px 0 !important;
    padding: 24px 26px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 18px !important;
    background: var(--vff-alt-dark) !important;
    color: #fff !important;
    box-shadow: var(--vff-alt-shadow) !important;
}
body.wdi-vff-ui-alternative .vff-alt-selected-icon {
    display: grid !important;
    place-items: center !important;
    width: 52px !important;
    height: 52px !important;
    border-radius: 50% !important;
    background: #8224e3 !important;
    color: var(--vff-alt-dark) !important;
}
body.wdi-vff-ui-alternative .vff-alt-selected-icon svg { width: 28px !important; height: 28px !important; fill: currentColor !important; }
body.wdi-vff-ui-alternative .vff-alt-selected .vff-frontpage-selected-kicker {
    margin: 0 0 4px !important;
    color: white !important;
    font-size: 9px !important;
    font-weight: 850 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}
body.wdi-vff-ui-alternative .vff-alt-selected h2 {
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(18px, 2.3vw, 26px) !important;
    font-weight: 700 !important;
    line-height: 1.28 !important;
    letter-spacing: -.025em !important;
}
body.wdi-vff-ui-alternative .vff-alt-selected-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 13px !important;
}
body.wdi-vff-ui-alternative .vff-alt-selected-meta > span {
    margin: 0 !important;
    min-width: 130px !important;
    padding: 8px 10px !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 9px !important;
    background: rgba(255,255,255,.045) !important;
}
body.wdi-vff-ui-alternative .vff-alt-selected-meta small,
body.wdi-vff-ui-alternative .vff-alt-selected-meta strong { display: block !important; }
body.wdi-vff-ui-alternative .vff-alt-selected-meta small { color: rgba(255,255,255,.48) !important; font-size: 8px !important; font-weight: 760 !important; letter-spacing: .1em !important; text-transform: uppercase !important; }
body.wdi-vff-ui-alternative .vff-alt-selected-meta strong { margin-top: 2px !important; color: #fff !important; font-size: 11px !important; font-weight: 650 !important; }
body.wdi-vff-ui-alternative .vff-alt-selected .vff-frontpage-selected-action { text-align: right !important; }
body.wdi-vff-ui-alternative .vff-alt-selected .vff-frontpage-check-another {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 0 15px !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,.08) !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 760 !important;
    text-decoration: none !important;
}
body.wdi-vff-ui-alternative .vff-alt-selected .vff-frontpage-check-another:hover { background: rgba(255,255,255,.14) !important; }
body.wdi-vff-ui-alternative .vff-alt-selected .vff-frontpage-selected-action p { margin: 7px 0 0 !important; color: rgba(255,255,255,.5) !important; font-size: 9px !important; }

/* -------------------------------------------------------------------------
   Other frontend components in the same design language
   ------------------------------------------------------------------------- */
body.wdi-vff-ui-alternative .vff-result-summary,
body.wdi-vff-ui-alternative .vff-shop-summary,
body.wdi-vff-ui-alternative .vff-empty-state,
body.wdi-vff-ui-alternative .vff-protected-empty {
    margin: 20px 0 !important;
    padding: 24px !important;
    border: 1px solid var(--vff-alt-line) !important;
    border-radius: 16px !important;
    background: var(--vff-alt-paper) !important;
    color: var(--vff-alt-ink) !important;
    box-shadow: var(--vff-alt-shadow-sm) !important;
}
body.wdi-vff-ui-alternative :where(.vff-result-summary, .vff-shop-summary, .vff-empty-state, .vff-protected-empty) h2,
body.wdi-vff-ui-alternative :where(.vff-result-summary, .vff-shop-summary, .vff-empty-state, .vff-protected-empty) h3 {
    margin: 0 0 7px !important;
    color: var(--vff-alt-ink) !important;
    font-weight: 740 !important;
    letter-spacing: -.03em !important;
}
body.wdi-vff-ui-alternative :where(.vff-result-summary, .vff-shop-summary, .vff-empty-state, .vff-protected-empty) p { color: var(--vff-alt-muted) !important; line-height: 1.6 !important; }
body.wdi-vff-ui-alternative .vff-category-grid,
body.wdi-vff-ui-alternative .vff-shop-category-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
    gap: 12px !important;
}
body.wdi-vff-ui-alternative .vff-category-card,
body.wdi-vff-ui-alternative .vff-shop-category-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 150px !important;
    padding: 20px !important;
    overflow: hidden !important;
    border: 1px solid var(--vff-alt-line) !important;
    border-radius: 14px !important;
    background: var(--vff-alt-paper) !important;
    color: var(--vff-alt-ink) !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transition: transform .17s ease, border-color .17s ease, box-shadow .17s ease !important;
}
body.wdi-vff-ui-alternative .vff-category-card::before,
body.wdi-vff-ui-alternative .vff-shop-category-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    width: 4px !important;
    background: var(--vff-alt-primary) !important;
    opacity: 0 !important;
    transition: opacity .17s ease !important;
}
body.wdi-vff-ui-alternative .vff-category-card:hover,
body.wdi-vff-ui-alternative .vff-category-card:focus-visible,
body.wdi-vff-ui-alternative .vff-shop-category-card:hover,
body.wdi-vff-ui-alternative .vff-shop-category-card:focus-visible {
    transform: translateY(-2px) !important;
    border-color: var(--vff-alt-line-strong) !important;
    box-shadow: var(--vff-alt-shadow-sm) !important;
    outline: 0 !important;
}
body.wdi-vff-ui-alternative .vff-category-card:hover::before,
body.wdi-vff-ui-alternative .vff-shop-category-card:hover::before { opacity: 1 !important; }
body.wdi-vff-ui-alternative .vff-category-name,
body.wdi-vff-ui-alternative .vff-shop-category-title {
    color: var(--vff-alt-ink) !important;
    font-size: 17px !important;
    font-weight: 720 !important;
    line-height: 1.28 !important;
    letter-spacing: -.02em !important;
}
body.wdi-vff-ui-alternative .vff-category-count,
body.wdi-vff-ui-alternative .vff-shop-category-count { color: var(--vff-alt-muted) !important; font-size: 11px !important; }
body.wdi-vff-ui-alternative .vff-category-cta { margin-top: auto !important; color: var(--vff-alt-primary-dark) !important; font-size: 11px !important; font-weight: 760 !important; }
body.wdi-vff-ui-alternative .vff-category-trail {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    align-items: center !important;
    margin: 0 0 16px !important;
    padding: 11px 14px !important;
    border: 1px solid var(--vff-alt-line) !important;
    border-radius: 11px !important;
    background: var(--vff-alt-paper-soft) !important;
    color: var(--vff-alt-muted) !important;
    font-size: 11px !important;
}
body.wdi-vff-ui-alternative .vff-category-trail a { color: var(--vff-alt-primary-dark) !important; font-weight: 700 !important; text-decoration: none !important; }
body.wdi-vff-ui-alternative .vff-products-pagination {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 24px 0 !important;
    padding: 14px 16px !important;
    border: 1px solid var(--vff-alt-line) !important;
    border-radius: 12px !important;
    background: var(--vff-alt-paper) !important;
}
body.wdi-vff-ui-alternative .vff-products-pagination a,
body.wdi-vff-ui-alternative .vff-products-pagination span {
    border-radius: 8px !important;
}

/* Garage and product compatibility panels. */
body.wdi-vff-ui-alternative .vff-garage-pro,
body.wdi-vff-ui-alternative .vff-garage-logged-out {
    overflow: hidden !important;
    border: 1px solid var(--vff-alt-line) !important;
    border-radius: 18px !important;
    background: var(--vff-alt-paper) !important;
    box-shadow: var(--vff-alt-shadow-sm) !important;
}
body.wdi-vff-ui-alternative .vff-garage-hero,
body.wdi-vff-ui-alternative .vff-garage-header {
    border: 0 !important;
    background: var(--vff-alt-dark) !important;
    color: #fff !important;
}
body.wdi-vff-ui-alternative .vff-garage-card {
    border: 1px solid var(--vff-alt-line) !important;
    border-radius: 13px !important;
    background: var(--vff-alt-paper) !important;
    box-shadow: none !important;
}
body.wdi-vff-ui-alternative .vff-garage-card:hover { border-color: var(--vff-alt-primary) !important; }
body.wdi-vff-ui-alternative .vff-garage-primary,
body.wdi-vff-ui-alternative .vff-protected-empty-button {
    border-color: var(--vff-alt-primary) !important;
    border-radius: 10px !important;
    background: var(--vff-alt-primary) !important;
    color: #fff !important;
    box-shadow: none !important;
}
body.wdi-vff-ui-alternative .vff-product-info-panel,
body.wdi-vff-ui-alternative .vff-product-info-tab {
    border: 1px solid var(--vff-alt-line) !important;
    border-radius: 15px !important;
    background: var(--vff-alt-paper) !important;
    box-shadow: none !important;
}
body.wdi-vff-ui-alternative .vff-oe-number-pill {
    border: 1px solid #b9d9cc !important;
    border-radius: 8px !important;
    background: var(--vff-alt-primary-soft) !important;
    color: var(--vff-alt-primary-dark) !important;
}
body.wdi-vff-ui-alternative .vff-fitment-summary {
    border-radius: 11px !important;
    background: var(--vff-alt-dark) !important;
    color: #fff !important;
}

/* -------------------------------------------------------------------------
   Alternative admin workspace — internal navigation rail + content canvas
   ------------------------------------------------------------------------- */
body.wdi-vff-admin-alternative {
    --vff-admin-rail: 252px;
    background: var(--vff-alt-canvas) !important;
    color: var(--vff-alt-ink) !important;
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
body.wdi-vff-admin-alternative #wpcontent,
body.wdi-vff-admin-alternative #wpbody-content {
    background: var(--vff-alt-canvas) !important;
}
body.wdi-vff-admin-alternative #wpbody-content {
    display: grid !important;
    grid-template-columns: var(--vff-admin-rail) minmax(0, 1fr) !important;
    grid-auto-rows: min-content !important;
    gap: 0 28px !important;
    min-height: calc(100vh - 32px) !important;
    padding: 24px 28px 72px !important;
    box-sizing: border-box !important;
}
body.wdi-vff-admin-alternative #wpbody-content > .wdi-vff-shell {
    grid-column: 1 !important;
    grid-row: 1 / span 999 !important;
}
body.wdi-vff-admin-alternative #wpbody-content > .wrap,
body.wdi-vff-admin-alternative #wpbody-content > .notice,
body.wdi-vff-admin-alternative #wpbody-content > .update-nag,
body.wdi-vff-admin-alternative #wpbody-content > .error,
body.wdi-vff-admin-alternative #wpbody-content > .updated {
    grid-column: 2 !important;
}
body.wdi-vff-admin-alternative #screen-meta-links {
    grid-column: 2 !important;
    margin: 0 0 8px !important;
}
body.wdi-vff-admin-alternative .wdi-vff-shell {
    position: sticky !important;
    top: 52px !important;
    align-self: start !important;
    width: 100% !important;
    max-height: calc(100vh - 76px) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: auto !important;
    border: 0 !important;
    border-radius: 20px !important;
    background: var(--vff-alt-dark) !important;
    color: #fff !important;
    box-shadow: 0 18px 44px rgba(23,32,29,.18) !important;
    backdrop-filter: none !important;
}
body.wdi-vff-admin-alternative .wdi-vff-shell::before { display: none !important; }
body.wdi-vff-admin-alternative .wdi-vff-brandbar {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    gap: 13px !important;
    align-items: center !important;
    padding: 22px 18px 18px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    background: transparent !important;
    color: #fff !important;
}
body.wdi-vff-admin-alternative .wdi-vff-brandmark {
    display: grid !important;
    place-items: center !important;
    width: 48px !important;
    height: 48px !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 14px !important;
    background: #8224e3 !important;
    color: var(--vff-alt-dark) !important;
    box-shadow: none !important;
}
body.wdi-vff-admin-alternative .wdi-vff-brandmark span { font-size: 20px !important; font-weight: 850 !important; }
body.wdi-vff-admin-alternative .wdi-vff-eyebrow {
    margin: 0 0 3px !important;
    padding: 0 !important;
    background: none !important;
    color: #8224e3 !important;
    font-size: 8px !important;
    font-weight: 820 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
}
body.wdi-vff-admin-alternative .wdi-vff-eyebrow::before { display: none !important; }
body.wdi-vff-admin-alternative .wdi-vff-brandcopy h1 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 720 !important;
    line-height: 1.15 !important;
    letter-spacing: -.025em !important;
}
body.wdi-vff-admin-alternative .wdi-vff-brandcopy p {
    display: none !important;
}
body.wdi-vff-admin-alternative .wdi-vff-version {
    grid-column: 1 / -1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-width: 0 !important;
    margin-top: 4px !important;
    padding: 9px 11px !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,.045) !important;
    text-align: left !important;
    box-shadow: none !important;
}
body.wdi-vff-admin-alternative .wdi-vff-version span { color: rgba(255,255,255,.48) !important; font-size: 8px !important; font-weight: 760 !important; letter-spacing: .1em !important; text-transform: uppercase !important; }
body.wdi-vff-admin-alternative .wdi-vff-version strong { margin: 0 !important; color: #fff !important; font-size: 11px !important; font-weight: 720 !important; }
body.wdi-vff-admin-alternative .wdi-vff-admin-nav {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    padding: 12px 10px !important;
    border: 0 !important;
    background: transparent !important;
}
body.wdi-vff-admin-alternative .wdi-vff-admin-nav-item {
    display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr) auto !important;
    gap: 9px !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 42px !important;
    padding: 0 10px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: rgba(255,255,255,.62) !important;
    font-size: 11px !important;
    font-weight: 650 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transform: none !important;
}
body.wdi-vff-admin-alternative .wdi-vff-admin-nav-item .dashicons {
    width: 19px !important;
    height: 19px !important;
    color: rgba(255,255,255,.4) !important;
    font-size: 19px !important;
}
body.wdi-vff-admin-alternative .wdi-vff-nav-arrow { color: rgba(255,255,255,.22) !important; font-size: 18px !important; }
body.wdi-vff-admin-alternative .wdi-vff-admin-nav-item:hover,
body.wdi-vff-admin-alternative .wdi-vff-admin-nav-item:focus-visible {
    background: rgba(255,255,255,.065) !important;
    color: #fff !important;
    outline: 0 !important;
}
body.wdi-vff-admin-alternative .wdi-vff-admin-nav-item.is-active {
    background: #8224e3 !important;
    color: var(--vff-alt-dark) !important;
    box-shadow: none !important;
}
body.wdi-vff-admin-alternative .wdi-vff-admin-nav-item.is-active .dashicons,
body.wdi-vff-admin-alternative .wdi-vff-admin-nav-item.is-active .wdi-vff-nav-arrow { color: var(--vff-alt-dark) !important; }
body.wdi-vff-admin-alternative .wdi-vff-shell-foot {
    display: flex !important;
    gap: 9px !important;
    align-items: center !important;
    margin: 3px 10px 12px !important;
    padding: 12px !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
    color: rgba(255,255,255,.58) !important;
}
body.wdi-vff-admin-alternative .wdi-vff-status-dot {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #8224e3 !important;
    box-shadow: 0 0 0 4px rgba(134,217,185,.1) !important;
}
body.wdi-vff-admin-alternative .wdi-vff-shell-foot strong,
body.wdi-vff-admin-alternative .wdi-vff-shell-foot small { display: block !important; }
body.wdi-vff-admin-alternative .wdi-vff-shell-foot strong { color: #fff !important; font-size: 9px !important; font-weight: 680 !important; }
body.wdi-vff-admin-alternative .wdi-vff-shell-foot small { margin-top: 2px !important; font-size: 8px !important; line-height: 1.3 !important; }

body.wdi-vff-admin-alternative .wrap {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.wdi-vff-admin-alternative .wrap > h1:first-child,
body.wdi-vff-admin-alternative .wrap h1 {
    display: block !important;
    margin: 2px 0 20px !important;
    padding: 0 !important;
    color: var(--vff-alt-ink) !important;
    font-size: clamp(25px, 3vw, 36px) !important;
    font-weight: 730 !important;
    line-height: 1.1 !important;
    letter-spacing: -.045em !important;
}
body.wdi-vff-admin-alternative .wrap > h1:first-child::before { display: none !important; }
body.wdi-vff-admin-alternative .wrap > h2,
body.wdi-vff-admin-alternative .wrap h2:not(.nav-tab-wrapper) {
    color: var(--vff-alt-ink) !important;
    font-weight: 720 !important;
    letter-spacing: -.025em !important;
}
body.wdi-vff-admin-alternative .vff-hero {
    position: relative !important;
    margin: 0 0 18px !important;
    padding: 26px 28px !important;
    overflow: hidden !important;
    border: 1px solid var(--vff-alt-line) !important;
    border-radius: 17px !important;
    background: var(--vff-alt-paper) !important;
    color: var(--vff-alt-ink) !important;
    box-shadow: none !important;
}
body.wdi-vff-admin-alternative .vff-hero::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    width: 5px !important;
    background: var(--vff-alt-primary) !important;
}
body.wdi-vff-admin-alternative .vff-hero::after { display: none !important; }
body.wdi-vff-admin-alternative .vff-hero h2 {
    margin: 0 0 7px !important;
    color: var(--vff-alt-ink) !important;
    font-size: 22px !important;
    font-weight: 720 !important;
    letter-spacing: -.03em !important;
}
body.wdi-vff-admin-alternative .vff-hero p {
    max-width: 900px !important;
    margin: 4px 0 !important;
    color: var(--vff-alt-muted) !important;
    font-size: 12px !important;
    line-height: 1.65 !important;
}
body.wdi-vff-admin-alternative .vff-card,
body.wdi-vff-admin-alternative .postbox,
body.wdi-vff-admin-alternative form:not(.search-form):not(.wp-filter-search),
body.wdi-vff-admin-alternative .widefat,
body.wdi-vff-admin-alternative .form-table {
    border: 1px solid var(--vff-alt-line) !important;
    border-radius: 15px !important;
    background: var(--vff-alt-paper) !important;
    box-shadow: none !important;
}
body.wdi-vff-admin-alternative .vff-card,
body.wdi-vff-admin-alternative form:not(.search-form):not(.wp-filter-search) {
    margin: 0 0 18px !important;
    padding: 22px !important;
}
body.wdi-vff-admin-alternative .vff-card form,
body.wdi-vff-admin-alternative .vff-card .form-table,
body.wdi-vff-admin-alternative form .form-table {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}
body.wdi-vff-admin-alternative .vff-card h2,
body.wdi-vff-admin-alternative .postbox h2,
body.wdi-vff-admin-alternative .postbox .hndle {
    margin-top: 0 !important;
    color: var(--vff-alt-ink) !important;
    font-size: 17px !important;
    font-weight: 720 !important;
    letter-spacing: -.025em !important;
}
body.wdi-vff-admin-alternative .vff-dashboard-grid,
body.wdi-vff-admin-alternative .vff-admin-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
}
body.wdi-vff-admin-alternative .vff-stat-card,
body.wdi-vff-admin-alternative .vff-admin-tile {
    position: relative !important;
    min-height: 116px !important;
    padding: 18px !important;
    overflow: hidden !important;
    border: 1px solid var(--vff-alt-line) !important;
    border-radius: 14px !important;
    background: var(--vff-alt-paper) !important;
    box-shadow: none !important;
}
body.wdi-vff-admin-alternative .vff-stat-card::after {
    content: "" !important;
    position: absolute !important;
    right: -18px !important;
    bottom: -18px !important;
    width: 58px !important;
    height: 58px !important;
    border-radius: 50% !important;
    background: var(--vff-alt-primary-soft) !important;
}
body.wdi-vff-admin-alternative .vff-stat-card strong {
    display: block !important;
    color: var(--vff-alt-ink) !important;
    font-size: 30px !important;
    font-weight: 720 !important;
    line-height: 1 !important;
    letter-spacing: -.04em !important;
}
body.wdi-vff-admin-alternative .vff-stat-card span {
    display: block !important;
    margin-top: 9px !important;
    color: var(--vff-alt-muted) !important;
    font-size: 9px !important;
    font-weight: 780 !important;
    letter-spacing: .1em !important;
    text-transform: uppercase !important;
}
body.wdi-vff-admin-alternative input[type=text],
body.wdi-vff-admin-alternative input[type=number],
body.wdi-vff-admin-alternative input[type=search],
body.wdi-vff-admin-alternative input[type=url],
body.wdi-vff-admin-alternative input[type=email],
body.wdi-vff-admin-alternative input[type=password],
body.wdi-vff-admin-alternative input[type=date],
body.wdi-vff-admin-alternative textarea,
body.wdi-vff-admin-alternative select {
    min-height: 42px !important;
    max-width: 100% !important;
    border: 1px solid var(--vff-alt-line-strong) !important;
    border-radius: 9px !important;
    background-color: var(--vff-alt-paper) !important;
    color: var(--vff-alt-ink) !important;
    box-shadow: none !important;
}
body.wdi-vff-admin-alternative input:focus,
body.wdi-vff-admin-alternative textarea:focus,
body.wdi-vff-admin-alternative select:focus {
    border-color: var(--vff-alt-primary) !important;
    outline: 0 !important;
    box-shadow: var(--vff-alt-focus) !important;
}
body.wdi-vff-admin-alternative .button,
body.wdi-vff-admin-alternative .button-secondary,
body.wdi-vff-admin-alternative .button-primary {
    min-height: 38px !important;
    padding: 4px 13px !important;
    border-radius: 9px !important;
    font-weight: 680 !important;
    box-shadow: none !important;
}
body.wdi-vff-admin-alternative .button-primary {
    border-color: var(--vff-alt-primary) !important;
    background: var(--vff-alt-primary) !important;
    color: #fff !important;
}
body.wdi-vff-admin-alternative .button-primary:hover,
body.wdi-vff-admin-alternative .button-primary:focus {
    border-color: var(--vff-alt-primary-dark) !important;
    background: var(--vff-alt-primary-dark) !important;
}
body.wdi-vff-admin-alternative .button:not(.button-primary) {
    border-color: var(--vff-alt-line-strong) !important;
    background: var(--vff-alt-paper) !important;
    color: var(--vff-alt-ink-soft) !important;
}
body.wdi-vff-admin-alternative .vff-radio-card {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    gap: 2px 10px !important;
    max-width: none !important;
    margin: 0 0 9px !important;
    padding: 14px !important;
    border: 1px solid var(--vff-alt-line) !important;
    border-radius: 11px !important;
    background: var(--vff-alt-paper-soft) !important;
}
body.wdi-vff-admin-alternative .vff-radio-card input { grid-row: 1 / span 2 !important; }
body.wdi-vff-admin-alternative .vff-radio-card strong { color: var(--vff-alt-ink) !important; font-size: 12px !important; }
body.wdi-vff-admin-alternative .vff-radio-card span { color: var(--vff-alt-muted) !important; font-size: 10px !important; line-height: 1.5 !important; }
body.wdi-vff-admin-alternative .form-table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden !important;
}
body.wdi-vff-admin-alternative .form-table tr {
    border-bottom: 1px solid var(--vff-alt-line) !important;
}
body.wdi-vff-admin-alternative .form-table tr:last-child { border-bottom: 0 !important; }
body.wdi-vff-admin-alternative .form-table th,
body.wdi-vff-admin-alternative .form-table td { padding: 16px !important; }
body.wdi-vff-admin-alternative .form-table th {
    width: 220px !important;
    color: var(--vff-alt-ink-soft) !important;
    font-size: 11px !important;
    font-weight: 740 !important;
}
body.wdi-vff-admin-alternative .form-table td { color: var(--vff-alt-ink-soft) !important; }
body.wdi-vff-admin-alternative .widefat {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden !important;
}
body.wdi-vff-admin-alternative .widefat thead th,
body.wdi-vff-admin-alternative .widefat tfoot th {
    padding: 12px 13px !important;
    border-bottom: 1px solid var(--vff-alt-line) !important;
    background: var(--vff-alt-dark) !important;
    color: rgba(255,255,255,.75) !important;
    font-size: 8px !important;
    font-weight: 800 !important;
    letter-spacing: .11em !important;
    text-transform: uppercase !important;
}
body.wdi-vff-admin-alternative .widefat td,
body.wdi-vff-admin-alternative .widefat tbody th {
    padding: 12px 13px !important;
    border-bottom: 1px solid var(--vff-alt-line) !important;
    color: var(--vff-alt-ink-soft) !important;
    font-size: 11px !important;
}
body.wdi-vff-admin-alternative .widefat.striped > tbody > :nth-child(odd),
body.wdi-vff-admin-alternative .widefat.striped > tbody > :nth-child(even) { background: var(--vff-alt-paper) !important; }
body.wdi-vff-admin-alternative .widefat tbody tr:hover td { background: #f8fbf9 !important; }
body.wdi-vff-admin-alternative .nav-tab-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    margin: 0 0 16px !important;
    padding: 4px !important;
    border: 1px solid var(--vff-alt-line) !important;
    border-radius: 11px !important;
    background: var(--vff-alt-paper) !important;
}
body.wdi-vff-admin-alternative .nav-tab {
    margin: 0 !important;
    padding: 8px 12px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: var(--vff-alt-muted) !important;
    font-size: 10px !important;
    font-weight: 690 !important;
}
body.wdi-vff-admin-alternative .nav-tab-active {
    background: var(--vff-alt-primary-soft) !important;
    color: var(--vff-alt-primary-dark) !important;
}
body.wdi-vff-admin-alternative .notice:not(.inline),
body.wdi-vff-admin-alternative .update-nag {
    margin: 0 0 16px !important;
    padding: 10px 14px !important;
    border: 1px solid var(--vff-alt-line) !important;
    border-left: 4px solid var(--vff-alt-primary) !important;
    border-radius: 10px !important;
    background: var(--vff-alt-paper) !important;
    box-shadow: none !important;
}
body.wdi-vff-admin-alternative .notice-error:not(.inline) { border-left-color: var(--vff-alt-danger) !important; }
body.wdi-vff-admin-alternative .notice-warning:not(.inline) { border-left-color: var(--vff-alt-accent) !important; }
body.wdi-vff-admin-alternative code {
    border: 1px solid var(--vff-alt-line) !important;
    border-radius: 6px !important;
    background: var(--vff-alt-canvas) !important;
    color: var(--vff-alt-primary-dark) !important;
}

/* -------------------------------------------------------------------------
   Responsive behaviour
   ------------------------------------------------------------------------- */
@media (max-width: 1180px) {
    body.wdi-vff-admin-alternative #wpbody-content {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
        padding: 20px !important;
    }
    body.wdi-vff-admin-alternative #wpbody-content > .wdi-vff-shell,
    body.wdi-vff-admin-alternative #wpbody-content > .wrap,
    body.wdi-vff-admin-alternative #wpbody-content > .notice,
    body.wdi-vff-admin-alternative #wpbody-content > .update-nag,
    body.wdi-vff-admin-alternative #wpbody-content > .error,
    body.wdi-vff-admin-alternative #wpbody-content > .updated,
    body.wdi-vff-admin-alternative #screen-meta-links {
        grid-column: 1 !important;
        grid-row: auto !important;
    }
    body.wdi-vff-admin-alternative .wdi-vff-shell {
        position: static !important;
        max-height: none !important;
    }
    body.wdi-vff-admin-alternative .wdi-vff-brandbar {
        grid-template-columns: 48px minmax(0, 1fr) auto !important;
    }
    body.wdi-vff-admin-alternative .wdi-vff-version {
        grid-column: auto !important;
        gap: 12px !important;
    }
    body.wdi-vff-admin-alternative .wdi-vff-admin-nav {
        flex-direction: row !important;
        overflow-x: auto !important;
    }
    body.wdi-vff-admin-alternative .wdi-vff-admin-nav-item {
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 145px !important;
    }
    body.wdi-vff-admin-alternative .wdi-vff-shell-foot { display: none !important; }
    body.wdi-vff-admin-alternative .vff-dashboard-grid,
    body.wdi-vff-admin-alternative .vff-admin-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 900px) {
    body.wdi-vff-ui-alternative .vff-alt-finder-hero {
        grid-template-columns: none !important;
    }
    body.wdi-vff-ui-alternative .vff-alt-finder-assurance {
        grid-column: 1 / -1 !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        padding: 15px 0 0 !important;
        border-top: 1px solid rgba(255,255,255,.1) !important;
        border-left: 0 !important;
    }
    body.wdi-vff-ui-alternative .vff-alt-finder-workspace {
        grid-template-columns: 1fr !important;
    }
    body.wdi-vff-ui-alternative .vff-alt-method-tabs {
        flex-direction: row !important;
        padding: 14px !important;
        border-right: 0 !important;
        border-bottom: 1px solid var(--vff-alt-line) !important;
    }
    body.wdi-vff-ui-alternative .vff-alt-method-tab { min-height: 72px !important; }
    body.wdi-vff-ui-alternative .vff-category-grid, body.wdi-vff-ui-alternative .vff-shop-category-grid { grid-template-columns: 1fr 1fr 1fr !important;}
}

@media (max-width: 782px) {
    body.wdi-vff-admin-alternative #wpcontent { padding-left: 0 !important; }
    body.wdi-vff-admin-alternative #wpbody-content { padding: 14px 12px 56px !important; }
    body.wdi-vff-admin-alternative .wdi-vff-brandbar { grid-template-columns: 42px minmax(0, 1fr) !important; }
    body.wdi-vff-admin-alternative .wdi-vff-brandmark { width: 42px !important; height: 42px !important; }
    body.wdi-vff-admin-alternative .wdi-vff-version { grid-column: 1 / -1 !important; }
    body.wdi-vff-admin-alternative .vff-dashboard-grid,
    body.wdi-vff-admin-alternative .vff-admin-grid { grid-template-columns: 1fr 1fr !important; }
    body.wdi-vff-admin-alternative .form-table tr,
    body.wdi-vff-admin-alternative .form-table tbody,
    body.wdi-vff-admin-alternative .form-table th,
    body.wdi-vff-admin-alternative .form-table td {
        display: block !important;
        width: 100% !important;
    }
    body.wdi-vff-admin-alternative .form-table th { padding-bottom: 4px !important; }
    body.wdi-vff-admin-alternative .form-table td { padding-top: 4px !important; }
    body.wdi-vff-admin-alternative input[type=text],
    body.wdi-vff-admin-alternative input[type=number],
    body.wdi-vff-admin-alternative input[type=search],
    body.wdi-vff-admin-alternative input[type=url],
    body.wdi-vff-admin-alternative input[type=email],
    body.wdi-vff-admin-alternative input[type=password],
    body.wdi-vff-admin-alternative input[type=date],
    body.wdi-vff-admin-alternative textarea,
    body.wdi-vff-admin-alternative select { width: 100% !important; }
    body.wdi-vff-admin-alternative .widefat.responsive-cards,
    body.wdi-vff-admin-alternative .widefat { display: block !important; overflow-x: auto !important; }
}

@media (max-width: 640px) {
    body.wdi-vff-ui-alternative .vff-alt-finder { margin: 16px auto !important; border-radius: 17px !important; }
    body.wdi-vff-ui-alternative .vff-alt-finder-hero {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        padding: 24px 20px !important;
    }
    body.wdi-vff-ui-alternative .vff-alt-finder-symbol { width: 54px !important; height: 54px !important; }
    body.wdi-vff-ui-alternative .vff-alt-finder-symbol svg { width: 32px !important; height: 32px !important; }
    body.wdi-vff-ui-alternative .vff-alt-finder-copy h2 { font-size: 30px !important; }
    body.wdi-vff-ui-alternative .vff-alt-finder-assurance {
        grid-template-columns: 1fr !important;
        gap: 7px !important;
    }
    body.wdi-vff-ui-alternative .vff-alt-method-tabs {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 7px !important;
        padding: 10px !important;
    }
    body.wdi-vff-ui-alternative .vff-alt-method-tab {
        display: block !important;
        min-height: 74px !important;
        padding: 12px !important;
        text-align: center !important;
    }
    body.wdi-vff-ui-alternative .vff-alt-tab-number { width: 25px !important; height: 25px !important; margin: 0 auto 7px !important; }
    body.wdi-vff-ui-alternative .vff-alt-method-tab small { display: none !important; }
    body.wdi-vff-ui-alternative .vff-alt-method-panels { padding: 22px 16px !important; }
    body.wdi-vff-ui-alternative .vff-alt-method-panel .vff-reg-form {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-areas: "country" "plate" "hint" "action" !important;
    }
    body.wdi-vff-ui-alternative .vff-alt-method-panel .vff-reg-actions { flex-direction: row !important; }
    body.wdi-vff-ui-alternative .vff-alt-method-panel .vff-reg-submit { flex: 1 1 auto !important; min-height: 52px !important; }
    body.wdi-vff-ui-alternative .vff-alt-method-panel .vff-reg-plate-field { height: 58px !important; grid-template-columns: 60px minmax(0,1fr) !important; }
    body.wdi-vff-ui-alternative .vff-alt-method-panel .vff-reg-input { height: 54px !important; min-height: 54px !important; font-size: 21px !important; }
    body.wdi-vff-ui-alternative .vff-frontpage-manual-form,
    body.wdi-vff-ui-alternative .vff-filter-form-pro { grid-template-columns: 1fr !important; }
    body.wdi-vff-ui-alternative .vff-frontpage-manual-form .vff-field:nth-of-type(5),
    body.wdi-vff-ui-alternative .vff-filter-form-pro .vff-field:nth-of-type(5),
    body.wdi-vff-ui-alternative .vff-frontpage-manual-form .vff-actions,
    body.wdi-vff-ui-alternative .vff-filter-form-pro .vff-actions { grid-column: 1 !important; }
    body.wdi-vff-ui-alternative .vff-frontpage-manual-form .vff-submit,
    body.wdi-vff-ui-alternative .vff-filter-form-pro .vff-submit { width: 100% !important; }
    body.wdi-vff-ui-alternative .vff-reg-found-head { grid-template-columns: auto minmax(0, 1fr) !important; }
    body.wdi-vff-ui-alternative .vff-reg-found .vff-reg-engine-badge { grid-column: 1 / -1 !important; justify-self: start !important; }
    body.wdi-vff-ui-alternative .vff-reg-found .vff-reg-facts { grid-template-columns: 1fr 1fr !important; }
    body.wdi-vff-ui-alternative .vff-reg-match { grid-template-columns: 36px minmax(0, 1fr) !important; }
    body.wdi-vff-ui-alternative .vff-reg-match-action { grid-column: 2 !important; justify-self: start !important; }
    body.wdi-vff-ui-alternative .vff-reg-result-reset { align-items: flex-start !important; flex-direction: column !important; }
    body.wdi-vff-ui-alternative .vff-alt-selected {
        grid-template-columns: auto minmax(0, 1fr) !important;
        padding: 20px !important;
    }
    body.wdi-vff-ui-alternative .vff-alt-selected .vff-frontpage-selected-action { grid-column: 1 / -1 !important; text-align: left !important; }
    body.wdi-vff-ui-alternative .vff-alt-selected .vff-frontpage-check-another { width: 100% !important; }
    body.wdi-vff-admin-alternative .vff-dashboard-grid,
    body.wdi-vff-admin-alternative .vff-admin-grid { grid-template-columns: 1fr !important; }
    body.wdi-vff-admin-alternative .vff-card,
    body.wdi-vff-admin-alternative form:not(.search-form):not(.wp-filter-search),
    body.wdi-vff-admin-alternative .vff-hero { padding: 17px !important; }
    body.wdi-vff-ui-alternative .vff-category-grid, body.wdi-vff-ui-alternative .vff-shop-category-grid { grid-template-columns: 1fr 1fr !important;}
}

@media (max-width: 420px) {
    body.wdi-vff-ui-alternative .vff-alt-method-tabs { grid-template-columns: 1fr !important; }
    body.wdi-vff-ui-alternative .vff-alt-method-tab { display: grid !important; grid-template-columns: 28px minmax(0,1fr) !important; min-height: 60px !important; text-align: left !important; }
    body.wdi-vff-ui-alternative .vff-alt-tab-number { margin: 0 !important; }
    body.wdi-vff-ui-alternative .vff-alt-method-panel .vff-reg-actions { flex-direction: column !important; }
    body.wdi-vff-ui-alternative .vff-alt-method-panel .vff-reg-reset { width: 100% !important; text-align: center !important; }
    body.wdi-vff-ui-alternative .vff-reg-found .vff-reg-facts { grid-template-columns: 1fr !important; }
    body.wdi-vff-ui-alternative .vff-alt-selected { grid-template-columns: 1fr !important; }
    body.wdi-vff-ui-alternative .vff-alt-selected-icon { width: 44px !important; height: 44px !important; }
    body.wdi-vff-ui-alternative .vff-category-grid, body.wdi-vff-ui-alternative .vff-shop-category-grid { grid-template-columns: 1fr 1fr !important;}
}

@media (prefers-reduced-motion: reduce) {
    body.wdi-vff-ui-alternative *,
    body.wdi-vff-admin-alternative * {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* Final narrow-result placement guard: the legacy 2.5.x mobile cascade placed
 * the copy block in the icon column. Keep every result label readable. */
@media (max-width: 420px) {
    body.wdi-vff-ui-alternative .vff-reg-card .vff-reg-match-icon {
        display: grid !important;
        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;
    }
    body.wdi-vff-ui-alternative .vff-reg-card .vff-reg-match-copy {
        grid-column: 2 !important;
        grid-row: 1 !important;
        width: auto !important;
        min-width: 0 !important;
    }
    body.wdi-vff-ui-alternative .vff-reg-card .vff-reg-match-action {
        grid-column: 2 !important;
        grid-row: 2 !important;
    }
}

/* Admin detail refinements and product-edit metabox coverage. */
body.wdi-vff-admin-alternative .vff-hero,
body.wdi-vff-admin-alternative .vff-hero p,
body.wdi-vff-admin-alternative .vff-hero h2 {
    text-align: left !important;
}
body.wdi-vff-admin-alternative .vff-hero p strong {
    display: inline !important;
    color: var(--vff-alt-ink-soft) !important;
    font: inherit !important;
}
body.wdi-vff-admin-alternative .vff-stat-card {
    border-left: 1px solid var(--vff-alt-line) !important;
}
body.wdi-vff-admin-alternative .vff-stat-card::before {
    display: none !important;
}

#vff_product_fitments .inside,
#vff_oe_numbers .inside {
    padding: 18px !important;
    background: #f7f8f6 !important;
}
#vff_product_fitments .inside > p:first-child,
#vff_oe_numbers .inside > p:first-child {
    margin-top: 0 !important;
    color: var(--vff-alt-muted) !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
}
#vff_product_fitments .widefat {
    overflow: hidden !important;
    border: 1px solid var(--vff-alt-line) !important;
    border-radius: 11px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
}
#vff_product_fitments .widefat thead th {
    padding: 10px 11px !important;
    border-bottom: 0 !important;
    background: var(--vff-alt-dark) !important;
    color: rgba(255,255,255,.78) !important;
    font-size: 9px !important;
    font-weight: 780 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}
#vff_product_fitments .widefat td {
    padding: 10px 11px !important;
    border-bottom: 1px solid var(--vff-alt-line) !important;
    color: var(--vff-alt-ink-soft) !important;
    font-size: 11px !important;
}
#vff_product_fitments h4,
#vff_oe_numbers h4 {
    margin: 22px 0 10px !important;
    color: var(--vff-alt-ink) !important;
    font-size: 15px !important;
    font-weight: 720 !important;
}
#vff_product_fitments .vff-repeatable-row {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(150px, 1fr)) auto !important;
    gap: 10px !important;
    align-items: end !important;
    max-width: none !important;
    margin: 0 0 10px !important;
    padding: 14px !important;
    border: 1px solid var(--vff-alt-line) !important;
    border-radius: 12px !important;
    background: #fff !important;
}
#vff_product_fitments .vff-repeatable-row p {
    min-width: 0 !important;
    margin: 0 !important;
}
#vff_product_fitments .vff-repeatable-row label {
    color: var(--vff-alt-ink-soft) !important;
    font-size: 10px !important;
    font-weight: 720 !important;
    letter-spacing: .02em !important;
}
#vff_product_fitments .vff-repeatable-row select,
#vff_oe_numbers .vff-oe-row input {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 40px !important;
    margin-top: 5px !important;
    border: 1px solid var(--vff-alt-line-strong) !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: var(--vff-alt-ink) !important;
    box-shadow: none !important;
}
#vff_product_fitments .vff-repeatable-row select:focus,
#vff_oe_numbers .vff-oe-row input:focus {
    border-color: var(--vff-alt-primary) !important;
    outline: 0 !important;
    box-shadow: var(--vff-alt-focus) !important;
}
#vff_product_fitments .vff-repeatable-row .description {
    display: block !important;
    margin-top: 5px !important;
    color: var(--vff-alt-muted) !important;
    font-size: 9px !important;
    line-height: 1.4 !important;
}
#vff_product_fitments .button,
#vff_oe_numbers .button {
    min-height: 36px !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}
#vff_product_fitments .vff-add-row,
#vff_oe_numbers .vff-add-oe-row {
    border-color: var(--vff-alt-primary) !important;
    background: var(--vff-alt-primary) !important;
    color: #fff !important;
}
#vff_oe_numbers .vff-oe-repeatable {
    display: grid !important;
    gap: 8px !important;
}
#vff_oe_numbers .vff-oe-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 9px !important;
    align-items: center !important;
    padding: 10px !important;
    border: 1px solid var(--vff-alt-line) !important;
    border-radius: 10px !important;
    background: #fff !important;
}
#vff_oe_numbers .vff-oe-row input { margin: 0 !important; }

@media (max-width: 1180px) {
    #vff_product_fitments .vff-repeatable-row {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 782px) {
    body.wdi-vff-admin-alternative #wpcontent {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
    #vff_product_fitments .vff-repeatable-row,
    #vff_oe_numbers .vff-oe-row {
        grid-template-columns: minmax(0, 1fr) !important;
    }
    #vff_product_fitments .widefat {
        display: block !important;
        overflow-x: auto !important;
    }
}

@media (max-width: 640px) {
    body.wdi-vff-ui-alternative .vff-alt-finder.has-registration-result .vff-alt-method-panels {
        padding: 10px !important;
    }
    body.wdi-vff-ui-alternative .vff-alt-finder.has-registration-result .vff-reg-card {
        border-radius: 14px !important;
    }
    body.wdi-vff-ui-alternative .vff-alt-finder.has-registration-result .vff-reg-matches {
        padding: 17px 12px !important;
    }
}

/* Final admin intrinsic-width containment: keep the horizontal workspace nav
   scrollable without allowing it to enlarge the WordPress content canvas. */
body.wdi-vff-admin-alternative #wpbody-content,
body.wdi-vff-admin-alternative #wpbody-content > .wdi-vff-shell,
body.wdi-vff-admin-alternative #wpbody-content > .wrap,
body.wdi-vff-admin-alternative .wdi-vff-admin-nav {
    min-width: 0 !important;
    max-width: 100% !important;
}
body.wdi-vff-admin-alternative .wdi-vff-shell,
body.wdi-vff-admin-alternative .wdi-vff-admin-nav {
    box-sizing: border-box !important;
}

/* -------------------------------------------------------------------------
   Complete alternative treatment for My Garage and product compatibility
   ------------------------------------------------------------------------- */
body.wdi-vff-ui-alternative .vff-garage-pro {
    padding: 0 !important;
}
body.wdi-vff-ui-alternative .vff-garage-header,
body.wdi-vff-ui-alternative .vff-garage-hero {
    display: flex !important;
    gap: 24px !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 0 !important;
    padding: 28px 30px !important;
    border-radius: 0 !important;
}
body.wdi-vff-ui-alternative .vff-garage-header > div,
body.wdi-vff-ui-alternative .vff-garage-hero > div { min-width: 0 !important; }
body.wdi-vff-ui-alternative .vff-garage-kicker {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 0 7px !important;
    color: #8224e3 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;
}
body.wdi-vff-ui-alternative .vff-garage-header h2,
body.wdi-vff-ui-alternative .vff-garage-hero h2 {
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(24px, 3vw, 36px) !important;
    font-weight: 740 !important;
    line-height: 1.08 !important;
    letter-spacing: -.04em !important;
}
body.wdi-vff-ui-alternative .vff-garage-header p,
body.wdi-vff-ui-alternative .vff-garage-hero p {
    max-width: 620px !important;
    margin: 9px 0 0 !important;
    color: rgba(255,255,255,.64) !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
}
body.wdi-vff-ui-alternative .vff-garage-add-toggle,
body.wdi-vff-ui-alternative .vff-garage-hero .vff-garage-primary {
    flex: 0 0 auto !important;
    min-height: 44px !important;
    padding: 0 17px !important;
    border: 1px solid rgba(255,255,255,.15) !important;
    border-radius: 10px !important;
    background: #8224e3 !important;
    color: var(--vff-alt-dark) !important;
    font-size: 12px !important;
    font-weight: 760 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}
body.wdi-vff-ui-alternative .vff-garage-add-form {
    margin: 0 !important;
    padding: 24px 28px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--vff-alt-line) !important;
    background: var(--vff-alt-paper-soft) !important;
    box-shadow: none !important;
}
body.wdi-vff-ui-alternative .vff-garage-form-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 15px !important;
    align-items: end !important;
}
body.wdi-vff-ui-alternative .vff-garage-notice {
    margin: 18px 28px 0 !important;
    padding: 12px 14px !important;
    border: 1px solid #b9d9cc !important;
    border-left: 4px solid var(--vff-alt-primary) !important;
    border-radius: 10px !important;
    background: var(--vff-alt-primary-soft) !important;
    color: var(--vff-alt-primary-dark) !important;
    font-size: 12px !important;
}
body.wdi-vff-ui-alternative .vff-garage-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
    padding: 24px 28px 28px !important;
}
body.wdi-vff-ui-alternative .vff-garage-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    min-height: 245px !important;
    margin: 0 !important;
    padding: 20px !important;
    overflow: hidden !important;
}
body.wdi-vff-ui-alternative .vff-garage-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    width: 4px !important;
    background: transparent !important;
}
body.wdi-vff-ui-alternative .vff-garage-card.is-active::before { background: var(--vff-alt-primary) !important; }
body.wdi-vff-ui-alternative .vff-garage-card-top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 0 0 18px !important;
}
body.wdi-vff-ui-alternative .vff-garage-icon {
    display: grid !important;
    place-items: center !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 11px !important;
    background: var(--vff-alt-primary-soft) !important;
    font-size: 17px !important;
}
body.wdi-vff-ui-alternative .vff-garage-active-badge {
    padding: 5px 8px !important;
    border-radius: 999px !important;
    background: var(--vff-alt-primary-soft) !important;
    color: var(--vff-alt-primary-dark) !important;
    font-size: 9px !important;
    font-weight: 820 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}
body.wdi-vff-ui-alternative .vff-garage-card h3 {
    margin: 0 !important;
    color: var(--vff-alt-ink) !important;
    font-size: 22px !important;
    font-weight: 760 !important;
    line-height: 1.2 !important;
    letter-spacing: -.03em !important;
}
body.wdi-vff-ui-alternative .vff-garage-model {
    margin: 7px 0 0 !important;
    color: var(--vff-alt-ink-soft) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
}
body.wdi-vff-ui-alternative .vff-garage-engine {
    margin: 6px 0 20px !important;
    color: var(--vff-alt-muted) !important;
    font-size: 11px !important;
    line-height: 1.55 !important;
}
body.wdi-vff-ui-alternative .vff-garage-card-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    align-items: center !important;
    margin-top: auto !important;
}
body.wdi-vff-ui-alternative .vff-garage-inline-action { margin: 0 !important; }
body.wdi-vff-ui-alternative .vff-garage-card-actions .vff-garage-primary,
body.wdi-vff-ui-alternative .vff-garage-secondary,
body.wdi-vff-ui-alternative .vff-garage-danger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 37px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 1px solid var(--vff-alt-line-strong) !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: var(--vff-alt-ink-soft) !important;
    font-size: 10px !important;
    font-weight: 730 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}
body.wdi-vff-ui-alternative .vff-garage-card-actions .vff-garage-primary {
    border-color: var(--vff-alt-primary) !important;
    background: var(--vff-alt-primary) !important;
    color: #fff !important;
}
body.wdi-vff-ui-alternative .vff-garage-danger { color: #9f3f3f !important; }
body.wdi-vff-ui-alternative .vff-garage-empty,
body.wdi-vff-ui-alternative .vff-garage-pro > .vff-empty-state {
    margin: 0 !important;
    padding: 42px 28px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--vff-alt-paper) !important;
}

body.wdi-vff-ui-alternative .vff-product-info-tab {
    display: grid !important;
    gap: 14px !important;
    padding: 16px !important;
}
body.wdi-vff-ui-alternative .vff-product-info-panel {
    margin: 0 !important;
    padding: 22px !important;
    overflow: hidden !important;
}
body.wdi-vff-ui-alternative .vff-product-info-heading {
    display: flex !important;
    gap: 11px !important;
    align-items: center !important;
    margin: 0 0 18px !important;
    padding: 0 0 15px !important;
    border-bottom: 1px solid var(--vff-alt-line) !important;
}
body.wdi-vff-ui-alternative .vff-product-info-heading > span {
    display: grid !important;
    place-items: center !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    background: var(--vff-alt-dark) !important;
    color: #8224e3 !important;
    font-size: 9px !important;
    font-weight: 850 !important;
    letter-spacing: .08em !important;
}
body.wdi-vff-ui-alternative .vff-product-info-heading h3 {
    margin: 0 !important;
    color: var(--vff-alt-ink) !important;
    font-size: 18px !important;
    font-weight: 740 !important;
    letter-spacing: -.025em !important;
}
body.wdi-vff-ui-alternative .vff-oe-number-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}
body.wdi-vff-ui-alternative .vff-oe-number-pill {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 37px !important;
    padding: 0 12px !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
    font-size: 11px !important;
    font-weight: 720 !important;
    letter-spacing: .015em !important;
}
body.wdi-vff-ui-alternative .vff-muted {
    margin: 0 !important;
    color: var(--vff-alt-muted) !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
}
body.wdi-vff-ui-alternative .vff-fitment-summary {
    margin: 0 0 12px !important;
    padding: 13px 15px !important;
    font-size: 11px !important;
    line-height: 1.6 !important;
}
body.wdi-vff-ui-alternative .vff-fitment-accordion {
    display: grid !important;
    gap: 8px !important;
}
body.wdi-vff-ui-alternative .vff-fitment-level {
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--vff-alt-line) !important;
    border-radius: 10px !important;
    background: #fff !important;
}
body.wdi-vff-ui-alternative .vff-fitment-level > summary {
    display: flex !important;
    gap: 12px !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 44px !important;
    padding: 0 14px !important;
    cursor: pointer !important;
    color: var(--vff-alt-ink) !important;
    font-size: 12px !important;
    font-weight: 710 !important;
    list-style: none !important;
}
body.wdi-vff-ui-alternative .vff-fitment-level > summary::-webkit-details-marker { display: none !important; }
body.wdi-vff-ui-alternative .vff-fitment-level > summary::after {
    content: "+" !important;
    color: var(--vff-alt-primary-dark) !important;
    font-size: 18px !important;
    font-weight: 500 !important;
}
body.wdi-vff-ui-alternative .vff-fitment-level[open] > summary::after { content: "−" !important; }
body.wdi-vff-ui-alternative .vff-fitment-level > summary em {
    margin-left: auto !important;
    padding: 4px 7px !important;
    border-radius: 999px !important;
    background: var(--vff-alt-primary-soft) !important;
    color: var(--vff-alt-primary-dark) !important;
    font-size: 9px !important;
    font-style: normal !important;
    font-weight: 760 !important;
}
body.wdi-vff-ui-alternative .vff-fitment-level[open] > :not(summary) {
    border-top-color: var(--vff-alt-line) !important;
}
body.wdi-vff-ui-alternative .vff-fitment-fuel,
body.wdi-vff-ui-alternative .vff-fitment-model,
body.wdi-vff-ui-alternative .vff-fitment-engine-row,
body.wdi-vff-ui-alternative .vff-fitment-submodels {
    color: var(--vff-alt-ink-soft) !important;
}

@media (max-width: 900px) {
    body.wdi-vff-ui-alternative .vff-garage-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    body.wdi-vff-ui-alternative .vff-garage-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 640px) {
    body.wdi-vff-ui-alternative .vff-garage-header,
    body.wdi-vff-ui-alternative .vff-garage-hero {
        align-items: flex-start !important;
        flex-direction: column !important;
        padding: 23px 20px !important;
    }
    body.wdi-vff-ui-alternative .vff-garage-add-toggle,
    body.wdi-vff-ui-alternative .vff-garage-hero .vff-garage-primary { width: 100% !important; }
    body.wdi-vff-ui-alternative .vff-garage-add-form { padding: 20px 16px !important; }
    body.wdi-vff-ui-alternative .vff-garage-form-grid,
    body.wdi-vff-ui-alternative .vff-garage-grid { grid-template-columns: minmax(0, 1fr) !important; }
    body.wdi-vff-ui-alternative .vff-garage-grid { padding: 18px 16px 20px !important; }
    body.wdi-vff-ui-alternative .vff-garage-card { min-height: 0 !important; }
    body.wdi-vff-ui-alternative .vff-product-info-tab { padding: 10px !important; }
    body.wdi-vff-ui-alternative .vff-product-info-panel { padding: 17px !important; }
}

@media (min-width: 641px) {
    body.wdi-vff-ui-alternative .vff-garage-add-toggle,
    body.wdi-vff-ui-alternative .vff-garage-hero .vff-garage-primary {
        width: auto !important;
        align-self: center !important;
    }
}

/* -------------------------------------------------------------------------
   Remaining storefront result and administration detail components
   ------------------------------------------------------------------------- */
body.wdi-vff-ui-alternative .vff-shop-heading {
    margin: 0 0 18px !important;
    padding: 0 !important;
}
body.wdi-vff-ui-alternative .vff-shop-heading h2 {
    margin: 0 !important;
    color: var(--vff-alt-ink) !important;
    font-size: clamp(26px, 4vw, 42px) !important;
    font-weight: 750 !important;
    line-height: 1.08 !important;
    letter-spacing: -.045em !important;
}
body.wdi-vff-ui-alternative .vff-manual-choice {
    display: flex !important;
    gap: 12px !important;
    align-items: center !important;
    margin: 16px 0 !important;
    color: var(--vff-alt-muted) !important;
    font-size: 10px !important;
    font-weight: 760 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
}
body.wdi-vff-ui-alternative .vff-manual-choice::before,
body.wdi-vff-ui-alternative .vff-manual-choice::after {
    content: "" !important;
    flex: 1 1 auto !important;
    height: 1px !important;
    background: var(--vff-alt-line) !important;
}
body.wdi-vff-ui-alternative .vff-section {
    margin: 22px 0 !important;
    padding: 22px !important;
    border: 1px solid var(--vff-alt-line) !important;
    border-radius: 17px !important;
    background: var(--vff-alt-paper) !important;
    box-shadow: var(--vff-alt-shadow-sm) !important;
}
body.wdi-vff-ui-alternative .vff-section-heading {
    display: flex !important;
    gap: 16px !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    margin: 0 0 18px !important;
    padding: 0 0 15px !important;
    border-bottom: 1px solid var(--vff-alt-line) !important;
}
body.wdi-vff-ui-alternative .vff-section-heading h3 {
    margin: 0 !important;
    color: var(--vff-alt-ink) !important;
    font-size: clamp(20px, 3vw, 28px) !important;
    font-weight: 740 !important;
    line-height: 1.15 !important;
    letter-spacing: -.035em !important;
}
body.wdi-vff-ui-alternative .vff-section-heading p {
    max-width: 560px !important;
    margin: 0 !important;
    color: var(--vff-alt-muted) !important;
    font-size: 11px !important;
    line-height: 1.55 !important;
    text-align: right !important;
}
body.wdi-vff-ui-alternative .vff-result-notice {
    margin: 12px 0 !important;
    padding: 14px 16px !important;
    border: 1px solid #b9d9cc !important;
    border-left: 4px solid var(--vff-alt-primary) !important;
    border-radius: 10px !important;
    background: var(--vff-alt-primary-soft) !important;
    color: var(--vff-alt-primary-dark) !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
}
body.wdi-vff-ui-alternative .vff-shop-category-card {
    padding: 0 !important;
    overflow: hidden !important;
}
body.wdi-vff-ui-alternative .vff-shop-category-image {
    display: block !important;
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    background: var(--vff-alt-paper-soft) !important;
}
body.wdi-vff-ui-alternative .vff-shop-category-image img,
body.wdi-vff-ui-alternative .vff-category-placeholder {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    background: #fff !important;
}
body.wdi-vff-ui-alternative .vff-category-placeholder {
    position: relative !important;
    background: linear-gradient(135deg, #eef4f0 0%, #e3ede8 100%) !important;
}
body.wdi-vff-ui-alternative .vff-category-placeholder::after {
    content: "PARTS" !important;
    position: absolute !important;
    inset: 50% auto auto 50% !important;
    transform: translate(-50%, -50%) !important;
    color: rgba(30,93,70,.34) !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    letter-spacing: .18em !important;
}
body.wdi-vff-ui-alternative .vff-shop-category-body {
    display: grid !important;
    gap: 7px !important;
    padding: 16px !important;
}
body.wdi-vff-ui-alternative .vff-shop-category-title {
    color: var(--vff-alt-ink) !important;
    font-size: 14px !important;
    font-weight: 730 !important;
    line-height: 1.35 !important;
}
body.wdi-vff-ui-alternative .vff-shop-category-count {
    color: var(--vff-alt-muted) !important;
    font-size: 10px !important;
    font-weight: 630 !important;
}
body.wdi-vff-ui-alternative .vff-fallback-product-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
}
body.wdi-vff-ui-alternative .vff-fallback-product-card {
    display: grid !important;
    gap: 12px !important;
    min-width: 0 !important;
    padding: 12px !important;
    border: 1px solid var(--vff-alt-line) !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: var(--vff-alt-ink) !important;
    font-size: 12px !important;
    font-weight: 680 !important;
    line-height: 1.45 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}
body.wdi-vff-ui-alternative .vff-fallback-product-card:hover {
    border-color: var(--vff-alt-primary) !important;
    transform: translateY(-2px) !important;
}
body.wdi-vff-ui-alternative .vff-fallback-product-card img {
    width: 100% !important;
    height: auto !important;
    border-radius: 8px !important;
}
body.wdi-vff-ui-alternative .vff-products-pagination-summary {
    color: var(--vff-alt-muted) !important;
    font-size: 10px !important;
    font-weight: 650 !important;
}
body.wdi-vff-ui-alternative .vff-products-pagination-links {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
}
body.wdi-vff-ui-alternative .vff-products-pagination-links a,
body.wdi-vff-ui-alternative .vff-products-pagination-links span {
    display: grid !important;
    place-items: center !important;
    min-width: 34px !important;
    min-height: 34px !important;
    padding: 0 8px !important;
    border: 1px solid var(--vff-alt-line) !important;
    background: #fff !important;
    color: var(--vff-alt-ink-soft) !important;
    text-decoration: none !important;
}
body.wdi-vff-ui-alternative .vff-products-pagination-links .current {
    border-color: var(--vff-alt-primary) !important;
    background: var(--vff-alt-primary) !important;
    color: #fff !important;
}

body.wdi-vff-admin-alternative .vff-settings-section {
    margin: 0 0 16px !important;
    overflow: hidden !important;
    border: 1px solid var(--vff-alt-line) !important;
    border-radius: 13px !important;
    background: var(--vff-alt-paper) !important;
}
body.wdi-vff-admin-alternative .vff-settings-section-head {
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 17px 18px !important;
    border-bottom: 1px solid var(--vff-alt-line) !important;
    background: var(--vff-alt-paper-soft) !important;
}
body.wdi-vff-admin-alternative .vff-settings-section-head > span {
    display: grid !important;
    place-items: center !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    background: var(--vff-alt-dark) !important;
    color: #8224e3 !important;
    font-size: 9px !important;
    font-weight: 830 !important;
    letter-spacing: .06em !important;
}
body.wdi-vff-admin-alternative .vff-settings-section-head h2 {
    margin: 0 0 3px !important;
    color: var(--vff-alt-ink) !important;
    font-size: 15px !important;
    font-weight: 740 !important;
    letter-spacing: -.02em !important;
}
body.wdi-vff-admin-alternative .vff-settings-section-head p {
    margin: 0 !important;
    color: var(--vff-alt-muted) !important;
    font-size: 10px !important;
    line-height: 1.45 !important;
}
body.wdi-vff-admin-alternative .vff-settings-section .form-table {
    border: 0 !important;
    border-radius: 0 !important;
}
body.wdi-vff-admin-alternative .vff-settings-savebar {
    position: sticky !important;
    bottom: 12px !important;
    z-index: 5 !important;
    display: flex !important;
    justify-content: flex-end !important;
    margin: 18px 0 0 !important;
    padding: 12px !important;
    border: 1px solid var(--vff-alt-line) !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.94) !important;
    box-shadow: 0 12px 30px rgba(23,32,29,.09) !important;
    backdrop-filter: blur(10px) !important;
}
body.wdi-vff-admin-alternative .vff-settings-savebar p { margin: 0 !important; }
body.wdi-vff-admin-alternative .vff-reg-admin-result {
    margin-top: 16px !important;
    padding: 18px !important;
    border: 1px solid #b9d9cc !important;
    border-radius: 12px !important;
    background: var(--vff-alt-primary-soft) !important;
}
body.wdi-vff-admin-alternative .vff-reg-admin-result h3 {
    margin: 0 0 12px !important;
    color: var(--vff-alt-primary-dark) !important;
    font-size: 15px !important;
}

@media (max-width: 900px) {
    body.wdi-vff-ui-alternative .vff-fallback-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 640px) {
    body.wdi-vff-ui-alternative .vff-section { padding: 17px !important; }
    body.wdi-vff-ui-alternative .vff-section-heading {
        align-items: flex-start !important;
        flex-direction: column !important;
    }
    body.wdi-vff-ui-alternative .vff-section-heading p { text-align: left !important; }
    body.wdi-vff-ui-alternative .vff-fallback-product-grid { grid-template-columns: minmax(0, 1fr) !important; }
    body.wdi-vff-admin-alternative .vff-settings-section-head { grid-template-columns: 32px minmax(0, 1fr) !important; padding: 14px !important; }
    body.wdi-vff-admin-alternative .vff-settings-section-head > span { width: 32px !important; height: 32px !important; }
    body.wdi-vff-admin-alternative .vff-settings-savebar { position: static !important; }
}

body.wdi-vff-ui-alternative .vff-reg-copy {
    min-width: 0 !important;
}
body.wdi-vff-ui-alternative .vff-reg-kicker {
    display: inline-flex !important;
    margin: 0 0 7px !important;
    color: var(--vff-alt-primary-dark) !important;
    font-size: 9px !important;
    font-weight: 820 !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;
}
body.wdi-vff-ui-alternative .vff-reg-copy h3 {
    margin: 0 !important;
    color: var(--vff-alt-ink) !important;
    font-size: clamp(21px, 3vw, 30px) !important;
    font-weight: 740 !important;
    letter-spacing: -.035em !important;
}
body.wdi-vff-ui-alternative .vff-reg-copy p {
    margin: 8px 0 0 !important;
    color: var(--vff-alt-muted) !important;
    font-size: 11px !important;
    line-height: 1.6 !important;
}
body.wdi-vff-ui-alternative .vff-reg-no-parts {
    border-color: #ead9ad !important;
    border-left-color: var(--vff-alt-accent) !important;
    background: #fff9ea !important;
    color: #725922 !important;
}
body.wdi-vff-ui-alternative .vff-reg-contact {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 37px !important;
    margin-top: 9px !important;
    padding: 0 12px !important;
    border: 1px solid #d7c27c !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #725922 !important;
    font-size: 10px !important;
    font-weight: 730 !important;
    text-decoration: none !important;
}
body.wdi-vff-admin-alternative .vff-grid-2 {
    display: grid !important;
    grid-template-columns: minmax(0, 1.55fr) minmax(290px, .75fr) !important;
    gap: 18px !important;
    align-items: start !important;
}
body.wdi-vff-admin-alternative .vff-grid-2 > * { min-width: 0 !important; }
body.wdi-vff-admin-alternative .vff-admin-vehicle-chain {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    color: var(--vff-alt-muted) !important;
    font-size: 10px !important;
}
@media (max-width: 1180px) {
    body.wdi-vff-admin-alternative .vff-grid-2 { grid-template-columns: minmax(0, 1fr) !important; }
}