/* SetCar Technical SEO & Contact Core v1.6.0 */
:root {
    --setcar-contact-height: 78px;
}

body.setcar-contact-bar-enabled {
    padding-bottom: calc(var(--setcar-contact-height) + env(safe-area-inset-bottom, 0px));
}

/* Catalog-only: remove every native WooCommerce cart/checkout surface. */
body.setcar-catalog-only .header-cart-link,
body.setcar-catalog-only .cart-item,
body.setcar-catalog-only .widget_shopping_cart,
body.setcar-catalog-only .woocommerce-mini-cart,
body.setcar-catalog-only .mini-cart,
body.setcar-catalog-only .add_to_cart_button,
body.setcar-catalog-only .single_add_to_cart_button,
body.setcar-catalog-only form.cart,
body.setcar-catalog-only .quantity,
body.setcar-catalog-only .added_to_cart,
body.setcar-catalog-only a.checkout,
body.setcar-catalog-only .checkout-button {
    display: none !important;
}

.setcar-contact-bar {
    position: fixed;
    z-index: 99990;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 18px calc(10px + env(safe-area-inset-bottom, 0px));
    pointer-events: none;
}

.setcar-contact-bar__inner {
    width: min(1180px, 100%);
    min-height: 68px;
    margin: 0 auto;
    padding: 10px 12px 10px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 22px;
    color: #fff;
    background:
        radial-gradient(circle at 78% 30%, rgba(235,29,37,.22), transparent 30%),
        linear-gradient(110deg, rgba(8,10,14,.98), rgba(18,20,25,.98));
    box-shadow: 0 18px 55px rgba(0,0,0,.34);
    pointer-events: auto;
    contain: layout paint style;
}

.setcar-contact-bar__copy {
    min-width: 0;
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 14px;
    row-gap: 2px;
    align-items: baseline;
}

.setcar-contact-bar__eyebrow {
    grid-column: 1 / -1;
    color: #ff3a42;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .11em;
    line-height: 1.3;
}

