/*
============================================================
AUTOMART MEGA MENU V39.6.2
CLEAN ISOLATED AUTHORITY

No font-family/font-size/line-height/letter-spacing authority.
Global AutoMart typography remains authoritative.
============================================================
*/

.premium-topbar,
.premium-nav-shell {
    overflow: visible !important;
}

.premium-topbar {
    position: relative;
    z-index: 950;
}


/* =========================================================
   NAV
   ========================================================= */

.am-nav-v3962 {
    position: static;
}

.am-nav-v3962__root {
    position: static;

    display: flex;
    align-items: center;
}

.am-nav-v3962__trigger {
    display: inline-flex !important;

    align-items: center;

    gap: 5px;
}

.am-nav-v3962__trigger > svg {
    width: 14px;
    height: 14px;

    transition:
        transform .16s ease;
}

.am-nav-v3962__root.is-open
.am-nav-v3962__trigger > svg {
    transform:
        rotate(180deg);
}


/* =========================================================
   SHELL
   ========================================================= */

.am-mega-v3962 {
    position: absolute;

    left: 50%;
    top: calc(100% + 7px);

    width:
        min(1180px, calc(100vw - 64px));

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transform:
        translate(-50%, 8px);

    border:
        1px solid #dfe6e2;

    border-radius:
        17px;

    background:
        #ffffff;

    box-shadow:
        0 22px 58px rgba(16,24,40,.18);

    transition:
        opacity .16s ease,
        transform .16s ease,
        visibility .16s ease;

    z-index:
        9999;
}


.am-mega-v3962::before {
    content: "";

    position: absolute;

    top: -16px;
    left: 0;
    right: 0;

    height: 17px;
}


.am-nav-v3962__root.is-open
.am-mega-v3962 {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;

    transform:
        translate(-50%, 0);
}


.am-mega-v3962__layout {
    display: grid;

    grid-template-columns:
        278px
        minmax(0,1fr);
}


/* =========================================================
   LEFT RAIL
   ========================================================= */

.am-mega-v3962__rail {
    padding: 18px;

    border-right:
        1px solid #e7ece9;

    border-radius:
        17px 0 0 17px;

    background:
        #f7f8f8;
}


.am-mega-v3962__guide {
    display: grid;

    grid-template-columns:
        44px minmax(0,1fr) 16px;

    align-items: center;

    gap: 10px;

    min-height: 74px;

    padding: 10px 11px;

    margin-bottom: 10px;

    border:
        1px solid #d5e7dd;

    border-radius:
        11px;

    background:
        #ebf7f0;

    color:
        #135d3d;

    text-decoration:
        none !important;
}


.am-mega-v3962__guide-icon {
    width: 43px;
    height: 43px;

    display: grid;
    place-items: center;

    border-radius: 9px;

    background:
        rgba(255,255,255,.85);
}


.am-mega-v3962__guide-icon svg {
    width: 28px;
    height: 28px;
}


.am-mega-v3962__guide > span:nth-child(2) {
    min-width: 0;

    display: grid;

    gap: 2px;
}


.am-mega-v3962__guide small {
    color:
        #74828d;
}


.am-mega-v3962__rail-links {
    display: grid;

    gap: 4px;
}


.am-mega-v3962__rail-links > a {
    display: grid;

    grid-template-columns:
        40px minmax(0,1fr) 16px;

    align-items: center;

    gap: 10px;

    min-height: 68px;

    padding: 8px 9px;

    border:
        1px solid transparent;

    border-radius:
        10px;

    color:
        #25313e;

    text-decoration:
        none !important;

    transition:
        transform .16s ease,
        background .16s ease,
        border-color .16s ease;
}


.am-mega-v3962__rail-links > a:hover {
    transform:
        translateX(3px);

    background:
        #ffffff;

    border-color:
        #e1e8e4;
}


.am-mega-v3962__rail-icon {
    width: 38px;
    height: 38px;

    display: grid;
    place-items: center;
}


.am-mega-v3962__rail-icon svg {
    width: 27px;
    height: 27px;
}


.am-mega-v3962__rail-links > a > span:nth-child(2) {
    min-width: 0;

    display: grid;

    gap: 2px;
}


.am-mega-v3962__rail-links small {
    color:
        #7a8694;
}


/* =========================================================
   DISCOVERY
   ========================================================= */

.am-mega-v3962__discover {
    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(0,1fr);

    grid-template-rows:
        auto
        auto;

    column-gap: 25px;

    padding:
        20px 22px 16px;
}


.am-mega-v3962__group {
    min-width: 0;
}


.am-mega-v3962__brands {
    padding-left: 24px;

    border-left:
        1px solid #edf0ef;
}


.am-mega-v3962__head {
    display: flex;

    align-items: flex-start;
    justify-content: space-between;

    gap: 12px;

    margin-bottom: 14px;
}


