body.spacer-theme .spacer-single-product__hero{
    grid-template-columns:minmax(0, 1fr) minmax(420px, 500px);
    gap:var(--space-28);
}

body.spacer-theme .commerce-header{
    position:relative;
    z-index:var(--z-above-header);
    background:var(--bg-card);
    border-bottom:1px solid var(--border-light);
}

body.spacer-theme .commerce-header__inner{
    display:grid;
}

body.spacer-theme .commerce-header__row{
    display:grid;
    align-items:center;
}

body.spacer-theme .commerce-header__row--top{
    grid-template-columns:auto minmax(0, 1fr) auto auto auto;
    gap:var(--space-16);
    min-height:var(--size-84);
    padding:var(--space-16) 0;
}

body.spacer-theme .commerce-header__row--nav{
    grid-template-columns:minmax(0, 1fr);
    min-height:var(--size-52);
    border-top:1px solid var(--border-light);
    position:relative;
    background:transparent;
}

body.spacer-theme .commerce-header__row--nav::before{
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    left:calc(50% - 50vw);
    right:calc(50% - 50vw);
    width:auto;
    transform:none;
    background:var(--surface-header-row);
    border-top:1px solid var(--border-light);
    z-index:var(--z-under);
}

body.spacer-theme .commerce-header__row--nav > *{
    position:relative;
    z-index:var(--z-base);
}

body.spacer-theme .commerce-header__brand,
body.spacer-theme .commerce-header__pricing-wrap,
body.spacer-theme .commerce-header__favorites,
body.spacer-theme .commerce-header__cart-wrap,
body.spacer-theme .commerce-header__cart-button-wrap{
    display:flex;
    align-items:center;
}

body.spacer-theme .commerce-header__logo-link{
    display:inline-flex;
    align-items:center;
    justify-content:flex-start;
    min-width:144px;
    max-width:var(--max-width-card-sm);
    color:var(--text-primary);
    text-decoration:none;
}

body.spacer-theme .commerce-header__logo-image{
    display:block;
    width:auto;
    max-width:100%;
    max-height:64px;
}

body.spacer-theme .commerce-header__logo-text{
    font-size:var(--fs-18);
    font-weight:800;
    letter-spacing:var(--type-copy-tracking-wide);
    text-transform:uppercase;
}

body.spacer-theme .commerce-header__search{
    min-width:0;
}

body.spacer-theme .commerce-header__search .search-form{
    display:grid;
    grid-template-columns:minmax(0, 1fr) 48px;
    gap:0;
    width:100%;
    min-height:var(--size-48);
    margin:0;
    border:1px solid var(--border-light);
    background:var(--bg-card);
}

body.spacer-theme .commerce-header__search .search-form::before{
    content:none;
}

body.spacer-theme .commerce-header__search .search-field{
    width:100% !important;
    min-width:0;
    min-height:var(--size-46);
    margin:0;
    padding:0 var(--space-14);
    border:0;
    border-radius:var(--radius-none);
    background:transparent;
    color:var(--text-primary);
    font-size:var(--fs-15);
    font-weight:500;
    box-shadow:none;
}

body.spacer-theme .commerce-header__search .search-field::placeholder{
    color:var(--text-secondary);
}

body.spacer-theme .commerce-header__search .search-field:focus{
    outline:none;
}

body.spacer-theme .commerce-header__search .search-submit{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:48px;
    min-height:var(--size-46);
    padding:0;
    border:0;
    border-left:1px solid var(--border-light);
    border-radius:var(--radius-none);
    background:var(--surface-header-top);
    color:var(--button-primary-text);
    box-shadow:none;
    transform:none;
}

body.spacer-theme .commerce-header__search .search-submit:hover,
body.spacer-theme .commerce-header__search .search-submit:focus-visible{
    background:var(--surface-header-top);
    color:var(--button-primary-text);
    transform:none;
}

