/* Consistent public navigation; no newsletter or admin selectors. */
/* Only the carbon-fiber portion uses the old artwork. Red spans the full header,
   avoiding its baked-in bottom border and the seam at the old image width. */
body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header{position:relative;background:linear-gradient(to bottom,#b10710 0%,#92060f 48%,#77020a 100%)!important}
body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header::before{content:'';position:absolute;left:0;top:0;width:262px;height:85px;background:url('../img/header_bg.jpg') no-repeat left top;background-size:1013px 87px;clip-path:polygon(0 0,261px 0,245px 85px,0 85px);pointer-events:none}
body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header{align-items:flex-end;gap:0;padding:0 15px 0 10px;flex-wrap:nowrap;min-height:85px}
body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header>a{position:relative;display:flex;align-items:center;align-self:flex-start;flex:0 0 240px;width:240px;height:85px;min-height:85px;margin:0 auto 0 0}
body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header #logo{width:230px;height:85px;object-fit:contain;object-position:left center;margin:0;max-width:100%}
body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header>nav{flex:0 1 auto;float:none;width:auto;margin:0;padding:0 5px 12px;min-width:0}
body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header>nav:last-child{margin:0;flex:0 1 auto}
body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header>nav{position:relative;z-index:30}
body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header>nav:hover,body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header>nav:focus-within{z-index:40}
body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header ul.dropdown>li{position:relative}
body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header>nav>ul{margin:0!important;font-size:11px!important;white-space:nowrap}
body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header>nav:last-child>ul{margin:0!important}
body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header ul.dropdown ul{width:240px;max-width:calc(100vw - 40px);box-sizing:border-box;white-space:normal}
body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header ul.dropdown ul{background:#333;opacity:1}
body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header ul.dropdown ul li{float:none;display:block;width:100%;box-sizing:border-box;white-space:normal}
body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header ul.dropdown ul a{display:block;box-sizing:border-box;white-space:normal;overflow-wrap:break-word;line-height:1.4;padding:8px 12px;width:100%}
body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header ul.dropdown li:focus-within{position:relative;z-index:599}
body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header ul.dropdown li:focus-within>ul{visibility:visible}
body.cs-inventory-wide #inventory .vehicle .buttons a{padding:4px 10px;line-height:20px;min-height:30px}
.cs-inventory-wide .cs-inventory-excerpt{display:block;max-height:7em;overflow:hidden}
.cs-inventory-wide .cs-inventory-excerpt.cs-excerpt-measured{max-height:none}
.cs-mobile-inventory-filter{display:block;align-self:start;min-width:0}.cs-mobile-inventory-filter>summary{display:none}
@media(max-width:760px){body.cs-inventory-wide #main:has(.cs-mobile-inventory-filter){display:block}.cs-mobile-inventory-filter{display:block;margin:12px 0 16px;border:1px solid #bbb;background:#f5f5f5}.cs-mobile-inventory-filter>summary{display:list-item;cursor:pointer;padding:13px 14px;color:#333;font:bold 14px/1.4 Arial,sans-serif;min-height:44px;box-sizing:border-box}.cs-mobile-inventory-filter[open]>summary{border-bottom:1px solid #bbb}.cs-mobile-inventory-filter #inventory-selector{margin:0}.cs-mobile-inventory-filter #inventory-selector ul{display:flex;flex-wrap:wrap}.cs-mobile-inventory-filter #inventory-selector li{flex:1 1 45%;min-width:0}}
@media(max-width:1000px){body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header{flex-wrap:wrap}body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header>a{flex:1 0 100%}body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header>nav{padding:10px 5px}body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header>nav:last-child{margin-left:auto}}
@media(max-width:650px){body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header>nav{flex:1 0 100%;padding:8px 0}body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header>nav>ul{display:flex;flex-wrap:wrap;white-space:normal}body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header>nav>ul>li>ul{max-width:calc(100vw - 40px)}body.cs-inventory-wide #inventory .vehicle .buttons a{min-height:44px;padding:11px 10px}}

/* Tablet cards keep usable text width; the make filter no longer consumes a column. */
@media(max-width:1000px){
 body.cs-inventory-wide #main:has(.cs-mobile-inventory-filter){display:block}
 .cs-mobile-inventory-filter{display:block;margin:12px 0 16px;border:1px solid #bbb;background:#f5f5f5}
 .cs-mobile-inventory-filter>summary{display:list-item;cursor:pointer;padding:13px 14px;color:#333;font:bold 14px/1.4 Arial,sans-serif;min-height:44px;box-sizing:border-box}
 .cs-mobile-inventory-filter[open]>summary{border-bottom:1px solid #bbb}
 .cs-mobile-inventory-filter #inventory-selector{margin:0}
 .cs-mobile-inventory-filter #inventory-selector ul{display:flex;flex-wrap:wrap}
 .cs-mobile-inventory-filter #inventory-selector li{flex:1 1 45%;min-width:0}
}
.cs-inventory-wide .vehicle table td:first-child:not([colspan]){width:105px;white-space:nowrap;padding-right:8px;box-sizing:border-box}
@media(min-width:651px) and (max-width:1050px){
 .cs-inventory-wide #inventory .vehicle{display:grid;grid-template-columns:minmax(200px,40%) minmax(0,1fr);grid-template-rows:auto 1fr;gap:12px 18px}
 .cs-inventory-wide #inventory .vehicle>.grid_3{grid-column:1;grid-row:1 / 3}
 .cs-inventory-wide #inventory .vehicle>.grid_4{grid-column:2;grid-row:1}
 .cs-inventory-wide #inventory .vehicle ul.buttons{grid-column:2;grid-row:2;align-self:end;display:flex;gap:8px;flex-wrap:wrap;padding:0;margin:0}
}
@media(max-width:650px){
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header{padding:0 10px 6px;gap:0}
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header>nav{flex:1 0 100%;padding:0;margin:0!important}
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header>nav>ul{display:flex;justify-content:center;flex-wrap:wrap;width:100%;margin:0!important;padding:0!important}
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header>nav>ul>li{float:none;flex:0 0 33.333%;box-sizing:border-box;text-align:center;padding:0;margin:0}
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header>nav>ul>li>a{display:block;padding:12px 2px;line-height:18px;font-size:11px;box-sizing:border-box}
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header ul.dropdown ul{text-align:left}
 body.cs-inventory-wide #inventory .vehicle .buttons a{min-height:40px;padding:9px 12px;line-height:20px}
 .cs-inventory-wide #inventory .vehicle ul.buttons{gap:10px;display:flex;flex-wrap:wrap}
}
@media(max-width:1000px){
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) footer{font:14px/1.6 Arial,Helvetica,sans-serif;padding:24px;box-sizing:border-box}
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) footer #newsletter{width:auto;margin:0;padding:0 0 20px}
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) footer #newsletter form{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;font:14px/1.6 Arial,Helvetica,sans-serif}
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) footer #newsletter input{padding:8px;box-sizing:border-box;max-width:100%;font-size:14px}
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) footer #nav-sitemap{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px;font:13px/1.6 Arial,Helvetica,sans-serif}
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) footer #nav-sitemap li{font-size:13px;line-height:1.6}
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) footer #nav-sitemap a{display:inline-block;padding:3px 0;line-height:1.6}
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) footer table{width:100%!important;table-layout:fixed}
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) footer td{font:14px/1.6 Arial,Helvetica,sans-serif;overflow-wrap:break-word}
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) footer font{font-size:inherit;line-height:inherit}
}
@media(max-width:550px){
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) footer{padding:24px 18px}
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) footer #nav-sitemap{grid-template-columns:repeat(2,minmax(0,1fr));text-align:left}
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) footer #newsletter form{text-align:center}
}