.am-mega-v3962__head > div {
    min-width: 0;

    display: flex;

    align-items: flex-start;

    gap: 9px;
}


.am-mega-v3962__head-icon {
    flex: 0 0 auto;

    width: 31px;
    height: 31px;

    display: grid;
    place-items: center;

    color:
        #087748;
}


.am-mega-v3962__head-icon svg {
    width: 28px;
    height: 28px;
}


.am-mega-v3962__head > div > span:last-child {
    min-width: 0;

    display: grid;

    gap: 3px;
}


.am-mega-v3962__head small {
    color:
        #7a8694;
}


.am-mega-v3962__head > a {
    flex: 0 0 auto;

    display: inline-flex;

    align-items: center;

    gap: 6px;

    color:
        #087748;

    text-decoration:
        none !important;
}


/* =========================================================
   BODY STYLE CARDS
   ========================================================= */

.am-mega-v3962__body-grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0,1fr));

    gap: 10px;
}


.am-mega-v3962__body-grid > a {
    min-width: 0;
    min-height: 122px;

    display: grid;

    align-content: center;
    justify-items: center;

    gap: 7px;

    padding:
        8px 6px 10px;

    overflow: hidden;

    border:
        1px solid #e0e6e3;

    border-radius:
        11px;

    background:
        #ffffff;

    color:
        #25313e;

    text-decoration:
        none !important;

    transition:
        transform .17s ease,
        border-color .17s ease,
        box-shadow .17s ease;
}


.am-mega-v3962__body-grid > a:hover {
    transform:
        translateY(-3px);

    border-color:
        #cfded6;

    box-shadow:
        0 9px 20px rgba(16,24,40,.08);
}


.am-mega-v3962__body-media {
    width: 100%;
    height: 67px;

    display: block;

    overflow: hidden;

    border-radius:
        9px;

    background:
        #f3f7f5;
}


.am-mega-v3962__body-media img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position:
        center 68%;

    transform:
        scale(1.12);

    transition:
        transform .18s ease;
}


.am-mega-v3962__body-grid > a:hover
.am-mega-v3962__body-media img {
    transform:
        scale(1.17);
}


/* =========================================================
   BRAND CARDS
   ========================================================= */

.am-mega-v3962__brand-grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0,1fr));

    gap: 10px;
}


.am-mega-v3962__brand-grid > a {
    min-width: 0;
    min-height: 95px;

    display: grid;

    align-content: center;
    justify-items: center;

    gap: 5px;

    padding:
        8px 4px;

    overflow: hidden;

    border:
        1px solid #e0e6e3;

    border-radius:
        10px;

    background:
        #ffffff;

    color:
        #25313e;

    text-decoration:
        none !important;

    transition:
        transform .17s ease,
        border-color .17s ease,
        box-shadow .17s ease;
}


.am-mega-v3962__brand-grid > a:hover {
    transform:
        translateY(-3px);

    border-color:
        #cfded6;

    box-shadow:
        0 9px 19px rgba(16,24,40,.08);
}


.am-mega-v3962__brand-media {
    width: 76px;
    height: 48px;

    display: grid;
    place-items: center;

    color:
        #656d74;
}


.am-mega-v3962__brand-media svg {
    width: 72px;
    height: 45px;

    display: block;

    overflow: visible;

    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}


.am-mega-v3962__brand-media--toyota {
    color: #7d8586;
}

.am-mega-v3962__brand-media--nissan {
    color: #22272d;
}

.am-mega-v3962__brand-media--hyundai {
    color: #145da0;
}

.am-mega-v3962__brand-media--honda {
    color: #656b69;
}

.am-mega-v3962__brand-media--mercedes {
    color: #454b48;
}

.am-mega-v3962__brand-media--kia {
    color: #14171a;
}

.am-mega-v3962__brand-media--vw {
    color: #145da0;
}

.am-mega-v3962__brand-media--audi {
    color: #7a7f80;
}

.am-mega-v3962__brand-media--lexus {
    color: #858a89;
}

.am-mega-v3962__brand-media--chevrolet {
    color: #d59d14;
}


.am-v3962-whitefill {
    fill: #ffffff;
}


.am-mega-v3962__brand-media--bmw svg,
.am-mega-v3962__brand-media--ford svg {
    stroke:
        none;
}


.am-v3962-bmw-outer {
    fill: #14181c;
}

.am-v3962-bmw-inner {
    fill: #ffffff;
}

.am-v3962-bmw-blue {
    fill: #2d83c6;
}


.am-v3962-ford-bg {
    fill: #1760a8;
}

.am-mega-v3962__brand-media--ford path {
    fill: none;
    stroke: #ffffff;
    stroke-width: 1.8;
    stroke-linecap: round;
}


/* =========================================================
   SELL STRIP
   ========================================================= */