body.spacer-theme .commerce-header__search .search-submit svg{
    width:18px;
    height:18px;
}

body.spacer-theme .commerce-header__pricing{
    display:flex;
    align-items:center;
    gap:var(--space-10);
    white-space:nowrap;
}

body.spacer-theme .commerce-header__pricing-label{
    color:var(--text-secondary);
    font-size:var(--fs-12);
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:var(--type-kicker-tracking);
}

body.spacer-theme .commerce-header__pricing-trigger{
    display:inline-flex;
    align-items:center;
    gap:var(--space-4);
    min-height:auto;
    padding:0;
    border:0 !important;
    border-radius:var(--radius-none);
    background:transparent !important;
    color:var(--text-primary) !important;
    font-size:var(--fs-13);
    font-weight:600;
    box-shadow:none;
    transform:none;
}

body.spacer-theme .commerce-header__pricing-trigger:hover,
body.spacer-theme .commerce-header__pricing-trigger:focus-visible{
    background:transparent !important;
    color:var(--text-primary) !important;
    transform:none;
}

body.spacer-theme .commerce-header__pricing-option{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:auto;
    padding:0;
    border-radius:var(--radius-none);
    color:var(--text-secondary);
    font-size:var(--fs-12);
    font-weight:700;
    letter-spacing:var(--type-copy-tracking-wider);
    text-transform:uppercase;
    transition:color var(--motion-medium) var(--ease-standard), opacity var(--motion-medium) var(--ease-standard);
}

body.spacer-theme .commerce-header__pricing-option + .commerce-header__pricing-option::before{
    content:'/';
    margin:0 var(--space-10) 0 var(--space-8);
    color:var(--text-muted);
}

body.spacer-theme .commerce-header__pricing-option.is-active{
    background:transparent;
    color:var(--state-active-text);
}

body.spacer-theme .commerce-header__pricing-indicator,
body.spacer-theme .commerce-header__cart-indicator{
    display:block;
    width:8px;
    height:8px;
    border-right:1.5px solid currentColor;
    border-bottom:1.5px solid currentColor;
    transform:rotate(45deg) translateY(-1px);
    transform-origin:center;
}

body.spacer-theme .commerce-header__pricing-native[hidden]{
    display:none !important;
}

body.spacer-theme .commerce-header__account{
    display:inline-flex;
    align-items:center;
    gap:var(--space-8);
    min-height:var(--size-38);
    color:var(--text-primary);
    font-size:var(--fs-13);
    font-weight:600;
    text-decoration:none;
    white-space:nowrap;
}

body.spacer-theme .commerce-header__favorites{
    display:inline-flex;
    align-items:center;
    gap:var(--space-8);
    min-height:var(--size-38);
    color:var(--text-primary);
    font-size:var(--fs-13);
    font-weight:600;
    text-decoration:none;
    white-space:nowrap;
}

body.spacer-theme .commerce-header__account-icon,
body.spacer-theme .commerce-header__favorites-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:18px;
    height:18px;
}

body.spacer-theme .commerce-header__account-icon svg,
body.spacer-theme .commerce-header__favorites-icon svg{
    width:18px;
    height:18px;
}

body.spacer-theme .commerce-header__favorites-count{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:20px;
    height:20px;
    padding:0 var(--space-6);
    border-radius:999px;
    background:var(--brand-primary);
    color:var(--button-primary-text);
    font-size:var(--fs-11);
    font-weight:800;
    line-height:1;
}

body.spacer-theme .commerce-header__cart-count{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:20px;
    height:20px;
    padding:0 var(--space-6);
    border-radius:999px;
    background:var(--brand-primary);
    color:var(--button-primary-text);
    font-size:var(--fs-11);
    font-weight:800;
    line-height:1;
}

body.spacer-theme .commerce-header__cart-button{
    display:inline-flex;
    align-items:center;
    gap:var(--space-10);
    min-height:auto;
    padding:0;
    border:0 !important;
    border-radius:var(--radius-none);
    background:transparent !important;
    color:var(--text-primary) !important;
    box-shadow:none;
    transform:none;
}

