/* Homepage and commerce polish overrides */
.site-header{
    backdrop-filter:blur(20px);
}

.site-header__inner{
    grid-template-columns:170px minmax(320px, 1fr) auto;
    gap:var(--space-24);
    padding:var(--space-14) 0;
}

.site-branding{
    max-width:var(--max-width-brand);
}

.site-branding .custom-logo-link img.custom-logo,
.custom-logo-link img.custom-logo{
    width:min(100%, 154px) !important;
    max-width:min(100%, 154px) !important;
    height:auto !important;
}

.site-header__search{
    max-width:var(--max-width-search);
}

.site-header__search .search-form{
    min-height:var(--size-56);
    padding:var(--space-5) var(--space-5) var(--space-5) var(--space-16);
}

.site-header__search .search-field{
    min-height:var(--size-44);
}

.site-header__utility{
    gap:var(--space-10);
    padding:var(--space-6);
}

.site-header__switcher{
    min-width:164px;
    padding:var(--space-8) var(--space-10);
}

.site-header__quicklink{
    min-height:var(--size-46);
}

.site-navigation .menu > li > a{
    position:relative;
    min-height:var(--size-58);
}

.site-navigation .menu > li > a::after{
    content:'';
    position:absolute;
    left:18px;
    right:18px;
    bottom:12px;
    height:2px;
    background:var(--spacer-nav-subtle);
    transform:scaleX(0);
    transform-origin:left center;
    transition:transform var(--motion-slow) var(--ease-standard);
}

.site-navigation .menu > li.current-menu-item > a::after,
.site-navigation .menu > li.current-menu-ancestor > a::after,
.site-navigation .menu > li > a:hover::after{
    transform:scaleX(1);
}

.vehicle-search-hero,
.home-configurator-shell,
.category-showcase,
.product-highlight,
.front-content{
    margin-top:var(--section-space-sm);
}

.vehicle-search-hero{
    padding:var(--space-40) 0 0;
}

.vehicle-search-hero__grid{
    gap:var(--space-28);
    align-items:stretch;
}

body.spacer-theme .vehicle-search-hero__main--immersive{
    position:relative;
    overflow:hidden;
    padding:var(--space-42) !important;
    background:
        var(--decor-gradient-hero-dark),
        var(--decor-gradient-hero-glow),
        url("../assets/images/car-outline.jpeg") center/cover no-repeat !important;
    color:var(--button-primary-text);
}

.configurator-shell__toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:var(--space-16);
    margin-top:var(--space-18);
}

.configurator-shell__hint{
    color:var(--spacer-muted);
}

.content-panel--configurator-home{
    padding:var(--space-34);
}

.content-panel--configurator-home #app .btn,
.content-panel--configurator-home #app button,
.content-panel--configurator-home #app .form-control,
.content-panel--configurator-home #app .v-select,
.content-panel--configurator-home #app .input-select-wrap input,
.content-panel--configurator-home #app .input-select-wrap select{
    border-radius:var(--radius-16) !important;
}

.content-panel--configurator-home #app .btn,
.content-panel--configurator-home #app button{
    min-height:var(--size-44);
    padding:var(--space-10) var(--space-16);
    border:1px solid rgba(52,40,28,0.12);
    background:var(--bg-card) !important;
    color:var(--spacer-ink) !important;
    transition:transform var(--motion-medium) var(--ease-standard), box-shadow var(--motion-medium) var(--ease-standard), background var(--motion-medium) var(--ease-standard);
}

.content-panel--configurator-home #app .btn:hover,
.content-panel--configurator-home #app button:hover{
    transform:var(--state-hover-lift);
    box-shadow:var(--shadow-warm-md) !important;
}

.content-panel--configurator-home #app .btn.selected,
.content-panel--configurator-home #app button.selected{
    background:#f39138 !important;
    color:var(--button-primary-text) !important;
    border-color:#f39138 !important;
}

.category-showcase__grid{
    gap:var(--space-28);
}

.category-card{
    border-radius:var(--radius-28) !important;
    transition:var(--transition-card);
}

.category-card:hover{
    transform:translateY(-6px) scale(1.01);
    box-shadow:var(--shadow-warm-2xl) !important;
}

