.automax-vehicle-filter { display: flex; flex-direction: column; justify-content: center; gap: 22px; padding: 36px 30px; background: #1c1f25; color: #fff; }
.automax-vehicle-filter h2 { margin: 0; color: #fff; font-size: 25px; font-weight: 600; text-transform: none; }
.automax-vehicle-filter p { margin: 0; color: #c6c9cf; line-height: 1.6; }
.automax-vehicle-filter label { display: block; margin-bottom: 8px; font-weight: 500; }
.automax-vehicle-filter select:disabled { background: #e6e7e9; color: #6a6d73; }
.automax-vehicle-filter .btn { width: 100%; min-height: 48px; border: 0; border-radius: 4px; background: #fbb71c; color: #111318; font-weight: 600; text-transform: none; }
.automax-vehicle-filter .btn:hover { background: #e4a20c; }
.automax-vehicle-filter .btn:disabled { opacity: .5; cursor: not-allowed; }
.automax-vehicle-filter [role="status"] { font-size: 13px; }
.automax-vehicle-slider { min-width: 0; }
.automax-vehicle-hero .automax-home-slider { height: 100%; margin: 0; }
.automax-vehicle-hero .automax-home-copy-inner { max-width: 480px; }
.automax-vehicle-filter select:focus-visible, .automax-vehicle-filter button:focus-visible { outline: 2px solid #fbb71c; outline-offset: 3px; }
@media (min-width: 768px) and (max-width: 1100px) {
	.automax-vehicle-filter { padding: 28px 24px; }
	body #content .automax-vehicle-hero .automax-home-title { font-size: 34px; }
}
@media (max-width: 767px) {
	.automax-vehicle-filter { padding: 28px 24px; gap: 18px; }
}
.automax-vehicle-hero { position: relative; width: 100%; background: #111318; }
.automax-vehicle-overlay { position: absolute; z-index: 4; top: 0; bottom: 0; left: 0; right: 0; display: flex; align-items: center; pointer-events: none; }
.automax-vehicle-overlay:before, .automax-vehicle-overlay:after { display: none; }
.automax-vehicle-overlay .automax-vehicle-filter { width: 340px; height: 100%; flex-shrink: 0; margin: 0; padding: 60px 30px 40px; gap: 18px; border: 0; border-radius: 0; position: relative; background: transparent; pointer-events: auto; }
.automax-vehicle-filter select { position: static !important; opacity: 1 !important; width: 100% !important; height: 46px !important; padding: 10px 12px; border: 1px solid #dce0e5; border-radius: 5px; background: #fff; color: #252832; font-family: inherit; font-size: 14px !important; }
.automax-vehicle-filter .customSelect { display: none !important; }
.automax-vehicle-filter [role="status"]:empty { display: none; }
.automax-vehicle-hero .automax-home-slide { min-height: 560px; }
.automax-vehicle-hero .automax-home-copy.container { padding: 54px 15px 110px 395px; margin-left: auto; margin-right: auto; }
.automax-vehicle-hero .automax-home-slider .automax-home-arrow { top: auto; bottom: 22px; }
.automax-vehicle-hero .automax-home-prev { left: auto; right: 90px; }
.automax-vehicle-hero .automax-home-next { right: 30px; }
.automax-vehicle-hero .automax-home-bottom { left: auto; right: 154px; bottom: 26px; justify-content: flex-end; }
@media (min-width: 768px) {
	.automax-vehicle-hero .automax-home-copy.container { width: 750px; max-width: none; }
}
@media (min-width: 992px) {
	.automax-vehicle-hero .automax-home-copy.container { width: 970px; }
}
@media (min-width: 1200px) {
	.automax-vehicle-hero .automax-home-copy.container { width: calc(100% - 48px); max-width: 1600px; }
	.automax-vehicle-hero .automax-home-prev { right: max(99px,calc((100% - 1600px)/2 + 75px)); }
	.automax-vehicle-hero .automax-home-next { right: max(39px,calc((100% - 1600px)/2 + 15px)); }
	.automax-vehicle-hero .automax-home-bottom { right: max(163px,calc((100% - 1600px)/2 + 139px)); }
}
@media (max-width: 767px) {
	.automax-vehicle-overlay { position: relative; width: 100%; padding: 24px; }
	.automax-vehicle-overlay .automax-vehicle-filter { width: 100%; margin: 0; }
	.automax-vehicle-hero .automax-home-copy.container { width: 100%; padding: 32px 24px 290px; }
	.automax-vehicle-hero .automax-home-slide { min-height: 580px; }
	.automax-vehicle-hero .automax-home-slider .automax-home-arrow { width: 40px; height: 40px; }
	.automax-vehicle-hero .automax-home-prev { right: 74px; }
	.automax-vehicle-hero .automax-home-next { right: 24px; }
	.automax-vehicle-hero .automax-home-bottom { right: 130px; bottom: 23px; gap: 8px; }
}
@media (max-width: 767px) {
	.automax-vehicle-overlay { padding: 0 24px; }
	.automax-vehicle-overlay .automax-vehicle-filter { height: auto; padding: 60px 24px 28px; }
}
.automax-vehicle-hero { --vehicle-panel-edge: calc((100% - 750px)/2 + 340px); }
.automax-vehicle-hero .automax-vehicle-overlay:before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: calc((100vw - 100%)/-2); width: calc(340px + (100vw - 100%)/2); background: rgba(28,31,37,.48); pointer-events: none; }
.automax-vehicle-hero .automax-home-progress { left: calc(var(--vehicle-panel-edge) + 24px); right: 24px; bottom: 10px; width: auto; height: 5px; overflow: hidden; border-radius: 10px; background: rgba(255,255,255,.18); box-shadow: 0 1px 4px rgba(0,0,0,.3); }
.automax-vehicle-hero .automax-home-progress span { border-radius: inherit; background: linear-gradient(90deg,#e4a20c,#fbb71c,#ffe39b); box-shadow: 0 0 8px rgba(251,183,28,.6); }
@media (min-width: 992px) {
	.automax-vehicle-hero { --vehicle-panel-edge: calc((100% - 970px)/2 + 340px); }
}
@media (min-width: 1200px) {
	.automax-vehicle-hero { --vehicle-panel-edge: max(364px,calc((100% - 1600px)/2 + 340px)); }
}
@media (max-width: 767px) {
	.automax-vehicle-hero .automax-vehicle-overlay:before { left: 0; width: 100%; }
	.automax-vehicle-overlay .automax-vehicle-filter { padding-top: 28px; }
	.automax-vehicle-hero .automax-home-progress { left: 24px; }
}