body.spacer-theme .commerce-header__cart-button:hover,
body.spacer-theme .commerce-header__cart-button:focus-visible{
    background:transparent !important;
    color:var(--text-primary) !important;
    transform:none;
}

body.spacer-theme .commerce-header__cart-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:18px;
    height:18px;
}

body.spacer-theme .commerce-header__cart-icon svg{
    width:18px;
    height:18px;
}

body.spacer-theme .commerce-header__cart-total{
    color:var(--text-primary);
    font-size:var(--fs-13);
    font-weight:700;
    white-space:nowrap;
}

body.spacer-theme .commerce-header__cart-total.is-cart-updated{
    animation:spacer-cart-total-flash 0.7s ease;
    animation-delay:0.18s;
    animation-fill-mode:both;
}

body.spacer-theme .spacer-cart-fly-image{
    position:fixed;
    z-index:999999;
    object-fit:contain;
    border:1px solid var(--border-light);
    border-radius:var(--radius-sm);
    background:var(--bg-card);
    box-shadow:0 18px 48px rgba(17, 24, 39, 0.22);
    pointer-events:none;
    will-change:transform, opacity;
}

@keyframes spacer-cart-total-flash{
    0%{
        color:var(--text-primary);
        opacity:1;
        transform:scale(1);
    }
    25%{
        color:var(--brand-primary);
        opacity:0.35;
        transform:scale(1.12);
    }
    55%{
        color:var(--brand-primary);
        opacity:1;
        transform:scale(1.05);
    }
    100%{
        color:var(--text-primary);
        opacity:1;
        transform:scale(1);
    }
}

body.spacer-theme .commerce-header__nav,
body.spacer-theme .commerce-header__nav .menu,
body.spacer-theme .commerce-header__nav .sub-menu,
body.spacer-theme .commerce-header__nav .children{
    list-style:none;
    margin:0;
    padding:0;
}

body.spacer-theme .commerce-header__nav{
    width:100%;
    position:relative;
    z-index:var(--z-raised);
}

body.spacer-theme .commerce-header__nav .menu{
    display:flex;
    align-items:center;
    gap:var(--space-28);
    min-height:var(--size-52);
    flex-wrap:wrap;
}

body.spacer-theme .commerce-header__nav .menu > li{
    position:relative;
}

body.spacer-theme .commerce-header__nav .menu > li > a{
    display:inline-flex;
    align-items:center;
    min-height:var(--size-52);
    color:var(--text-primary);
    font-size:var(--fs-13);
    font-weight:600;
    text-decoration:none;
    white-space:nowrap;
}

body.spacer-theme .commerce-header__nav .menu > li.current-menu-item > a,
body.spacer-theme .commerce-header__nav .menu > li.current_page_item > a,
body.spacer-theme .commerce-header__nav .menu > li.current-menu-ancestor > a,
body.spacer-theme .commerce-header__nav .menu > li > a:hover{
    color:var(--brand-primary);
}

body.spacer-theme .commerce-header__nav .sub-menu,
body.spacer-theme .commerce-header__nav .children{
    position:absolute;
    top:100%;
    left:0;
    display:grid;
    gap:0;
    min-width:220px;
    border:1px solid var(--border-light);
    background:var(--bg-card);
    opacity:0;
    pointer-events:none;
}

body.spacer-theme .commerce-header__nav .sub-menu .sub-menu,
body.spacer-theme .commerce-header__nav .children .children,
body.spacer-theme .commerce-header__nav .sub-menu .children,
body.spacer-theme .commerce-header__nav .children .sub-menu{
    top:-1px;
    left:100%;
}