.setcar-contact-bar__copy strong {
    overflow: hidden;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.setcar-contact-bar__copy > span:last-child {
    color: rgba(255,255,255,.6);
    font-size: 12px;
    line-height: 1.35;
    white-space: nowrap;
}

.setcar-contact-bar__call {
    min-width: 210px;
    min-height: 50px;
    padding: 7px 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    border-radius: 15px;
    color: #fff !important;
    background: linear-gradient(135deg, #f3262e, #cf0d15);
    box-shadow: 0 10px 28px rgba(237,28,36,.25);
    text-decoration: none !important;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.setcar-contact-bar__call:hover,
.setcar-contact-bar__call:focus-visible {
    color: #fff !important;
    transform: translateY(-2px);
    filter: brightness(1.05);
    box-shadow: 0 14px 34px rgba(237,28,36,.34);
}

.setcar-contact-bar__call span {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.setcar-contact-bar__call small {
    color: rgba(255,255,255,.78);
    font-size: 10px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.setcar-contact-bar__call b {
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.2;
}

@media (max-width: 760px) {
    :root { --setcar-contact-height: 72px; }
    .setcar-contact-bar { padding: 7px 8px calc(7px + env(safe-area-inset-bottom, 0px)); }
    .setcar-contact-bar__inner {
        min-height: 58px;
        padding: 7px 7px 7px 14px;
        gap: 10px;
        border-radius: 17px;
    }
    .setcar-contact-bar__copy {
        display: block;
        min-width: 0;
    }
    .setcar-contact-bar__eyebrow,
    .setcar-contact-bar__copy > span:last-child { display: none; }
    .setcar-contact-bar__copy strong {
        display: block;
        max-width: 42vw;
        font-size: 12px;
        line-height: 1.35;
        white-space: normal;
    }
    .setcar-contact-bar__call {
        min-width: 160px;
        min-height: 46px;
        padding-inline: 13px;
        border-radius: 13px;
    }
    .setcar-contact-bar__call b { font-size: 14px; }
}

@media (max-width: 390px) {
    .setcar-contact-bar__copy strong { max-width: 34vw; font-size: 11px; }
    .setcar-contact-bar__call { min-width: 154px; }
}

@media (prefers-reduced-motion: reduce) {
    .setcar-contact-bar__call { transition: none; }
}


/* Solution content type */
body.post-type-archive-solution .container,
body.single-solution .container,
body.setcar-solution-page .container { max-width: none; }

.setcar-solution-layout {
    --scs-red: #ed1c24;
    --scs-text: #111318;
    --scs-muted: #69707c;
    --scs-line: #e6e8ec;
    --scs-soft: #f5f6f8;
    background: #fff;
    color: var(--scs-text);
}
.setcar-solution-shell { width: min(1240px, calc(100% - 48px)); margin: 0 auto; }
.setcar-solution-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0 0 34px; color:#7a808b; font-size:13px; line-height:1.4; }
.setcar-solution-breadcrumb a { color:inherit; text-decoration:none; }
.setcar-solution-breadcrumb a:hover { color:var(--scs-red); }
.setcar-solution-eyebrow { margin:0 0 12px; color:var(--scs-red); font-size:12px; font-weight:800; letter-spacing:.08em; line-height:1.4; text-transform:uppercase; }

/* Archive */
.setcar-solution-archive__hero { padding:70px 0 38px; border-bottom:1px solid var(--scs-line); background:linear-gradient(180deg,#fff 0%,#fbfbfc 100%); }
.setcar-solution-archive__intro { max-width:840px; }
.setcar-solution-archive__intro h1 { margin:0 0 18px; max-width:820px; font-size:clamp(40px,4.6vw,62px); line-height:1.03; letter-spacing:-.015em; }
.setcar-solution-archive__intro > p:last-child { max-width:760px; margin:0; color:var(--scs-muted); font-size:17px; line-height:1.72; }
.setcar-solution-archive__grid-section { padding:54px 0 78px; }
.setcar-solution-index__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.setcar-solution-index-card { position:relative; display:grid; grid-template-rows:240px 1fr; overflow:hidden; border:1px solid var(--scs-line); border-radius:18px; color:var(--scs-text)!important; background:#fff; text-decoration:none!important; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.setcar-solution-index-card:hover { transform:translateY(-4px); border-color:#d7d9de; box-shadow:0 18px 46px rgba(19,24,34,.08); }
.setcar-solution-index-card__media { display:block; overflow:hidden; background:linear-gradient(145deg,#f4f5f7,#eceef1); }
.setcar-solution-index-card__media img { width:100%; height:100%; display:block; object-fit:cover; object-position:center; padding:0; transition:transform .25s ease; }
.setcar-solution-index-card:hover .setcar-solution-index-card__media img { transform:scale(1.025); }
.setcar-solution-index-card__body { position:relative; display:block; min-height:222px; padding:24px 58px 26px 24px; }
.setcar-solution-index-card__eyebrow { display:block; margin-bottom:12px; color:var(--scs-red); font-size:10px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.setcar-solution-index-card__title { display:block; margin-bottom:12px; color:var(--scs-text); font-size:24px; font-weight:800; line-height:1.18; }
.setcar-solution-index-card__desc { display:block; color:var(--scs-muted); font-size:14px; line-height:1.65; }
.setcar-solution-index-card__arrow { position:absolute; right:20px; bottom:22px; width:34px; height:34px; display:grid; place-items:center; border:1px solid #dddfe4; border-radius:50%; color:var(--scs-red); font-size:15px; transition:transform .2s ease,background-color .2s ease,color .2s ease; }
.setcar-solution-index-card:hover .setcar-solution-index-card__arrow { transform:translate(2px,-2px); background:var(--scs-red); color:#fff; }
.setcar-solution-principles { padding:72px 0 86px; background:#0d1015; color:#fff; }
.setcar-solution-principles__intro { max-width:760px; margin-bottom:36px; }
.setcar-solution-principles__intro h2 { margin:0; max-width:720px; color:#fff; font-size:clamp(30px,3.2vw,44px); line-height:1.12; letter-spacing:-.01em; }
.setcar-solution-principles__items { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid rgba(255,255,255,.15); }
.setcar-solution-principles__items > div { padding:28px 34px 4px 0; }
.setcar-solution-principles__items > div + div { padding-left:34px; border-left:1px solid rgba(255,255,255,.12); }
.setcar-solution-principles__items span { display:block; margin-bottom:24px; color:#ff3940; font-size:12px; font-weight:800; }
.setcar-solution-principles__items strong { display:block; margin-bottom:10px; color:#fff; font-size:20px; }
.setcar-solution-principles__items p { margin:0; color:rgba(255,255,255,.64); font-size:14px; line-height:1.65; }

/* Single solution - full width, no theme sidebar */
.setcar-solution-single__hero { padding:54px 0 58px; border-bottom:1px solid var(--scs-line); background:linear-gradient(180deg,#fff 0%,#fafbfc 100%); }
.setcar-solution-hero-grid { display:grid; grid-template-columns:minmax(0,1.03fr) minmax(380px,.97fr); gap:68px; align-items:center; }
.setcar-solution-head { max-width:680px; margin:0; }
.setcar-solution-head h1 { margin:0 0 12px; color:var(--scs-text); font-size:clamp(36px,3.7vw,52px); line-height:1.02; letter-spacing:-.012em; }
.setcar-solution-head h2 { margin:0 0 18px; max-width:650px; color:var(--scs-text); font-size:clamp(22px,2.1vw,30px); line-height:1.22; letter-spacing:0; }
.setcar-solution-head > p:last-child { max-width:660px; margin:0; color:var(--scs-muted); font-size:16px; line-height:1.72; }
.setcar-solution-hero-media { position:relative; min-height:0; aspect-ratio:14/9; margin:0; display:block; overflow:hidden; border:0; border-radius:22px; background:#0d1015; box-shadow:0 18px 48px rgba(20,24,32,.10); }
.setcar-solution-hero-media img { width:100%; height:100%; display:block; object-fit:cover; object-position:center; padding:0; transform:scale(1.002); }
.setcar-solution-process { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:52px; border-top:1px solid var(--scs-line); }
.setcar-solution-process > div { padding:26px 30px 0 0; }
.setcar-solution-process > div + div { padding-left:30px; border-left:1px solid var(--scs-line); }
.setcar-solution-process span { display:block; margin-bottom:14px; color:var(--scs-red); font-size:11px; font-weight:800; }
.setcar-solution-process strong { display:block; margin-bottom:7px; font-size:17px; line-height:1.35; }
.setcar-solution-process p { margin:0; color:var(--scs-muted); font-size:13px; line-height:1.6; }
.setcar-solution-custom-content { padding:0; }
.setcar-solution-custom-content > .row,
.setcar-solution-custom-content > .section { margin-top:0; }

/* Product presentation */
.setcar-solution-products { padding:76px 0 88px; background:#fff; }
.setcar-solution-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:32px; margin-bottom:32px; }
.setcar-solution-section-head > div { max-width:780px; }
.setcar-solution-section-head h2 { margin:0 0 9px; color:var(--scs-text); font-size:clamp(30px,3.2vw,44px); line-height:1.12; letter-spacing:-.01em; }
.setcar-solution-section-head p:not(.setcar-solution-eyebrow) { margin:0; color:var(--scs-muted); font-size:15px; line-height:1.65; }
.setcar-solution-section-link { flex:0 0 auto; color:var(--scs-text)!important; font-size:13px; font-weight:700; text-decoration:none!important; }
.setcar-solution-section-link span { color:var(--scs-red); }
.setcar-solution-products__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.setcar-solution-product-card { position:relative; display:block; overflow:hidden; border:1px solid var(--scs-line); border-radius:18px; color:var(--scs-text)!important; background:#fff; text-decoration:none!important; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.setcar-solution-product-card:hover { transform:translateY(-3px); border-color:#d7d9de; box-shadow:0 16px 40px rgba(18,24,34,.07); }
.setcar-solution-product-card__media { position:relative; display:block; aspect-ratio:1/1; overflow:hidden; background:#f4f5f7; }
.setcar-solution-product-card__media img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .25s ease; }
.setcar-solution-product-card:hover .setcar-solution-product-card__media img { transform:scale(1.025); }
.setcar-solution-product-card__arrow { position:absolute; right:14px; top:14px; width:34px; height:34px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.65); border-radius:50%; color:#111; background:rgba(255,255,255,.88); backdrop-filter:blur(8px); }
.setcar-solution-product-card__body { display:block; min-height:168px; padding:19px 20px 22px; }
.setcar-solution-product-card__vehicles { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:12px; }
.setcar-solution-product-card__vehicles > span { padding:5px 8px; border-radius:999px; color:#59606b; background:#f0f1f3; font-size:10px; font-weight:700; line-height:1; }
.setcar-solution-product-card__title { display:block; margin-bottom:9px; color:var(--scs-text); font-size:20px; font-weight:760; line-height:1.3; }
.setcar-solution-product-card__summary { display:block; color:var(--scs-muted); font-size:13px; line-height:1.58; }
.setcar-solution-empty { padding:30px; border:1px dashed #d7d9df; border-radius:16px; color:var(--scs-muted); background:#fafbfc; }

/* Related knowledge replaces unrelated sidebar */
.setcar-solution-knowledge { padding:76px 0 82px; border-top:1px solid var(--scs-line); background:#f7f8f9; }
.setcar-solution-knowledge__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.setcar-solution-knowledge-card { position:relative; min-height:180px; padding:24px 54px 24px 24px; display:block; border:1px solid #e1e3e7; border-radius:16px; color:var(--scs-text)!important; background:#fff; text-decoration:none!important; transition:transform .2s ease,border-color .2s ease; }
.setcar-solution-knowledge-card:hover { transform:translateY(-3px); border-color:#d2d5da; }
.setcar-solution-knowledge-card__meta { display:block; margin-bottom:28px; color:#8a9099; font-size:11px; }
.setcar-solution-knowledge-card__title { display:block; font-size:18px; font-weight:750; line-height:1.42; }
.setcar-solution-knowledge-card__arrow { position:absolute; right:20px; bottom:20px; color:var(--scs-red); }
.setcar-solution-next { padding:34px 0 40px; border-top:1px solid var(--scs-line); background:#fff; }
.setcar-solution-next .setcar-solution-shell { display:flex; align-items:flex-start; gap:28px; }
.setcar-solution-next .setcar-solution-shell > span { flex:0 0 auto; padding-top:2px; color:#8b919a; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; }
.setcar-solution-next .setcar-solution-shell > div { display:flex; flex-wrap:wrap; gap:9px 18px; }
.setcar-solution-next a { color:#30353d!important; font-size:13px; font-weight:700; text-decoration:none!important; }
.setcar-solution-next a:hover { color:var(--scs-red)!important; }
body.single-solution .page-title,
body.post-type-archive-solution .page-title,
body.single-solution #secondary,
body.post-type-archive-solution #secondary,
body.single-solution .sidebar,
body.post-type-archive-solution .sidebar { display:none!important; }

@media (max-width: 980px) {
    .setcar-solution-hero-grid { grid-template-columns:1fr; gap:34px; }
    .setcar-solution-hero-media { min-height:0; aspect-ratio:14/9; }
    .setcar-solution-hero-media img { height:100%; }
    .setcar-solution-products__grid,
    .setcar-solution-index__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .setcar-solution-principles__items,
    .setcar-solution-process { grid-template-columns:1fr; }
    .setcar-solution-principles__items > div + div,
    .setcar-solution-process > div + div { padding-left:0; border-left:0; border-top:1px solid rgba(255,255,255,.12); }
    .setcar-solution-process > div + div { border-top:1px solid var(--scs-line); }
    .setcar-solution-knowledge__grid { grid-template-columns:1fr; }
}
@media (max-width: 700px) {
    .setcar-solution-shell { width:min(100% - 28px,1240px); }
    .setcar-solution-archive__hero { padding:42px 0 30px; }
    .setcar-solution-archive__intro h1 { font-size:38px; }
    .setcar-solution-single__hero { padding:34px 0 42px; }
    .setcar-solution-head h1 { font-size:38px; }
    .setcar-solution-head h2 { font-size:24px; }
    .setcar-solution-hero-media { min-height:0; aspect-ratio:4/3; border-radius:16px; }
    .setcar-solution-hero-media img { height:100%; padding:0; object-fit:cover; }
    .setcar-solution-products { padding:58px 0 68px; }
    .setcar-solution-products__grid,
    .setcar-solution-index__grid { grid-template-columns:1fr; }
    .setcar-solution-section-head { align-items:flex-start; flex-direction:column; margin-bottom:26px; }
    .setcar-solution-section-head h2 { font-size:32px; }
    .setcar-solution-index-card { grid-template-rows:220px 1fr; }
    .setcar-solution-principles { padding:56px 0 64px; }
    .setcar-solution-next .setcar-solution-shell { flex-direction:column; gap:14px; }
}
@media (prefers-reduced-motion: reduce) {
    .setcar-solution-index-card,
    .setcar-solution-index-card__media img,
    .setcar-solution-product-card,
    .setcar-solution-product-card__media img,
    .setcar-solution-knowledge-card { transition:none; }
}

/* Quiet product detail affordance for any remaining native Woo loops. */
.setcar-product-detail-button--icon {
    width: 36px;
    height: 36px;
    display: inline-grid;
    place-items: center;
    border: 1px solid #e1e3e7;
    border-radius: 50%;
    color: #ed1c24 !important;
    background: #fff;
    text-decoration: none !important;
    transition: transform .2s ease, background-color .2s ease, color .2s ease;
}
.setcar-product-detail-button--icon:hover { transform: translate(2px,-2px); background:#ed1c24; color:#fff !important; }


/* =========================================================
   SETCAR HEADER — v1.6.0
   Compact corporate header + structured solution mega menu.
   ========================================================= */
@media (min-width: 850px) {
    #header .header-main {
        height: 76px !important;
        min-height: 76px !important;
        background: #050505 !important;
        border-bottom: 1px solid rgba(255,255,255,.07);
    }

    #header .header-main .header-inner {
        width: min(1580px, calc(100% - 38px));
        max-width: none !important;
        min-height: 76px;
        height: 76px;
        padding: 0 !important;
        gap: 12px;
        align-items: center;
    }

    #header #logo {
        flex: 0 0 132px;
        width: 132px !important;
        margin: 0 18px 0 0 !important;
    }
    #header #logo img {
        width: 132px !important;
        max-width: 132px !important;
        max-height: 44px !important;
        height: auto !important;
        object-fit: contain;
    }

    #header .header-main .flex-left.flex-grow {
        min-width: 0;
        flex: 1 1 auto;
    }
    #header .header-nav-main.nav-left {
        display: flex;
        flex-wrap: nowrap !important;
        align-items: stretch;
        justify-content: center;
        width: 100%;
        min-width: 0;
        margin: 0 !important;
        white-space: nowrap;
    }
    #header .header-nav-main.nav-left > li {
        flex: 0 0 auto;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
    }

    #header #menu-item-1113 { order: 1; }
    #header #menu-item-1109 { order: 2; }
    #header .setcar-solutions-menu { order: 3; }
    #header #menu-item-1107 { order: 4; }
    #header #menu-item-1106 { order: 5; }
    #header #menu-item-1152 { order: 6; }
    #header #menu-item-1110 { order: 7; }

    #header .header-nav-main.nav-left > li > a.nav-top-link {
        position: relative;
        min-height: 76px;
        padding: 0 11px !important;
        display: inline-flex;
        align-items: center;
        gap: 5px;
        color: rgba(255,255,255,.82) !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
        letter-spacing: 0;
        text-transform: none !important;
        transition: color .18s ease;
    }
    #header .header-nav-main.nav-left > li > a.nav-top-link::after {
        content: "";
        position: absolute;
        left: 11px;
        right: 11px;
        bottom: 15px;
        height: 2px;
        border-radius: 2px;
        background: #ed1c24;
        transform: scaleX(0);
        transform-origin: center;
        transition: transform .18s ease;
    }
    #header .header-nav-main.nav-left > li > a.nav-top-link:hover,
    #header .header-nav-main.nav-left > li.current-menu-item > a.nav-top-link,
    #header .header-nav-main.nav-left > li.current-menu-parent > a.nav-top-link,
    #header .header-nav-main.nav-left > li.current-menu-ancestor > a.nav-top-link,
    #header .header-nav-main.nav-left > li.active > a.nav-top-link {
        color: #fff !important;
    }
    #header .header-nav-main.nav-left > li > a.nav-top-link:hover::after,
    #header .header-nav-main.nav-left > li.current-menu-item > a.nav-top-link::after,
    #header .header-nav-main.nav-left > li.current-menu-parent > a.nav-top-link::after,
    #header .header-nav-main.nav-left > li.current-menu-ancestor > a.nav-top-link::after,
    #header .header-nav-main.nav-left > li.active > a.nav-top-link::after {
        transform: scaleX(1);
    }

    #header .setcar-solutions-menu > a .icon-angle-down {
        margin-left: 2px;
        color: rgba(255,255,255,.48);
        font-size: 10px;
        transition: transform .18s ease,color .18s ease;
    }
    #header .setcar-solutions-menu:hover > a .icon-angle-down {
        color: #fff;
        transform: rotate(180deg);
    }

    /* Utilities are deliberately quiet: this is a catalogue/lead-gen site, not checkout-first UI. */
    #header .header-main .flex-right {
        flex: 0 0 auto;
        margin-left: 10px;
    }
    #header .header-nav-main.nav-right {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        gap: 7px;
    }
    #header .account-item .header-button { margin: 0 !important; }
    #header .account-item .account-link,
    #header .header-search > a.nav-top-link {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: grid !important;
        place-items: center;
        border: 1px solid rgba(255,255,255,.16) !important;
        border-radius: 50% !important;
        color: #fff !important;
        background: rgba(255,255,255,.035) !important;
        box-shadow: none !important;
        transition: border-color .18s ease, background-color .18s ease, color .18s ease;
    }
    #header .account-item .account-link:hover,
    #header .header-search > a.nav-top-link:hover {
        border-color: rgba(237,28,36,.72) !important;
        background: rgba(237,28,36,.12) !important;
        color: #fff !important;
    }
    #header .account-item .header-account-title { display: none !important; }
    #header .account-item .account-link i,
    #header .header-search > a.nav-top-link .icon-search {
        margin: 0 !important;
        font-size: 17px !important;
        line-height: 1 !important;
    }

    /* Refined solution mega menu: compact, dense, and visually grouped. */
    #header .setcar-solutions-menu { position: relative; }
    #header .setcar-solutions-menu > .sub-menu.nav-dropdown {
        left: 50% !important;
        right: auto !important;
        top: calc(100% - 1px) !important;
        width: 624px !important;
        min-width: 624px !important;
        padding: 14px 14px 12px !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-rows: 26px repeat(3, 44px) 42px;
        column-gap: 0;
        row-gap: 0;
        transform: translateX(-50%) !important;
        border: 1px solid rgba(255,255,255,.11) !important;
        border-radius: 12px !important;
        background:
            linear-gradient(135deg, rgba(255,255,255,.025), transparent 36%),
            #090a0c !important;
        box-shadow: 0 18px 46px rgba(0,0,0,.46) !important;
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        overflow: hidden;
    }
    #header .setcar-solutions-menu > .sub-menu.nav-dropdown::before,
    #header .setcar-solutions-menu > .sub-menu.nav-dropdown::after {
        display:none !important;
        content:none !important;
    }

    #header .setcar-solutions-menu > .sub-menu.nav-dropdown > li {
        position: relative;
        margin: 0 !important;
        padding: 0 12px !important;
        border: 0 !important;
        background: transparent !important;
    }
    #header .setcar-solutions-menu > .sub-menu.nav-dropdown > li:nth-child(n+4):not(.setcar-menu-solution-all) {
        border-left: 1px solid rgba(255,255,255,.07) !important;
    }
    #header .setcar-solutions-menu > .sub-menu.nav-dropdown > li > a {
        position: relative;
        height: 44px;
        min-height: 44px;
        padding: 0 !important;
        display: flex;
        align-items: center;
        border: 0 !important;
        border-radius: 0;
        color: rgba(255,255,255,.84) !important;
        background: transparent !important;
        font-size: 14.5px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
        text-transform: none !important;
        transition: color .15s ease, padding-left .15s ease;
    }
    #header .setcar-solutions-menu > .sub-menu.nav-dropdown > li > a::before {
        content: "";
        width: 5px;
        height: 5px;
        margin-right: 9px;
        border-radius: 50%;
        background: rgba(237,28,36,.52);
        box-shadow: 0 0 0 4px rgba(237,28,36,.07);
        transition: background-color .15s ease, box-shadow .15s ease, transform .15s ease;
        flex: 0 0 auto;
    }
    #header .setcar-solutions-menu > .sub-menu.nav-dropdown > li > a::after {
        content: "↗";
        margin-left: auto;
        padding-left: 8px;
        color: rgba(255,255,255,0);
        font-size: 12px;
        transform: translate(-3px, 1px);
        transition: color .15s ease, transform .15s ease;
    }
    #header .setcar-solutions-menu > .sub-menu.nav-dropdown > li > a:hover,
    #header .setcar-solutions-menu > .sub-menu.nav-dropdown > li.current-menu-item > a {
        color: #fff !important;
        padding-left: 2px !important;
    }
    #header .setcar-solutions-menu > .sub-menu.nav-dropdown > li > a:hover::before,
    #header .setcar-solutions-menu > .sub-menu.nav-dropdown > li.current-menu-item > a::before {
        background: #ed1c24;
        box-shadow: 0 0 0 5px rgba(237,28,36,.13);
        transform: scale(1.08);
    }
    #header .setcar-solutions-menu > .sub-menu.nav-dropdown > li > a:hover::after,
    #header .setcar-solutions-menu > .sub-menu.nav-dropdown > li.current-menu-item > a::after {
        color: #ed1c24;
        transform: translate(0, 1px);
    }

    /* Group headings are attached to the first item in each column. */
    #header .setcar-menu-solution--vision { grid-column:1; grid-row:2; }
    #header .setcar-menu-solution--odo { grid-column:1; grid-row:3; }
    #header .setcar-menu-solution--hud { grid-column:1; grid-row:4; }
    #header .setcar-menu-solution--ai360 { grid-column:2; grid-row:2; }
    #header .setcar-menu-solution--azcam { grid-column:2; grid-row:3; }
    #header .setcar-menu-solution--setgate { grid-column:3; grid-row:2; }
    #header .setcar-menu-solution--setaudio { grid-column:3; grid-row:3; }

    #header .setcar-menu-solution--vision::before,
    #header .setcar-menu-solution--ai360::before,
    #header .setcar-menu-solution--setgate::before {
        position: absolute;
        left: 12px;
        top: -22px;
        display: block;
        color: rgba(255,255,255,.46);
        font-size: 10px;
        font-weight: 800;
        letter-spacing: .12em;
        line-height: 1;
        text-transform: uppercase;
        white-space: nowrap;
    }
    #header .setcar-menu-solution--vision::before { content:"Hiển thị & dữ liệu"; }
    #header .setcar-menu-solution--ai360::before { content:"Quan sát & ghi hình"; }
    #header .setcar-menu-solution--setgate::before { content:"Tiện nghi & âm thanh"; }

    #header .setcar-menu-solution-all {
        grid-column:1 / -1;
        grid-row:5;
        margin: 4px 0 0 !important;
        padding: 6px 12px 0 !important;
        border-top: 1px solid rgba(255,255,255,.08) !important;
    }
    #header .setcar-menu-solution-all > a {
        height: 34px !important;
        min-height: 34px !important;
        color: rgba(255,255,255,.72) !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        letter-spacing: .02em;
    }
    #header .setcar-menu-solution-all > a::before { display:none !important; }
    #header .setcar-menu-solution-all > a::after {
        content:"→" !important;
        color:#ed1c24 !important;
        opacity:1 !important;
        transform:none !important;
        font-size:13px !important;
    }
    #header .setcar-menu-solution-all > a:hover { color:#fff !important; }

    /* Thin red accent instead of a large white dropdown caret. */
    #header .setcar-solutions-menu > .sub-menu.nav-dropdown {
        border-top-color: rgba(237,28,36,.52) !important;
    }
    #header .setcar-solutions-menu > .sub-menu.nav-dropdown:focus-within { outline:none; }
    #header .stuck .header-main,
    #header.stuck .header-main { height: 64px !important; min-height:64px !important; }
    #header .stuck .header-main .header-inner,
    #header.stuck .header-main .header-inner { height:64px; min-height:64px; }
    #header .stuck .header-nav-main.nav-left > li > a.nav-top-link,
    #header.stuck .header-nav-main.nav-left > li > a.nav-top-link { min-height:64px; }
    #header .stuck .header-nav-main.nav-left > li > a.nav-top-link::after,
    #header.stuck .header-nav-main.nav-left > li > a.nav-top-link::after { bottom:11px; }
}

