/* URSY Autos 1.3 — responsive layer for the v4 light design.
   Everything above the breakpoints is fluid via clamp() and auto-fit grids. */

@media (max-width:1180px){
  .ua-search-layout{grid-template-columns:minmax(210px,250px) minmax(0,1fr)}
  .ua-account-layout{grid-template-columns:minmax(180px,210px) minmax(0,1fr)}
  .ua-header{gap:14px}
  .ua-menu-list{gap:14px}
}

@media (max-width:1040px){
  /* The forecourt board drops under the hero copy before it can squeeze the headline. */
  .ua-hero-layout{grid-template-columns:1fr}
  .ua-hero-copy{max-width:none}
  .ua-hero-board{width:100%;max-width:none}
  .ua-hero-rows{flex-direction:row;flex-wrap:wrap;gap:8px 26px}
  .ua-hero-rows div{flex:1 1 160px}
}

@media (max-width:980px){
  .ua-detail-top{grid-template-columns:1fr}
  .ua-detail-summary{position:static}
  .ua-topbar-inner{font-size:12px;gap:5px 14px}
  .ua-network-links{display:none}
}

@media (max-width:860px){
  .ua-search-layout{grid-template-columns:1fr}
  .ua-filter-sidebar{position:static;order:-1}
  .ua-account-layout{grid-template-columns:1fr}
  .ua-account-nav{position:static;flex-direction:row;flex-wrap:wrap}
  .ua-account-nav a{flex:1 1 auto;text-align:center}
  .ua-gallery-thumbs{grid-template-columns:repeat(5,1fr)}
}

@media (max-width:760px){
  .ua-topbar{display:none}
  .ua-nav{display:none}
  .ua-mobile-menu{display:inline-grid}
  .ua-mobile-nav:not([hidden]){display:flex}
  .ua-saved-link,.ua-account-pill{padding:6px}

  .ua-hero-panel{padding-bottom:clamp(64px,14vw,88px)}
  .ua-search-card{margin-top:-44px}
  .ua-search-tabs a{font-size:13.5px;padding:12px 6px}
  .ua-two-up,.ua-home-panels,.ua-detail-bottom,.ua-seller-layout{grid-template-columns:1fr}
  .ua-results-toolbar{align-items:flex-start}
  .ua-sort-label{width:100%}
  .ua-sort-label select{min-width:0;width:100%;flex:1}
  .ua-car-row{flex-direction:column}
  .ua-car-row .ua-car-photo{width:100%}
  .ua-gallery-thumbs{grid-template-columns:repeat(4,1fr)}
  .ua-dealer-masthead-inner{grid-template-columns:1fr}

  /* Fixed bottom tab bar */
  .ua-tab-bar{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:170;grid-template-columns:repeat(5,1fr);gap:2px;padding:7px 6px 10px;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--ua-line)}
  .ua-tab-bar a{display:flex;flex-direction:column;align-items:center;gap:5px;padding:7px 2px;font-size:11px;font-weight:600;color:var(--ua-muted);border-radius:var(--ua-r)}
  .ua-tab-bar a::before{content:'';width:20px;height:3px;border-radius:2px;background:var(--ua-line)}
  .ua-tab-bar a.is-on{color:var(--ua-green);text-decoration:none}
  .ua-tab-bar a.is-on::before{background:var(--ua-green)}
  body.ua-site{padding-bottom:68px}

  /* Car detail keeps price + contact reachable above the tabs. */
  .ua-mobile-buy{display:flex;position:fixed;left:0;right:0;bottom:60px;z-index:165;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;background:#fff;border-top:1px solid var(--ua-line);box-shadow:0 -6px 20px -12px rgba(20,32,27,.4)}
  .ua-mobile-buy b{font-size:21px;font-weight:700;letter-spacing:-.02em}
  .ua-mobile-buy .ua-button{padding:11px 18px}
  body.ua-single-car{padding-bottom:128px}
}

@media (min-width:761px){
  .ua-mobile-buy{display:none}
  .ua-mobile-nav{display:none!important}
}

@media (max-width:430px){
  .ua-brand{font-size:17px}
  .ua-brand-mark{width:30px;height:30px;font-size:15px}
  .ua-gallery-thumbs{grid-template-columns:repeat(3,1fr)}
  .ua-merchant-stats{grid-template-columns:1fr}
  .ua-hero-rows div{flex:1 1 100%}
  .ua-footer-network nav{grid-template-columns:1fr 1fr}
}

@media (max-width:340px){
  .ua-cards-grid,.ua-results-list,.ua-body-tiles,.ua-journey-grid{grid-template-columns:1fr}
}

/* ---- accessibility ---- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .ua-hero-board-head i{animation:none}
  .ua-marquee-track{animation:none!important;transform:none!important}
  .ua-marquee-window{overflow-x:auto}
}

@media (prefers-contrast:more){
  :root{--ua-line:#B4BDBA;--ua-line-2:#8D9A95;--ua-muted:#404E49;--ua-faint:#52625C}
  .ua-car-card,.ua-panel-card,.ua-merchant-card,.ua-body-tile{border-width:2px}
}

/* ---- print ---- */
@media print{
  .ua-topbar,.ua-header-wrap,.ua-footer-wrap,.ua-tab-bar,.ua-mobile-buy,.ua-justin,.ua-toast,.ua-ad-band,.ua-filter-sidebar,.ua-hero-board{display:none!important}
  body.ua-site{padding-bottom:0}
  .ua-hero-panel{background:none;color:#000;border:1px solid #000}
  .ua-hero-panel h1{color:#000}
  a{color:#000}
}