.category-card__media{
    aspect-ratio:4 / 3;
}

.category-card__body{
    gap:var(--space-10);
}

.category-card__eyebrow{
    color:var(--spacer-accent);
    font-size:var(--fs-12);
    font-weight:700;
    letter-spacing:var(--type-kicker-tracking-wide);
    text-transform:uppercase;
}

.category-card__description{
    color:var(--spacer-muted);
    line-height:var(--lh-body-relaxed);
}

.category-card__meta{
    display:flex;
    align-items:center;
    gap:var(--space-10);
    margin-top:var(--space-4);
    font-weight:600;
}

.category-card__icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    background:#efe4d5;
    border-radius:var(--radius-12) !important;
}

.product-highlight .content-panel--shop{
    padding:var(--space-30);
}

.product-highlight .woocommerce ul.products{
    gap:var(--space-24);
}

.spacer-product-card{
    border-radius:var(--radius-28) !important;
    transition:var(--transition-card);
}

.spacer-product-card:hover{
    transform:translateY(-6px);
    box-shadow:var(--shadow-warm-4xl) !important;
}

.spacer-product-card__media{
    aspect-ratio:4 / 3;
}

.spacer-product-card__media::after{
    content:'';
    position:absolute;
    inset:auto 0 0;
    height:44%;
    background:var(--decor-gradient-media-fade);
    pointer-events:none;
}

.spacer-product-card__badge{
    position:absolute;
    top:16px;
    right:16px;
    z-index:var(--z-raised);
    display:inline-flex;
    align-items:center;
    min-height:var(--size-32);
    padding:0 var(--space-12);
    border-radius:999px !important;
    background:#1f6c5c;
    color:var(--button-primary-text);
    font-size:var(--fs-12);
    font-weight:700;
    letter-spacing:var(--type-kicker-tracking);
    text-transform:uppercase;
}

.spacer-product-card__body{
    gap:var(--space-12);
}

.spacer-product-card__trust{
    margin:0;
    color:var(--spacer-accent-dark);
    font-size:var(--fs-15);
    font-weight:600;
}

.spacer-product-card__price,
.spacer-product-card__price .price{
    font-size:var(--fs-28);
}

.spacer-product-card__price del,
.spacer-product-card__price .price del{
    display:block;
    font-size:var(--fs-15);
    opacity:0.5;
}

.spacer-product-card__price ins,
.spacer-product-card__price .price ins{
    text-decoration:none;
}

.spacer-product-card__actions{
    display:grid;
    gap:var(--space-10);
    width:100%;
}

.spacer-product-card__actions .button,
.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button,
.spacer-product-card__view{
    width:100%;
    min-height:var(--size-48);
    justify-content:center;
    border-radius:var(--radius-16) !important;
}

.spacer-product-card__view{
    display:inline-flex;
    align-items:center;
}

.spacer-product-card__aside{
    min-width:220px;
}

@media screen and (max-width: 1100px) {
    .site-header__inner{
        grid-template-columns:150px minmax(0, 1fr);
    }

    .site-header__utility{
        grid-column:1 / -1;
    }

    .vehicle-search-hero,
    .home-configurator-shell,
    .category-showcase,
    .product-highlight,
    .front-content{
        margin-top:44px;
    }
}

@media screen and (max-width: 860px) {
    .site-header__inner{
        grid-template-columns:minmax(0, 1fr) auto;
    }

    .site-branding{
        max-width:var(--max-width-logo-sm);
    }

    .site-header__quicklinks{
        padding-left:0;
        border-left:0;
    }

    .configurator-shell__toolbar{
        flex-direction:column;
        align-items:flex-start;
    }

    .spacer-product-card__aside{
        min-width:0;
        border-left:0;
        border-top:1px solid rgba(31,26,23,0.08);
    }
}

@media screen and (max-width: 640px) {
    .site-header__search .search-form{
        min-height:var(--size-52);
    }

    .product-highlight .content-panel--shop,
    .content-panel--configurator-home{
        padding:var(--space-22);
    }

    .category-card,
    .spacer-product-card{
        border-radius:var(--radius-22) !important;
    }
}