.elementor-7110 .elementor-element.elementor-element-7550dad6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-7110 .elementor-element.elementor-element-7550dad6:not(.elementor-motion-effects-element-type-background), .elementor-7110 .elementor-element.elementor-element-7550dad6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000061;}.elementor-7110 .elementor-element.elementor-element-74c1c241{--display:flex;--min-height:96px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:024px 024px;--row-gap:024px;--column-gap:024px;--flex-wrap:nowrap;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#FFFFFF;--border-color:#FFFFFF;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:14px;--padding-bottom:014px;--padding-left:028px;--padding-right:028px;}.elementor-7110 .elementor-element.elementor-element-74c1c241:not(.elementor-motion-effects-element-type-background), .elementor-7110 .elementor-element.elementor-element-74c1c241 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0A0A;}.elementor-7110 .elementor-element.elementor-element-2e985fb8{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 2%;padding:6px 0px 6px 0px;text-align:center;}.elementor-7110 .elementor-element.elementor-element-2e985fb8 img{width:225px;max-width:225px;height:85px;}.elementor-7110 .elementor-element.elementor-element-6da85e9 .elementor-button{background-color:#151515;font-family:"Barlow Condensed", Sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:0px 0px 0px 3px;border-color:#ED1C24;}.elementor-7110 .elementor-element.elementor-element-6da85e9{padding:0px 016px 0px 016px;}.elementor-7110 .elementor-element.elementor-element-6da85e9.elementor-element{--align-self:center;}.elementor-7110 .elementor-element.elementor-element-6da85e9 .elementor-button:hover, .elementor-7110 .elementor-element.elementor-element-6da85e9 .elementor-button:focus{color:#ED1C24;border-color:#EC1313;}.elementor-7110 .elementor-element.elementor-element-6da85e9 .elementor-button:hover svg, .elementor-7110 .elementor-element.elementor-element-6da85e9 .elementor-button:focus svg{fill:#ED1C24;}.elementor-7110 .elementor-element.elementor-element-e1ee536.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-7110 .elementor-element.elementor-element-009a025 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-7110 .elementor-element.elementor-element-009a025 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-7110 .elementor-element.elementor-element-009a025 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#ED1C24;}.elementor-7110 .elementor-element.elementor-element-009a025 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#ED1C24;}.elementor-7110 .elementor-element.elementor-element-009a025{--e-icon-list-icon-size:43px;--icon-vertical-offset:0px;}.elementor-7110 .elementor-element.elementor-element-009a025 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-7110 .elementor-element.elementor-element-009a025 .elementor-icon-list-item > a{font-family:"Barlow", Sans-serif;font-size:22px;font-weight:600;}.elementor-7110 .elementor-element.elementor-element-009a025 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-7110 .elementor-element.elementor-element-009a025 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#ED1C24;}.elementor-7110 .elementor-element.elementor-element-e7a6a27 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-7110 .elementor-element.elementor-element-e7a6a27 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-7110 .elementor-element.elementor-element-e7a6a27{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-7110 .elementor-element.elementor-element-e7a6a27 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-7110 .elementor-element.elementor-element-e7a6a27 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#ED1C24;}.elementor-7110 .elementor-element.elementor-element-2dae138{--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:#FFFFFF;--toggle-button-border-color:#FFFFFF;--toggle-button-icon-hover-color:#ED1C24;--toggle-button-hover-border-color:#ED1C24;--toggle-icon-size:30px;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-7110 .elementor-element.elementor-element-2dae138 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-7110 .elementor-element.elementor-element-fd2e464 .elementor-icon-wrapper{text-align:center;}.elementor-7110 .elementor-element.elementor-element-fd2e464.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-7110 .elementor-element.elementor-element-fd2e464.elementor-view-framed .elementor-icon, .elementor-7110 .elementor-element.elementor-element-fd2e464.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-7110 .elementor-element.elementor-element-fd2e464.elementor-view-framed .elementor-icon, .elementor-7110 .elementor-element.elementor-element-fd2e464.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-7110 .elementor-element.elementor-element-7a6cbea{--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:#FFFFFF;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-7110 .elementor-element.elementor-element-7a6cbea .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-7110 .elementor-element.elementor-element-780c7234{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:15px 15px 30px 5px rgba(0, 0, 0, 0.04);--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:14px;--padding-bottom:14px;--padding-left:0px;--padding-right:0px;--z-index:96;}.elementor-7110 .elementor-element.elementor-element-780c7234:not(.elementor-motion-effects-element-type-background), .elementor-7110 .elementor-element.elementor-element-780c7234 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D0F11;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-7110 .elementor-element.elementor-element-74c1c241{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-7110 .elementor-element.elementor-element-292e69b img{width:135px;}.elementor-7110 .elementor-element.elementor-element-c3226a6{width:100%;max-width:100%;}.elementor-7110 .elementor-element.elementor-element-780c7234{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}}@media(max-width:767px){.elementor-7110 .elementor-element.elementor-element-74c1c241{--min-height:50px;}.elementor-7110 .elementor-element.elementor-element-780c7234{--min-height:50px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}}/* Start custom CSS for container, class: .elementor-element-7550dad6 *//* ============================================================
   HIGH TORQUE DIESEL — SHOP HEADER v15
   VISUAL / RESPONSIVE CSS ONLY

   Put this in ONE global CSS location.
   Recommended:
   Elementor → Site Settings → Custom CSS

   DELETE/REMOVE the old Shop Header controller CSS first.
   This file does NOT contain filter logic.
   ============================================================ */


/* ============================================================
   TOKENS / SHARED
   ============================================================ */

.htd-shop-header {
    --htd-red: #ed1c24;
    --htd-red-hover: #ff3038;
    --htd-bg: #07090b;
    --htd-bg-2: #0c0e11;
    --htd-field: #101317;
    --htd-border: rgba(255,255,255,.14);
    --htd-muted: #9298a1;
    --htd-text: #ffffff;

    width: 100% !important;
    max-width: none !important;

    background: var(--htd-bg) !important;

    box-sizing: border-box !important;
}

.htd-shop-header *,
.htd-shop-header *::before,
.htd-shop-header *::after {
    box-sizing: border-box !important;
}

.htd-shop-header,
.htd-shop-header .htd-shop-vehicle-row,
.htd-shop-header .htd-vf,
.htd-shop-header .htd-vf-fields {
    overflow-anchor: none !important;
}

.htd-shop-header .htd-vf-icon,
.htd-shop-header .htd-vf-mobile-icon {
    color: var(--htd-red) !important;
}

.htd-shop-header .htd-vf-icon svg,
.htd-shop-header .htd-vf-mobile-icon svg {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;

    display: block !important;

    overflow: visible !important;
}




/* ============================================================
   DESKTOP VISIBILITY FIX v15.1
   The mobile vehicle summary is injected inside the shared
   vehicle .elementor-7110 .elementor-element.elementor-element-7550dad6, so it must be explicitly hidden above 1024px.
   ============================================================ */

@media (min-width: 1025px) {

    .htd-shop-header .htd-vf-mobile-bar,
    .htd-shop-header .htd-vf-mobile-toggle,
    .htd-shop-header .htd-vf-mobile-leading,
    .htd-shop-header .htd-vf-mobile-icon,
    .htd-shop-header .htd-vf-mobile-info,
    .htd-shop-header .htd-vf-mobile-right {
        display: none !important;
    }

    /*
     * Make sure no cached/mobile dimensions can hold the desktop
     * vehicle row open.
     */
    .htd-shop-header .htd-vf-mobile-bar {
        width: 0 !important;
        max-width: 0 !important;

        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;

        overflow: hidden !important;

        visibility: hidden !important;
        pointer-events: none !important;
    }

    /*
     * Desktop vehicle .elementor-7110 .elementor-element.elementor-element-7550dad6 must remain a single compact row.
     */
    .htd-shop-header .htd-vf {
        min-height: 0 !important;
        height: auto !important;
    }

    .htd-shop-header .htd-vf-heading {
        min-height: 0 !important;
        height: auto !important;
    }

    .htd-shop-header .htd-vf-icon {
        overflow: hidden !important;
    }

    .htd-shop-header .htd-vf-icon svg {
        width: 100% !important;
        max-width: 100% !important;

        height: 100% !important;
        max-height: 100% !important;
    }
}


/* ============================================================
   DESKTOP — 1367px+
   ============================================================ */

@media (min-width: 1367px) {

    .htd-shop-header .htd-shop-mobile {
        display: none !important;
    }

    .htd-shop-header .htd-shop-top,
    .htd-shop-header .htd-shop-top.e-con {
        --min-height: 82px !important;

        width: calc(100% - 64px) !important;
        max-width: 1680px !important;

        min-height: 82px !important;

        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;
        justify-content: flex-start !important;

        gap: 18px !important;

        margin: 0 auto !important;
        padding: 9px 0 !important;

        background: transparent !important;

        transition:
            min-height .22s ease,
            padding .22s ease,
            gap .22s ease !important;
    }

    .htd-shop-header .htd-shop-top > .e-con,
    .htd-shop-header .htd-shop-top > .elementor-element {
        --min-height: 0px !important;

        min-height: 0 !important;

        margin-top: 0 !important;
        margin-bottom: 0 !important;

        padding-top: 0 !important;
        padding-bottom: 0 !important;

        align-self: center !important;
    }

    .htd-shop-header .htd-shop-brand-area {
        flex: 0 0 auto !important;

        width: auto !important;
        min-width: 0 !important;

        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;

        gap: 16px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .htd-shop-header .htd-shop-logo {
        flex: 0 0 auto !important;

        width: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .htd-shop-header .htd-shop-logo img {
        width: 190px !important;
        max-width: 190px !important;
        height: auto !important;

        display: block !important;

        transition:
            width .22s ease,
            max-width .22s ease !important;
    }

    .htd-shop-header .htd-shop-service-link {
        flex: 0 0 auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .htd-shop-header .htd-shop-service-link .elementor-button {
        min-height: 38px !important;
        height: 38px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        padding: 0 12px !important;

        background: transparent !important;
        color: #c9cdd2 !important;

        border: 0 !important;
        border-left: 1px solid var(--htd-border) !important;
        border-radius: 0 !important;

        font-family: "Barlow Condensed", sans-serif !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        letter-spacing: .6px !important;

        white-space: nowrap !important;
    }

    .htd-shop-header .htd-shop-service-link .elementor-button:hover {
        color: var(--htd-red) !important;
        border-left-color: var(--htd-red) !important;
    }

    .htd-shop-header .htd-shop-search {
        flex: 1 1 auto !important;

        width: auto !important;
        min-width: 320px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .htd-shop-header .htd-shop-search .elementor-widget-container,
    .htd-shop-header .htd-shop-search .aws-container {
        width: 100% !important;
        max-width: none !important;
    }

    .htd-shop-header .htd-shop-search .aws-search-form {
        width: 100% !important;

        height: 44px !important;
        min-height: 44px !important;

        background: var(--htd-field) !important;

        border: 1px solid var(--htd-border) !important;
        border-radius: 2px !important;

        overflow: hidden !important;

        transition:
            height .22s ease,
            min-height .22s ease !important;
    }

    .htd-shop-header .htd-shop-search .aws-search-field {
        height: 42px !important;
        min-height: 42px !important;

        padding: 0 14px !important;

        background: transparent !important;
        color: var(--htd-text) !important;

        border: 0 !important;
        outline: 0 !important;

        font-family: "Barlow", sans-serif !important;
        font-size: 14px !important;

        transition:
            height .22s ease,
            min-height .22s ease,
            font-size .22s ease !important;
    }

    .htd-shop-header .htd-shop-search .aws-search-field::placeholder {
        color: #7f858d !important;
        opacity: 1 !important;
    }

    .htd-shop-header .htd-shop-search .aws-search-btn {
        width: 52px !important;
        min-width: 52px !important;

        height: 44px !important;
        min-height: 44px !important;

        padding: 0 !important;

        background: var(--htd-red) !important;

        border: 0 !important;

        transition:
            width .22s ease,
            min-width .22s ease,
            height .22s ease,
            min-height .22s ease !important;
    }

    .htd-shop-header .htd-shop-parts-help {
        flex: 0 0 auto !important;

        min-height: 42px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
        padding: 0 !important;

        white-space: nowrap !important;
    }

    .htd-shop-header .htd-shop-parts-help,
    .htd-shop-header .htd-shop-parts-help a,
    .htd-shop-header .htd-shop-parts-help span,
    .htd-shop-header .htd-shop-parts-help .elementor-icon-list-text {
        font-size: 11px !important;
        line-height: 1.05 !important;
    }

    .htd-shop-header .htd-shop-actions {
        flex: 0 0 auto !important;

        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;

        gap: 7px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .htd-shop-header .htd-shop-account {
        min-height: 42px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        padding: 0 11px !important;
    }

    .htd-shop-header .htd-shop-cart {
        min-width: 44px !important;
        min-height: 42px !important;
    }

    .htd-shop-header .htd-shop-cart .elementor-menu-cart__toggle_button {
        width: 44px !important;
        min-width: 44px !important;

        height: 42px !important;
        min-height: 42px !important;
    }


    /* --------------------------------------------------------
       DESKTOP VEHICLE ROW
       -------------------------------------------------------- */

    .htd-shop-header .htd-shop-vehicle-row,
    .htd-shop-header .htd-shop-vehicle-row.e-con {
        --min-height: 64px !important;

        width: 100% !important;
        min-height: 64px !important;

        margin: 0 !important;
        padding: 7px 0 !important;

        background: #0b0d0f !important;

        border-top: 1px solid rgba(255,255,255,.09) !important;

        overflow: visible !important;

        transition:
            min-height .22s ease,
            padding .22s ease !important;
    }

    .htd-shop-header .htd-shop-vehicle-inner {
        width: calc(100% - 64px) !important;
        max-width: 1320px !important;

        margin: 0 auto !important;
        padding: 0 !important;

        overflow: visible !important;
    }

    .htd-shop-header .htd-vf {
        width: 100% !important;

        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;

        gap: 12px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;
    }

    .htd-shop-header .htd-vf-heading {
        flex: 0 0 205px !important;

        min-width: 205px !important;
        max-width: 205px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        gap: 9px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .htd-shop-header .htd-vf:not(.has-vehicle) .htd-vf-heading {
        justify-content: center !important;
        text-align: center !important;
    }

    .htd-shop-header .htd-vf-icon {
        width: 24px !important;
        min-width: 24px !important;
        max-width: 24px !important;

        height: 24px !important;
        min-height: 24px !important;
        max-height: 24px !important;

        flex: 0 0 24px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        color: var(--htd-red) !important;

        overflow: hidden !important;
    }

    .htd-shop-header .htd-vf-heading-copy {
        min-width: 0 !important;

        display: flex !important;
        flex-direction: column !important;

        justify-content: center !important;
        align-items: flex-start !important;

        gap: 3px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .htd-shop-header .htd-vf:not(.has-vehicle) .htd-vf-heading-copy {
        align-items: center !important;
    }

    .htd-shop-header .htd-vf-title {
        color: #ffffff !important;

        font-family: "Barlow Condensed", sans-serif !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        letter-spacing: .65px !important;

        white-space: nowrap !important;
    }

    .htd-shop-header .htd-vf:not(.has-vehicle) .htd-vf-title {
        font-size: 17px !important;
    }

    .htd-shop-header .htd-vf-current {
        display: none !important;

        max-width: 175px !important;

        color: #989ea6 !important;

        font-family: "Barlow", sans-serif !important;
        font-size: 9px !important;
        font-weight: 500 !important;
        line-height: 1.15 !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .htd-shop-header .htd-vf.has-vehicle .htd-vf-current {
        display: block !important;
    }

    .htd-shop-header .htd-vf-fields {
        flex: 1 1 auto !important;
        min-width: 0 !important;

        display: grid !important;

        grid-template-columns:
            minmax(105px,.75fr)
            minmax(125px,.9fr)
            minmax(145px,1fr)
            minmax(180px,1.25fr)
            auto !important;

        align-items: end !important;

        gap: 9px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;
    }

    .htd-shop-header .htd-vf-field {
        position: relative !important;

        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;
    }

    .htd-shop-header .htd-vf-field label {
        display: block !important;

        margin: 0 0 5px !important;

        color: #7f858d !important;

        font-family: "Barlow Condensed", sans-serif !important;
        font-size: 9px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        letter-spacing: .7px !important;

        text-transform: uppercase !important;
    }

    /* Real selects stay alive for state/accessibility, but desktop
       users click the custom menus. */
    .htd-shop-header .htd-vf-field > select {
        position: absolute !important;

        left: 0 !important;
        bottom: 0 !important;

        width: 1px !important;
        min-width: 1px !important;
        max-width: 1px !important;

        height: 1px !important;
        min-height: 1px !important;
        max-height: 1px !important;

        opacity: 0 !important;

        pointer-events: none !important;

        clip: rect(0 0 0 0) !important;
        clip-path: inset(50%) !important;

        overflow: hidden !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
    }

    .htd-vf-custom {
        position: relative !important;

        width: 100% !important;
        min-width: 0 !important;

        z-index: 20 !important;
    }

    .htd-vf-custom.is-open {
        z-index: 5000 !important;
    }

    .htd-vf-custom-trigger {
        width: 100% !important;

        height: 40px !important;
        min-height: 40px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        gap: 10px !important;

        margin: 0 !important;
        padding: 0 11px !important;

        background: #0e1114 !important;
        color: #ffffff !important;

        border: 1px solid rgba(255,255,255,.15) !important;
        border-radius: 2px !important;

        outline: 0 !important;
        box-shadow: none !important;

        font-family: "Barlow", sans-serif !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        line-height: 1 !important;

        text-align: left !important;
        white-space: nowrap !important;

        cursor: pointer !important;

        transition:
            height .22s ease,
            min-height .22s ease,
            border-color .15s ease,
            background-color .15s ease !important;
    }

    .htd-vf-custom-trigger:hover,
    .htd-vf-custom.is-open .htd-vf-custom-trigger {
        background: #121519 !important;
        border-color: rgba(237,28,36,.9) !important;
    }

    .htd-vf-custom.is-disabled .htd-vf-custom-trigger {
        opacity: .42 !important;
        cursor: not-allowed !important;
    }

    .htd-vf-custom-value {
        min-width: 0 !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .htd-vf-custom-arrow {
        width: 7px !important;
        height: 7px !important;

        flex: 0 0 7px !important;

        border-right: 2px solid var(--htd-red) !important;
        border-bottom: 2px solid var(--htd-red) !important;

        transform: rotate(45deg) translateY(-2px);

        transition: transform .15s ease !important;
    }

    .htd-vf-custom.is-open .htd-vf-custom-arrow {
        transform: rotate(225deg) translate(-2px,-2px);
    }

    .htd-vf-custom-menu {
        position: absolute !important;

        top: calc(100% + 4px) !important;
        left: 0 !important;

        width: 100% !important;
        min-width: 100% !important;

        max-height: 280px !important;

        display: none;

        overflow-x: hidden !important;
        overflow-y: auto !important;

        margin: 0 !important;
        padding: 4px !important;

        background: #101317 !important;

        border: 1px solid rgba(255,255,255,.16) !important;
        border-radius: 2px !important;

        box-shadow: 0 14px 34px rgba(0,0,0,.5) !important;

        overscroll-behavior: contain !important;

        z-index: 9999 !important;
    }

    .htd-vf-custom.is-open .htd-vf-custom-menu {
        display: block !important;
    }

    .htd-vf-custom-option {
        width: 100% !important;
        min-height: 36px !important;

        display: flex !important;
        align-items: center !important;

        margin: 0 !important;
        padding: 7px 9px !important;

        background: transparent !important;
        color: #d7dbe0 !important;

        border: 0 !important;
        border-radius: 1px !important;

        font-family: "Barlow", sans-serif !important;
        font-size: 12px !important;
        font-weight: 500 !important;

        text-align: left !important;

        cursor: pointer !important;
    }

    .htd-vf-custom-option:hover {
        color: #ffffff !important;
        background: rgba(255,255,255,.07) !important;
    }

    .htd-vf-custom-option.is-selected {
        color: #ffffff !important;
        background: rgba(237,28,36,.15) !important;
    }

    .htd-vf-custom-option.is-placeholder {
        color: #848a92 !important;
    }

    .htd-shop-header .htd-vf-action {
        width: auto !important;

        display: flex !important;
        flex-direction: row !important;

        align-items: center !important;

        gap: 7px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .htd-shop-header .htd-vf-submit,
    .htd-shop-header .htd-vf-reset {
        height: 40px !important;
        min-height: 40px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;

        font-family: "Barlow Condensed", sans-serif !important;
        font-weight: 800 !important;
        line-height: 1 !important;

        text-transform: uppercase !important;
        white-space: nowrap !important;
    }

    .htd-shop-header .htd-vf-submit {
        min-width: 118px !important;

        padding: 0 15px !important;

        background: transparent !important;
        color: #ffffff !important;

        border: 1px solid var(--htd-red) !important;
        border-radius: 2px !important;

        font-size: 11px !important;
        letter-spacing: .45px !important;
    }

    .htd-shop-header .htd-vf-submit:not(:disabled):hover {
        background: var(--htd-red) !important;
    }

    .htd-shop-header .htd-vf-submit:disabled {
        opacity: .4 !important;
        cursor: not-allowed !important;
    }

    .htd-shop-header .htd-vf-reset {
        display: none !important;

        min-width: 98px !important;

        padding: 0 11px !important;

        background: transparent !important;
        color: #b3b7bd !important;

        border: 1px solid rgba(255,255,255,.16) !important;
        border-radius: 2px !important;

        font-size: 10px !important;
        letter-spacing: .3px !important;

        cursor: pointer !important;
    }

    .htd-shop-header .htd-vf.has-vehicle .htd-vf-reset {
        display: inline-flex !important;
    }

    .htd-shop-header .htd-vf-reset:hover {
        color: #ffffff !important;
        border-color: rgba(255,255,255,.35) !important;
    }


    /* --------------------------------------------------------
       DESKTOP SCROLL
       -------------------------------------------------------- */

    .htd-shop-header.htd-shop-scrolled .htd-shop-top,
    .htd-shop-header.htd-shop-scrolled .htd-shop-top.e-con {
        --min-height: 66px !important;

        min-height: 66px !important;

        padding-top: 5px !important;
        padding-bottom: 5px !important;

        gap: 14px !important;
    }

    .htd-shop-header.htd-shop-scrolled .htd-shop-logo img {
        width: 158px !important;
        max-width: 158px !important;
    }

    .htd-shop-header.htd-shop-scrolled
    .htd-shop-service-link .elementor-button {
        min-height: 34px !important;
        height: 34px !important;

        font-size: 11px !important;
    }

    .htd-shop-header.htd-shop-scrolled
    .htd-shop-search .aws-search-form {
        height: 38px !important;
        min-height: 38px !important;
    }

    .htd-shop-header.htd-shop-scrolled
    .htd-shop-search .aws-search-field {
        height: 36px !important;
        min-height: 36px !important;

        font-size: 12px !important;
    }

    .htd-shop-header.htd-shop-scrolled
    .htd-shop-search .aws-search-btn {
        width: 46px !important;
        min-width: 46px !important;

        height: 38px !important;
        min-height: 38px !important;
    }

    .htd-shop-header.htd-shop-scrolled .htd-shop-vehicle-row,
    .htd-shop-header.htd-shop-scrolled .htd-shop-vehicle-row.e-con {
        --min-height: 54px !important;

        min-height: 54px !important;

        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .htd-shop-header.htd-shop-scrolled .htd-vf-custom-trigger,
    .htd-shop-header.htd-shop-scrolled .htd-vf-submit,
    .htd-shop-header.htd-shop-scrolled .htd-vf-reset {
        height: 36px !important;
        min-height: 36px !important;
    }
}


/* ============================================================
   LAPTOP / SMALL DESKTOP 1025–1366
   ============================================================ */

@media (min-width: 1025px) and (max-width: 1366px) {

    .htd-shop-header .htd-shop-mobile {
        display: none !important;
    }

    .htd-shop-header .htd-shop-top,
    .htd-shop-header .htd-shop-top.e-con {
        --min-height: 72px !important;

        width: calc(100% - 32px) !important;
        max-width: none !important;

        min-height: 72px !important;

        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;

        gap: 10px !important;

        margin: 0 auto !important;
        padding: 7px 0 !important;

        transition:
            min-height .22s ease,
            padding .22s ease !important;
    }

    .htd-shop-header .htd-shop-top > .e-con,
    .htd-shop-header .htd-shop-top > .elementor-element {
        --min-height: 0px !important;

        min-height: 0 !important;

        padding-top: 0 !important;
        padding-bottom: 0 !important;

        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .htd-shop-header .htd-shop-brand-area {
        flex: 0 0 auto !important;

        display: flex !important;
        align-items: center !important;

        gap: 10px !important;

        width: auto !important;
    }

    .htd-shop-header .htd-shop-logo img {
        width: 160px !important;
        max-width: 160px !important;
        height: auto !important;
    }

    .htd-shop-header .htd-shop-service-link .elementor-button {
        height: 34px !important;
        min-height: 34px !important;

        padding: 0 8px !important;

        font-size: 10px !important;
    }

    .htd-shop-header .htd-shop-search {
        flex: 1 1 auto !important;

        min-width: 240px !important;
    }

    .htd-shop-header .htd-shop-search .aws-search-form {
        height: 40px !important;
        min-height: 40px !important;
    }

    .htd-shop-header .htd-shop-search .aws-search-field {
        height: 38px !important;
        min-height: 38px !important;

        font-size: 12px !important;
    }

    .htd-shop-header .htd-shop-search .aws-search-btn {
        width: 46px !important;
        min-width: 46px !important;

        height: 40px !important;
        min-height: 40px !important;
    }

    .htd-shop-header .htd-shop-parts-help,
    .htd-shop-header .htd-shop-parts-help a,
    .htd-shop-header .htd-shop-parts-help span,
    .htd-shop-header .htd-shop-parts-help .elementor-icon-list-text {
        font-size: 9px !important;
    }

    .htd-shop-header .htd-shop-account {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    .htd-shop-header .htd-shop-vehicle-row,
    .htd-shop-header .htd-shop-vehicle-row.e-con {
        --min-height: 60px !important;

        min-height: 60px !important;

        padding: 6px 0 !important;

        background: #0b0d0f !important;

        border-top: 1px solid rgba(255,255,255,.09) !important;

        overflow: visible !important;

        transition:
            min-height .22s ease,
            padding .22s ease !important;
    }

    .htd-shop-header .htd-shop-vehicle-inner {
        width: calc(100% - 32px) !important;
        max-width: none !important;

        margin: 0 auto !important;

        overflow: visible !important;
    }

    .htd-shop-header .htd-vf {
        width: 100% !important;

        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;

        gap: 8px !important;

        overflow: visible !important;
    }

    .htd-shop-header .htd-vf-heading {
        flex: 0 0 175px !important;

        min-width: 175px !important;
        max-width: 175px !important;

        display: flex !important;
        align-items: center !important;

        gap: 7px !important;
    }

    .htd-shop-header .htd-vf-icon {
        width: 21px !important;
        min-width: 21px !important;
        max-width: 21px !important;

        height: 21px !important;
        min-height: 21px !important;
        max-height: 21px !important;

        flex: 0 0 21px !important;

        overflow: hidden !important;
    }

    .htd-shop-header .htd-vf-heading-copy {
        min-width: 0 !important;

        display: flex !important;
        flex-direction: column !important;

        gap: 2px !important;
    }

    .htd-shop-header .htd-vf-title {
        font-family: "Barlow Condensed", sans-serif !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        letter-spacing: .4px !important;

        white-space: nowrap !important;
    }

    .htd-shop-header .htd-vf-current {
        display: none !important;

        max-width: 145px !important;

        color: #969ca5 !important;

        font-family: "Barlow", sans-serif !important;
        font-size: 8px !important;
        line-height: 1.1 !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .htd-shop-header .htd-vf.has-vehicle .htd-vf-current {
        display: block !important;
    }

    .htd-shop-header .htd-vf-fields {
        flex: 1 1 auto !important;
        min-width: 0 !important;

        display: grid !important;

        grid-template-columns:
            minmax(90px,.7fr)
            minmax(105px,.8fr)
            minmax(120px,.9fr)
            minmax(155px,1.1fr)
            auto !important;

        align-items: end !important;

        gap: 7px !important;

        overflow: visible !important;
    }

    .htd-shop-header .htd-vf-field {
        position: relative !important;

        min-width: 0 !important;

        overflow: visible !important;
    }

    .htd-shop-header .htd-vf-field label {
        display: block !important;

        margin: 0 0 4px !important;

        color: #7f858d !important;

        font-family: "Barlow Condensed", sans-serif !important;
        font-size: 8px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        letter-spacing: .5px !important;

        text-transform: uppercase !important;
    }

    .htd-shop-header .htd-vf-field > select {
        position: absolute !important;

        width: 1px !important;
        min-width: 1px !important;
        max-width: 1px !important;

        height: 1px !important;
        min-height: 1px !important;
        max-height: 1px !important;

        opacity: 0 !important;
        pointer-events: none !important;

        clip: rect(0 0 0 0) !important;
        clip-path: inset(50%) !important;

        overflow: hidden !important;

        border: 0 !important;
    }

    .htd-vf-custom {
        position: relative !important;

        width: 100% !important;

        z-index: 20 !important;
    }

    .htd-vf-custom.is-open {
        z-index: 5000 !important;
    }

    .htd-vf-custom-trigger {
        width: 100% !important;

        height: 36px !important;
        min-height: 36px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        gap: 7px !important;

        padding: 0 9px !important;

        background: #0e1114 !important;
        color: #ffffff !important;

        border: 1px solid rgba(255,255,255,.15) !important;
        border-radius: 2px !important;

        font-family: "Barlow", sans-serif !important;
        font-size: 10px !important;
        font-weight: 600 !important;

        text-align: left !important;

        cursor: pointer !important;

        white-space: nowrap !important;
    }

    .htd-vf-custom.is-disabled .htd-vf-custom-trigger {
        opacity: .42 !important;
        cursor: not-allowed !important;
    }

    .htd-vf-custom-value {
        min-width: 0 !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .htd-vf-custom-arrow {
        width: 6px !important;
        height: 6px !important;

        flex: 0 0 6px !important;

        border-right: 2px solid var(--htd-red) !important;
        border-bottom: 2px solid var(--htd-red) !important;

        transform: rotate(45deg) translateY(-2px);
    }

    .htd-vf-custom-menu {
        position: absolute !important;

        top: calc(100% + 4px) !important;
        left: 0 !important;

        width: 100% !important;

        max-height: 250px !important;

        display: none;

        overflow-y: auto !important;

        padding: 4px !important;

        background: #101317 !important;

        border: 1px solid rgba(255,255,255,.16) !important;

        box-shadow: 0 14px 34px rgba(0,0,0,.5) !important;

        z-index: 9999 !important;
    }

    .htd-vf-custom.is-open .htd-vf-custom-menu {
        display: block !important;
    }

    .htd-vf-custom-option {
        width: 100% !important;
        min-height: 33px !important;

        padding: 6px 8px !important;

        background: transparent !important;
        color: #d7dbe0 !important;

        border: 0 !important;

        font-family: "Barlow", sans-serif !important;
        font-size: 10px !important;

        text-align: left !important;
    }

    .htd-vf-custom-option:hover,
    .htd-vf-custom-option.is-selected {
        color: #ffffff !important;
        background: rgba(237,28,36,.13) !important;
    }

    .htd-shop-header .htd-vf-action {
        display: flex !important;

        gap: 5px !important;
    }

    .htd-shop-header .htd-vf-submit,
    .htd-shop-header .htd-vf-reset {
        height: 36px !important;
        min-height: 36px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        white-space: nowrap !important;
    }

    .htd-shop-header .htd-vf-submit {
        min-width: 90px !important;

        padding: 0 10px !important;

        background: transparent !important;
        color: #ffffff !important;

        border: 1px solid var(--htd-red) !important;

        font-family: "Barlow Condensed", sans-serif !important;
        font-size: 9px !important;
        font-weight: 800 !important;
    }

    .htd-shop-header .htd-vf-reset {
        display: none !important;

        min-width: 82px !important;

        padding: 0 8px !important;

        background: transparent !important;
        color: #b3b7bd !important;

        border: 1px solid rgba(255,255,255,.16) !important;

        font-family: "Barlow Condensed", sans-serif !important;
        font-size: 9px !important;
        font-weight: 800 !important;
    }

    .htd-shop-header .htd-vf.has-vehicle .htd-vf-reset {
        display: inline-flex !important;
    }

    .htd-shop-header.htd-shop-scrolled .htd-shop-top {
        min-height: 62px !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .htd-shop-header.htd-shop-scrolled .htd-shop-logo img {
        width: 145px !important;
        max-width: 145px !important;
    }

    .htd-shop-header.htd-shop-scrolled .htd-shop-vehicle-row {
        min-height: 52px !important;
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }

    .htd-shop-header.htd-shop-scrolled .htd-vf-custom-trigger,
    .htd-shop-header.htd-shop-scrolled .htd-vf-submit,
    .htd-shop-header.htd-shop-scrolled .htd-vf-reset {
        height: 34px !important;
        min-height: 34px !important;
    }
}


/* ============================================================
   TABLET + MOBILE ≤1024
   ============================================================ */

@media (max-width: 1024px) {

    /*
     * ELIMINATE THE BIG BLACK GAP.
     * The controller adds these classes to the old desktop row,
     * its empty Elementor wrappers, and the host ancestor chain.
     */
    .htd-mobile-desktop-wrapper {
        display: none !important;

        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;

        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;

        overflow: hidden !important;

        visibility: hidden !important;
        pointer-events: none !important;
    }

    .htd-shop-host-chain {
        min-height: 0 !important;

        height: auto !important;

        margin-top: 0 !important;
        margin-bottom: 0 !important;

        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    header.elementor-location-header.htd-shop-host-chain {
        top: 0 !important;

        height: auto !important;
        min-height: 0 !important;

        background: #07090b !important;
    }

    body.admin-bar
    header.elementor-location-header.htd-shop-host-chain {
        top: 46px !important;
    }

    .htd-shop-header,
    .htd-shop-header.e-con {
        --min-height: 0px !important;

        --padding-top: 0px !important;
        --padding-right: 0px !important;
        --padding-bottom: 0px !important;
        --padding-left: 0px !important;

        width: 100% !important;
        max-width: none !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        display: flex !important;
        flex-direction: column !important;

        align-items: stretch !important;
        justify-content: flex-start !important;

        gap: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #07090b !important;

        overflow: visible !important;
    }

    .htd-shop-header .htd-shop-top {
        display: none !important;
    }

    .htd-shop-header .htd-shop-mobile,
    .htd-shop-header .htd-shop-mobile.e-con {
        --min-height: 0px !important;

        width: 100% !important;
        max-width: none !important;

        min-height: 0 !important;
        height: auto !important;

        display: flex !important;
        flex-direction: column !important;

        gap: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #07090b !important;

        visibility: visible !important;
        pointer-events: auto !important;

        overflow: visible !important;
    }


    /* --------------------------------------------------------
       MOBILE TOP
       -------------------------------------------------------- */

    .htd-shop-header .htd-shop-mobile-top,
    .htd-shop-header .htd-shop-mobile-top.e-con {
        --min-height: 56px !important;

        width: 100% !important;
        max-width: none !important;

        min-height: 56px !important;

        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;
        justify-content: space-between !important;

        gap: 6px !important;

        margin: 0 !important;
        padding: 7px 10px !important;

        background: #07090b !important;

        transition:
            min-height .22s ease,
            padding .22s ease !important;
    }

    .htd-shop-header .htd-shop-mobile-logo {
        flex: 0 0 auto !important;

        width: auto !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .htd-shop-header .htd-shop-mobile-logo img {
        width: 118px !important;
        max-width: 118px !important;
        height: auto !important;

        display: block !important;

        margin: 0 !important;

        transition:
            width .22s ease,
            max-width .22s ease !important;
    }

    .htd-shop-header .htd-shop-mobile-actions,
    .htd-shop-header .htd-shop-mobile-actions.e-con {
        --min-height: 0px !important;

        flex: 0 0 auto !important;

        width: auto !important;
        min-width: 0 !important;

        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;
        justify-content: flex-end !important;

        gap: 5px !important;

        margin: 0 0 0 auto !important;
        padding: 0 !important;
    }

    .htd-shop-header .htd-shop-mobile-service {
        height: 36px !important;
        min-height: 36px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 4px !important;

        padding: 0 7px !important;

        background: transparent !important;
        color: #ffffff !important;

        border: 1px solid rgba(255,255,255,.17) !important;
        border-radius: 2px !important;

        font-family: "Barlow Condensed", sans-serif !important;
        font-size: 9px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        letter-spacing: .35px !important;

        text-decoration: none !important;
        white-space: nowrap !important;

        flex: 0 0 auto !important;

        transition:
            height .22s ease,
            min-height .22s ease,
            padding .22s ease !important;
    }

    .htd-shop-header .htd-shop-mobile-service:hover {
        color: #ffffff !important;
        border-color: var(--htd-red) !important;
    }

    .htd-shop-header .htd-shop-mobile-account,
    .htd-shop-header .htd-shop-mobile-cart {
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;

        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;

        flex: 0 0 38px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;

        transition:
            width .22s ease,
            min-width .22s ease,
            height .22s ease,
            min-height .22s ease,
            flex-basis .22s ease !important;
    }

    .htd-shop-header
    .htd-shop-mobile-account
    .elementor-button-text,
    .htd-shop-header
    .htd-shop-mobile-account
    .elementor-icon-list-text {
        display: none !important;
    }

    .htd-shop-header .htd-shop-mobile-account a,
    .htd-shop-header .htd-shop-mobile-account .elementor-button,
    .htd-shop-header .htd-shop-mobile-account .elementor-icon,
    .htd-shop-header
    .htd-shop-mobile-cart
    .elementor-menu-cart__toggle_button {
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;

        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
        padding: 0 !important;

        line-height: 1 !important;

        transition:
            width .22s ease,
            min-width .22s ease,
            height .22s ease,
            min-height .22s ease !important;
    }

    .htd-shop-header .htd-shop-mobile-account svg,
    .htd-shop-header .htd-shop-mobile-account i {
        width: 19px !important;
        max-width: 19px !important;

        height: 19px !important;
        max-height: 19px !important;

        font-size: 19px !important;
    }

    .htd-shop-header
    .htd-shop-mobile-cart
    .elementor-menu-cart__toggle_button svg,
    .htd-shop-header
    .htd-shop-mobile-cart
    .elementor-menu-cart__toggle_button i {
        width: 19px !important;
        max-width: 19px !important;

        height: 19px !important;
        max-height: 19px !important;

        font-size: 19px !important;
    }


    /* --------------------------------------------------------
       MOBILE SEARCH
       -------------------------------------------------------- */

    .htd-shop-header .htd-shop-mobile-search-row,
    .htd-shop-header .htd-shop-mobile-search-row.e-con {
        --min-height: 0px !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 10px 9px !important;

        background: #07090b !important;

        transition: padding .22s ease !important;
    }

    .htd-shop-header .htd-shop-mobile-search {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .htd-shop-header
    .htd-shop-mobile-search
    .aws-container,
    .htd-shop-header
    .htd-shop-mobile-search
    .aws-search-form {
        width: 100% !important;
        max-width: none !important;
    }

    .htd-shop-header
    .htd-shop-mobile-search
    .aws-search-form {
        height: 42px !important;
        min-height: 42px !important;

        margin: 0 !important;

        background: #101317 !important;

        border: 1px solid rgba(255,255,255,.13) !important;

        transition:
            height .22s ease,
            min-height .22s ease !important;
    }

    .htd-shop-header
    .htd-shop-mobile-search
    .aws-search-field {
        height: 40px !important;
        min-height: 40px !important;

        padding-left: 13px !important;

        background: transparent !important;
        color: #ffffff !important;

        border: 0 !important;

        font-family: "Barlow", sans-serif !important;
        font-size: 13px !important;

        transition:
            height .22s ease,
            min-height .22s ease,
            font-size .22s ease !important;
    }

    .htd-shop-header
    .htd-shop-mobile-search
    .aws-search-field::placeholder {
        color: #80868e !important;
        opacity: 1 !important;
    }

    .htd-shop-header
    .htd-shop-mobile-search
    .aws-search-btn {
        width: 48px !important;
        min-width: 48px !important;

        height: 42px !important;
        min-height: 42px !important;

        background: var(--htd-red) !important;

        border: 0 !important;

        transition:
            width .22s ease,
            min-width .22s ease,
            height .22s ease,
            min-height .22s ease !important;
    }


    /* --------------------------------------------------------
       MOBILE VEHICLE SELECTOR
       -------------------------------------------------------- */

    .htd-shop-header .htd-shop-vehicle-row,
    .htd-shop-header .htd-shop-vehicle-row.e-con {
        --min-height: 0px !important;

        width: 100% !important;

        min-height: 0 !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #0b0d10 !important;

        border-top: 1px solid rgba(255,255,255,.06) !important;

        overflow: visible !important;
    }

    .htd-shop-header .htd-shop-vehicle-inner {
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .htd-shop-header .htd-vf {
        width: 100% !important;

        display: block !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .htd-shop-header .htd-vf-heading {
        display: none !important;
    }

    .htd-shop-header .htd-vf-mobile-bar {
        width: 100% !important;

        display: block !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #0c0f12 !important;

        border-bottom: 1px solid rgba(255,255,255,.09) !important;
    }

    .htd-shop-header .htd-vf-mobile-toggle {
        width: 100% !important;

        min-height: 52px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        gap: 10px !important;

        margin: 0 !important;
        padding: 7px 11px !important;

        background: transparent !important;
        color: #ffffff !important;

        border: 0 !important;

        text-align: left !important;

        cursor: pointer !important;

        transition:
            min-height .22s ease,
            padding .22s ease !important;
    }

    .htd-shop-header .htd-vf-mobile-leading {
        min-width: 0 !important;

        display: flex !important;
        align-items: center !important;

        gap: 9px !important;

        flex: 1 1 auto !important;
    }

    .htd-shop-header .htd-vf-mobile-icon {
        width: 24px !important;
        min-width: 24px !important;
        max-width: 24px !important;

        height: 24px !important;
        min-height: 24px !important;
        max-height: 24px !important;

        flex: 0 0 24px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        overflow: hidden !important;
    }

    .htd-shop-header .htd-vf-mobile-info {
        min-width: 0 !important;

        display: flex !important;
        flex-direction: column !important;

        align-items: flex-start !important;

        gap: 3px !important;

        flex: 1 1 auto !important;
    }

    .htd-shop-header .htd-vf-mobile-label {
        color: #ffffff !important;

        font-family: "Barlow Condensed", sans-serif !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        letter-spacing: .6px !important;

        text-transform: uppercase !important;

        white-space: nowrap !important;
    }

    .htd-shop-header .htd-vf-mobile-current {
        width: 100% !important;
        max-width: 235px !important;

        color: #9da3ab !important;

        font-family: "Barlow", sans-serif !important;
        font-size: 10px !important;
        font-weight: 500 !important;
        line-height: 1.15 !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .htd-shop-header .htd-vf-mobile-right {
        flex: 0 0 auto !important;

        display: inline-flex !important;
        align-items: center !important;

        gap: 8px !important;
    }

    .htd-shop-header .htd-vf-mobile-action {
        color: var(--htd-red) !important;

        font-family: "Barlow Condensed", sans-serif !important;
        font-size: 10px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        letter-spacing: .45px !important;

        text-transform: uppercase !important;
    }

    .htd-shop-header .htd-vf-mobile-chevron {
        width: 7px !important;
        height: 7px !important;

        border-right: 2px solid var(--htd-red) !important;
        border-bottom: 2px solid var(--htd-red) !important;

        transform: rotate(45deg) translateY(-2px);

        transition: transform .16s ease !important;
    }

    .htd-shop-header
    .htd-vf.is-open
    .htd-vf-mobile-chevron {
        transform: rotate(225deg) translate(-2px,-2px);
    }

    .htd-shop-header
    .htd-vf:not(.is-open)
    .htd-vf-fields {
        display: none !important;
    }

    .htd-shop-header
    .htd-vf.is-open
    .htd-vf-fields {
        width: 100% !important;

        display: grid !important;
        grid-template-columns: 1fr 1fr !important;

        gap: 10px !important;

        margin: 0 !important;
        padding: 12px !important;

        background: #090b0e !important;

        border-bottom: 1px solid rgba(255,255,255,.08) !important;
    }

    .htd-shop-header .htd-vf-field {
        min-width: 0 !important;

        position: relative !important;
    }

    .htd-shop-header .htd-vf-field label {
        display: block !important;

        margin: 0 0 5px !important;

        color: #858b93 !important;

        font-family: "Barlow Condensed", sans-serif !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        letter-spacing: .6px !important;

        text-transform: uppercase !important;
    }

    .htd-shop-header .htd-vf-field > select {
        position: static !important;

        width: 100% !important;
        min-width: 0 !important;

        height: 44px !important;
        min-height: 44px !important;

        opacity: 1 !important;
        pointer-events: auto !important;

        clip: auto !important;
        clip-path: none !important;

        overflow: visible !important;

        margin: 0 !important;
        padding: 0 36px 0 11px !important;

        background: #101317 !important;
        color: #ffffff !important;

        border: 1px solid rgba(255,255,255,.15) !important;
        border-radius: 2px !important;

        font-family: "Barlow", sans-serif !important;
        font-size: 13px !important;
        font-weight: 600 !important;
    }

    .htd-vf-custom {
        display: none !important;
    }

    .htd-shop-header .htd-vf-action {
        grid-column: 1 / -1 !important;

        width: 100% !important;

        display: flex !important;
        flex-direction: row !important;

        align-items: center !important;

        gap: 8px !important;

        margin: 2px 0 0 !important;
    }

    .htd-shop-header .htd-vf-submit,
    .htd-shop-header .htd-vf-reset {
        height: 44px !important;
        min-height: 44px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        font-family: "Barlow Condensed", sans-serif !important;
        font-weight: 800 !important;
        line-height: 1 !important;

        text-transform: uppercase !important;
    }

    .htd-shop-header .htd-vf-submit {
        flex: 1 1 auto !important;

        min-width: 0 !important;

        padding: 0 15px !important;

        background: transparent !important;
        color: #ffffff !important;

        border: 1px solid var(--htd-red) !important;
        border-radius: 2px !important;

        font-size: 12px !important;
    }

    .htd-shop-header .htd-vf-submit:disabled {
        opacity: .4 !important;
    }

    .htd-shop-header .htd-vf-reset {
        display: none !important;

        flex: 0 0 auto !important;

        min-width: 105px !important;

        padding: 0 11px !important;

        background: transparent !important;
        color: #b5bac1 !important;

        border: 1px solid rgba(255,255,255,.17) !important;
        border-radius: 2px !important;

        font-size: 10px !important;
    }

    .htd-shop-header .htd-vf.has-vehicle .htd-vf-reset {
        display: inline-flex !important;
    }


    /* --------------------------------------------------------
       MOBILE/TABLET STICKY ANIMATION
       Small enough to feel smooth, large enough to remain usable.
       -------------------------------------------------------- */

    .htd-shop-header.htd-shop-scrolled
    .htd-shop-mobile-top,
    .htd-shop-header.htd-shop-scrolled
    .htd-shop-mobile-top.e-con {
        --min-height: 48px !important;

        min-height: 48px !important;

        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .htd-shop-header.htd-shop-scrolled
    .htd-shop-mobile-logo img {
        width: 103px !important;
        max-width: 103px !important;
    }

    .htd-shop-header.htd-shop-scrolled
    .htd-shop-mobile-service {
        height: 32px !important;
        min-height: 32px !important;

        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .htd-shop-header.htd-shop-scrolled
    .htd-shop-mobile-account,
    .htd-shop-header.htd-shop-scrolled
    .htd-shop-mobile-cart {
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;

        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;

        flex-basis: 34px !important;
    }

    .htd-shop-header.htd-shop-scrolled
    .htd-shop-mobile-account a,
    .htd-shop-header.htd-shop-scrolled
    .htd-shop-mobile-account .elementor-button,
    .htd-shop-header.htd-shop-scrolled
    .htd-shop-mobile-account .elementor-icon,
    .htd-shop-header.htd-shop-scrolled
    .htd-shop-mobile-cart
    .elementor-menu-cart__toggle_button {
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;

        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
    }

    .htd-shop-header.htd-shop-scrolled
    .htd-shop-mobile-search-row {
        padding-bottom: 6px !important;
    }

    .htd-shop-header.htd-shop-scrolled
    .htd-shop-mobile-search
    .aws-search-form {
        height: 37px !important;
        min-height: 37px !important;
    }

    .htd-shop-header.htd-shop-scrolled
    .htd-shop-mobile-search
    .aws-search-field {
        height: 35px !important;
        min-height: 35px !important;

        font-size: 12px !important;
    }

    .htd-shop-header.htd-shop-scrolled
    .htd-shop-mobile-search
    .aws-search-btn {
        width: 43px !important;
        min-width: 43px !important;

        height: 37px !important;
        min-height: 37px !important;
    }

    .htd-shop-header.htd-shop-scrolled
    .htd-vf-mobile-toggle {
        min-height: 45px !important;

        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
}


/* ============================================================
   PHONE ≤600
   ============================================================ */

@media (max-width: 600px) {

    .htd-shop-header
    .htd-vf.is-open
    .htd-vf-fields {
        grid-template-columns: 1fr !important;

        gap: 9px !important;

        padding: 11px 10px 12px !important;
    }

    .htd-shop-header .htd-vf-action {
        grid-column: auto !important;

        flex-direction: column !important;
    }

    .htd-shop-header .htd-vf-submit,
    .htd-shop-header .htd-vf-reset {
        width: 100% !important;
        min-width: 0 !important;

        flex: 0 0 auto !important;
    }
}


/* ============================================================
   VERY NARROW PHONE ≤390
   ============================================================ */

@media (max-width: 390px) {

    .htd-shop-header .htd-shop-mobile-logo img {
        width: 108px !important;
        max-width: 108px !important;
    }

    .htd-shop-header .htd-shop-mobile-service-text {
        font-size: 0 !important;
    }

    .htd-shop-header .htd-shop-mobile-service-text::after {
        content: "SERVICE";

        font-size: 9px !important;
    }

    .htd-shop-header .htd-vf-mobile-current {
        max-width: 195px !important;
    }

    .htd-shop-header.htd-shop-scrolled
    .htd-shop-mobile-logo img {
        width: 96px !important;
        max-width: 96px !important;
    }
}


/* ============================================================
   QUICK INVALID/INCOMPLETE FEEDBACK
   ============================================================ */

.htd-shop-header
.htd-vf.htd-vf-needs-complete
.htd-vf-fields {
    animation: htdVehicleNudge .22s ease 0s 2;
}

@keyframes htdVehicleNudge {
    0%   { transform: translateX(0); }
    50%  { transform: translateX(3px); }
    100% { transform: translateX(0); }
}



/* ============================================================
   v15.2 — DESKTOP TOP ACTIONS POLISH
   Account / Parts Help / Cart only
   ============================================================ */

@media (min-width: 1025px) {

    /* --------------------------------------------------------
       ACCOUNT
       Smaller, cleaner, vertically centered.
       -------------------------------------------------------- */

    .htd-shop-header .htd-shop-account {
        flex: 0 0 auto !important;

        width: auto !important;
        min-width: 0 !important;

        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 7px !important;

        margin: 0 !important;
        padding: 0 10px !important;

        background: transparent !important;

        border: 1px solid rgba(255,255,255,.15) !important;
        border-radius: 2px !important;

        overflow: hidden !important;
    }

    .htd-shop-header .htd-shop-account a,
    .htd-shop-header .htd-shop-account .elementor-button,
    .htd-shop-header .htd-shop-account .elementor-icon-wrapper,
    .htd-shop-header .htd-shop-account .elementor-widget-container {
        min-height: 0 !important;
        height: auto !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 7px !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        border: 0 !important;
        box-shadow: none !important;
    }

    .htd-shop-header .htd-shop-account svg,
    .htd-shop-header .htd-shop-account i,
    .htd-shop-header .htd-shop-account .elementor-icon {
        width: 18px !important;
        max-width: 18px !important;

        height: 18px !important;
        max-height: 18px !important;

        font-size: 18px !important;
        line-height: 18px !important;

        flex: 0 0 18px !important;

        margin: 0 !important;
    }

    .htd-shop-header .htd-shop-account,
    .htd-shop-header .htd-shop-account a,
    .htd-shop-header .htd-shop-account span,
    .htd-shop-header .htd-shop-account .elementor-button-text,
    .htd-shop-header .htd-shop-account .elementor-icon-list-text {
        font-family: "Barlow Condensed", sans-serif !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        letter-spacing: .35px !important;

        color: #ffffff !important;

        white-space: nowrap !important;
    }


    /* --------------------------------------------------------
       PARTS HELP
       Match the rest of the header typography.
       -------------------------------------------------------- */

    .htd-shop-header .htd-shop-parts-help {
        flex: 0 0 auto !important;

        width: auto !important;
        min-width: 90px !important;

        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
        padding: 0 4px !important;

        text-align: left !important;

        white-space: nowrap !important;
    }

    .htd-shop-header .htd-shop-parts-help .elementor-widget-container,
    .htd-shop-header .htd-shop-parts-help a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        min-height: 0 !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .htd-shop-header .htd-shop-parts-help,
    .htd-shop-header .htd-shop-parts-help a,
    .htd-shop-header .htd-shop-parts-help span,
    .htd-shop-header .htd-shop-parts-help div,
    .htd-shop-header .htd-shop-parts-help .elementor-icon-list-text {
        font-family: "Barlow Condensed", sans-serif !important;

        font-size: 11px !important;
        font-weight: 700 !important;
        line-height: 1.05 !important;

        letter-spacing: .15px !important;

        color: #ffffff !important;
    }


    /* --------------------------------------------------------
       CART
       Force the cart icon INSIDE the square button.
       -------------------------------------------------------- */

    .htd-shop-header .htd-shop-cart {
        flex: 0 0 42px !important;

        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;

        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
        padding: 0 !important;

        position: relative !important;

        overflow: visible !important;
    }

    .htd-shop-header .htd-shop-cart .elementor-widget-container,
    .htd-shop-header .htd-shop-cart .elementor-menu-cart__toggle,
    .htd-shop-header .htd-shop-cart .elementor-menu-cart__toggle_wrapper {
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;

        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
        padding: 0 !important;

        position: relative !important;
    }

    .htd-shop-header
    .htd-shop-cart
    .elementor-menu-cart__toggle_button {
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;

        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        color: #ffffff !important;

        border: 1px solid rgba(255,255,255,.18) !important;
        border-radius: 2px !important;

        position: relative !important;

        overflow: visible !important;
    }

    .htd-shop-header
    .htd-shop-cart
    .elementor-menu-cart__toggle_button:hover {
        border-color: rgba(255,255,255,.34) !important;
    }

    .htd-shop-header
    .htd-shop-cart
    .elementor-menu-cart__toggle_button svg,
    .htd-shop-header
    .htd-shop-cart
    .elementor-menu-cart__toggle_button i {
        width: 18px !important;
        max-width: 18px !important;

        height: 18px !important;
        max-height: 18px !important;

        font-size: 18px !important;
        line-height: 18px !important;

        margin: 0 !important;

        position: static !important;
        transform: none !important;
    }

    /*
     * Keep Woo/Elementor quantity badge attached to the button
     * instead of drifting outside the square.
     */
    .htd-shop-header
    .htd-shop-cart
    .elementor-button-icon-qty,
    .htd-shop-header
    .htd-shop-cart
    .elementor-menu-cart__toggle_button
    .elementor-button-icon-qty {
        position: absolute !important;

        top: -7px !important;
        right: -7px !important;

        min-width: 17px !important;
        width: auto !important;

        height: 17px !important;
        min-height: 17px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
        padding: 0 4px !important;

        background: #ed1c24 !important;
        color: #ffffff !important;

        border-radius: 999px !important;

        font-family: "Barlow", sans-serif !important;
        font-size: 9px !important;
        font-weight: 700 !important;
        line-height: 17px !important;

        z-index: 5 !important;
    }


    /* --------------------------------------------------------
       Keep the 3-item action area lined up.
       -------------------------------------------------------- */

    .htd-shop-header .htd-shop-actions {
        min-height: 40px !important;

        display: flex !important;
        align-items: center !important;

        gap: 8px !important;
    }
}


/* Slightly tighter laptop version */
@media (min-width: 1025px) and (max-width: 1366px) {

    .htd-shop-header .htd-shop-account {
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;

        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .htd-shop-header .htd-shop-account,
    .htd-shop-header .htd-shop-account a,
    .htd-shop-header .htd-shop-account span,
    .htd-shop-header .htd-shop-account .elementor-button-text,
    .htd-shop-header .htd-shop-account .elementor-icon-list-text {
        font-size: 11px !important;
    }

    .htd-shop-header .htd-shop-parts-help {
        min-width: 82px !important;

        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
    }

    .htd-shop-header .htd-shop-parts-help,
    .htd-shop-header .htd-shop-parts-help a,
    .htd-shop-header .htd-shop-parts-help span,
    .htd-shop-header .htd-shop-parts-help div,
    .htd-shop-header .htd-shop-parts-help .elementor-icon-list-text {
        font-size: 10px !important;
    }

    .htd-shop-header .htd-shop-cart,
    .htd-shop-header .htd-shop-cart .elementor-widget-container,
    .htd-shop-header .htd-shop-cart .elementor-menu-cart__toggle,
    .htd-shop-header .htd-shop-cart .elementor-menu-cart__toggle_wrapper,
    .htd-shop-header
    .htd-shop-cart
    .elementor-menu-cart__toggle_button {
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;

        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
    }
}



/* ============================================================
   v15.4 — STICKY SEARCH CENTERING WITHOUT SHRINKING
   Desktop only.
   Keeps the search full-width and only fixes vertical alignment.
   ============================================================ */

@media (min-width: 1025px) {

    /*
     * Keep the search as the flexible/growing item in the top row.
     * Do NOT turn .htd-shop-search itself into display:flex.
     */
    .htd-shop-header.htd-shop-scrolled
    .htd-shop-search {
        flex: 1 1 0 !important;

        width: auto !important;
        max-width: none !important;

        align-self: center !important;

        min-height: 0 !important;
        height: auto !important;

        margin-top: 0 !important;
        margin-bottom: 0 !important;

        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }


    /*
     * Center only the INNER Elementor/AWS wrappers.
     * Their width stays 100%, so the search cannot collapse.
     */
    .htd-shop-header.htd-shop-scrolled
    .htd-shop-search
    > .elementor-widget-container,
    .htd-shop-header.htd-shop-scrolled
    .htd-shop-search
    .aws-container {
        width: 100% !important;
        max-width: none !important;

        min-height: 0 !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .htd-shop-header.htd-shop-scrolled
    .htd-shop-search
    .aws-search-form {
        width: 100% !important;
        max-width: none !important;

        margin-top: 0 !important;
        margin-bottom: 0 !important;

        position: relative !important;

        top: 0 !important;
        bottom: auto !important;

        transform: translateY(0) !important;
    }


    /*
     * Force all main top-row blocks to share one center line.
     */
    .htd-shop-header.htd-shop-scrolled
    .htd-shop-top,
    .htd-shop-header.htd-shop-scrolled
    .htd-shop-top.e-con {
        align-items: center !important;
    }


    .htd-shop-header.htd-shop-scrolled
    .htd-shop-brand-area,
    .htd-shop-header.htd-shop-scrolled
    .htd-shop-search,
    .htd-shop-header.htd-shop-scrolled
    .htd-shop-parts-help,
    .htd-shop-header.htd-shop-scrolled
    .htd-shop-actions {
        align-self: center !important;
    }
}


/* Preserve the larger desktop search span. */
@media (min-width: 1367px) {

    .htd-shop-header.htd-shop-scrolled
    .htd-shop-search {
        min-width: 320px !important;
    }
}


/* Preserve the laptop search span. */
@media (min-width: 1025px) and (max-width: 1366px) {

    .htd-shop-header.htd-shop-scrolled
    .htd-shop-search {
        min-width: 240px !important;
    }
}/* End custom CSS */