/* AutoVista Agency v7: anchored split-pane mega menu and accessible mobile categories */
.av-header{overflow:visible;isolation:isolate}.av7-main-nav{gap:clamp(16px,2.1vw,30px)}
.av7-nav-browse{display:flex;align-items:center;gap:1px}
.av7-nav-browse .av7-browse-label{display:flex;align-items:center;gap:7px;color:#151922;font-size:13px;font-weight:850;letter-spacing:-.012em;min-height:48px;position:relative;transition:color .18s ease}
.av7-browse-label:after{content:"";position:absolute;left:0;bottom:3px;width:0;height:2px;border-radius:4px;background:#e5273d;transition:width .25s ease}
.av7-nav-browse:hover .av7-browse-label:after,.av7-nav-browse:focus-within .av7-browse-label:after,.av7-nav-browse.is-open .av7-browse-label:after{width:100%}
.av7-nav-browse:hover .av7-browse-label,.av7-nav-browse:focus-within .av7-browse-label{color:#cc2438}
.av7-chevron{font-size:15px;transition:transform .25s ease;display:inline-block}.av7-nav-browse:hover .av7-chevron,.av7-nav-browse.is-open .av7-chevron{transform:rotate(180deg)}
.av7-browse-caret{display:grid;place-items:center;background:transparent;border:0;color:#555e6d;width:22px;height:38px;border-radius:7px;padding:0;transition:background .2s,color .2s}
.av7-browse-caret svg{width:15px;height:15px;stroke:currentColor;stroke-width:2;fill:none}.av7-browse-caret:hover,.av7-browse-caret:focus-visible{background:#f4e9ec;color:#bd2439}
.av7-mega{position:absolute;top:calc(100% - 1px);left:50%;transform:translate(-50%,-13px) scale(.985);width:min(980px,calc(100vw - 54px));max-height:min(720px,calc(100vh - 110px));display:grid;grid-template-columns:minmax(280px,.88fr) minmax(0,1.35fr);overflow:auto;border:1px solid #eceef2;border-radius:0 0 22px 22px;box-shadow:0 26px 72px rgba(20,25,36,.16);background:#fff;visibility:hidden;opacity:0;pointer-events:none;z-index:80;transition:opacity .22s ease,transform .33s cubic-bezier(.16,1,.3,1),visibility .22s}
.av7-nav-browse:hover .av7-mega,.av7-nav-browse:focus-within .av7-mega,.av7-nav-browse.is-open .av7-mega{visibility:visible;opacity:1;pointer-events:auto;transform:translate(-50%,0) scale(1)}
.av7-mega-photo{min-height:382px;position:relative;background:linear-gradient(145deg,#161b25,#383b43);overflow:hidden}
.av7-mega-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(6,9,16,.34) 53%,rgba(6,9,16,.94) 100%);pointer-events:none}
.av7-mega-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .8s cubic-bezier(.18,.82,.28,1);display:block}
.av7-nav-browse:hover .av7-mega-photo>img,.av7-nav-browse.is-open .av7-mega-photo>img{transform:scale(1.055)}
.av7-mega-photo-copy{position:absolute;bottom:25px;left:26px;right:22px;z-index:1;display:grid;gap:10px;color:#fff}
.av7-mega-photo-copy>span{color:#d4d9e0;letter-spacing:.15em;font-size:9px;font-weight:850}
.av7-mega-photo-copy>strong{color:#fff;line-height:1.12;font-size:clamp(23px,2.5vw,34px);font-weight:850;letter-spacing:-.045em;max-width:350px}
.av7-mega-photo-copy>small{font-size:12px;font-weight:750;color:#f8d3d9}
.av7-mega-links{padding:24px 23px 23px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start}
.av7-mega-top{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;align-items:end;padding:2px 4px 13px;margin-bottom:2px;border-bottom:1px solid #edf0f3}
.av7-mega-top>div>span{letter-spacing:.14em;color:#9a9fa9;font-weight:850;font-size:10px}.av7-mega-top h2{color:#171d25;margin:3px 0 0;font-size:24px;letter-spacing:-.045em;line-height:1.2;font-weight:850}
.av7-mega .av7-mega-top>a{font-size:11px;white-space:nowrap;color:#d72e43;font-weight:800;display:inline-flex;gap:7px}
.av7-mega .av7-mega-item{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) 12px;align-items:center;gap:9px;min-height:87px;padding:12px 9px;border-radius:13px;background:#fff;border:1px solid #edf0f3;white-space:normal;color:#1d222b;transform:translateY(8px);opacity:0;transition:background .2s ease,border-color .2s ease,transform .3s ease,box-shadow .2s ease,opacity .2s ease}
.av7-nav-browse:hover .av7-mega-item,.av7-nav-browse:focus-within .av7-mega-item,.av7-nav-browse.is-open .av7-mega-item{transform:translateY(0);opacity:1}
.av7-mega-item:nth-child(2){transition-delay:0ms}.av7-mega-item:nth-child(3){transition-delay:30ms}.av7-mega-item:nth-child(4){transition-delay:60ms}.av7-mega-item:nth-child(5){transition-delay:90ms}.av7-mega-item:nth-child(6){transition-delay:120ms}.av7-mega-item:nth-child(7){transition-delay:150ms}
.av7-mega .av7-mega-item:hover,.av7-mega .av7-mega-item:focus-visible{background:#fbf4f6;border-color:#f0c2cb;transform:translateY(-2px);box-shadow:0 7px 24px rgba(187,27,49,.08);color:#161c25}
.av7-category-icon{width:46px;height:46px;border-radius:12px;background:#f2f4f6;display:grid;place-items:center;color:#464d58;transition:background .2s,color .2s}
.av7-cat-suv,.av7-cat-muv{background:#eaf1ff;color:#364f89}.av7-cat-luxury{background:#fff3eb;color:#9a6037}.av7-cat-hatchback{background:#edf7f1;color:#317956}
.av7-mega-item:hover .av7-category-icon{background:#fbe3e8;color:#bd1f37}.av7-category-icon svg{width:34px;height:23px}
.av7-mega-item strong{display:block;font-size:13px;line-height:1.2;font-weight:850;letter-spacing:-.015em}.av7-mega-item small{display:block;color:#858c97;font-size:10px;line-height:1.35;margin-top:5px;font-weight:500}
.av7-category-arrow{font-size:16px;color:#adb1ba;justify-self:end;transition:transform .18s,color .18s}.av7-mega-item:hover .av7-category-arrow{color:#db263d;transform:translate(2px,-2px)}
.av7-mobile-nav{background:#fff}.av7-mobile-categories{border-bottom:1px solid #e9edf2}.av7-mobile-categories>summary{cursor:pointer;list-style:none;font-size:14px;font-weight:850;padding:15px 4px;display:flex;align-items:center;justify-content:space-between}.av7-mobile-categories>summary::-webkit-details-marker{display:none}.av7-mobile-categories>summary span{transition:transform .2s ease}.av7-mobile-categories[open]>summary span{transform:rotate(180deg)}.av7-mobile-category-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:7px 0 14px}.av7-mobile-nav .av7-mobile-category-links>a{border:1px solid #e8ecf0;border-radius:10px;padding:11px;background:#f8f9fb;font-size:12px;font-weight:750}.av7-mobile-nav .av7-mobile-category-links>a:hover{border-color:#efadb9;background:#fdf0f3}
@media(max-width:1190px){.av7-main-nav{gap:16px}.av-header-actions .av-garage-link span{display:none}.av-header-actions{gap:9px}.av-head-sell{padding:12px}}
@media(max-width:920px){.av7-main-nav{display:none}.av7-mobile-nav:not([hidden]){display:grid}.av7-mega{display:none}}
@media(prefers-reduced-motion:reduce){.av7-mega,.av7-mega-item,.av7-mega-photo>img,.av7-chevron,.av7-category-arrow{transition:none!important}.av7-mega-item{transform:none}}

/* v7.1: Sell Cars has its own image-led dropdown, while Buy Cars retains category browsing. */
.av7-main-nav .av7-nav-sell .av7-mega-sell{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr)}
.av7-main-nav .av7-nav-sell .av7-mega-photo>img{object-position:58% center}
.av7-mega .av7-sell-links{grid-template-columns:1fr;gap:12px;padding:28px}
.av7-sell-links .av7-mega-top{margin-bottom:4px}
.av7-mega .av7-sell-item{grid-template-columns:58px minmax(0,1fr) 18px;min-height:110px;padding:15px 16px;gap:16px}
.av7-sell-item .av7-sell-icon{width:56px;height:56px;display:grid;place-items:center;background:#eef3ff;color:#285ddd;border-radius:15px;transition:background .2s ease,color .2s ease}
.av7-sell-item .av7-sell-icon svg{width:29px;height:29px}
.av7-sell-item .av7-sell-icon-price{background:#f4edfc;color:#7450bf}
.av7-mega .av7-sell-item strong{font-size:17px;letter-spacing:-.035em}
.av7-mega .av7-sell-item small{font-size:12px;margin-top:6px;line-height:1.5;white-space:normal}
.av7-mega .av7-sell-item:hover .av7-sell-icon{background:#fde8ec;color:#ce2740}
.av7-sell-note{display:flex;align-items:center;gap:12px;background:#f8f9fb;padding:15px 17px;border-radius:13px;border:1px solid #eff1f4;margin-top:1px}
.av7-sell-note-icon{flex:0 0 26px;height:26px;display:grid;place-items:center;background:#e6f5eb;color:#1b7e42;border-radius:50%;font-weight:900}
.av7-sell-note p{color:#6d7581;margin:0;font-size:11px;line-height:1.55;white-space:normal}
.av7-sell-note strong{color:#222b36;font-size:12px}
.av7-nav-sell:hover .av7-sell-item:nth-child(2),.av7-nav-sell.is-open .av7-sell-item:nth-child(2){transition-delay:0ms}
.av7-nav-sell:hover .av7-sell-item:nth-child(3),.av7-nav-sell.is-open .av7-sell-item:nth-child(3){transition-delay:65ms}
@media(max-width:920px){.av7-main-nav .av7-mega-sell{display:none}.av7-mobile-sell{border-bottom:1px solid #e9edf2}}
@media(prefers-reduced-motion:reduce){.av7-sell-icon{transition:none!important}}

/* Single intentional chevron and explicit dismissal when pressing Escape. */
.av7-main-nav .av7-chevron{display:none}
.av7-main-nav .av7-browse-caret svg{transition:transform .22s ease}
.av7-main-nav .av7-nav-browse:hover .av7-browse-caret svg,.av7-main-nav .av7-nav-browse.is-open .av7-browse-caret svg{transform:rotate(180deg)}
.av7-nav-browse.av7-dismissed .av7-mega{visibility:hidden!important;opacity:0!important;pointer-events:none!important;transform:translate(-50%,-13px) scale(.985)!important}

/* v7.2: Restore Home as first navigation option on desktop and mobile. */
.av7-main-nav>.av7-home-link{display:inline-flex;align-items:center;position:relative;padding:8px 0;transition:color .2s ease}
.av7-main-nav>.av7-home-link:after{content:"";position:absolute;bottom:4px;left:0;right:100%;height:2px;border-radius:2px;background:#e5273d;transition:right .22s ease}
.av7-main-nav>.av7-home-link:hover:after,.av7-main-nav>.av7-home-link:focus-visible:after,.av7-main-nav>.av7-home-link[aria-current="page"]:after{right:0}
.av7-main-nav>.av7-home-link[aria-current="page"]{color:#e5273d}
.av7-mobile-nav>.av7-mobile-home{display:block;font-size:14px;font-weight:850}
.av7-mobile-nav>.av7-mobile-home[aria-current="page"]{color:#e5273d}


/* v7.3 Luxury HD mega menus: clear source imagery, sharp type and editorial controls. */
@media (min-width:921px){
  .av-header{position:relative;z-index:200;overflow:visible}
  .av7-main-nav{gap:clamp(13px,1.65vw,25px)}
  .av7-main-nav>.av7-home-link,.av7-main-nav .av7-nav-browse .av7-browse-label{font-size:14px;font-weight:760;letter-spacing:-.018em}
  .av7-mega{
    width:min(1100px,calc(100vw - 44px));max-height:min(660px,calc(100vh - 95px));
    grid-template-columns:minmax(0,1.01fr) minmax(0,1.22fr);
    border-radius:0 0 24px 24px;border:1px solid #e4e8ec;border-top:2px solid #e72d45;
    overflow:auto;background:#fff;box-shadow:0 34px 85px rgba(6,15,31,.22),0 8px 21px rgba(6,15,31,.09);
    transform:translate(-50%,-15px);transition:opacity .24s ease,transform .36s cubic-bezier(.2,1,.25,1),visibility .24s
  }
  .av7-nav-browse:hover .av7-mega,.av7-nav-browse:focus-within .av7-mega,.av7-nav-browse.is-open .av7-mega{transform:translate(-50%,0)}
  .av7-mega-photo{min-height:480px;background:#121a28;overflow:hidden;isolation:isolate}
  .av7-mega-photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:59% 50%;image-rendering:auto;filter:none;transform:none!important;will-change:auto;backface-visibility:visible;transition:none}
  .av7-nav-sell .av7-mega-photo>img{object-position:57% center}
  .av7-mega-photo:after{background:linear-gradient(180deg,rgba(6,12,22,.22) 0%,rgba(4,8,15,.08) 37%,rgba(5,9,16,.54) 62%,rgba(2,5,11,.98) 100%)}
  .av73-image-tag{z-index:2;position:absolute;top:26px;left:28px;color:#fff;background:rgba(11,18,29,.75);border:1px solid rgba(255,255,255,.31);border-radius:100px;padding:10px 14px;font-size:10px;font-weight:780;letter-spacing:.09em;line-height:1;box-shadow:0 5px 20px rgba(0,0,0,.15)}
  .av7-mega-photo-copy{left:32px;right:28px;bottom:31px;gap:15px}
  .av7-mega-photo-copy>span{display:flex;align-items:center;gap:9px;color:#e4e8ef;font-size:11px;letter-spacing:.125em;font-weight:820}
  .av73-dot{display:inline-block;width:7px;height:7px;background:#fd5368;border-radius:50%;box-shadow:0 0 0 4px rgba(241,63,89,.18)}
  .av7-mega-photo-copy>strong{max-width:435px;font-size:clamp(30px,3vw,40px);font-weight:820;line-height:1.09;letter-spacing:-.043em;text-shadow:0 2px 17px rgba(0,0,0,.32);color:#fff}
  .av73-photo-cta{width:max-content;display:inline-flex;align-items:center;gap:18px;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.97);color:#111722!important;padding:12px 17px;border-radius:11px;font-size:12.5px;font-weight:800;box-shadow:0 10px 30px rgba(0,0,0,.2);transition:background .2s,transform .2s,box-shadow .2s}
  .av73-photo-cta:hover,.av73-photo-cta:focus-visible{background:#fff;transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.25)}
  .av73-photo-cta span{font-size:19px}
  .av7-mega-links{padding:29px 26px;gap:12px;align-content:start}
  .av7-mega-top{margin:0 0 5px;padding:0 1px 21px;border-bottom:1px solid #e8ebf0;align-items:end}
  .av7-mega-top>div>span{font-size:10px;letter-spacing:.13em;color:#dd3046;font-weight:820}
  .av7-mega-top h2{font-size:27px;font-weight:830;letter-spacing:-.04em;line-height:1.12;color:#141923;margin:6px 0 0}
  .av7-mega-top p{margin:6px 0 0;font-size:12.5px;font-weight:470;line-height:1.5;color:#738092}
  .av7-mega .av7-mega-top>a{font-size:12px;color:#c52037;padding-bottom:4px}
  .av7-mega .av7-mega-item{grid-template-columns:77px minmax(0,1fr) 13px;gap:12px;min-height:102px;padding:11px;background:#fff;border:1px solid #e9ecf1;border-radius:15px;transition:opacity .23s,transform .3s cubic-bezier(.2,1,.3,1),background .2s,border-color .2s,box-shadow .2s}
  .av7-mega .av7-mega-item:hover,.av7-mega .av7-mega-item:focus-visible{background:#fff;border-color:#eeb6c1;box-shadow:0 12px 27px rgba(24,35,52,.09);transform:translateY(-3px)}
  .av73-category-image{display:block;width:77px;height:68px;overflow:hidden;border-radius:10px;background:#e9edf0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}
  .av73-category-image>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;image-rendering:auto;filter:none;transform:none;transition:transform .32s ease}
  .av7-mega-item:hover .av73-category-image>img{transform:scale(1.045)}
  .av7-mega-item strong{font-size:14px;font-weight:820;letter-spacing:-.022em;color:#18202c}
  .av7-mega-item small{font-size:11px;line-height:1.42;margin-top:5px;color:#707c8c}
  .av7-category-arrow{font-size:18px;color:#a2abb5}
  .av7-main-nav .av7-nav-sell .av7-mega-sell{grid-template-columns:minmax(0,1.01fr) minmax(0,1.22fr)}
  .av7-mega .av7-sell-links{padding:31px 28px;gap:15px}
  .av7-mega .av7-sell-item{grid-template-columns:67px minmax(0,1fr) 16px;min-height:119px;padding:17px 17px;gap:15px;background:linear-gradient(115deg,#fff,#fbfcfe)}
  .av7-sell-item .av7-sell-icon{width:62px;height:62px;border-radius:15px;background:#fff1f2;color:#bd213c;border:1px solid #ffdae2}
  .av7-sell-item .av7-sell-icon-price{background:#eef4ff;border-color:#dfeaff;color:#3264c5}
  .av7-mega .av7-sell-item strong{font-size:18px;line-height:1.13;letter-spacing:-.034em}
  .av7-mega .av7-sell-item small{font-size:12.5px;line-height:1.48;color:#6e7a87;margin-top:7px}
  .av7-mega .av7-sell-item:hover .av7-sell-icon{background:#fce0e5;color:#b22238}
  .av7-sell-note{padding:17px 19px;border-radius:14px;background:#f5f8fb;border-color:#e4eaf0}
  .av7-sell-note p{font-size:12px;line-height:1.65}.av7-sell-note strong{font-size:12.5px}
  .av7-nav-browse.av7-dismissed .av7-mega{transform:translate(-50%,-15px)!important}
}
@media (min-width:921px) and (max-width:1120px){
 .av7-mega{width:calc(100vw - 24px);grid-template-columns:.9fr 1.1fr}
 .av7-mega-photo{min-height:460px}.av7-mega-links{padding:22px 20px;gap:9px}
 .av7-mega .av7-mega-item{grid-template-columns:60px minmax(0,1fr) 12px;gap:9px;min-height:95px;padding:9px}
 .av73-category-image{width:60px;height:65px}.av7-mega-photo-copy>strong{font-size:31px}
}
@media (max-width:920px){
 .av7-mobile-nav .av7-mobile-category-links>a{background:#fff;border-color:#e1e7ec;font-size:13px;padding:14px;border-radius:12px;box-shadow:0 2px 8px rgba(20,30,50,.025)}
 .av7-mobile-nav .av7-mobile-category-links>a:hover,.av7-mobile-nav .av7-mobile-category-links>a:focus-visible{background:#fff5f6;border-color:#f0adb8;transform:translateY(-1px)}
}
@media(prefers-reduced-motion:reduce){.av73-photo-cta,.av73-category-image>img{transition:none!important}}


/* v7.4 pointer-safe mega menus — bridge the header/menu boundary.
   Keeping the bridge inside the nav trigger preserves its hover ancestry.
   The JavaScript close grace period also supports diagonal mouse movement. */
@media (min-width:921px){
  .av7-nav-browse>.av7-browse-label,
  .av7-nav-browse>.av7-browse-caret{position:relative}
  .av7-nav-browse>.av7-browse-label::before,
  .av7-nav-browse>.av7-browse-caret::after{
    content:"";position:absolute;top:calc(100% - 1px);height:31px;
    left:-7px;width:calc(100% + 14px);display:block;
    pointer-events:none;background:transparent;z-index:2
  }
  .av7-nav-browse:hover>.av7-browse-label::before,
  .av7-nav-browse:focus-within>.av7-browse-label::before,
  .av7-nav-browse.is-open>.av7-browse-label::before,
  .av7-nav-browse:hover>.av7-browse-caret::after,
  .av7-nav-browse:focus-within>.av7-browse-caret::after,
  .av7-nav-browse.is-open>.av7-browse-caret::after{pointer-events:auto}
}