body.spacer-theme .commerce-header__nav li:hover > .sub-menu,
body.spacer-theme .commerce-header__nav li:focus-within > .sub-menu,
body.spacer-theme .commerce-header__nav li:hover > .children,
body.spacer-theme .commerce-header__nav li:focus-within > .children{
    opacity:1;
    pointer-events:auto;
}

body.spacer-theme .commerce-header__nav .sub-menu a,
body.spacer-theme .commerce-header__nav .children a{
    display:flex;
    align-items:center;
    min-height:var(--size-42);
    padding:0 var(--space-14);
    color:var(--text-primary);
    text-decoration:none;
}

body.spacer-theme .commerce-header__nav .sub-menu a:hover,
body.spacer-theme .commerce-header__nav .children a:hover{
    background:var(--state-neutral-surface);
    color:var(--state-active-text);
}

body.spacer-theme .commerce-header__menu-toggle{
    display:none;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:var(--space-4);
    width:44px;
    height:44px;
    padding:0;
    border:1px solid var(--border-light);
    border-radius:var(--radius-none);
    background:var(--bg-card);
    color:var(--text-primary);
    box-shadow:none;
    transform:none;
}

body.spacer-theme .commerce-header__menu-toggle:hover,
body.spacer-theme .commerce-header__menu-toggle:focus-visible{
    background:var(--bg-card);
    color:var(--text-primary);
    transform:none;
}

body.spacer-theme .commerce-header__menu-toggle-line{
    display:block;
    width:16px;
    height:2px;
    background:currentColor;
    transition:transform var(--motion-fast) var(--ease-standard), opacity var(--motion-fast) var(--ease-standard);
}

body.spacer-theme .commerce-header__logo-link:focus-visible,
body.spacer-theme .commerce-header__account:focus-visible,
body.spacer-theme .commerce-header__favorites:focus-visible,
body.spacer-theme .commerce-header__cart-button:focus-visible,
body.spacer-theme .commerce-header__pricing-trigger:focus-visible,
body.spacer-theme .commerce-header__nav a:focus-visible,
body.spacer-theme .commerce-header__menu-toggle:focus-visible,
body.spacer-theme .commerce-header .submenu-toggle:focus-visible{
    outline:2px solid var(--brand-primary);
    outline-offset:2px;
}

@media screen and (max-width: 1120px) {
    body.spacer-theme .commerce-header__row--top{
        grid-template-columns:auto minmax(0, 1fr) auto auto auto;
    }

    body.spacer-theme .commerce-header__pricing-wrap{
        order:4;
        grid-column:2 / 3;
        justify-content:flex-start;
    }

    body.spacer-theme .commerce-header__account{
        order:3;
    }

    body.spacer-theme .commerce-header__favorites{
        order:4;
    }

    body.spacer-theme .commerce-header__cart-wrap{
        order:5;
    }

    body.spacer-theme .commerce-header__nav .menu{
        gap:var(--space-20);
    }
}