.am-mega-v3962__sell {
    grid-column:
        1 / -1;

    min-height: 72px;

    display: flex;

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

    gap: 20px;

    margin-top: 18px;

    padding:
        10px 14px;

    border:
        1px solid #dbeae2;

    border-radius:
        11px;

    background:
        linear-gradient(
            90deg,
            #edf8f2,
            #f6fbf8
        );
}


.am-mega-v3962__sell > div {
    display: flex;

    align-items: center;

    gap: 12px;
}


.am-mega-v3962__sell-icon {
    width: 48px;
    height: 48px;

    display: grid;
    place-items: center;

    border-radius:
        10px;

    background:
        #daf2e5;
}


.am-mega-v3962__sell-icon svg {
    width: 42px;
    height: 29px;
}


.am-mega-v3962__sell-icon path:first-child {
    fill:
        #128650;
}

.am-mega-v3962__sell-icon path:nth-child(2) {
    fill:
        #a3dbc1;
}

.am-mega-v3962__sell-icon circle {
    fill:
        #26302b;
}


.am-mega-v3962__sell > div > span:last-child {
    display: grid;

    gap: 3px;
}


.am-mega-v3962__sell small {
    color:
        #778493;
}


.am-mega-v3962__sell > a {
    flex: 0 0 auto;

    min-height: 43px;

    padding:
        0 19px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 8px;

    border-radius:
        8px;

    background:
        #078b4f;

    color:
        #ffffff;

    text-decoration:
        none !important;

    box-shadow:
        0 5px 12px rgba(7,139,79,.18);
}


/* =========================================================
   MEDIUM DESKTOP
   ========================================================= */

@media (max-width:1180px) {

    .am-mega-v3962 {
        width:
            calc(100vw - 34px);
    }


    .am-mega-v3962__layout {
        grid-template-columns:
            245px
            minmax(0,1fr);
    }


    .am-mega-v3962__discover {
        column-gap: 15px;

        padding: 17px;
    }


    .am-mega-v3962__brands {
        padding-left: 15px;
    }


    .am-mega-v3962__body-media {
        height: 58px;
    }


    .am-mega-v3962__brand-media {
        width: 68px;
        height: 44px;
    }


    .am-mega-v3962__brand-media svg {
        width: 65px;
        height: 41px;
    }

}


/* Existing AutoMart mobile navigation remains authoritative. */

@media (max-width:900px) {

    .am-mega-v3962 {
        display:
            none !important;
    }

}

/* ============================================================
   AUTOMART MEGA MENU V39.6.3
   BRAND LOGO SCALE REFINEMENT
   ============================================================ */

.am-mega-v3962__brand-grid > a {
    min-height: 104px;
    padding: 7px 4px 9px;
}

/* Larger visual footprint without enlarging the card too much */
.am-mega-v3962__brand-media {
    width: 92px;
    height: 57px;

    display: grid;
    place-items: center;
}

.am-mega-v3962__brand-media svg {
    width: 86px;
    height: 54px;

    max-width: 100%;
    max-height: 100%;

    overflow: visible;
}

/* Slight individual balancing because each logo has
   different natural proportions */

.am-mega-v3962__brand-media--toyota svg {
    transform: scale(1.10);
}

.am-mega-v3962__brand-media--nissan svg {
    transform: scale(1.08);
}

.am-mega-v3962__brand-media--hyundai svg {
    transform: scale(1.10);
}

.am-mega-v3962__brand-media--honda svg {
    transform: scale(1.08);
}

.am-mega-v3962__brand-media--mercedes svg {
    transform: scale(1.11);
}

.am-mega-v3962__brand-media--bmw svg {
    transform: scale(1.10);
}

.am-mega-v3962__brand-media--kia svg {
    transform: scale(1.13);
}

.am-mega-v3962__brand-media--ford svg {
    transform: scale(1.14);
}

.am-mega-v3962__brand-media--vw svg {
    transform: scale(1.10);
}

.am-mega-v3962__brand-media--audi svg {
    transform: scale(1.15);
}

.am-mega-v3962__brand-media--lexus svg {
    transform: scale(1.12);
}

.am-mega-v3962__brand-media--chevrolet svg {
    transform: scale(1.14);
}


/* Long names must remain readable instead of clipping */
.am-mega-v3962__brand-grid > a > strong {
    max-width: 100%;

    text-align: center;

    white-space: normal;

    overflow-wrap: break-word;
}


/* Preserve hover animation with enlarged starting scale */

.am-mega-v3962__brand-grid > a:hover
.am-mega-v3962__brand-media {
    transform: translateY(-1px);
}


/* Medium desktop */

@media (max-width:1180px) {

    .am-mega-v3962__brand-media {
        width: 82px;
        height: 51px;
    }

    .am-mega-v3962__brand-media svg {
        width: 78px;
        height: 49px;
    }

}