[x-cloak]{display:none!important}

/* Header garage link */
.pd-header-garage{display:inline-flex;align-items:center;gap:.4rem;color:inherit;font-weight:650;white-space:nowrap;text-decoration:none}.pd-header-garage:hover{color:#1f48c5}.pd-header-garage span{font-size:.84rem}

/* FitmentPro finder styling aligned with HomeFitment / Hyva look */
.pd-fitment{position:relative;padding:18px;border:1px solid #e5e7eb;background:#fff;border-radius:12px;box-shadow:none}.pd-fitment--home{margin:0 0 24px}.pd-fitment__inner{width:100%}.pd-fitment__heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px;color:#111827}.pd-fitment__heading strong{font-size:18px;font-weight:700;line-height:1.3}.pd-fitment__heading-actions{display:flex;align-items:center;gap:12px}.pd-fitment__selected{margin-top:4px;font-size:13px;color:#6b7280}.pd-fitment__loading{font-size:12px;color:#6b7280}
.pd-fitment__fields{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr)) auto auto;gap:10px;align-items:stretch}.pd-fitment select,.pd-fitment input{width:100%;min-height:44px;padding:0 14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#111827;box-shadow:none}.pd-fitment select:focus,.pd-fitment input:focus{outline:none;border-color:#1f48c5;box-shadow:0 0 0 3px rgba(31,72,197,.12)}.pd-fitment select:disabled,.pd-fitment input:disabled{background:#f3f4f6;color:#9ca3af}.pd-fitment button{min-height:44px;padding:10px 16px;border-radius:8px;font-weight:700;white-space:nowrap}.pd-fitment button:disabled{opacity:.55;cursor:not-allowed}.pd-fitment__submit,.pd-fitment__reset,.pd-fitment__garage-save{box-shadow:none}.pd-fitment__message{margin-top:10px;font-size:13px;font-weight:600;color:#166534}.pd-fitment__message.pd-error{color:#b91c1c}

/* Compact/header selector */
.pd-vehicle-bar{margin:0 0 18px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}.pd-vehicle-bar__inner{display:flex;align-items:center;gap:10px;padding:12px 14px}.pd-vehicle-bar__select{display:inline-flex;align-items:center;gap:8px;max-width:min(100%,560px);min-height:44px;padding:9px 14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#111827;font-weight:700;text-align:left}.pd-vehicle-bar__select:hover{border-color:#1f48c5}.pd-vehicle-bar__select span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pd-vehicle-bar__garage-wrap{position:relative;margin-left:auto}.pd-vehicle-bar__garage{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border:1px solid #d1d5db;border-radius:8px;background:#fff;white-space:nowrap;min-height:44px;color:#111827;font-weight:700}.pd-vehicle-bar__garage:hover{border-color:#1f48c5}.pd-vehicle-bar__garage{font-weight:700;color:#111827;text-decoration:none}.pd-vehicle-bar__garage:hover{text-decoration:none}

/* Header garage menu */
.pd-header-garage-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:10000;width:min(320px,90vw);padding:8px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.12)}.pd-header-garage-menu__list{display:grid;gap:4px}.pd-header-garage-menu__vehicle{display:block;width:100%;min-height:0!important;padding:9px 10px!important;border:1px solid transparent!important;border-radius:8px!important;background:#f9fafb!important;color:#111827!important;text-align:left!important}.pd-header-garage-menu__vehicle:hover{background:#f3f4f6!important;border-color:#d1d5db!important}.pd-header-garage-menu__name{display:block;font-weight:700;line-height:1.25}.pd-header-garage-menu__details{display:block;margin-top:2px;font-size:12px;color:#6b7280;line-height:1.25}.pd-header-garage-menu__empty{padding:10px;font-size:13px;color:#6b7280}.pd-header-garage-menu__link{display:block;margin-top:6px;padding:9px 10px;border-top:1px solid #eef2f7;color:#1f48c5;font-weight:700;text-decoration:none}.pd-header-garage-menu__link:hover{text-decoration:underline}

/* Modal finder */
.pd-fitment-modal{position:fixed;inset:0;z-index:2147483000;isolation:isolate;display:flex;align-items:flex-start;justify-content:center;padding:8vh 18px 30px;background:rgba(17,24,39,.45);overflow:auto}.pd-fitment-modal__dialog{position:relative;width:min(980px,100%);box-shadow:0 20px 50px rgba(0,0,0,.18)}.pd-fitment-modal__close{position:absolute!important;right:10px;top:7px;z-index:2;min-width:36px!important;min-height:36px!important;padding:0!important;border-radius:50%!important;background:transparent!important;color:#4b5563!important;font-size:27px!important;line-height:1!important}.pd-fitment-modal__dialog .pd-fitment__heading{padding-right:38px}

/* Save row */
.pd-fitment__save-row{margin-top:10px}.pd-garage-save{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pd-garage-save input{max-width:330px}

/* Garage page base styling retained */
.pd-garage-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.pd-garage-page__header h1{margin:0 0 .35rem}.pd-garage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.pd-garage-card{border:1px solid #e5e7eb;border-radius:10px;padding:1rem;background:#fff}.pd-garage-card__name{font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.pd-garage-card__vehicle{color:#6b7280;margin-bottom:1rem}.pd-garage-card label{display:flex;flex-direction:column;gap:.35rem;font-weight:600}.pd-garage-card input{min-height:42px}.pd-garage-card__actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.pd-garage-card__actions .delete{color:#b91c1c}.pd-garage-page__empty{padding:1rem;border:1px dashed #d1d5db;border-radius:8px}

/* Header compact placement: no position/layout changes, just matching cleaner style */
.pd-fitment-placement--header.pd-vehicle-bar{margin:0;border:0;background:transparent}.pd-fitment-placement--header .pd-vehicle-bar__inner{padding:0;gap:8px}.pd-fitment-placement--header .pd-vehicle-bar__select,.pd-fitment-placement--header .pd-vehicle-bar__garage{min-height:40px;padding:8px 11px}.pd-fitment-placement--header .pd-vehicle-bar__select{max-width:280px;background:transparent}.pd-fitment-placement--header .pd-vehicle-bar__garage-wrap{margin-left:0}.pd-fitment-placement--header .pd-vehicle-bar__garage{background:transparent}

@media(max-width:900px){.pd-fitment__fields{grid-template-columns:repeat(2,minmax(130px,1fr))}}
@media(max-width:640px){.pd-header-garage span{display:none}.pd-vehicle-bar__inner{align-items:stretch}.pd-vehicle-bar__select{flex:1;min-width:0}.pd-vehicle-bar__garage-wrap{margin-left:0}.pd-fitment__heading{display:block}.pd-fitment__heading-actions{margin-top:8px}.pd-fitment__fields{grid-template-columns:1fr}.pd-fitment{padding:14px}.pd-fitment-modal{padding:18px 10px}.pd-garage-save input{max-width:none}.pd-garage-page__header{flex-direction:column}.pd-fitment-placement--header .pd-vehicle-bar__select{max-width:190px}.pd-fitment-placement--header .pd-vehicle-bar__garage{padding-inline:8px}}

/* PartsDone FitmentPro 2.7.10: final HomeFitment/Hyva style refinements */
.pd-fitment__submit.btn,
.pd-garage-save .btn-primary,
.pd-custom-fitment .pd-custom-btn-green,
.pd-custom-fitment [data-pd-find],
.pd-custom-fitment [data-pd-vin-submit]{
    background:#1f48c5!important;
    border:1px solid #1f48c5!important;
    color:#fff!important;
    box-shadow:none!important;
}
.pd-fitment__submit.btn:hover,
.pd-garage-save .btn-primary:hover,
.pd-custom-fitment .pd-custom-btn-green:hover,
.pd-custom-fitment [data-pd-find]:hover,
.pd-custom-fitment [data-pd-vin-submit]:hover{
    background:#183a9e!important;
    border-color:#183a9e!important;
    color:#fff!important;
}
.pd-fitment__submit.btn:focus,
.pd-garage-save .btn-primary:focus,
.pd-custom-fitment .pd-custom-btn-green:focus,
.pd-custom-fitment [data-pd-find]:focus,
.pd-custom-fitment [data-pd-vin-submit]:focus{
    outline:none!important;
    box-shadow:0 0 0 3px rgba(31,72,197,.16)!important;
}

/* Reset / secondary buttons: grey and black, not blue */
.pd-fitment__reset.btn,
.pd-fitment__garage-save.btn,
.pd-garage-save .btn-secondary,
.pd-custom-fitment .pd-custom-btn-grey,
.pd-custom-fitment [data-pd-reset]{
    background:#f3f4f6!important;
    border:1px solid #d1d5db!important;
    color:#111827!important;
    box-shadow:none!important;
}
.pd-fitment__reset.btn:hover,
.pd-fitment__garage-save.btn:hover,
.pd-garage-save .btn-secondary:hover,
.pd-custom-fitment .pd-custom-btn-grey:hover,
.pd-custom-fitment [data-pd-reset]:hover{
    background:#e5e7eb!important;
    border-color:#9ca3af!important;
    color:#111827!important;
}
.pd-fitment__reset.btn:focus,
.pd-fitment__garage-save.btn:focus,
.pd-garage-save .btn-secondary:focus,
.pd-custom-fitment .pd-custom-btn-grey:focus,
.pd-custom-fitment [data-pd-reset]:focus{
    outline:none!important;
    box-shadow:0 0 0 3px rgba(17,24,39,.10)!important;
}

/* Header Select Vehicle / My Garage: smaller, cleaner Hyva-like buttons */
.pd-fitment-placement--header .pd-vehicle-bar__inner{
    gap:6px!important;
}
.pd-fitment-placement--header .pd-vehicle-bar__select,
.pd-fitment-placement--header .pd-vehicle-bar__garage{
    min-height:34px!important;
    height:34px!important;
    padding:5px 10px!important;
    border:1px solid #d1d5db!important;
    border-radius:6px!important;
    background:#fff!important;
    color:#111827!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:600!important;
    box-shadow:none!important;
    text-decoration:none!important;
    transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease!important;
}
.pd-fitment-placement--header .pd-vehicle-bar__select svg{
    width:17px!important;
    height:17px!important;
}
.pd-fitment-placement--header .pd-vehicle-bar__select:hover,
.pd-fitment-placement--header .pd-vehicle-bar__garage:hover{
    background:#f3f4f6!important;
    border-color:#9ca3af!important;
    color:#111827!important;
    text-decoration:none!important;
}
.pd-fitment-placement--header .pd-vehicle-bar__select:focus,
.pd-fitment-placement--header .pd-vehicle-bar__garage:focus{
    outline:none!important;
    border-color:#1f48c5!important;
    box-shadow:0 0 0 3px rgba(31,72,197,.12)!important;
}
.pd-fitment-placement--header .pd-vehicle-bar__select{
    max-width:245px!important;
}

/* My Garage dropdown link: standard neutral menu action, not blue text */
.pd-header-garage-menu__link{
    margin-top:6px!important;
    padding:9px 10px!important;
    border-top:1px solid #eef2f7!important;
    border-radius:0 0 7px 7px!important;
    background:#fff!important;
    color:#111827!important;
    font-size:13px!important;
    font-weight:600!important;
    text-decoration:none!important;
}
.pd-header-garage-menu__link:hover{
    background:#f3f4f6!important;
    color:#111827!important;
    text-decoration:none!important;
}
.pd-header-garage-menu__link:focus{
    outline:none!important;
    box-shadow:0 0 0 3px rgba(31,72,197,.12)!important;
}

@media(max-width:640px){
    .pd-fitment-placement--header .pd-vehicle-bar__select{
        max-width:180px!important;
    }
    .pd-fitment-placement--header .pd-vehicle-bar__select,
    .pd-fitment-placement--header .pd-vehicle-bar__garage{
        min-height:34px!important;
        height:34px!important;
        padding:5px 8px!important;
        font-size:12.5px!important;
    }
}


/* PD_CARD_FITMENT_GLOBAL_START */
/* Product-card fitment default style: matched to product-page quick compatibility box. */

.pd-card-fitment.js-pd-card-fitment {
    width: 100% !important;
    display: block !important;
    clear: both !important;
    margin: 10px 0 14px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
}

.pd-card-fitment.js-pd-card-fitment[hidden] {
    display: none !important;
}

.pd-card-fitment.js-pd-card-fitment .pd-card-fitment-box {
    width: 100% !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 11px !important;
    margin: 0 0 7px !important;
    padding: 10px 12px !important;
    border-radius: 7px !important;
    border: 1px solid rgba(0,0,0,.06) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
}

.pd-card-fitment.js-pd-card-fitment .pd-card-fitment-fit {
    background: #edf9f2 !important;
    color: #145e3b !important;
}

.pd-card-fitment.js-pd-card-fitment .pd-card-fitment-notfit {
    background: #fff2ef !important;
    color: #9c2f25 !important;
}

.pd-card-fitment.js-pd-card-fitment .pd-card-fitment-icon {
    flex: 0 0 22px !important;
    width: 22px !important;
    height: 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.85) !important;
    color: inherit !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

.pd-card-fitment.js-pd-card-fitment .pd-card-fitment-status-text {
    display: block !important;
    color: inherit !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
}

.pd-card-fitment.js-pd-card-fitment .pd-card-fitment-precision {
    margin-top: 3px !important;
    color: inherit !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
}

.pd-card-fitment.js-pd-card-fitment .pd-card-fitment-link {
    display: inline-block !important;
    margin-top: 4px !important;
    color: inherit !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
}

/* Notes: matched to product-page quick note style */
.pd-card-fitment.js-pd-card-fitment .pd-card-fitment-warning {
    position: relative !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 9px !important;
    margin-top: 7px !important;
    padding: 8px 10px !important;
    border-left: 3px solid !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
}

.pd-card-fitment.js-pd-card-fitment .pd-card-fitment-warning.pd-note--info {
    background: #eef6ff !important;
    border-color: #397bb8 !important;
    color: #24567f !important;
}

.pd-card-fitment.js-pd-card-fitment .pd-card-fitment-warning.pd-note--important {
    background: #fff5df !important;
    border-color: #d78800 !important;
    color: #7a4b00 !important;
}

.pd-card-fitment.js-pd-card-fitment .pd-card-fitment-warning.pd-note--warning {
    background: #fff0ee !important;
    border-color: #c83f34 !important;
    color: #8d2921 !important;
}

.pd-card-fitment.js-pd-card-fitment .pd-card-fitment-warning-icon {
    flex: 0 0 auto !important;
    width: auto !important;
    height: auto !important;
    display: inline-flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    background: transparent !important;
    color: inherit !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
}

.pd-card-fitment.js-pd-card-fitment .pd-card-fitment-warning-content {
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

.pd-card-fitment.js-pd-card-fitment .pd-card-fitment-warning-content strong {
    display: inline !important;
    color: inherit !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
}

.pd-card-fitment.js-pd-card-fitment .pd-card-fitment-warning-text {
    margin-top: 2px !important;
    color: inherit !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
}

.pd-card-fitment.js-pd-card-fitment .pd-card-fitment-tooltip {
    display: none;
    position: absolute;
    z-index: 60;
    left: 8px;
    right: 8px;
    top: calc(100% + 6px);
    background: #1f2937;
    color: #ffffff;
    padding: 9px 10px;
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(0,0,0,.18);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
}

.pd-card-fitment.js-pd-card-fitment .pd-card-fitment-warning:hover .pd-card-fitment-tooltip {
    display: block !important;
}


/* Product-card Fitment note mirrors the product-page quick-note rules exactly. */
.pd-card-fitment.js-pd-card-fitment .pd-compatibility__important{
    display:block!important;
    margin-top:7px!important;
    padding:10px 12px!important;
    border:1px solid rgba(0,0,0,.06)!important;
    border-radius:7px!important;
    box-shadow:none!important;
    font-family:inherit!important;
    font-size:13px!important;
    font-weight:600!important;
    line-height:1.35!important;
}
.pd-card-fitment.js-pd-card-fitment .pd-compatibility__important>div{
    min-width:0!important;
}
.pd-card-fitment.js-pd-card-fitment .pd-compatibility__detail-title{
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    color:inherit!important;
    font-family:inherit!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1.25!important;
}
.pd-card-fitment.js-pd-card-fitment .pd-compatibility__detail-title-icon{
    display:inline-block!important;
    flex:0 0 auto!important;
    color:inherit!important;
    font-family:Arial,sans-serif!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1!important;
    transform:translateY(-1px)!important;
}
.pd-card-fitment.js-pd-card-fitment .pd-compatibility__detail-value,
.pd-card-fitment.js-pd-card-fitment .pd-compatibility__detail-followup{
    color:inherit!important;
    font-family:inherit!important;
    font-size:12px!important;
    font-weight:500!important;
}

/* PD_CARD_FITMENT_GLOBAL_END */


/* PD_PRODUCT_CARD_BRAND_START */
/* Product-card brand logo position: bottom-left of product image. Larger display. */

.product-item .pd-product-image-wrap,
.product-item .product-item-photo.pd-product-image-wrap {
    position: relative !important;
    overflow: hidden;
}

.product-item .pd-product-card-brand {
    position: absolute !important;
    z-index: 5;
    pointer-events: none;
}

.product-item .pd-product-card-brand--grid {
    left: 8px !important;
    bottom: 8px !important;
}

.product-item .pd-product-card-brand--list {
    left: 8px !important;
    bottom: 8px !important;
}

.product-item .pd-product-card-brand__logo-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 178px;
    max-height: 82px;
    padding: 6px 10px;
    border-radius: 7px;
    background: rgba(255,255,255,.92);
    box-shadow: 0 2px 8px rgba(0,0,0,.12);
}

.product-item .pd-product-card-brand__image {
    display: block;
    max-width: 154px;
    max-height: 62px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.product-item .pd-product-card-brand__text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 178px;
    min-height: 48px;
    padding: 6px 10px;
    border-radius: 7px;
    background: rgba(255,255,255,.92);
    box-shadow: 0 2px 8px rgba(0,0,0,.12);
    color: #111827;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.15;
    text-align: left;
}

@media (min-width: 768px) {
    .products-list .product-item .pd-product-card-brand--list {
        left: 8px !important;
        bottom: 8px !important;
    }
}
/* PD_PRODUCT_CARD_BRAND_END */


/* PD_HEADER_VEHICLE_CONSOLIDATED_START */
/* Single Hyvä-style header vehicle control replacing separate Select Vehicle / My Garage buttons. */
.pd-fitment-placement--header.pd-vehicle-bar{
    margin:0!important;
    border:0!important;
    background:transparent!important;
}
.pd-fitment-placement--header .pd-header-vehicle{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    min-width:0!important;
}
.pd-fitment-placement--header .pd-header-vehicle__button{
    height:44px!important;
    min-height:44px!important;
    max-width:330px!important;
    min-width:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    padding:0 11px!important;
    border:1px solid transparent!important;
    border-radius:8px!important;
    background:transparent!important;
    color:#111827!important;
    box-shadow:none!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:600!important;
    text-align:left!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease!important;
}
.pd-fitment-placement--header .pd-header-vehicle__button:hover,
.pd-fitment-placement--header .pd-header-vehicle__button[aria-expanded="true"]{
    background:#f3f4f6!important;
    border-color:#e5e7eb!important;
    color:#111827!important;
    text-decoration:none!important;
}
.pd-fitment-placement--header .pd-header-vehicle__button:focus-visible{
    outline:none!important;
    border-color:#1f48c5!important;
    box-shadow:0 0 0 3px rgba(31,72,197,.12)!important;
}
.pd-fitment-placement--header .pd-header-vehicle__icon{
    width:17px!important;
    height:17px!important;
    flex:0 0 17px!important;
    color:currentColor!important;
}
.pd-fitment-placement--header .pd-header-vehicle__label{
    display:block!important;
    min-width:0!important;
    max-width:255px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
.pd-fitment-placement--header .pd-header-vehicle__chevron{
    width:14px!important;
    height:14px!important;
    flex:0 0 14px!important;
    opacity:.75!important;
    color:currentColor!important;
    transition:transform .15s ease,opacity .15s ease!important;
}
.pd-fitment-placement--header .pd-header-vehicle__button:hover .pd-header-vehicle__chevron,
.pd-fitment-placement--header .pd-header-vehicle__button[aria-expanded="true"] .pd-header-vehicle__chevron{
    opacity:1!important;
}
.pd-fitment-placement--header .pd-header-vehicle__chevron--open{
    transform:rotate(180deg)!important;
}
.pd-header-vehicle__dropdown{
    position:absolute!important;
    right:0!important;
    top:calc(100% + 10px)!important;
    z-index:10020!important;
    width:min(360px,90vw)!important;
    padding:8px!important;
    border:1px solid #e5e7eb!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#111827!important;
    box-shadow:0 16px 38px rgba(0,0,0,.14)!important;
    font-size:13px!important;
    line-height:1.35!important;
}
.pd-header-vehicle__section{
    padding:8px!important;
}
.pd-header-vehicle__section+.pd-header-vehicle__section{
    border-top:1px solid #eef2f7!important;
}
.pd-header-vehicle__section-title{
    margin:0 0 7px!important;
    color:#6b7280!important;
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:700!important;
    letter-spacing:.04em!important;
    text-transform:uppercase!important;
}
.pd-header-vehicle__current{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
}
.pd-header-vehicle__current-label{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#111827!important;
    font-weight:700!important;
}
.pd-header-vehicle__change{
    flex:0 0 auto!important;
    min-height:32px!important;
    height:32px!important;
    padding:0 10px!important;
    border:1px solid #d1d5db!important;
    border-radius:7px!important;
    background:#fff!important;
    color:#111827!important;
    font-size:12px!important;
    font-weight:700!important;
    box-shadow:none!important;
    white-space:nowrap!important;
}
.pd-header-vehicle__change:hover{
    background:#f3f4f6!important;
    border-color:#9ca3af!important;
    color:#111827!important;
}
.pd-header-vehicle__list{
    display:grid!important;
    gap:4px!important;
}
.pd-header-vehicle__row{
    width:100%!important;
    min-height:44px!important;
    height:auto!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    padding:8px 10px!important;
    border:1px solid transparent!important;
    border-radius:8px!important;
    background:#fff!important;
    color:#111827!important;
    box-shadow:none!important;
    text-align:left!important;
    font-size:13px!important;
    line-height:1.25!important;
    font-weight:600!important;
    text-decoration:none!important;
}
.pd-header-vehicle__row:hover,
.pd-header-vehicle__row.is-active{
    background:#f3f4f6!important;
    border-color:#e5e7eb!important;
    color:#111827!important;
}
.pd-header-vehicle__row-check{
    width:16px!important;
    min-width:16px!important;
    color:#1f48c5!important;
    font-weight:800!important;
    text-align:center!important;
}
.pd-header-vehicle__row-copy{
    min-width:0!important;
    display:block!important;
}
.pd-header-vehicle__row-main,
.pd-header-vehicle__row-sub{
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
.pd-header-vehicle__row-main{
    color:#111827!important;
    font-weight:700!important;
}
.pd-header-vehicle__row-sub{
    margin-top:2px!important;
    color:#6b7280!important;
    font-size:12px!important;
    font-weight:500!important;
}
.pd-header-vehicle__footer{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:40px!important;
    margin:6px 0 0!important;
    padding:9px 10px!important;
    border-top:1px solid #eef2f7!important;
    border-radius:0 0 9px 9px!important;
    background:#fff!important;
    color:#111827!important;
    font-size:13px!important;
    font-weight:700!important;
    text-decoration:none!important;
}
.pd-header-vehicle__footer:hover{
    background:#f3f4f6!important;
    color:#111827!important;
    text-decoration:none!important;
}
@media(max-width:1280px){
    .pd-fitment-placement--header .pd-header-vehicle__button{max-width:270px!important;padding-left:9px!important;padding-right:9px!important;}
    .pd-fitment-placement--header .pd-header-vehicle__label{max-width:198px!important;}
}
@media(max-width:640px){
    .pd-fitment-placement--header .pd-header-vehicle__button{height:40px!important;min-height:40px!important;max-width:190px!important;padding-left:8px!important;padding-right:8px!important;font-size:12.5px!important;}
    .pd-fitment-placement--header .pd-header-vehicle__label{max-width:132px!important;}
    .pd-header-vehicle__dropdown{right:auto!important;left:0!important;width:min(340px,calc(100vw - 24px))!important;}
}
/* PD_HEADER_VEHICLE_CONSOLIDATED_END */


/* PD_MY_GARAGE_ACCOUNT_STYLE_START */
.pd-garage-account [x-cloak]{display:none!important;}
.pd-garage-account__message{margin-bottom:16px!important;}
.pd-garage-account__card{margin-bottom:24px!important;}
.pd-garage-account__card-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin-bottom:16px!important;}
.pd-garage-account__card-title h2{margin:0!important;font-size:20px!important;line-height:1.3!important;font-weight:600!important;color:var(--color-fg,#020618)!important;}
.pd-garage-account__count{font-size:13px!important;color:var(--color-fg-secondary,#475569)!important;white-space:nowrap!important;}
.pd-garage-account__muted{color:var(--color-fg-secondary,#475569)!important;font-size:14px!important;}
.pd-garage-account__intro{margin-top:-6px!important;margin-bottom:16px!important;}
.pd-garage-account__empty{padding:16px!important;border:1px dashed var(--color-gray-300,#d1d5db)!important;border-radius:var(--radius-lg,.5rem)!important;background:var(--color-gray-50,#f9fafb)!important;display:flex!important;flex-direction:column!important;gap:4px!important;color:var(--color-fg-secondary,#475569)!important;}
.pd-garage-account__empty strong{color:var(--color-fg,#020618)!important;}
.pd-garage-account__table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;}
.pd-garage-account__table th,.pd-garage-account__table td{padding:14px 12px!important;text-align:left!important;vertical-align:middle!important;border-bottom:1px solid var(--color-gray-200,#e5e7eb)!important;}
.pd-garage-account__table th{font-size:13px!important;font-weight:600!important;color:var(--color-fg-secondary,#475569)!important;background:var(--color-gray-50,#f9fafb)!important;}
.pd-garage-account__table tbody tr:last-child td{border-bottom:0!important;}
.pd-garage-account__vehicle{font-weight:600!important;color:var(--color-fg,#020618)!important;}
.pd-garage-account__actions-col{width:1%!important;white-space:nowrap!important;}
.pd-garage-account__actions{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;flex-wrap:wrap!important;}
.pd-garage-account__form{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;align-items:end!important;}
.pd-garage-account__form .field{margin-top:0!important;}
.pd-garage-account__form label{margin-bottom:8px!important;}
.pd-garage-account__form select{width:100%!important;}
.pd-garage-account__toolbar{margin-top:20px!important;}
.pd-garage-account__replace{margin-top:18px!important;padding:16px!important;border:1px solid var(--color-blue-300,#93c5fd)!important;border-radius:var(--radius-lg,.5rem)!important;background:var(--color-blue-50,#eff6ff)!important;}
.pd-garage-account__replace h3{margin:0 0 6px!important;font-size:16px!important;font-weight:600!important;color:var(--color-fg,#020618)!important;}
.pd-garage-account__replace p{margin:0 0 12px!important;color:var(--color-fg-secondary,#475569)!important;font-size:14px!important;}
.pd-garage-account__replace-list{display:grid!important;gap:8px!important;}
.pd-garage-account__replace-row{width:100%!important;min-height:40px!important;text-align:left!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;padding:9px 10px!important;border:1px solid var(--color-gray-300,#d1d5db)!important;border-radius:var(--radius-lg,.5rem)!important;background:var(--color-white,#fff)!important;color:var(--color-fg,#020618)!important;font-weight:500!important;transition:background-color .15s ease,border-color .15s ease,color .15s ease!important;}
.pd-garage-account__replace-row:hover,.pd-garage-account__replace-row.is-selected{background:rgba(31,72,197,.08)!important;border-color:rgba(31,72,197,.25)!important;color:#1f48c5!important;}
.pd-garage-account__replace-actions{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;flex-wrap:wrap!important;margin-top:14px!important;}
.pd-header-vehicle__row{justify-content:flex-start!important;}
.pd-header-vehicle__row-copy{flex:1 1 auto!important;text-align:left!important;}
.pd-header-vehicle__row:hover,.pd-header-vehicle__row.is-active,.pd-header-vehicle__change:hover,.pd-header-vehicle__footer:hover{background:rgba(31,72,197,.08)!important;border-color:rgba(31,72,197,.20)!important;color:#1f48c5!important;text-decoration:none!important;}
@media(max-width:900px){.pd-garage-account__form{grid-template-columns:1fr!important;}.pd-garage-account__actions-col{width:auto!important;white-space:normal!important;}.pd-garage-account__table th,.pd-garage-account__table td{padding:12px 10px!important;}}
@media(max-width:640px){.pd-garage-account__card-title{align-items:flex-start!important;flex-direction:column!important;}.pd-garage-account__actions .btn,.pd-garage-account__replace-actions .btn{width:100%!important;}.pd-garage-account__table-wrap{overflow-x:auto!important;}.pd-garage-account__table{min-width:560px!important;}}
/* PD_MY_GARAGE_ACCOUNT_STYLE_END */


/* PD_MY_GARAGE_TWO_COLUMN_START */
.pd-garage-account__layout{
    display:grid!important;
    grid-template-columns:minmax(280px,360px) minmax(0,1fr)!important;
    gap:24px!important;
    align-items:start!important;
}
.pd-garage-account__add{position:sticky!important;top:16px!important;}
.pd-garage-account__saved{min-width:0!important;}
.pd-garage-account__form{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
    align-items:start!important;
}
.pd-garage-account__form select:disabled{
    background-color:var(--color-gray-100,#f3f4f6)!important;
    border-color:var(--color-gray-300,#d1d5db)!important;
    color:var(--color-gray-500,#6b7280)!important;
    opacity:1!important;
    cursor:not-allowed!important;
}
.pd-garage-account__vehicle-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
}
.pd-garage-account__vehicle-card{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    gap:16px!important;
    padding:16px!important;
    border:1px solid var(--color-gray-300,#d1d5db)!important;
    border-radius:var(--radius-lg,.5rem)!important;
    background:var(--color-surface,#fff)!important;
}
.pd-garage-account__vehicle-engine{margin-top:4px!important;}
.pd-garage-account__actions{
    justify-content:flex-start!important;
}
.pd-garage-account__actions .btn{
    white-space:nowrap!important;
}
@media(max-width:1100px){
    .pd-garage-account__layout{grid-template-columns:1fr!important;}
    .pd-garage-account__add{position:static!important;}
}
@media(max-width:720px){
    .pd-garage-account__vehicle-grid{grid-template-columns:1fr!important;}
    .pd-garage-account__actions .btn{width:100%!important;}
}
/* PD_MY_GARAGE_TWO_COLUMN_END */


/* PD_MY_GARAGE_CORRECTIVE_START */
.pd-garage-account__already-saved{margin-top:8px!important;padding:8px 12px!important;font-size:.875rem!important;}
.pd-garage-account__form .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
/* PD_MY_GARAGE_CORRECTIVE_END */


/* PD_X_CLOAK_FAILSAFE */
.pd-fitment [x-cloak],
.pd-vehicle-bar [x-cloak],
.pd-fitment-modal [x-cloak]{
    display:none!important;
}


/* PD_HEADER_VEHICLE_FIXED_WIDTH_START */
/* Keep the header vehicle selector from resizing the search bar. */
.pd-fitment-placement--header.pd-vehicle-bar{
    flex:0 0 auto!important;
    width:auto!important;
    max-width:none!important;
}

.pd-fitment-placement--header .pd-vehicle-bar__inner{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
}

.pd-fitment-placement--header .pd-header-vehicle{
    flex:0 0 184px!important;
    width:184px!important;
    max-width:184px!important;
    min-width:184px!important;
    margin:0 2px!important;
    align-self:center!important;
}

.pd-fitment-placement--header .pd-header-vehicle__button{
    width:184px!important;
    min-width:184px!important;
    max-width:184px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0 10px!important;
    justify-content:flex-start!important;
    gap:7px!important;
}

.pd-fitment-placement--header .pd-header-vehicle__icon{
    flex:0 0 17px!important;
}

.pd-fitment-placement--header .pd-header-vehicle__label{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:none!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    text-align:left!important;
}

.pd-fitment-placement--header .pd-header-vehicle__chevron{
    flex:0 0 14px!important;
    margin-left:auto!important;
}

@media(max-width:1280px){
    .pd-fitment-placement--header .pd-header-vehicle{
        flex-basis:172px!important;
        width:172px!important;
        max-width:172px!important;
        min-width:172px!important;
    }

    .pd-fitment-placement--header .pd-header-vehicle__button{
        width:172px!important;
        min-width:172px!important;
        max-width:172px!important;
    }
}

@media(max-width:640px){
    .pd-fitment-placement--header .pd-header-vehicle{
        flex-basis:150px!important;
        width:150px!important;
        max-width:150px!important;
        min-width:150px!important;
    }

    .pd-fitment-placement--header .pd-header-vehicle__button{
        width:150px!important;
        min-width:150px!important;
        max-width:150px!important;
        height:40px!important;
        min-height:40px!important;
        padding-left:8px!important;
        padding-right:8px!important;
    }
}
/* PD_HEADER_VEHICLE_FIXED_WIDTH_END */







/* PD_MOBILE_VEHICLE_FINAL_STACK_START */
/*
 * Final mobile header stack:
 * - customer/profile dropdown must sit above the mobile Select Vehicle row
 * - Select Vehicle row stays in normal flow to avoid sticky-header flicker
 * - only the Select Vehicle dropdown gets its own overlay layer
 */
@media(max-width:1023px){
    header.page-header,
    #header.pd-stage2-header,
    #header .pd-stage2-main,
    #header .pd-stage2-actions{
        overflow:visible!important;
    }

    #header .pd-stage2-actions{
        position:relative!important;
        z-index:120!important;
    }

    #header .pd-stage2-customer{
        position:relative!important;
        z-index:160!important;
    }

    #header .pd-stage2-customer nav[aria-labelledby="customer-menu"]{
        z-index:170!important;
    }

    .pd-stage2-mobile-vehicle{
        display:block!important;
        position:relative!important;
        z-index:10!important;
        transform:none!important;
        will-change:auto!important;
        contain:none!important;
        overflow:visible!important;
    }

    .pd-stage2-mobile-vehicle .pd-fitment-placement--header.pd-vehicle-bar{
        display:block!important;
        width:100%!important;
        max-width:none!important;
        min-width:0!important;
        margin:0!important;
        border:0!important;
        background:transparent!important;
        z-index:auto!important;
        transform:none!important;
        will-change:auto!important;
        contain:none!important;
    }

    .pd-stage2-mobile-vehicle .pd-vehicle-bar__inner{
        display:block!important;
        width:100%!important;
        padding:0!important;
        z-index:auto!important;
    }

    .pd-stage2-mobile-vehicle .pd-header-vehicle{
        display:block!important;
        position:relative!important;
        width:100%!important;
        max-width:none!important;
        min-width:0!important;
        margin:0!important;
        z-index:auto!important;
    }

    .pd-stage2-mobile-vehicle .pd-header-vehicle__button{
        display:flex!important;
        width:100%!important;
        max-width:none!important;
        min-width:0!important;
        height:44px!important;
        min-height:44px!important;
        padding:0 12px!important;
        align-items:center!important;
        justify-content:flex-start!important;
        line-height:1.4!important;
        overflow:visible!important;
        font-size:14px!important;
    }

    .pd-stage2-mobile-vehicle .pd-header-vehicle__label{
        min-width:0!important;
        max-width:none!important;
        line-height:1.4!important;
        padding-bottom:2px!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
    }

    .pd-stage2-mobile-vehicle .pd-header-vehicle__dropdown{
        left:0!important;
        right:auto!important;
        width:min(360px, calc(100vw - 32px))!important;
        z-index:90!important;
    }

    .pd-stage2-mobile-vehicle [x-cloak]{
        display:none!important;
    }
}

@media(min-width:1024px){
    .pd-stage2-mobile-vehicle{
        display:none!important;
    }
}
/* PD_MOBILE_VEHICLE_FINAL_STACK_END */

/* PD_MOBILE_HEADER_VEHICLE_ICON_STABILITY_START */
/*
 * Stabilize the mobile Select Vehicle car icon inside the sticky header.
 * Prevent layout recalculation/jumping while scrolling.
 */
@media(max-width:1023px){
    .pd-stage2-mobile-vehicle .pd-header-vehicle__icon{
        display:block!important;
        width:18px!important;
        height:18px!important;
        min-width:18px!important;
        min-height:18px!important;
        max-width:18px!important;
        max-height:18px!important;
        flex:0 0 18px!important;
        flex-shrink:0!important;
        align-self:center!important;
        margin:0!important;
        padding:0!important;
        line-height:1!important;
        position:relative!important;
        top:0!important;
        transform:none!important;
        transition:none!important;
        animation:none!important;
        will-change:auto!important;
        backface-visibility:hidden!important;
        pointer-events:none!important;
    }

    .pd-stage2-mobile-vehicle .pd-header-vehicle__button{
        gap:8px!important;
        align-items:center!important;
    }
}
/* PD_MOBILE_HEADER_VEHICLE_ICON_STABILITY_END */

/* PD_MY_GARAGE_BUTTON_STYLE_START */
/*
 * My Garage uses site primary buttons for positive actions.
 * Grey modifier is scoped only to My Garage secondary/destructive-light actions.
 */
.pd-garage-account .btn.btn-primary{
    min-height:44px!important;
    font-weight:600!important;
}

.pd-garage-account .btn.pd-garage-account__btn-grey{
    --btn-stroke:var(--color-gray-300,#d1d5db)!important;
    --btn-bg:var(--color-white,#fff)!important;
    --btn-color:var(--color-gray-800,#1f2937)!important;
    --btn-hover-stroke:var(--color-gray-400,#9ca3af)!important;
    --btn-hover-bg:var(--color-gray-100,#f3f4f6)!important;
    --btn-hover-color:var(--color-gray-900,#111827)!important;
    --btn-active-stroke:var(--color-gray-400,#9ca3af)!important;
    --btn-active-bg:var(--color-gray-200,#e5e7eb)!important;
    --btn-active-color:var(--color-gray-900,#111827)!important;
    min-height:44px!important;
    font-weight:600!important;
}

.pd-garage-account .pd-garage-account__actions{
    gap:8px!important;
}

.pd-garage-account .pd-garage-account__actions .btn{
    min-width:136px!important;
}

@media(max-width:720px){
    .pd-garage-account .pd-garage-account__actions .btn,
    .pd-garage-account .pd-garage-account__replace-actions .btn{
        width:100%!important;
        min-width:0!important;
    }
}
/* PD_MY_GARAGE_BUTTON_STYLE_END */





/* PD_HEADER_VEHICLE_EQUAL_HEADER_GAP_START */
/*
 * Desktop header:
 * - only one Select Vehicle button is visible at lg+
 * - the gap between Search -> Select Vehicle matches Select Vehicle -> Profile
 * - the vehicle button can grow for longer names
 * - growth is limited so it does not collide with profile/cart icons
 */
@media(min-width:1024px){
    #header{
        --pd-header-main-gap:clamp(.5rem,.75vw,.75rem);
        --pd-header-vehicle-min:184px;
        --pd-header-vehicle-max:clamp(184px,28vw,420px);
    }

    #header .pd-stage2-main{
        column-gap:var(--pd-header-main-gap)!important;
        gap:var(--pd-header-main-gap)!important;
    }

    #header .pd-stage2-actions{
        column-gap:var(--pd-header-main-gap)!important;
        gap:var(--pd-header-main-gap)!important;
        min-width:0!important;
        overflow:visible!important;
    }

    #header .pd-stage2-search{
        min-width:0!important;
    }

    #header .pd-stage2-fitment{
        flex:0 1 var(--pd-header-vehicle-max)!important;
        min-width:var(--pd-header-vehicle-min)!important;
        max-width:var(--pd-header-vehicle-max)!important;
        margin:0!important;
        display:flex!important;
        align-items:center!important;
        justify-content:flex-end!important;
        overflow:visible!important;
    }

    #header .pd-stage2-fitment .pd-fitment-placement--header.pd-vehicle-bar,
    #header .pd-stage2-fitment .pd-vehicle-bar__inner,
    #header .pd-stage2-fitment .pd-header-vehicle{
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        margin:0!important;
    }

    #header .pd-stage2-fitment .pd-vehicle-bar__inner{
        display:flex!important;
        justify-content:flex-end!important;
    }

    #header .pd-stage2-fitment .pd-header-vehicle__button{
        width:100%!important;
        min-width:var(--pd-header-vehicle-min)!important;
        max-width:100%!important;
        height:42px!important;
        min-height:42px!important;
        padding-left:10px!important;
        padding-right:10px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:flex-start!important;
        gap:8px!important;
        overflow:hidden!important;
    }

    #header .pd-stage2-fitment .pd-header-vehicle__icon{
        flex:0 0 18px!important;
        width:18px!important;
        min-width:18px!important;
        max-width:18px!important;
    }

    #header .pd-stage2-fitment .pd-header-vehicle__chevron{
        flex:0 0 14px!important;
        width:14px!important;
        min-width:14px!important;
        max-width:14px!important;
        margin-left:auto!important;
    }

    #header .pd-stage2-fitment .pd-header-vehicle__label{
        flex:0 1 auto!important;
        min-width:0!important;
        max-width:none!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
        text-align:left!important;
    }

    #header .pd-stage2-customer{
        margin-left:0!important;
    }
}
/* PD_HEADER_VEHICLE_EQUAL_HEADER_GAP_END */


/* FitmentPro 2.8.2.5: modal is teleported to body and layered above all Hyva UI. */
html.pd-fitment-modal-open,
html.pd-fitment-modal-open body {
    overflow: hidden !important;
    overscroll-behavior: none;
}
.pd-fitment-modal { pointer-events: auto; }
.pd-fitment-modal__dialog { z-index: 1; }

/*
 * PD_GDS_A7_4_1C_C1_FITMENTPRO_ACTION_BUTTON_TOKEN_BRIDGE
 *
 * FitmentPro-only exact-value token bridge:
 * - existing grouped HomeFitment selectors remain untouched;
 * - all template classes and Alpine attributes remain untouched;
 * - primary hover #183a9e remains component-owned;
 * - gray backgrounds and hover borders remain component-owned;
 * - 44px account-button height remains component-owned;
 * - existing focus rings, spacing and disabled behavior remain unchanged.
 */
.pd-fitment__submit.btn,
.pd-garage-save .btn-primary {
    background: var(
        --pd-gds-button-primary-bg,
        #1f48c5
    ) !important;
    border-color: var(
        --pd-gds-button-primary-bg,
        #1f48c5
    ) !important;
    color: var(
        --pd-gds-button-primary-color,
        #ffffff
    ) !important;
}

.pd-fitment__reset.btn,
.pd-fitment__garage-save.btn,
.pd-garage-save .btn-secondary {
    border-color: var(
        --pd-gds-color-border,
        #d1d5db
    ) !important;
    color: var(
        --pd-gds-color-text,
        #111827
    ) !important;
}

.pd-fitment__reset.btn:hover,
.pd-fitment__garage-save.btn:hover,
.pd-garage-save .btn-secondary:hover {
    color: var(
        --pd-gds-color-text,
        #111827
    ) !important;
}

.pd-garage-account .btn.btn-primary {
    font-weight: var(
        --pd-gds-font-weight-semibold,
        600
    ) !important;
}

.pd-garage-account
.btn.pd-garage-account__btn-grey {
    --btn-stroke: var(
        --pd-gds-color-border,
        #d1d5db
    ) !important;
    --btn-bg: var(
        --pd-gds-color-surface,
        #ffffff
    ) !important;
    --btn-hover-color: var(
        --pd-gds-color-text,
        #111827
    ) !important;
    --btn-active-color: var(
        --pd-gds-color-text,
        #111827
    ) !important;
    font-weight: var(
        --pd-gds-font-weight-semibold,
        600
    ) !important;
}

/*
 * PD_GDS_A7_4_1C_E_VEHICLE_GARAGE_CONTROL_TOKEN_BRIDGE
 *
 * Exact-value token bridge for the existing FitmentPro
 * vehicle and garage controls.
 *
 * Preserved as component-owned:
 * - all HTML, Alpine and ARIA behavior;
 * - pd-garage-replace__row remains template-only;
 * - responsive widths and 32/40/42/44px heights;
 * - 7/8px radii, spacing and typography sizes;
 * - gray hover backgrounds and borders;
 * - focus shadows and translucent selected states;
 * - #020618 account-row text and 800 check weight.
 */
.pd-fitment-placement--header
.pd-header-vehicle__button {
    color: var(
        --pd-gds-color-text,
        #111827
    ) !important;
    font-weight: var(
        --pd-gds-font-weight-semibold,
        600
    ) !important;
}

.pd-fitment-placement--header
.pd-header-vehicle__button:hover,
.pd-fitment-placement--header
.pd-header-vehicle__button[aria-expanded="true"] {
    color: var(
        --pd-gds-color-text,
        #111827
    ) !important;
}

.pd-fitment-placement--header
.pd-header-vehicle__button:focus-visible {
    border-color: var(
        --pd-gds-color-focus,
        #1f48c5
    ) !important;
}

.pd-header-vehicle__change {
    border-color: var(
        --pd-gds-color-border,
        #d1d5db
    ) !important;
    background: var(
        --pd-gds-color-surface,
        #fff
    ) !important;
    color: var(
        --pd-gds-color-text,
        #111827
    ) !important;
    font-weight: var(
        --pd-gds-font-weight-bold,
        700
    ) !important;
}

.pd-header-vehicle__row {
    background: var(
        --pd-gds-color-surface,
        #fff
    ) !important;
    color: var(
        --pd-gds-color-text,
        #111827
    ) !important;
    font-weight: var(
        --pd-gds-font-weight-semibold,
        600
    ) !important;
}

.pd-header-vehicle__row:hover,
.pd-header-vehicle__row.is-active,
.pd-header-vehicle__change:hover {
    color: var(
        --pd-gds-color-primary,
        #1f48c5
    ) !important;
}

.pd-header-vehicle__row-check {
    color: var(
        --pd-gds-color-primary,
        #1f48c5
    ) !important;
}

.pd-header-vehicle__row-main {
    color: var(
        --pd-gds-color-text,
        #111827
    ) !important;
    font-weight: var(
        --pd-gds-font-weight-bold,
        700
    ) !important;
}

.pd-header-vehicle__row-sub {
    color: var(
        --pd-gds-color-text-muted,
        #6b7280
    ) !important;
    font-weight: var(
        --pd-gds-font-weight-medium,
        500
    ) !important;
}

.pd-garage-account__replace-row {
    border-color: var(
        --pd-gds-color-border,
        #d1d5db
    ) !important;
    background: var(
        --pd-gds-color-surface,
        #fff
    ) !important;
    font-weight: var(
        --pd-gds-font-weight-medium,
        500
    ) !important;
}

.pd-garage-account__replace-row:hover,
.pd-garage-account__replace-row.is-selected {
    color: var(
        --pd-gds-color-primary,
        #1f48c5
    ) !important;
}

/*
 * PD_GDS_A7_4_1C_G_FITMENTPRO_SELECT_CONTROL_TOKEN_BRIDGE
 *
 * Exact-value token bridge for the eight planned
 * FitmentPro select controls.
 *
 * Preserved as component-owned:
 * - all select tags, x-model values and Alpine handlers;
 * - required and disabled expressions;
 * - 44px height, 14px padding and 8px radius;
 * - focus shadow rgba(31,72,197,.12);
 * - disabled backgrounds #f3f4f6 and modal text #9ca3af;
 * - garage form layout and generic theme form variables;
 * - modal close button and all of its geometry/colour.
 */
.pd-garage-account__form select:disabled {
    border-color: var(
        --pd-gds-control-border,
        #d1d5db
    ) !important;
    color: var(
        --pd-gds-color-text-muted,
        #6b7280
    ) !important;
}

.pd-fitment select {
    border-color: var(
        --pd-gds-control-border,
        #d1d5db
    );
    background: var(
        --pd-gds-control-bg,
        #fff
    );
    color: var(
        --pd-gds-control-color,
        #111827
    );
}

.pd-fitment select:focus {
    border-color: var(
        --pd-gds-control-focus,
        #1f48c5
    );
}