main{position:relative;z-index:10}.car-filter{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-none);padding:var(--space-8);margin-bottom:var(--space-12)}.container:has(.filter-section){width:100%}.filter-section{margin-bottom:var(--space-8)}.filter-section:last-child{margin-bottom:0}.filter-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-normal);color:var(--color-text-primary);margin-bottom:var(--space-6);letter-spacing:var(--letter-spacing-wider)}.filter-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.filter-form-wrap{display:flex;gap:var(--space-4);align-items:flex-start}.filter-form-wrap .input,.filter-form-wrap .input-select{flex:1;display:flex;flex-direction:column;width:100%}.input{position:relative;margin-bottom:0}.input input,.input-text{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-primary);border-radius:var(--radius-none);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);background:var(--color-background);color:var(--color-text-primary);transition:var(--transition-base)}.input input:focus,.input-text:focus{outline:none;border-color:var(--color-primary);background:var(--color-background-light)}.input input::placeholder,.input-text::placeholder{color:var(--color-text-tertiary);font-weight:var(--font-weight-light);letter-spacing:var(--letter-spacing-wide)}.input-label{position:absolute;top:var(--space-3);left:var(--space-4);color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-wide);pointer-events:none;transition:var(--transition-base);background:var(--color-background);padding:0 var(--space-1)}.input input:focus+.input-label,.input input:not(:placeholder-shown)+.input-label{top:calc(-1 * var(--space-2));left:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-primary)}.input-select{position:relative}.input-select-wrapper{position:relative;display:flex;align-items:center}.input-select-active{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-primary);border-radius:var(--radius-none);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);background:var(--color-background);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-base)}.input-select-active::placeholder{color:var(--color-text-tertiary);font-weight:var(--font-weight-light);letter-spacing:var(--letter-spacing-wide)}.input-select-wrapper.focused .input-select-active{border-color:var(--color-primary);background:var(--color-background-light)}.input-select.focused .input-select-wrapper{border-color:var(--color-primary)}.input-select.focused .input-select-active{border-color:var(--color-primary);background:var(--color-background-light)}.input-select.disabled{opacity:.5;pointer-events:none}.input-select.disabled .input-select-active{background-color:var(--color-background-light)}.input-select-icon{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);pointer-events:none;transition:var(--transition-base)}.input-select-wrapper.focused .input-select-icon{transform:translateY(-50%) rotate(180deg)}.input-select-icon svg{width:14px;height:14px;fill:var(--color-text-primary)}.input-select-hidden{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;z-index:-1}.input-select.focused .input-select-hidden{opacity:1;pointer-events:auto;z-index:var(--z-dropdown)}.custom-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color-background);border:1px solid var(--color-primary);border-top:none;max-height:200px;overflow-y:auto;z-index:var(--z-dropdown);box-shadow:var(--shadow-md)}.custom-dropdown-option{padding:var(--space-3) var(--space-4);cursor:pointer;transition:var(--transition-base);border-bottom:1px solid var(--color-border);font-size:var(--font-size-base);color:var(--color-text-primary)}.custom-dropdown-option:last-child{border-bottom:none}.custom-dropdown-option.selected{background:var(--color-primary);color:var(--color-background);font-weight:var(--font-weight-medium)}.filter-sort{display:flex;gap:var(--space-8);align-items:center;justify-content:flex-start;flex-wrap:wrap;border:none;background:transparent}.filter-sort-input{display:flex;align-items:center;gap:var(--space-2)}.filter-sort-radio{position:absolute;opacity:0;pointer-events:none}.filter-sort-label{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2);border:none;cursor:pointer;transition:var(--transition-base);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-wide);min-width:auto}.filter-sort-radio:checked+.filter-sort-label{background:transparent;color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.filter-sort-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.filter-sort-icon svg{width:100%;height:100%;fill:currentColor}.filter-buttons{display:flex;gap:var(--space-4);align-items:center;justify-content:space-between;flex-wrap:wrap}.filter-footer-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0;font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-wide)}.filter-footer-text span{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.search-results{margin-bottom:var(--space-12);padding:0 var(--space-4)}.search-results h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);color:var(--color-text-primary);margin-bottom:var(--space-2);letter-spacing:var(--letter-spacing-wider)}.search-results-count{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-8);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-wide)}.auto-cards{display:flex;flex-direction:column;gap:var(--space-5);margin-bottom:var(--space-12);padding:0 var(--space-4)}.auto-card-item{display:grid;grid-template-columns:280px minmax(200px,1fr) minmax(300px,1.2fr) minmax(280px,.8fr);gap:var(--space-6);align-items:start;padding:var(--space-5);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;transition:var(--transition-base)}.auto-card-image{position:relative;width:100%;height:180px;overflow:hidden;background:var(--color-background-light)}.auto-card-image-link{display:block;width:100%;height:100%;border-radius:var(--radius-xs);overflow:hidden;text-decoration:none;cursor:pointer}.auto-card-image img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-xs);transition:transform .3s ease}.auto-card-content{display:flex;flex-direction:column;gap:var(--space-4);padding:0}.auto-card-header{display:flex;flex-direction:column;gap:var(--space-1)}.auto-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;line-height:1.3;transition:color .2s ease}.auto-card-subtitle{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0;font-weight:var(--font-weight-regular)}.auto-card-chars{display:flex;flex-direction:column}.auto-card-chars-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3) var(--space-6)}.char-item{display:flex;flex-direction:column;gap:var(--space-1)}.char-label{font-size:var(--font-size-base);color:var(--color-text-tertiary);font-weight:var(--font-weight-regular);text-transform:none}.char-value{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-tight)}.auto-card-footer{display:flex;flex-direction:column;gap:var(--space-4);align-items:flex-end;justify-content:flex-start}.final-price{text-align:right;margin:0;margin-bottom:var(--space-2);width:100%}.final-price-label{display:none}.final-price-value{font-size:30px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight)}.auto-card-actions{display:flex;flex-direction:column;width:100%;gap:var(--space-3)}.auto-card-btn{width:100%;padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-sm);font-size:inherit;font-weight:var(--font-weight-semibold);text-align:center;text-transform:none;cursor:pointer;transition:var(--transition-base);text-decoration:none;display:block}.auto-card-btn:nth-child(1){background:var(--color-primary);color:#fff}.auto-card-btn:nth-child(2){background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-2);margin:var(--space-8) 0;padding:var(--space-6) 0}.pagination-btn{display:flex;align-items:center;justify-content:center;min-width:48px;height:48px;padding:var(--space-3) var(--space-4);border:1px solid var(--color-primary);background:var(--color-background);color:var(--color-text-primary);text-decoration:none;border-radius:var(--radius-none);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);cursor:pointer;transition:var(--transition-base);-webkit-user-select:none;user-select:none;white-space:nowrap}.pagination-btn.active{background:var(--color-primary);color:var(--color-background)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--color-background-light);color:var(--color-text-tertiary);border-color:var(--color-border)}.pagination-btn--arrow{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.no-cars{text-align:center;padding:var(--space-16) var(--space-4);color:var(--color-text-secondary)}.no-cars h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);margin-bottom:var(--space-4);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-wider)}.no-cars p{margin-bottom:var(--space-8);font-size:var(--font-size-base);font-weight:var(--font-weight-light)}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffffff2;display:flex;justify-content:center;align-items:center;z-index:var(--z-modal)}.preloader-spinner{text-align:center}.spinner{width:40px;height:40px;border:2px solid var(--color-border);border-top:2px solid var(--color-primary);border-radius:var(--radius-none);animation:spin 1s linear infinite;margin:0 auto var(--space-6)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preloader-spinner p{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-wider);margin:0}.load-more-trigger{height:20px;margin:var(--space-8) 0}.auto-cards.loading{opacity:.6;pointer-events:none}@media (max-width: 1280px){.auto-card-item{grid-template-columns:240px minmax(180px,1fr) minmax(280px,1.2fr) minmax(240px,.8fr);gap:var(--space-4);padding:var(--space-4)}.auto-card-image{height:160px}.auto-card-title{font-size:16px}.final-price-value{font-size:18px}}@media (max-width: 1024px){.auto-card-item{grid-template-columns:200px 1fr 1fr;gap:var(--space-4)}.auto-card-image{height:140px}.auto-card-content{grid-column:2}.auto-card-footer{grid-column:3;align-items:flex-start}.auto-card-chars-list{grid-template-columns:1fr;gap:var(--space-2)}}@media (max-width: 768px){.car-filter{padding:var(--space-6) var(--space-4);margin-bottom:var(--space-8)}.filter-title{font-size:var(--font-size-md);margin-bottom:var(--space-4)}.filter-form{grid-template-columns:1fr;gap:var(--space-4)}.filter-form-wrap{flex-direction:column;gap:0}.filter-sort{flex-direction:column;gap:var(--space-4)}.filter-sort-label{justify-content:flex-start;padding:var(--space-3) 0}.filter-buttons{flex-direction:column;align-items:stretch;gap:var(--space-3)}.search-results{padding:0}.auto-cards{padding:0;gap:var(--space-4)}.auto-card-item{grid-template-columns:1fr;gap:var(--space-4)}.auto-card-image{height:200px;width:100%}.auto-card-content{padding:0}.auto-card-chars-list{grid-template-columns:repeat(2,1fr);gap:var(--space-2) var(--space-3)}.auto-card-footer{align-items:stretch}.auto-card-actions{width:100%}.pagination{margin-top:var(--space-8)}.pagination-btn{min-width:50px;padding:var(--space-3) var(--space-2)}}@media (max-width: 480px){.auto-card-item{padding:var(--space-3);gap:var(--space-3)}.auto-images{height:180px}.auto-card-title{font-size:15px}.auto-card-chars-list{grid-template-columns:1fr}.auto-card-btn{padding:var(--space-2) var(--space-4)}}.hero-filter .input input:focus+.input-label,.hero-filter .input input:not(:placeholder-shown)+.input-label{top:var(--space-3);left:var(--space-4);color:var(--color-text-tertiary)}.hero-filter .input-select-active:focus,.hero-filter .input-text:focus,.hero-filter .input input:focus{background-color:var(--color-background-light)!important;transform:none!important;font-size:var(--font-size-base)!important;transition:none!important;box-shadow:none!important;border-color:var(--color-primary)!important}.condition-toggle{margin-bottom:var(--space-4)}.condition-toggle-container{display:flex;justify-content:center;align-items:center}.condition-toggle-label{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--color-text-primary)}.toggle-label{-webkit-user-select:none;user-select:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.condition-toggle-input{position:absolute;opacity:0;width:0;height:0}.toggle-slider{position:relative;width:60px;height:30px;background-color:#10b981;border-radius:15px;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid #10b981}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:22px;height:22px;background-color:#fff;border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000001a}.condition-toggle-input:checked+.toggle-slider{background-color:#f59e0b;border-color:#f59e0b}.condition-toggle-input:checked+.toggle-slider:before{transform:translate(30px)}.condition-toggle-input:checked~.toggle-label:last-child{color:#f59e0b;font-weight:var(--font-weight-medium)}.condition-toggle-input:not(:checked)~.toggle-label:first-child{color:#10b981;font-weight:var(--font-weight-medium)}.condition-toggle-input:focus+.toggle-slider{box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}@media (max-width: 768px){.condition-toggle-label{gap:var(--space-2);font-size:var(--font-size-sm)}.toggle-slider{width:50px;height:25px}.toggle-slider:before{width:17px;height:17px}.condition-toggle-input:checked+.toggle-slider:before{transform:translate(25px)}}@media (hover: hover) and (pointer: fine){.custom-dropdown-option:hover{background:var(--color-background-light)}.filter-sort-label:hover{background:transparent;color:var(--color-text-primary)}.filter-sort-radio:checked+.filter-sort-label:hover{background:transparent;color:var(--color-text-primary)}.auto-card-title:hover{color:var(--color-primary)}.auto-card-btn:nth-child(1):hover{background:#c41e3a;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.auto-card-btn:nth-child(2):hover{border-color:var(--color-primary);color:var(--color-primary)}.pagination-btn:hover{background:var(--color-primary);color:var(--color-background)}.pagination-btn:disabled:hover{background:var(--color-background-light);color:var(--color-text-tertiary);border-color:var(--color-border)}.condition-toggle-input:hover+.toggle-slider{box-shadow:0 0 0 3px #10b9811a}.condition-toggle-input:checked:hover+.toggle-slider{box-shadow:0 0 0 3px #f59e0b1a}}