@media screen and (max-width: 860px) {
    body.spacer-theme .commerce-header__row--top{
        grid-template-columns:44px minmax(0, 1fr) auto auto auto;
        gap:var(--space-10);
        padding:var(--space-12) 0;
        align-items:center;
    }

    body.spacer-theme .commerce-header__brand{
        grid-column:2;
        justify-self:center;
    }

    body.spacer-theme .commerce-header__logo-link{
        min-width:0;
        justify-content:center;
    }

    body.spacer-theme .commerce-header__logo-image{
        max-height:48px;
    }

    body.spacer-theme .commerce-header__pricing-wrap{
        grid-column:1 / -1;
        order:2;
        justify-content:center;
        padding-top:var(--space-4);
    }

    body.spacer-theme .commerce-header__account{
        grid-column:3;
        order:1;
        justify-self:end;
    }

    body.spacer-theme .commerce-header__favorites{
        grid-column:4;
        order:1;
        justify-self:end;
    }

    body.spacer-theme .commerce-header__cart-wrap{
        grid-column:5;
        order:1;
        justify-self:end;
    }

    body.spacer-theme .commerce-header__menu-toggle{
        display:inline-flex;
        order:1;
    }

    body.spacer-theme .commerce-header__menu-toggle{
        grid-column:1;
        border-color:transparent;
        background:transparent;
    }

    body.spacer-theme .commerce-header__account-label,
    body.spacer-theme .commerce-header__favorites-label,
    body.spacer-theme .commerce-header__cart-total{
        display:none;
    }

    body.spacer-theme .commerce-header__account,
    body.spacer-theme .commerce-header__favorites,
    body.spacer-theme .commerce-header__cart-button{
        justify-content:center;
        min-width:32px;
        position:relative;
    }

    body.spacer-theme .commerce-header__account-icon,
    body.spacer-theme .commerce-header__favorites-icon,
    body.spacer-theme .commerce-header__cart-icon{
        width:24px;
        height:24px;
    }

    body.spacer-theme .commerce-header__account-icon svg,
    body.spacer-theme .commerce-header__favorites-icon svg,
    body.spacer-theme .commerce-header__cart-icon svg{
        width:24px;
        height:24px;
    }

    body.spacer-theme .commerce-header__favorites-count{
        position:absolute;
        right:-8px;
        bottom:-6px;
        min-width:22px;
        height:22px;
    }

    body.spacer-theme .commerce-header__cart-button{
        position:relative;
    }

    body.spacer-theme .commerce-header__cart-count{
        position:absolute;
        right:-8px;
        bottom:-6px;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        min-width:22px;
        height:22px;
        padding:0 var(--space-6);
        border-radius:999px;
        background:var(--brand-primary);
        color:var(--button-primary-text);
        font-size:var(--fs-11);
        font-weight:800;
        line-height:1;
    }

    body.spacer-theme .commerce-header__pricing{
        justify-content:center;
    }

    body.spacer-theme .commerce-header__pricing-option{
        font-size:var(--fs-11);
    }

    body.spacer-theme .commerce-header__row--nav{
        grid-template-columns:minmax(0, 1fr);
        min-height:0;
        gap:0;
        padding:0;
        position:relative;
        background:transparent;
    }

    body.spacer-theme .commerce-header__row--nav::before{
        border-top:0;
        border-bottom:1px solid var(--border-light);
        background:var(--decor-gradient-header-mobile-accent);
        height:3px;
        top:auto;
        bottom:0;
    }

    body.spacer-theme .commerce-header__nav{
        position:fixed;
        top:108px;
        bottom:0;
        left:0;
        display:block;
        width:min(86vw, 360px);
        max-width:360px;
        padding:var(--space-8) 0 var(--space-20);
        border-top:1px solid var(--border-light);
        border-right:1px solid var(--border-light);
        background:var(--bg-card);
        box-shadow:var(--shadow-surface-lg);
        overflow-y:auto;
        overscroll-behavior:contain;
        transform:translateX(-100%);
        transition:transform var(--motion-medium) var(--ease-standard);
        z-index:var(--z-raised);
    }

    body.menu-open{
        overflow:hidden;
    }

    body.menu-open .commerce-header__nav{
        transform:translateX(0);
    }

    body.spacer-theme .commerce-header__nav .menu{
        display:grid;
        gap:0;
        min-height:0;
        align-content:start;
    }

    body.spacer-theme .commerce-header__nav .menu > li{
        position:static;
        border-bottom:1px solid var(--border-light);
    }

    body.spacer-theme .commerce-header__nav .menu > li.menu-item-has-children,
    body.spacer-theme .commerce-header__nav .menu > li.page_item_has_children,
    body.spacer-theme .commerce-header__nav .menu .sub-menu li.menu-item-has-children,
    body.spacer-theme .commerce-header__nav .menu .children li.page_item_has_children{
        display:grid;
        grid-template-columns:minmax(0, 1fr) auto;
        align-items:center;
    }

    body.spacer-theme .commerce-header__nav .menu > li > a,
    body.spacer-theme .commerce-header__nav .sub-menu a,
    body.spacer-theme .commerce-header__nav .children a{
        min-height:var(--size-46);
        padding:0 var(--space-18);
        white-space:normal;
    }

    body.spacer-theme .commerce-header__nav .sub-menu,
    body.spacer-theme .commerce-header__nav .children,
    body.spacer-theme .commerce-header__nav .sub-menu .sub-menu,
    body.spacer-theme .commerce-header__nav .children .children,
    body.spacer-theme .commerce-header__nav .sub-menu .children,
    body.spacer-theme .commerce-header__nav .children .sub-menu{
        position:static;
        display:none;
        min-width:0;
        border:0;
        opacity:1;
        pointer-events:auto;
    }

    body.spacer-theme .commerce-header__nav .menu li.is-open > .sub-menu,
    body.spacer-theme .commerce-header__nav .menu li.is-open > .children,
    body.spacer-theme .commerce-header__nav .menu li.current-menu-ancestor > .sub-menu,
    body.spacer-theme .commerce-header__nav .menu li.current-menu-ancestor > .children,
    body.spacer-theme .commerce-header__nav .menu li.current_page_ancestor > .children,
    body.spacer-theme .commerce-header__nav .menu li.current_page_parent > .children{
        display:grid;
        grid-column:1 / -1;
        padding-left:var(--space-10);
        border-top:1px solid var(--border-light);
        background:var(--state-neutral-surface);
    }

    body.spacer-theme .vehicle-search--archive .parts-finder--homepage .parts-finder__selectors-grid--vehicle,
    body.spacer-theme .vehicle-search--archive .parts-finder--homepage .parts-finder__selectors-grid--attributes{
        grid-template-columns:minmax(0, 1fr);
    }

    body.spacer-theme .commerce-header .submenu-toggle{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        width:44px;
        height:44px;
        padding:0;
        border:0;
        border-left:1px solid var(--border-light);
        border-radius:var(--radius-none);
        background:var(--bg-card);
        color:var(--text-primary);
    }

    body.spacer-theme .commerce-header .submenu-toggle::before{
        content:'+';
        font-size:var(--fs-18);
        line-height:var(--lh-solid);
    }

    body.menu-open.spacer-theme .commerce-header__menu-toggle-line:nth-child(1){
        transform:translateY(6px) rotate(45deg);
    }

    body.menu-open.spacer-theme .commerce-header__menu-toggle-line:nth-child(2){
        opacity:0;
    }

    body.menu-open.spacer-theme .commerce-header__menu-toggle-line:nth-child(3){
        transform:translateY(-6px) rotate(-45deg);
    }

    body.spacer-theme .commerce-header__nav .menu li.is-open > .submenu-toggle::before,
    body.spacer-theme .commerce-header__nav .menu li.current-menu-ancestor > .submenu-toggle::before,
    body.spacer-theme .commerce-header__nav .menu li.current_page_ancestor > .submenu-toggle::before,
    body.spacer-theme .commerce-header__nav .menu li.current_page_parent > .submenu-toggle::before{
        content:'-';
    }
}

@media screen and (max-width: 640px) {
    body.spacer-theme .commerce-header__row--top{
        grid-template-columns:44px minmax(0, 1fr) auto auto auto;
        gap:var(--space-8);
    }

    body.spacer-theme .commerce-header__brand{
        grid-column:2;
    }

    body.spacer-theme .commerce-header__pricing-wrap{
        grid-column:1 / -1;
        justify-self:center;
    }

    body.spacer-theme .commerce-header__pricing{
        gap:var(--space-6);
    }

    body.spacer-theme .commerce-header__pricing-option + .commerce-header__pricing-option::before{
        margin:0 var(--space-8) 0 var(--space-6);
    }

    body.spacer-theme .commerce-header__nav{
        top:104px;
        width:min(88vw, 340px);
    }
}