/* ============================================================
   ZMG CAR TRADE — css/car-trade-responsive.css
   Breakpoints for the automotive platform. Mobile is treated as
   a first-class layout, not a shrunken desktop.
   Loaded after car-trade.css.
   ============================================================ */

/* ---------- <= 1180px ---------- */
@media (max-width:1180px){
  .ct-nav__menu{gap:0}
  .ct-nav__link{padding:.5em .5em;font-size:.76rem}
  .ct-nav__switch{display:none}
  .ct-split{grid-template-columns:1fr}
  .ct-split--rev .ct-split__media{order:0}
  .ct-split__media{aspect-ratio:16/9}
  .ct-footer__top{grid-template-columns:1fr 1fr}
}

/* ---------- <= 1024px ---------- */
@media (max-width:1024px){
  .ct-detail,.ct-form-layout{grid-template-columns:1fr}
  .ct-detail__panel,.ct-form-aside,.ct-filters{position:static;max-height:none}
  .ct-inv{grid-template-columns:1fr}
}

/* ---------- <= 900px (tablet) ---------- */
@media (max-width:900px){
  .ct-nav__menu{display:none}
  .ct-burger{display:block}
  .ct-nav__word small{display:none}
  /* Inventory filters collapse into a drawer */
  .ct-filters-toggle{display:inline-flex}
  .ct-filters{
    position:fixed;inset:var(--ct-nav-h) 0 0 0;z-index:1140;border-radius:0;border:0;
    background:rgba(6,7,10,.98);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
    max-height:none;overflow-y:auto;padding-bottom:5rem;
    transform:translateY(-6px);opacity:0;visibility:hidden;transition:.35s var(--ct-ease)
  }
  .ct-filters.is-open{transform:none;opacity:1;visibility:visible}
  .ct-filters__head{position:sticky}
  .ct-grid--vehicles{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
  .ct-form__grid{grid-template-columns:1fr}
}

/* ---------- <= 640px (phone) ---------- */
@media (max-width:640px){
  :root{--ct-nav-h:64px}
  .ct-hero{min-height:92svh}
  .ct-hero__actions{width:100%}
  .ct-hero__actions .ct-btn{flex:1;min-width:0}
  .ct-hero__meta{gap:1.2rem 2rem}
  .ct-grid--vehicles,.ct-grid--3,.ct-grid--4{grid-template-columns:1fr}
  .ct-card__actions{flex-wrap:wrap}
  .ct-card__actions .ct-btn{flex:1 1 100%}
  .ct-card__actions .ct-icon-btn{width:100%;height:44px;flex:1 1 100%}
  .ct-timeline__item{grid-template-columns:1fr;gap:.6rem}
  .ct-quick-two{grid-template-columns:1fr}
  .ct-detail__quick{grid-template-columns:1fr 1fr}
  .ct-footer__top{grid-template-columns:1fr}
  .ct-tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .ct-tabs::-webkit-scrollbar{display:none}
  .ct-spec-table th{width:48%}
  .ct-spec-table th,.ct-spec-table td{padding:.7em .8em;font-size:.8rem}
  .ct-tile--wide{grid-column:span 1}
  .ct-head{flex-direction:column;align-items:flex-start}
  .ct-map{aspect-ratio:4/3}
}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  .ct-card,.ct-tile img,.ct-article,.ct-btn::before,.ct-route,.ct-node-pulse{transition:none!important;animation:none!important}
  .ct-card:hover{transform:none}
}

/* ---------- print ---------- */
@media print{
  .ct-nav,.ct-wa,.ct-top,.ct-footer__social,.ct-mobile,.ct-filters{display:none!important}
  body.ct{background:#fff;color:#000}
  .ct-spec-table th,.ct-spec-table td{border-color:#ccc;color:#000}