@media (min-width: 850px) and (max-width: 1180px) {
    #header .header-main .header-inner { width:calc(100% - 24px); gap:7px; }
    #header #logo { flex-basis:108px; width:108px !important; margin-right:7px !important; }
    #header #logo img { width:108px !important; max-width:108px !important; max-height:40px !important; }
    #header .header-nav-main.nav-left > li > a.nav-top-link { padding-inline:5px !important; font-size:14px !important; letter-spacing:0; }
    #header .header-main .flex-right { margin-left:4px; }
    #header .account-item .account-link,
    #header .header-search > a.nav-top-link { width:36px !important; min-width:36px !important; height:36px !important; min-height:36px !important; }
    #header .setcar-solutions-menu > .sub-menu.nav-dropdown { width:580px !important; min-width:580px !important; padding-inline:12px !important; }
}

@media (max-width: 849px) {
    #header .header-main { background:#050505 !important; }
    #header .mobile-nav .nav-top-link,
    #header .mobile-nav .icon-menu,
    #header .mobile-nav .icon-search { color:#fff !important; }
    /* Mobile keeps Flatsome's native nested menu, but the PHP-normalized solution list is used. */
    #header .nav-sidebar .setcar-menu-solution-all > a { color:#ed1c24 !important; font-weight:700; }
}