@media(max-width:1000px){body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) footer td{width:auto!important;min-width:0}}
@media(max-width:650px){body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header>nav,body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header>nav:last-child{flex:1 0 100%;width:100%;margin:0!important}}

/* Clear mobile menu, keeping desktop links and the original brand treatment. */
.cs-menu-toggle{display:none}
@media(min-width:651px) and (max-width:1000px){
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header>nav:first-of-type{margin-left:auto}
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header>nav:last-child{margin-left:14px}
}
@media(max-width:650px){
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header.cs-menu-ready{padding-bottom:0}
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header .cs-menu-toggle{display:flex;align-items:center;justify-content:center;gap:9px;margin:8px 0 10px auto;padding:9px 15px;min-height:42px;border:1px solid rgba(255,255,255,.5);border-radius:3px;background:rgba(0,0,0,.12);color:#fff;font:600 15px/22px Arial,sans-serif;cursor:pointer}
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header .cs-menu-toggle::before{content:'\2630';font-size:18px}
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header.cs-menu-ready>nav{display:none!important}
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header.cs-menu-open>nav{display:block!important;background:#79030b}
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header.cs-menu-open>nav>ul{display:block;padding:0!important}
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header.cs-menu-open>nav>ul>li{display:block;width:100%;text-align:left;border-top:1px solid rgba(255,255,255,.15)}
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header.cs-menu-open>nav>ul>li>a{font:15px/22px Arial,sans-serif;text-transform:none;padding:12px 14px;min-height:46px}
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header.cs-menu-open a.dir::after{content:'+';float:right;font-size:20px}
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header.cs-menu-open .cs-submenu-open>a.dir::after{content:'\2212'}
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header.cs-menu-open ul.dropdown ul{display:none!important;position:static!important;left:auto!important;right:auto!important;width:100%;max-width:none;visibility:visible;background:#333;box-shadow:none}
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header.cs-menu-open ul.dropdown .cs-submenu-open>ul{display:block!important}
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) #container>header.cs-menu-open ul.dropdown ul a{font:14px/22px Arial,sans-serif;padding:10px 24px;color:#fff}
}
/* Shared footer: restrained hierarchy and a warm company-information panel. */
body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) footer #nav-sitemap{gap:24px 18px;font:13px/1.65 Arial,sans-serif}
body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) footer .cs-footer-group{min-width:0;text-align:left}
body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) footer .cs-footer-group>summary{display:block;list-style:none;font:600 14px/1.5 Arial,sans-serif;color:#3d3d3d;margin:0 0 8px;pointer-events:none}
body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) footer .cs-footer-group>summary::-webkit-details-marker{display:none}
body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) footer .cs-footer-group li{font:13px/1.65 Arial,sans-serif}
body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) footer .cs-footer-group a{display:inline-block;padding:3px 0;color:#656565;line-height:1.65}
body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) footer .cs-appointment-note{margin:8px 0 12px;padding:12px 0;text-align:center;font:14px/1.6 Arial,sans-serif;color:#555}
body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) footer .cs-appointment-note strong{display:block;margin-bottom:4px;color:#333;font:600 17px/1.5 Arial,sans-serif}
body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) footer .cs-appointment-note span{display:block}
body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) footer .cs-company-note{margin:0 0 20px;padding:22px 24px;background:#f8f6ef;border:1px solid #e9e5d9;border-radius:3px;color:#62605a;text-align:left;font:14px/1.7 Arial,sans-serif}
body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) footer .cs-company-note font{font:inherit}
body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) footer .cs-copyright{margin:16px 0 0;color:#777;font:12px/1.6 Arial,sans-serif}
@media(max-width:650px){
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) footer #nav-sitemap{display:block;padding:8px 0 20px}
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) footer .cs-footer-group{border-bottom:1px solid #e1e1e1}
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) footer .cs-footer-group>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;pointer-events:auto;min-height:48px;margin:0;font-size:15px}
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) footer .cs-footer-group>summary::after{content:'+';font-size:20px;color:#777}
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) footer .cs-footer-group[open]>summary::after{content:'\2212'}
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) footer .cs-footer-group ul{padding-bottom:12px!important}
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) footer .cs-footer-group a{font-size:14px;padding:7px 0}
 body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) footer .cs-company-note{padding:18px;font-size:14px}
}

@media(max-width:650px){.cs-site-wide #information img[src$="Woodside-Credit-Logo.png"],.cs-site-wide #information img[src$="jj-best-banc_thumb.png"]{display:block;width:220px;max-width:80%;height:auto;margin:12px 0 16px}}

@media(min-width:651px){body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) footer .cs-footer-group{text-align:center}body:is(.cs-site-wide,.cs-inventory-wide,.cs-layout-preview) footer .cs-footer-group>summary{text-align:center}}

@media(max-width:650px){.cs-site-wide #main>img.cs-mobile-section-banner{width:100%;aspect-ratio:8/5;height:auto;object-fit:cover;object-position:50% 50%}}
