@media (min-width:1024px){
  html,body{background:#08090b}
  #appFrame{display:block!important;background:#08090b!important}
  #appViewport{width:100%!important;max-width:100%!important;margin:0!important;border-inline:0!important;background:#08090b!important}
  #pageContent{width:100%;max-width:1320px;margin-inline:auto;padding-inline:32px;padding-bottom:120px;box-sizing:border-box}

  #stickyHeaderGroup,#siteHeader{width:100%}
  #siteHeader .header-home-row,#siteHeader .non-home-header-row{max-width:1320px;margin-inline:auto;box-sizing:border-box;padding-inline:32px!important}
  #siteHeader .header-wordmark{font-size:30px}
  #siteHeader .header-home-row{padding-block:10px!important}
  #siteHeader .non-home-header-row{display:flex;align-items:center;gap:20px}
  #siteHeader .header-search-box{flex:1 1 auto;max-width:760px;margin-inline:auto}
  .page-header-sticky,#toolbarSlot,#pageHeaderSlot{max-width:1320px;margin-inline:auto;box-sizing:border-box}
  #bottomDock .bottom-dock-inner{max-width:440px!important;margin-inline:auto}

  body:has(#pageContent > [data-page="home"]) #pageContent{max-width:1320px}
  .cm-home-page{display:block!important;max-width:1320px!important;margin:0 auto!important;padding:28px 0 110px!important}
  .cm-home-page .cm-home-hero{max-width:820px;margin-inline:auto;text-align:center}
  .cm-home-page .cm-home-hero h1{max-width:820px;margin-inline:auto!important;font-size:42px!important}
  .cm-home-page .cm-home-hero p{max-width:640px;margin-inline:auto!important;font-size:14px!important}
  .cm-home-page .cm-home-search-wrap{max-width:760px;margin:18px auto 26px!important;padding:0!important}
  .cm-home-page .cm-hb{max-width:none!important;margin:0!important;padding:0 0 36px!important;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px;align-items:stretch}
  .cm-home-page .cm-hb-banner,.cm-home-page .cm-hb-track,.cm-home-page .cm-hb-slide{height:100%!important;min-height:320px}
  .cm-home-page .cm-hb-grid{margin-top:0;gap:16px;grid-auto-rows:1fr}
  .cm-home-page .cm-hb-box{height:auto;min-height:150px}
  .cm-home-page .cm-home-section-heading h2,.cm-home-page .sr-section-head h2{font-size:24px!important}
  .cm-home-page section{margin-bottom:12px}
  .cm-home-featured-rail{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;overflow:visible!important;scroll-snap-type:none!important}
  .cm-home-featured-rail>*{width:auto!important;min-width:0!important;max-width:none!important;flex:none!important}
  .cm-home-featured-rail>.cm-home-empty-latest{grid-column:1/-1}
  .sr-rail{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;overflow:visible!important;scroll-snap-type:none!important}
  .sr-rail>*{width:auto!important;min-width:0!important;max-width:none!important;flex:none!important}
  .sr-rail>.sr-home-empty{grid-column:1/-1}
  .cm-home-brand-marquee{max-width:100%}
  .cm-home-footer-note{max-width:720px;margin-inline:auto}

  .explore-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start;padding-inline:0!important}
  .explore-list>*{min-width:0;width:100%!important;max-width:none!important;justify-self:stretch}
  [data-page="dealers"] [data-slot="cards"],[data-page="saved"] [data-slot="cards"],[data-page="manage-listings"] [data-slot="cards"]{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
  [data-page="brand-models"] [data-slot="grid"],[data-page="brand-models"] .brand-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}

  [data-page="vehicle"] .page-shell,.vehicle-demo-layout .page-shell{width:100%!important;max-width:1320px!important;padding:24px 0 40px!important}
  .vehicle-demo-layout .listing-layout{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(360px,.85fr)!important;gap:24px}
  .vehicle-demo-layout .lower-layout{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(320px,.7fr)!important;gap:24px}
  .vehicle-demo-layout .summary-column{position:sticky;top:96px;align-self:start}
  .detail-cta{display:flex;justify-content:center}
  .detail-cta-inner,.vehicle-demo-layout .detail-cta-inner,[data-page="vehicle"].vehicle-detail-page.vehicle-demo-layout .detail-cta-inner{max-width:720px!important}

  [data-page="seller"]{max-width:1200px;margin-inline:auto}
  [data-page="sell"],[data-page="sell-step"],[data-page="account"],[data-page="account-edit"],[data-page="dealership-edit"],[data-page="qa"]{max-width:860px;margin-inline:auto}
  [data-page="messages"]{max-width:900px;margin-inline:auto}
  .mr-msg-screen{max-width:900px!important;margin-inline:auto}
  .mr-cv{max-width:860px!important}
  .mr-cv-composer{max-width:836px!important;bottom:28px!important}
  body:has(#pageContent > [data-page="sell-step"]) [data-slot="actions"].sell-actions-dock{width:min(100%,860px)!important}

  .brand-sheet-panel{max-width:720px!important}
  .filter-overlay-panel{max-width:760px!important;margin:0 auto}
  #genericModal .modal-sheet{max-width:560px!important;border-radius:26px!important;border-width:1px!important;margin-block:auto}
  .search-overlay-panel{max-width:1100px;margin-inline:auto;width:100%}
  .login-modal-card{width:min(100%,460px)}

  a,button,[role="button"],[data-action]{cursor:pointer}
  .explore-list>*,.cm-home-featured-rail>*,.sr-rail>*{transition:transform .25s ease,box-shadow .25s ease}
  .explore-list>*:hover,.cm-home-featured-rail>*:hover,.sr-rail>*:hover{transform:translateY(-3px)}
  ::-webkit-scrollbar{width:10px;height:10px}
  ::-webkit-scrollbar-thumb{background:#2a2d32;border-radius:10px}
  ::-webkit-scrollbar-track{background:#08090b}
}
@media (min-width:1500px){
  #pageContent,#siteHeader .header-home-row,#siteHeader .non-home-header-row,.cm-home-page,[data-page="vehicle"] .page-shell,.vehicle-demo-layout .page-shell{max-width:1440px!important}
  .explore-list,[data-page="dealers"] [data-slot="cards"],[data-page="saved"] [data-slot="cards"],[data-page="manage-listings"] [data-slot="cards"]{grid-template-columns:repeat(4,minmax(0,1fr))}
  .cm-home-featured-rail{grid-template-columns:repeat(5,minmax(0,1fr))}
  .sr-rail{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:1024px) and (max-width:1279px){
  #pageContent{padding-inline:24px}
  .explore-list,[data-page="dealers"] [data-slot="cards"],[data-page="saved"] [data-slot="cards"],[data-page="manage-listings"] [data-slot="cards"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cm-home-featured-rail{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sr-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* fixes v2 */
@media (min-width:1024px){
  html body #appViewport,
  html body:has(#pageContent > [data-page="home"]) #appViewport,
  html body:has(#pageContent > [data-page="listings"]) #appViewport,
  html body:has(#pageContent > section > .explore-list) #appViewport{
    width:100%!important;max-width:100%!important;margin:0!important;
    border-inline:0!important;background:#08090b!important;
  }
  #siteHeader.home-nav-active .non-home-header-row,
  #siteHeader.home-page-active .non-home-header-row{display:none!important}
  #siteHeader.non-home-active .non-home-header-row{display:flex!important;align-items:center;gap:20px}
}

/* fixes v3 — bottom dock */
@media (min-width:1024px){
  body::after{width:100%!important;left:0!important;transform:none!important;height:110px!important;
    background:linear-gradient(to top,rgba(8,9,11,.9) 0%,rgba(8,9,11,.55) 45%,rgba(8,9,11,0) 100%)!important}
  #bottomDock .bottom-dock-inner{max-width:620px!important;width:100%!important;margin-inline:auto}
}

/* fixes v4 — banner + boxes side by side, story rail underneath */
@media (min-width:1024px){
  .cm-home-page .cm-hb{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)!important;grid-auto-flow:row}
  .cm-home-page .cm-hb>.cm-hb-banner{grid-column:1;grid-row:1;order:1}
  .cm-home-page .cm-hb>.cm-hb-grid{grid-column:2;grid-row:1;order:1}
  .cm-home-page .cm-hb>.cm-ts{grid-column:1/-1!important;grid-row:2;order:2;width:100%;margin:8px 0 0!important}
  .cm-ts-rail{margin-inline:0!important;padding:6px 2px 14px!important;gap:22px!important;overflow-x:auto}
  .cm-ts-item{width:92px!important}
  .cm-ts-ring{width:84px!important;height:84px!important}
  .cm-ts-name{max-width:92px!important;font-size:12.5px!important}
}

/* fixes v5 — story rail directly under the search bar */
@media (min-width:1024px){
  .cm-home-page .cm-hb>.cm-ts{grid-row:1!important;order:0;margin:0 0 6px!important}
  .cm-home-page .cm-hb>.cm-hb-banner,.cm-home-page .cm-hb>.cm-hb-grid{grid-row:2!important}
}