/* EBC Customer Results storefront v3.3.1 — dense product grid, collapsible selection bar, mini cart, entrance animations */
.ebc-vf__results{margin-top:28px}
/* Permanently visible, permanently EBC-blue vehicle context bar - no collapse
* state anymore. This is the anchor the whole page hangs off, so it stays put
* and stays branded, not a toggle that can be closed away. */
.ebc-cr__selection-bar{display:flex;align-items:center;flex-wrap:wrap;gap:14px 18px;margin:20px 0 14px;padding:16px 20px;border-radius:14px;background:linear-gradient(135deg,#0a2f78,#0d3d94);box-shadow:0 10px 26px rgba(10,47,120,.22)}
.ebc-cr__selection-main{display:flex;align-items:center;gap:12px;flex:1 1 260px;min-width:0}
.ebc-cr__selection-icon{flex:0 0 auto;font-size:20px}
.ebc-cr__selection-label{display:grid;gap:2px;min-width:0}
.ebc-cr__selection-label strong{font-size:16px;font-weight:900;letter-spacing:-.01em;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ebc-cr__selection-label small{color:#c9d9f5;font-size:12px}
.ebc-cr__hero-facts{display:flex;flex-wrap:wrap;gap:10px}.ebc-cr__hero-facts span{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:12px;font-weight:800}
.ebc-cr__selection-change{flex:0 0 auto;border:1px solid rgba(255,255,255,.5);border-radius:11px;background:rgba(255,255,255,.08);color:#fff;padding:11px 18px;font-weight:900;cursor:pointer;transition:.2s;white-space:nowrap}.ebc-cr__selection-change:hover{background:rgba(255,255,255,.2);border-color:#fff}
.ebc-cr__toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px;padding:14px 2px;border-bottom:1px solid #dce6e8}.ebc-cr__toolbar>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;color:#66757b;font-size:14px}.ebc-cr__toolbar>div strong{font-size:30px;line-height:1;color:#17262c}.ebc-cr__toolbar>div span{display:inline-flex;margin-left:12px;padding:6px 11px;border-radius:999px;background:#ddf8e8;color:#08713e;font-weight:900}.ebc-cr__toolbar label{display:flex;align-items:center;gap:10px;color:#26363d;font-size:13px;font-weight:900}.ebc-cr__toolbar select{min-width:180px;min-height:44px;border:1px solid #d5e0e3;border-radius:11px;background:#fff;font-weight:800}
.ebc-cr__catalog{display:grid;grid-template-columns:310px minmax(0,1fr);gap:18px;align-items:start}.ebc-cr__sidebar{position:sticky;top:20px;overflow:hidden;border:1px solid #dce6e8;border-radius:16px;background:#fff;box-shadow:0 12px 34px rgba(20,46,55,.07)}.ebc-cr__sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:20px 17px;border-bottom:1px solid #dfe8ea;background:#fff}.ebc-cr__sidebar-head strong{font-size:15px;letter-spacing:.02em;text-transform:uppercase}.ebc-cr__sidebar-head button{border:0;background:transparent;color:#007a80;font-size:11px;font-weight:900;cursor:pointer}.ebc-cr__filter-section{padding:16px 17px;border-bottom:1px solid #e6edef;background:#fff}.ebc-cr__filter-section h4{position:relative;margin:0 0 11px;padding-right:20px;color:#1f3037;font-size:14px}.ebc-cr__filter-section h4:after{content:"⌄";position:absolute;right:0;color:#53656d}.ebc-cr__filter-section--collapsed{padding:15px 17px}.ebc-cr__filter-section--collapsed h4{margin:0}.ebc-cr__filter{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:start;gap:9px;padding:6px 0;color:#4a5960;font-size:13px;line-height:1.35;cursor:pointer}.ebc-cr__filter input{width:17px;height:17px;min-height:0;margin:1px 0 0;accent-color:#0aad60}.ebc-cr__filter small{color:#87959a}

/* Product Field Center groups: one visually distinct block per admin-configured
* group (Technischer Filter, Kaufberater, and any future group), colour-coded
* with the same colour chosen in the admin so the sidebar structure always
* reads as a direct mirror of that configuration. */
.ebc-cr__filter-group{--group-colour:#0aad60;border-bottom:6px solid #eef2f3;background:#fff}
.ebc-cr__filter-group-head{position:relative;padding:14px 17px 6px;color:#1f3037;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.ebc-cr__filter-group-head:before{content:"";position:absolute;left:0;top:14px;bottom:6px;width:4px;border-radius:2px;background:var(--group-colour)}
.ebc-cr__filter-group .ebc-cr__filter{padding:6px 17px}
.ebc-cr__filter-group .ebc-cr__filter h5{padding-left:0}
.ebc-cr__filter-count{display:inline-block;padding:1px 7px;border-radius:999px;background:#f1f5f5;color:#7a878d;font-size:10px;font-weight:800}

/* Every filter section (quick filters and Product Field groups alike) is
* independently collapsible - click the heading to fold it away. State is
* tracked per section key in JS and survives re-renders. */
.ebc-cr__filter>h5{cursor:pointer;user-select:none}
.ebc-cr__filter-body{overflow:hidden}
.ebc-cr__filter.is-collapsed .ebc-cr__filter-body{display:none}
.ebc-vf--full .ebc-cr__sidebar .ebc-cr__filter h5:after{transition:transform .15s}
.ebc-vf--full .ebc-cr__sidebar .ebc-cr__filter.is-collapsed h5:after{transform:rotate(-90deg)}

/* Dense product grid: a compact, self-responsive card per product. */
.ebc-cr__catalog-main{min-width:0}
.ebc-vf__product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.ebc-vf__product{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid #dce6e8!important;border-radius:16px!important;background:#fff;box-shadow:0 10px 26px rgba(16,43,51,.08)!important;transition:transform .18s,box-shadow .18s}
.ebc-vf__product:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(16,43,51,.14)!important}

.ebc-vf__card-media{position:relative;display:flex;align-items:stretch;justify-content:center;height:190px;padding:14px;overflow:hidden;background:radial-gradient(circle at 50% 40%,#fff 0%,#f8fbfb 60%,#eef4f5 100%);border-bottom:1px solid #edf2f3}
.ebc-vf__card-media>img,.ebc-vf__card-media>.ebc-vf__image-placeholder{width:100%;height:100%;object-fit:contain;background:transparent!important;transition:transform .2s}
.ebc-vf__product:hover .ebc-vf__card-media>img{transform:scale(1.04)}
.ebc-vf__image-placeholder{display:grid;place-items:center;color:#a7b3b7;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.ebc-vf__card-type{position:absolute;z-index:2;left:10px;top:10px;padding:5px 9px;border-radius:999px;background:#0563a8;color:#fff;font-size:9px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 6px 14px rgba(5,99,168,.25)}
.ebc-vf__savings-ribbon{position:absolute;z-index:2;right:10px;top:10px;padding:5px 9px;border-radius:999px;background:#d94d2f;color:#fff;font-size:11px;font-weight:900}

.ebc-vf__card-body{display:flex;flex-direction:column;padding:16px 16px 18px;gap:8px}
.ebc-vf__sku{display:block;color:#0f7180!important;font-size:10px!important;font-weight:900!important;letter-spacing:.05em;text-transform:uppercase}
.ebc-vf__card-body h4{margin:0!important;color:#14252c;font-size:15px!important;line-height:1.3;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ebc-vf__short-desc{margin:0!important;color:#5b6b71!important;font-size:11.5px!important;line-height:1.5!important;font-weight:500!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ebc-vf__spec-tags{display:flex;flex-wrap:wrap;gap:5px}
.ebc-vf__spec-tags span{padding:3px 8px;border:1px solid #e1e9eb;border-radius:999px;background:#fbfcfc;color:#5b6b71;font-size:10px;font-weight:800}

/* Kaufberater block: was a near-invisible 1px dashed light-grey rule before
 * (#e6edef on white reads as basically no line). Filip flagged that it reads
 * as visually unbounded from the rest of the card - switched to a solid,
 * higher-contrast rule with a bit more breathing room top/bottom. */
.ebc-vf__advisor{border-top:1px solid #d7e0e3;border-bottom:1px solid #d7e0e3;margin:8px 0;padding:12px 0}
.ebc-vf__advisor-head{display:flex;align-items:center;gap:7px;margin-bottom:6px}
.ebc-vf__advisor-head .ebc-cr__stars{font-size:11px}
.ebc-vf__advisor-head span{color:#33464e;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.02em}
.ebc-vf__advisor-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}
.ebc-vf__advisor-grid>div{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#33464e;font-size:10.5px}
.ebc-vf__advisor-grid .ebc-cr__stars{font-size:10px}
/* Was margin:6px 0 0, but the base stylesheet's ".ebc-vf__product p{margin:0}"
 * rule is more specific (class+tag vs. class alone) and silently won,
 * so no gap ever rendered. !important + a bigger value fixes both the
 * override and gives clearer separation from the star grid above, per
 * Filip's feedback 2026-07-27. */
.ebc-vf__advisor-note{margin:14px 0 0!important;color:#66757b;font-size:11px;line-height:1.5}
.ebc-cr__stars{display:inline-flex;gap:1px}.ebc-cr__stars span{color:#d9e0e2}.ebc-cr__stars span.is-active{color:#f2a300}
.ebc-vf__trust-line{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:8px;color:#5b6b71;font-size:9.5px;font-weight:800;letter-spacing:.01em}

.ebc-vf__availability{display:inline-flex;width:max-content;padding:5px 10px;border-radius:999px;font-size:10px;font-weight:900}
.ebc-vf__availability.is-available{background:#e2f8eb!important;color:#08713e!important}
.ebc-vf__availability.is-out-of-stock{background:#fdeceb!important;color:#c4331d!important}
.ebc-vf__availability.is-not-purchasable{background:#f1f3f4!important;color:#5b6b71!important}
.ebc-vf__availability.is-unlinked{background:#eaf1fb!important;color:#1d4f91!important}

.ebc-vf__price{display:grid;gap:1px;color:#d94d2f!important;font-size:21px!important;font-weight:900;letter-spacing:-.02em;margin-top:2px}
.ebc-vf__price small{color:#8b989d;font-size:10px;font-weight:500;letter-spacing:0}

.ebc-vf__buy-row{display:flex;align-items:stretch;gap:6px;margin-top:auto;padding-top:8px;min-width:0}
.ebc-vf__qty-input{width:42px!important;flex:0 0 42px!important;min-height:0!important;padding:0 2px!important;border:1px solid #d7e0e3;border-radius:8px;background:#fff;color:#20343c;font-size:12px!important;font-weight:800;text-align:center;font-family:inherit}
.ebc-vf__product-actions{display:flex!important;flex:1 1 auto!important;gap:6px!important;margin-top:0!important;min-width:0}
.ebc-vf__product-actions a{display:flex!important;align-items:center;justify-content:center;gap:5px;min-height:40px!important;min-width:0;border-radius:8px!important;text-align:center;text-decoration:none!important;font-size:10px!important;font-weight:900!important;white-space:nowrap}
.ebc-vf__cart-button{flex:1 1 auto!important;min-width:0;padding:0 8px!important;background:linear-gradient(135deg,#13bd68,#059c4e)!important;color:#fff!important;box-shadow:0 8px 16px rgba(9,166,84,.22);text-transform:uppercase}
.ebc-vf__btn-icon{flex:0 0 auto}
.ebc-vf__btn-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ebc-vf__details-button{border:1px solid #d7e0e3!important;background:#fff!important;color:#20343c!important;flex:0 0 40px!important;width:40px;padding:0!important}
.ebc-vf__unavailable{display:flex;flex:1;align-items:center;justify-content:center;padding:10px;border-radius:8px;background:#f4f6f7;color:#68777d;font-size:11px;font-weight:800}

.ebc-vf__empty{padding:60px 20px;text-align:center;color:#66757b;font-size:14px}

.ebc-vf__shopping-footer{display:flex;justify-content:space-between;margin-top:20px;padding:15px 0}.ebc-vf__shopping-footer a{border:1px solid #dae4e6;border-radius:10px;background:#fff;padding:11px 15px;color:#14262d!important;text-decoration:none!important;font-weight:800}.ebc-cr__global-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px;border:1px solid #e0e8ea;border-radius:14px;background:#fff;box-shadow:0 9px 26px rgba(18,47,56,.05)}.ebc-cr__global-trust>div{display:flex;align-items:center;gap:12px;padding:18px 22px;border-right:1px solid #edf1f2;color:#08a755;font-size:22px}.ebc-cr__global-trust>div:last-child{border-right:0}.ebc-cr__global-trust span{display:grid}.ebc-cr__global-trust strong{color:#24363d;font-size:11px;text-transform:uppercase}.ebc-cr__global-trust small{color:#7a878d;font-size:10px}

/* This stylesheet only loads on pages that carry the results shortcode, so
 * this override is naturally scoped to those pages and does not touch the
 * theme's footer spacing anywhere else on the site. Astra's footer builder
 * was contributing 110px margin-top + 70px padding-top (180px total) above
 * the footer, which read as a large dead gap directly under the trust bar. */
.site-footer{margin-top:0!important;padding-top:40px!important}

.ebc-vf--home{max-width:1400px!important;padding:18px!important;background:transparent!important;border:0!important;box-shadow:none!important}.ebc-vf--home .ebc-vf__header,.ebc-vf--home .ebc-vf__tabs{display:none}.ebc-vf--home .ebc-vf__panel{padding:16px!important;border-radius:16px!important;box-shadow:0 14px 38px rgba(19,47,56,.1)}.ebc-vf--home .ebc-vf__fields{grid-template-columns:1fr 1fr 1.5fr auto!important}.ebc-vf--home .ebc-vf__submit{grid-column:4;margin:0;align-self:end;min-width:280px}.ebc-vf--home .ebc-vf__status{display:none}

/* Mobile sticky buy bar: pinned once the product's own buy row scrolls out of
* view (see Finder.setupStickyBuyBar in ebc-vehicle-finder.js). Hidden by
* default/on desktop; the JS also gates this to mobile via matchMedia so the
* IntersectionObserver never even sets up on wider viewports. */
.ebc-vf__sticky-bar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:60;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;padding-bottom:calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #dce6e8;box-shadow:0 -10px 26px rgba(16,43,51,.14)}
.ebc-vf__sticky-bar[hidden]{display:none}
.ebc-vf__sticky-info{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1 1 auto}
.ebc-vf__sticky-name{color:#14252c;font-size:11px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ebc-vf__sticky-price{color:#d94d2f;font-size:16px;font-weight:900}
.ebc-vf__sticky-actions{flex:0 0 auto;display:flex;gap:6px}
.ebc-vf__sticky-actions a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:0 16px;border-radius:10px;text-decoration:none!important;font-size:11px;font-weight:900;white-space:nowrap}
.ebc-vf__sticky-actions .ebc-vf__cart-button{background:linear-gradient(135deg,#13bd68,#059c4e)!important;color:#fff!important}
.ebc-vf__sticky-actions .ebc-vf__details-button{display:none}

/* Persistent mini cart: stays fixed on screen while scrolling the whole
 * results page (not tied to any one product), so the customer always sees
 * what's in the basket. Updates its count/total after every add-to-cart and
 * plays a short bump animation so the change is clearly noticeable - see
 * setupMiniCart()/bumpMiniCart() in ebc-vehicle-finder.js. */
.ebc-mini-cart{position:fixed;top:130px;right:24px;z-index:9998;display:flex;align-items:center;gap:9px;padding:11px 18px;border-radius:999px;background:#10272b;color:#fff!important;text-decoration:none!important;box-shadow:0 14px 32px rgba(16,43,51,.28);font-weight:900;font-size:13px;transition:transform .18s,box-shadow .18s}
.ebc-mini-cart:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(16,43,51,.34)}
.ebc-mini-cart__icon{font-size:17px}
.ebc-mini-cart__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#13bd68;color:#fff;font-size:11px;font-weight:900}
.ebc-mini-cart.is-empty .ebc-mini-cart__total{display:none}
.ebc-mini-cart__total{color:#c9d9f5}
.ebc-mini-cart.is-bumping{animation:ebc-mini-cart-bump .45s ease}
@keyframes ebc-mini-cart-bump{0%{transform:scale(1)}30%{transform:scale(1.16)}55%{transform:scale(.96)}100%{transform:scale(1)}}

/* Add-to-cart toast: previously appeared/disappeared with no transition at
 * all. A short slide+fade makes the "this just moved into your cart" moment
 * actually register instead of just snapping into place. */
.ebc-vf__cart-notice{animation:ebc-cart-notice-in .3s ease}
@keyframes ebc-cart-notice-in{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}

@media(max-width:1200px){.ebc-vf__product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:980px){.ebc-cr__catalog{grid-template-columns:1fr}.ebc-cr__sidebar{position:static}.ebc-vf--home .ebc-vf__fields{grid-template-columns:1fr 1fr!important}.ebc-vf--home .ebc-vf__submit{grid-column:1/-1;min-width:0;width:100%}}
@media(max-width:760px){.ebc-cr__selection-bar{flex-direction:column;align-items:stretch;padding:14px 16px}.ebc-cr__selection-change{width:100%}.ebc-cr__hero-facts{gap:8px}.ebc-cr__toolbar{align-items:flex-start;flex-direction:column}.ebc-cr__toolbar label,.ebc-cr__toolbar select{width:100%}.ebc-vf__product-grid{grid-template-columns:1fr!important}.ebc-vf--home .ebc-vf__fields{grid-template-columns:1fr!important}.ebc-vf__results{padding-bottom:78px}.ebc-vf__sticky-bar{display:flex}.ebc-mini-cart{top:auto;bottom:90px;right:14px;padding:9px 14px}}
/* SEO server-rendered fallback list (EBC_Vehicle_Seo_Router::inject_ssr_fallback).
 * Visible to crawlers/no-JS clients; hidden automatically the moment the
 * interactive JS results have rendered, so JS users only see a brief flash. */
.ebc-seo-ssr{max-width:1180px;margin:0 auto 24px;padding:0 20px}
.ebc-seo-ssr h2{font-size:20px;margin:0 0 12px;color:#17262c}
.ebc-seo-ssr__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.ebc-seo-ssr__item a{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid #dce6e8;border-radius:12px;background:#fff;text-decoration:none;color:#17262c}
.ebc-seo-ssr__item img{width:80px;height:80px;object-fit:contain;align-self:center}
.ebc-seo-ssr__name{font-weight:800;font-size:13px}
.ebc-seo-ssr__price{color:#08713e;font-weight:900;font-size:13px}


/* Inline vehicle changer */

.ebc-cr__selection-bar.is-changing-vehicle {
    display: block;
}

.ebc-cr__vehicle-change {
    width: 100%;
    display: grid;
    grid-template-columns:
        minmax(190px, .7fr)
        minmax(520px, 2fr)
        auto;
    align-items: center;
    gap: 14px;
}

.ebc-cr__vehicle-change-title {
    display: grid;
    gap: 2px;
    color: #fff;
}

.ebc-cr__vehicle-change-title strong {
    font-size: 15px;
    font-weight: 900;
}

.ebc-cr__vehicle-change-title small {
    color: #c9d9f5;
    font-size: 11px;
}

.ebc-cr__vehicle-change-fields {
    display: grid;
    grid-template-columns:
        repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.ebc-cr__vehicle-change-fields select {
    width: 100%;
    min-width: 0;
    height: 42px;
    padding: 0 34px 0 11px;

    border:
        1px solid rgba(255,255,255,.45);

    border-radius: 9px;

    background: #fff;
    color: #17262c;

    font: inherit;
    font-size: 12px;
    font-weight: 700;
}

.ebc-cr__vehicle-change-fields select:disabled {
    opacity: .65;
}

.ebc-cr__vehicle-change-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ebc-cr__vehicle-change-submit {
    white-space: nowrap;
}

.ebc-cr__vehicle-change-submit:disabled {
    opacity: .45;
    cursor: not-allowed;
}

.ebc-cr__vehicle-change-cancel {
    border: 0;
    background: transparent;

    color: #fff;

    padding: 10px 8px;

    font-weight: 800;

    cursor: pointer;
}

.ebc-cr__vehicle-change-cancel:hover {
    text-decoration: underline;
}


@media (max-width: 1050px) {

    .ebc-cr__vehicle-change {
        grid-template-columns: 1fr;
    }

    .ebc-cr__vehicle-change-actions {
        justify-content: flex-end;
    }

}


@media (max-width: 700px) {

    .ebc-cr__vehicle-change-fields {
        grid-template-columns: 1fr;
    }

    .ebc-cr__vehicle-change-actions {
        justify-content: stretch;
        flex-wrap: wrap;
    }

    .ebc-cr__vehicle-change-submit {
        flex: 1 1 auto;
    }

}

/* Primary CTA after complete inline vehicle selection */
.ebc-cr__vehicle-change-submit:not(:disabled) {
    background: #d71920;
    border-color: #d71920;
    color: #fff;
}

.ebc-cr__vehicle-change-submit:not(:disabled):hover {
    background: #b9141a;
    border-color: #b9141a;
    color: #fff;
}
/* Compact support request card */

.ebc-vf__support-form {
    margin: 28px auto 0;
    max-width: 720px;
    text-align: left;
}

.ebc-vf__support-card {
    padding: 24px;
    border: 1px solid #dce6e8;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 16px 42px rgba(20,46,55,.10);
}

.ebc-vf__support-card-head {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 18px;
}

.ebc-vf__support-card-head > div {
    display: grid;
    gap: 3px;
}

.ebc-vf__support-card-head strong {
    color: #17262c;
    font-size: 20px;
    font-weight: 900;
}

.ebc-vf__support-card-head small {
    color: #66757b;
    font-size: 13px;
}

.ebc-vf__support-icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 50%;
    background: #eef4ff;
    color: #123f91;
    font-size: 18px;
    font-weight: 900;
}

.ebc-vf__support-vehicle {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    padding: 12px 14px;
    border-radius: 12px;
    background: #f4f7fb;
}

.ebc-vf__support-vehicle > div {
    display: grid;
    gap: 2px;
}

.ebc-vf__support-vehicle strong {
    color: #173f67;
    font-size: 13px;
    font-weight: 900;
}

.ebc-vf__support-vehicle small {
    color: #66757b;
    font-size: 11px;
}

.ebc-vf__support-auto-note {
    margin: 0 0 18px !important;
    color: #738086 !important;
    font-size: 11px !important;
    text-align: center;
}

.ebc-vf__support-fields {
    display: grid;
    gap: 15px;
}

.ebc-vf__support-fields label {
    display: grid;
    gap: 7px;
}

.ebc-vf__support-fields label > span {
    color: #26363d;
    font-size: 12px;
    font-weight: 900;
}

.ebc-vf__support-fields input,
.ebc-vf__support-fields textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #d4dee1;
    border-radius: 10px;
    background: #fff;
    color: #17262c;
    font: inherit;
    font-size: 13px;
    transition:
        border-color .15s,
        box-shadow .15s;
}

.ebc-vf__support-fields input {
    height: 46px;
    padding: 0 13px;
}

.ebc-vf__support-fields textarea {
    min-height: 92px;
    padding: 12px 13px;
    resize: vertical;
}

.ebc-vf__support-fields input:focus,
.ebc-vf__support-fields textarea:focus {
    outline: none;
    border-color: #173f91;
    box-shadow: 0 0 0 3px rgba(23,63,145,.10);
}

.ebc-vf__support-actions {
    display: grid;
    justify-items: center;
    gap: 10px;
    margin-top: 20px;
}

.ebc-vf__support-submit {
    min-width: 190px;
    background: #d71920 !important;
    border-color: #d71920 !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(215,25,32,.22) !important;
}

.ebc-vf__support-submit:hover {
    background: #b9141a !important;
    border-color: #b9141a !important;
}

.ebc-vf__support-status {
    min-height: 18px;
    color: #526269;
    font-size: 12px;
    text-align: center;
}

@media (max-width: 760px) {

    .ebc-vf__support-form {
        max-width: none;
        margin-top: 20px;
    }

    .ebc-vf__support-card {
        padding: 18px;
    }

    .ebc-vf__support-card-head strong {
        font-size: 17px;
    }

    .ebc-vf__support-submit {
        width: 100%;
    }

}


/* EBC Mobile Results Filter Drawer v1 */
.ebc-cr__mobile-actions,
.ebc-cr__mobile-filter-backdrop,
.ebc-cr__active-filter-summary{
    display:none;
}

@media(max-width:760px){

    html.ebc-mobile-filters-open,
    html.ebc-mobile-filters-open body{
        overflow:hidden!important;
    }

    .ebc-cr__toolbar{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) auto!important;
        gap:10px!important;
        align-items:center!important;
        padding:10px 0 12px!important;
        margin-bottom:10px!important;
    }

    .ebc-cr__toolbar-count{
        min-width:0;
        display:flex!important;
        align-items:baseline!important;
        gap:5px!important;
        flex-wrap:wrap!important;
    }

    .ebc-cr__toolbar-count strong{
        font-size:24px!important;
    }

    .ebc-cr__toolbar-count span{
        display:none!important;
    }

    .ebc-cr__toolbar>label{
        grid-column:1/-1;
        display:grid!important;
        grid-template-columns:auto minmax(0,1fr);
        align-items:center!important;
        gap:10px!important;
        margin:0!important;
    }

    .ebc-cr__toolbar>label select{
        width:100%!important;
        min-height:40px!important;
        margin:0!important;
    }

    .ebc-cr__mobile-actions{
        display:flex!important;
    }

    .ebc-cr__mobile-filter-button{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        gap:7px;
        min-height:42px;
        padding:0 15px;
        border:0;
        border-radius:10px;
        background:#0a347f;
        color:#fff;
        font-size:13px;
        font-weight:900;
        box-shadow:0 6px 16px rgba(10,52,127,.18);
        cursor:pointer;
    }

    .ebc-cr__active-filter-summary{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:10px;
        margin:0 0 10px;
        padding:8px 11px;
        border:1px solid #cfe0f5;
        border-radius:10px;
        background:#f4f8fd;
        color:#153c7b;
        font-size:11px;
    }

    .ebc-cr__active-filter-summary button{
        border:0;
        background:transparent;
        color:#0a5fb4;
        font-size:11px;
        font-weight:900;
        cursor:pointer;
    }

    /* Products first. Sidebar becomes off-canvas. */
    .ebc-cr__catalog{
        display:block!important;
    }

    .ebc-cr__catalog-main{
        width:100%!important;
    }

    .ebc-cr__sidebar{
        position:fixed!important;
        z-index:100002!important;
        top:0!important;
        right:0!important;
        bottom:0!important;
        left:auto!important;
        width:min(92vw,420px)!important;
        max-width:420px!important;
        height:100dvh!important;
        margin:0!important;
        border:0!important;
        border-radius:18px 0 0 18px!important;
        background:#fff!important;
        box-shadow:-18px 0 50px rgba(15,23,42,.22)!important;
        overflow-y:auto!important;
        overscroll-behavior:contain;
        transform:translateX(105%);
        visibility:hidden;
        transition:transform .24s ease,visibility .24s ease;
    }

    .ebc-cr__catalog.is-mobile-filter-open .ebc-cr__sidebar{
        transform:translateX(0);
        visibility:visible;
    }

    .ebc-cr__sidebar-head{
        position:sticky!important;
        top:0!important;
        z-index:4!important;
        padding:17px 16px!important;
        background:#fff!important;
        border-bottom:1px solid #dce6e8!important;
    }

    .ebc-cr__sidebar-head strong{
        font-size:15px!important;
        text-transform:none!important;
    }

    .ebc-cr__filter-group-head{
        padding-top:13px!important;
    }

    .ebc-cr__filter{
        padding-top:9px!important;
        padding-bottom:9px!important;
    }

    .ebc-cr__filter>h5{
        min-height:38px;
        display:flex!important;
        align-items:center!important;
        margin:0!important;
        padding-right:28px!important;
        font-size:13px!important;
    }

    .ebc-cr__filter>h5:after{
        content:"›"!important;
        position:absolute!important;
        right:17px!important;
        font-size:20px!important;
        transform:rotate(90deg);
        transition:transform .15s ease;
    }

    .ebc-cr__filter.is-collapsed>h5:after{
        transform:rotate(0deg)!important;
    }

    .ebc-cr__mobile-filter-backdrop{
        position:fixed;
        z-index:100001;
        inset:0;
        display:block;
        background:rgba(15,23,42,.46);
        opacity:0;
        visibility:hidden;
        transition:.2s ease;
        backdrop-filter:blur(2px);
    }

    .ebc-cr__mobile-filter-backdrop.is-open{
        opacity:1;
        visibility:visible;
    }

    /* Customer sees products immediately. */
    .ebc-vf__product-grid{
        margin-top:0!important;
    }
}