/* Search4Auto responsive refinement: fluid layouts, accessible controls and overflow protection. */
:where(html){scroll-behavior:smooth;text-size-adjust:100%}
:where(img,video,iframe,svg){max-width:100%}
:where(input,select,textarea,button){font:inherit}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #0eaa91;outline-offset:3px}
.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}
:where(.card-grid,.category-grid,.search-grid,.archive-layout,.vehicle-detail-hero,.vehicle-detail-content,.footer-grid){min-width:0}
.vehicle-card,.vehicle-detail,.filter-sidebar,.seller-panel{min-width:0}
@media(max-width:850px){.container{width:calc(100% - 36px)}.archive-layout{grid-template-columns:minmax(0,1fr)}.filter-sidebar{position:static}.vehicle-detail-content{grid-template-columns:minmax(0,1fr)}.vehicle-detail-summary{min-width:0}}
@media(max-width:600px){.container{width:calc(100% - 28px)}.site-header{position:sticky}.header-inner{flex-wrap:wrap}.site-branding{min-width:0}.site-branding>span:last-child{white-space:nowrap}.header-actions{gap:6px}.header-actions .button{padding-inline:10px}.primary-nav{top:100%;max-height:calc(100dvh - 72px);overflow:auto}.search-grid{grid-template-columns:minmax(0,1fr)}.search-grid .field,.search-grid .field:first-child,.search-grid .field:last-child{grid-column:1}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-tile{min-width:0}.category-tile strong,.category-tile small{overflow-wrap:anywhere}.detail-spec-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-spec{padding:9px 7px}.vehicle-detail-image{min-height:0;aspect-ratio:4/3}.vehicle-detail-image img{max-height:none}.vehicle-detail-content{padding:16px}.vehicle-detail-summary{padding:18px}.spec-row{align-items:flex-start}.spec-row strong{overflow-wrap:anywhere}}
@media(max-width:380px){.header-actions .button{font-size:.74rem;padding-inline:8px}.site-branding{font-size:1.08rem}.brand-mark{width:31px;height:31px}.category-grid{grid-template-columns:1fr}.detail-spec-strip{grid-template-columns:1fr}.hero h1{font-size:2.35rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
