
:root{
    --wei-menu-bg:#b8b8b8;
    --wei-brand-bg:#a3a3a3;
    --wei-nav-bg:#adadad;
    --wei-text:#fff;
    --wei-muted:rgba(255,255,255,.62);
    --wei-dark:#30343a;
    --wei-red:#e00000;
}
body.wei-menu-open{overflow:hidden}
.wei-vehicles{font-family:Arial,Helvetica,sans-serif}
.wei-vehicles--overlay{position:fixed;inset:0;z-index:999999;display:none}
.wei-vehicles--overlay.is-visible{display:block}
.wei-vehicles__backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.42);cursor:default}
.wei-vehicles__panel{
    position:relative;
    width:100%;
    min-height:645px;
    display:grid;
    grid-template-columns:minmax(245px,25.5vw) minmax(330px,20vw) 1fr;
    background:var(--wei-menu-bg);
    overflow:hidden;
}
.wei-vehicles--overlay .wei-vehicles__panel{position:absolute;top:0;left:0;right:0}
.wei-vehicles__close{
    position:absolute;right:25px;top:18px;z-index:5;width:42px;height:42px;
    border:0;background:transparent;color:#fff;font-size:38px;line-height:1;cursor:pointer;
}
.wei-vehicles__brand{
    background:var(--wei-brand-bg);
    display:flex;justify-content:center;align-items:flex-start;
    padding:48px 25px;
}
.wei-vehicles__brand-name{
    color:#fff;font-size:27px;line-height:1;font-weight:700;letter-spacing:-1px;
}
.wei-vehicles__nav{
    background:var(--wei-nav-bg);
    padding:28px 42px 40px 40px;
    color:var(--wei-text);
}
.wei-vehicle-group{border:0}
.wei-vehicle-group__toggle{
    width:100%;border:0;background:none;color:#fff;padding:10px 0 12px;
    display:flex;align-items:center;justify-content:space-between;
    text-align:left;font-size:21px;font-weight:700;cursor:pointer;
}
.wei-vehicle-group__symbol{font-size:27px;font-weight:300;line-height:1}
.wei-vehicle-group__items{display:none;padding:0 0 10px}
.wei-vehicle-group.is-open .wei-vehicle-group__items{display:block}
.wei-vehicle-item{
    display:block;width:100%;border:0;background:none;color:var(--wei-muted);
    padding:8px 0;text-align:left;font-size:20px;font-weight:400;
    line-height:1.35;cursor:pointer;transition:.15s ease;
}
.wei-vehicle-item:hover,.wei-vehicle-item.is-active{color:#fff}
.wei-vehicle-group__empty{display:block;color:var(--wei-muted);font-size:14px;padding:5px 0 12px}
.wei-vehicles__showcase{
    position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;
    justify-content:flex-start;padding:85px 6vw 55px;color:var(--wei-dark);
}
.wei-vehicles__watermark{
    position:absolute;top:100px;left:50%;transform:translateX(-50%);
    font-size:82px;font-weight:800;letter-spacing:3px;color:rgba(100,100,100,.15);
    pointer-events:none;white-space:nowrap;
}
.wei-vehicles__image-wrap{
    width:min(670px,76%);height:315px;position:relative;z-index:1;
    display:flex;align-items:center;justify-content:center;margin-top:25px;
}
.wei-vehicles__image{
    display:block;max-width:100%;max-height:100%;width:auto;height:auto;
    object-fit:contain;filter:drop-shadow(0 15px 8px rgba(0,0,0,.13));
}
.wei-vehicles__vehicle-title{
    margin:15px 0 18px;font-size:25px;line-height:1.2;font-weight:400;text-align:center;
}
.wei-vehicles__more{
    min-width:250px;height:46px;padding:0 30px;border:2px solid var(--wei-red);
    display:inline-flex;align-items:center;justify-content:center;
    color:var(--wei-red)!important;background:transparent;text-decoration:none!important;
    font-size:15px;font-weight:400;transition:.2s ease;
}
.wei-vehicles__more:hover{background:var(--wei-red);color:#fff!important}
.wei-vehicles__empty-all{margin:auto;font-size:18px;color:#555}
.wei-vehicles--inline{width:100%}
.wei-vehicles--inline .wei-vehicles__close{display:none}

@media (max-width: 1100px){
    .wei-vehicles__panel{grid-template-columns:190px 300px 1fr}
    .wei-vehicles__nav{padding-left:28px;padding-right:28px}
    .wei-vehicles__showcase{padding-left:3vw;padding-right:3vw}
    .wei-vehicles__image-wrap{width:90%}
}
@media (max-width: 767px){
    .wei-vehicles--overlay{overflow:auto;background:var(--wei-menu-bg)}
    .wei-vehicles--overlay .wei-vehicles__panel{position:relative}
    .wei-vehicles__panel{
        min-height:100vh;display:block;background:var(--wei-menu-bg);
    }
    .wei-vehicles__close{position:fixed;right:12px;top:10px;font-size:34px}
    .wei-vehicles__brand{
        min-height:75px;padding:27px 55px 22px 22px;justify-content:flex-start;
    }
    .wei-vehicles__brand-name{font-size:24px}
    .wei-vehicles__nav{padding:18px 22px;background:var(--wei-nav-bg)}
    .wei-vehicle-group__toggle{font-size:18px;padding:11px 0}
    .wei-vehicle-item{font-size:17px;padding:8px 0 8px 12px}
    .wei-vehicles__showcase{padding:35px 20px 45px;min-height:390px}
    .wei-vehicles__watermark{top:34px;font-size:53px}
    .wei-vehicles__image-wrap{height:215px;width:100%;margin-top:18px}
    .wei-vehicles__vehicle-title{font-size:21px;margin:10px 0 16px}
    .wei-vehicles__more{width:100%;max-width:310px}
}


/* v1.0.1 - neutraliza o dropdown nativo do XStore no item que aciona o mega menu */
.menu-item:has(> a.wei-vehicles-menu-trigger) > .nav-sublist-dropdown,
.menu-item:has(> a.wei-vehicles-menu-trigger) > .nav-sublist,
.menu-item:has(> a.wei-vehicles-menu-trigger) > .sub-menu,
.menu-item:has(> a.wei-vehicles-menu-trigger) > .menu-static-block {
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}


/* v1.0.2 — identidade visual WEI Motors */
:root{
    --wei-orange:#a93600;
    --wei-orange-2:#d25718;
    --wei-graphite:#242424;
    --wei-graphite-2:#353535;
    --wei-warm:#ece9e5;
}
.wei-vehicles__panel{
    background:
      radial-gradient(circle at 76% 42%, rgba(210,87,24,.12), transparent 31%),
      linear-gradient(120deg,#ece9e5 0%,#e3dfda 58%,#d8d3cd 100%);
}
.wei-vehicles__brand{
    position:relative;
    background:
      linear-gradient(180deg,rgba(255,255,255,.98),rgba(242,239,235,.98));
    border-right:1px solid rgba(0,0,0,.08);
    padding:48px 34px;
}
.wei-vehicles__brand:after{
    content:"";
    position:absolute;left:0;right:0;bottom:0;height:8px;
    background:linear-gradient(90deg,var(--wei-orange),var(--wei-orange-2));
}
.wei-vehicles__brand-logo-wrap{width:min(220px,90%);}
.wei-vehicles__brand-logo{display:block;width:100%;height:auto;object-fit:contain;}
.wei-vehicles__brand-kicker{
    margin-top:32px;font-size:12px;font-weight:800;letter-spacing:3.2px;color:var(--wei-orange);
}
.wei-vehicles__brand-line{width:48px;height:3px;background:var(--wei-orange);margin:15px 0;}
.wei-vehicles__brand-copy{
    max-width:190px;margin:0;color:#686868;font-size:13px;line-height:1.55;
}
.wei-vehicles__nav{
    position:relative;
    background:
      linear-gradient(145deg,var(--wei-graphite),#303030 65%,#3a3a3a);
    box-shadow:18px 0 40px rgba(0,0,0,.08);
}
.wei-vehicles__nav:before{
    content:"";position:absolute;left:0;top:28px;bottom:28px;width:3px;
    background:linear-gradient(var(--wei-orange),var(--wei-orange-2));
}
.wei-vehicle-group__toggle{letter-spacing:.2px;}
.wei-vehicle-group__toggle:hover,
.wei-vehicle-group.is-open .wei-vehicle-group__toggle{color:#fff;}
.wei-vehicle-group.is-open .wei-vehicle-group__toggle span:first-child{color:#fff;}
.wei-vehicle-group.is-open .wei-vehicle-group__symbol{color:var(--wei-orange-2);}
.wei-vehicle-item{
    position:relative;padding-left:0;transition:padding .2s ease,color .2s ease;
}
.wei-vehicle-item:hover,.wei-vehicle-item.is-active{padding-left:14px;color:#fff;}
.wei-vehicle-item.is-active:before{
    content:"";position:absolute;left:0;top:50%;width:6px;height:6px;border-radius:50%;
    background:var(--wei-orange-2);transform:translateY(-50%);
}
.wei-vehicles__watermark{
    color:rgba(169,54,0,.075);font-size:90px;letter-spacing:6px;
}
.wei-vehicles__showcase:before{
    content:"WEI";position:absolute;right:-10px;bottom:-55px;
    font-size:260px;line-height:1;font-weight:900;letter-spacing:-20px;
    color:rgba(255,255,255,.22);pointer-events:none;
}
.wei-vehicles__image-wrap{z-index:2;}
.wei-vehicles__vehicle-title{
    position:relative;z-index:2;font-weight:600;color:#2c2c2c;letter-spacing:.2px;
}
.wei-vehicles__more{
    position:relative;z-index:2;border-color:var(--wei-orange);
    color:var(--wei-orange)!important;font-weight:600;
}
.wei-vehicles__more:hover{
    background:var(--wei-orange);border-color:var(--wei-orange);color:#fff!important;
}
.wei-vehicles__close{color:#555;}
@media(max-width:767px){
    .wei-vehicles__brand{padding:24px 55px 20px 22px;min-height:96px;}
    .wei-vehicles__brand-logo-wrap{width:165px;}
    .wei-vehicles__brand-kicker,.wei-vehicles__brand-line,.wei-vehicles__brand-copy{display:none;}
    .wei-vehicles__showcase:before{font-size:150px;bottom:-25px;}
}
