.home-filter-layout .owl-carousel {
         display: block!important;
    }
     .home-filter-layout .owl-carousel img {
         border-radius: 20px 20px 0 0;
    }
     .featured-loading, .featured-empty {
         width: 100%;
         padding: 20px;
         text-align: center;
     }
    .home-filter-layout.is-loaded.has-empty-state.filter-shadow .featured-loading,
    .home-filter-layout.is-loaded.has-empty-state.filter-shadow .featured-empty {
         padding-right: 250px;    
     }
     .featured-loading {
         min-height: 80px;
         color: #555;
         font-size: 14px;
     }
     #featured-vehicles-container {
         transition: opacity .25s ease;
     }
     #featured-vehicles-container.is-filter-loading {
         opacity: .62;
         pointer-events: none;
     }
     .featured-results-footer {
         display: block;
         width: 100%;
         padding: 16px 0 20px;
         text-align: center !important;
     }
    .home-filter-layout .featured-results-footer {
         margin-bottom: 60px !important;
     }
     .featured-results-footer label {
         display: inline-block !important;
         width: 100%;
         margin-bottom: 8px;
         font-size: 14px;
         font-weight: 400;
     }
     .featured-results-footer progress {
         display: block !important;
         width: 52%;
         height: 4px;
         margin: 0 auto 18px;
         accent-color: #1e1e1e;
     }
     #featured-show-more {
         display: block;
         width: 265px;
         margin: 0 auto;
         padding: 12px 22px;
         border: 1px solid #1e1e1e !important;
         border-radius: 28px !important;
         background: #fff !important;
         color: #1e1e1e !important;
         font-family: initial;
         font-size: 14px;
         line-height: normal;
         cursor: pointer;
         transition: opacity .2s ease, transform .2s ease;
     }
     #featured-show-more:hover:not(:disabled) {
         transform: translateY(-1px);
     }
     #featured-show-more:disabled {
         cursor: wait;
         opacity: .6;
     }
     .home-filter-layout {
         display: flex;
         align-items: flex-start;
         gap: 16px;
         max-width: 1425px;
         margin: 0 auto;
         padding: 0 10px;
          scroll-margin-top: 130px;
    }
     .home-filter-panel {
         display: block;
         width: 220px;
         min-width: 220px;
         border: none;
        /*padding: 8px 12px 10px;
        */
         padding: 0;
         box-sizing: border-box;
         border-radius:0 0 20px 20px;
         box-shadow: unset;
         height: fit-content;
         background: #f8f8f8;
         max-height: 81vh;
         overflow-y: auto;
         scrollbar-width: none;
         scrollbar-color: #bfcad6 transparent;
         transition: width .3s ease, min-width .3s ease, padding .3s ease, box-shadow .3s ease;
    }
     .home-filter-header {
         position: sticky;
         top: 0;
         z-index: 100;
         background: #f8f8f8;
         padding: 9px 10px 16px 16px;
         display: flex;
         align-items: center;
         justify-content: space-between;
         transition: justify-content .3s ease, align-items .3s ease;
        border-radius: 20px 20px 0 0;
    }
     .home-filter-header h3 {
         margin: 0;
         font-size: 14px;
         line-height: 1;
         letter-spacing: 0.04em;
         font-weight: 500;
         padding-right: 12px;
         color: #1E1E1E;
         text-transform: uppercase;
         transition: opacity .2s ease;
    }
     .home-filter-total-count {
         display: none;
         min-width: 18px;
         height: 18px;
         margin: -3px 0px 0 1px;
         padding: 0 6px;
         border-radius: 999px;
         background: red;
         color: #fff;
         font-size: 10px;
         line-height: 18px;
         vertical-align: middle;
         align-items: center;
         justify-content: center;
         transition: all 0.3s;
    }
     .home-filter-total-count.is-visible {
         display: inline-flex !important;
    }
     .home-filter-toggle {
         position: relative;
         width: 26px;
         height: 26px;
         border: 1px solid #1E1E1E;
         border-radius: 50%;
         background: #fff;
         transition: all 0.3s;
    }
     .home-filter-toggle::before {
         content: "";
         width: 12px;
         height: 12px;
         background: url(https://motores502.com/public/template_new/images/ero-l.svg) center / contain no-repeat;
         position: absolute;
         top: 6px;
         left: 6px;
    }

     .home-filter-panel.is-collapsed .home-filter-toggle::before {
         display:none;
    }

     .home-filter-toggle .fa-chevron-left {
         display: none;
    }
     .home-filter-clear-all {
        /*display: none;
        */
        /*border: 1px solid #dc2626;
        */
        /*background: linear-gradient(135deg, #ff5b5b, #dc2626);
        */
        /*border-radius: 6px;
        */
        /*padding: 6px 12px;
        */
        /*color: #fff;
        */
        /*font-size: 11px;
        */
        /*font-weight: 700;
        */
        /*cursor: pointer;
        */
        /*transition: all 0.2s ease;
        */
        /*align-items: center;
        */
        /*justify-content: center;
        */
         background: unset !important;
         font-family: initial !important;
         color: #1E1E1E;
         font-size: 12px;
         line-height: normal;
         opacity:0;
             padding-top: 1px;
    }
     .home-filter-clear-all:hover {
         color: red !important;
        /*background: linear-gradient(135deg, #ff4747, #b91c1c);
        */
        /*border-color: #b91c1c;
        */
        /*box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3);
        */
    }
     .home-filter-action {
         font-family: initial !important;
         flex: 1;
         border: 1px solid #d4d4d4;
         background: #fff;
         color: #222;
         border-radius: 6px;
         padding: 5px 8px;
         font-size: 12px;
         cursor: pointer;
         line-height: 1;
         transition: background .25s ease, color .25s ease, border-color .25s ease, box-shadow .25s ease;
    }
     .home-filter-action:hover {
         border-color: #c5cbe0;
    }
     .home-filter-action.active {
         background: var(--gradient, linear-gradient(38deg, #FFF0BB 0%, #FF9E2D 100%));
         color: #1e1e1e !important;
    }
     .home-filter-chips {
         font-family: initial !important;
         display: flex;
         flex-wrap: wrap;
         gap: 5px;
         margin-bottom: 0px;
         padding: 2px 10px 7px;
    }
     .home-filter-chip {
        /* Added position, z-index, and overflow for the pseudo-element */
         position: relative;
         z-index: 1;
         overflow: hidden;
         border: 1px solid #d4d4d4;
         background: #fff;
         padding: 5px 9px;
         border-radius: 999px;
         font-size: 11px;
         color: #262626;
         cursor: pointer;
         line-height: 1;
        /* Removed "background" from transition */
         transition: color .25s ease, border-color .25s ease, transform .15s ease;
    }
    /* 1. Create an invisible gradient layer behind the text */
     .home-filter-chip::before {
         content: "";
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         background: var(--gradient, linear-gradient(38deg, #FFF0BB 0%, #FF9E2D 100%));
         z-index: -1;
         opacity: 0;
        /* Hidden by default */
         transition: opacity .25s ease;
        /* Smoothly animates the gradient */
    }
    /* 2. Fade in the gradient on hover and active states */
     .home-filter-chip:hover::before, .home-filter-chip.active::before {
         opacity: 1;
    }
    /* 3. Handle the text and border changes */
     .home-filter-chip:hover, .home-filter-chip.active {
         color: #1e1e1e;
         border-color: transparent;
        /* Optional: Makes the chip look cleaner when the gradient is active */
    }
     .home-filter-list {
         display: flex;
         flex-direction: column;
         gap: 0px;
    }
     .home-filter-item {
         display: flex;
         align-items: center;
         justify-content: space-between;
         width: 100%;
         background: transparent;
         border: 1px solid transparent;
         border-radius: 0;
         padding: 4px 12px 4px 10px;
         color: #202020;
         font-size: 12px;
         font-weight: 500;
         cursor: pointer;
         border-bottom: 1px solid #9EBCD4;
         transition: background .25s ease, border-color .25s ease, color .25s ease;
    }
     .home-filter-item:hover {
         background: rgba(12, 108, 229, 0.05);
    }
     .home-filter-trigger {
         gap: 8px;
    }
    .last-filter-end {
        border-bottom: none !important;
    }
    
     .home-filter-multi-count {
         display: none;
         min-width: 18px;
         height: 18px;
         margin: -3px 0px 0 1px;
         padding: 0 6px;
         border-radius: 999px;
         background: red;
         color: #fff;
         font-size: 10px;
         line-height: 18px;
         vertical-align: middle;
         align-items: center;
         justify-content: center;
         transition: transform .2s ease, box-shadow .2s ease;
    }
     .home-filter-search {
         display: flex;
         align-items: center;
         gap: 8px;
         width: 100%;
         background: #fff;
         border: 1px solid #dfe7ef;
         border-radius: 10px;
         padding: 7px 10px 7px 8px;
         margin-bottom: 8px;
         box-sizing: border-box;
         transition: border-color .25s ease, box-shadow .25s ease;
    }
     .home-filter-search:focus-within {
         border-color: #0c6ce5;
         box-shadow: 0 0 0 3px rgba(12, 108, 229, 0.12);
    }
     .home-filter-search .fa-search {
         color: #5b5b5b;
         font-size: 12px;
    }
     .home-filter-search input {
         width: 100%;
         border: none;
         outline: none;
         background: transparent;
         font-size: 12px;
         color: #202020;
    }
     .home-filter-search input::placeholder {
         color: #7a7a7a;
    }
     .home-filter-dropdown {
         display: block;
         width: 100%;
    }
    .home-filter-sublist {
        display: flex !important;
        flex-direction: column;
        gap: 0;
        margin: 0;
        padding: 0 7px;
        background: rgba(255, 255, 255, 0.3);
        position: relative;
        max-height: 0;
        opacity: 0;
        visibility: hidden;
        overflow: hidden;
        will-change: max-height;
        transition: max-height .35s cubic-bezier(.4, 0, .2, 1),
                    padding .35s cubic-bezier(.4, 0, .2, 1),
                    opacity .22s ease,
                    visibility 0s linear .35s;
    }
    .home-filter-sublist.is-open {
        max-height: 400px;
        opacity: 1;
        visibility: visible;
        padding: 8px 7px 7px;
        transition: max-height .35s cubic-bezier(.4, 0, .2, 1),
                    padding .35s cubic-bezier(.4, 0, .2, 1),
                    opacity .22s ease .06s,
                    visibility 0s linear 0s;
    }
    
    
    /* Show sublist when trigger is open */
    /*.home-filter-trigger.is-open~.home-filter-sublist {
        */
        /* display: flex;
        */
        /* border-bottom: 1px solid #9EBCD4;
        */
        /* padding: 8px 7px 10px 7px;
        */
        /*
    }
    */
     #fuelFilter .home-filter-subsearch {
         margin-bottom: 3px;
    }
     .home-filter-subsearch {
         display: flex;
         align-items: center;
         gap: 8px;
         padding: 5px 11px;
         background: #fff;
         border: 1px solid #ccc;
         border-radius: 40px;
         position: sticky;
         top: 0;
         z-index: 2;
         flex-direction: row-reverse;
         max-width: 97%;
         margin: 0 auto;
         width: 100%;
         transition: border-color .25s ease, box-shadow .25s ease;
    }
     .home-filter-subsearch i {
         color: #6a6a6a;
         font-size: 11px;
    }
    /*#brandFilter .home-filter-subsearch::after {
        */
        /* content: "";
        */
        /* position: absolute;
        */
        /* left: -10%;
        */
        /* top: -3px;
        */
        /* width: 125%;
        */
        /* height: 113%;
        */
        /* background: #f8f8f8;
        */
        /* z-index: -1;
        */
        /*
    }
    */
     .home-filter-subsearch input {
         border: none;
         outline: none;
         width: 100%;
         background: transparent;
         font-size: 11px;
         color: #202020;
    }
     .home-filter-subsearch input:focus {
    }
     .home-filter-subsearch input::placeholder {
         color: #7a7a7a;
    }
     .home-filter-scrollbox {
         max-height: 220px;
         overflow-y: auto;
         scrollbar-width: thin;
         scrollbar-color: #bfcad6 transparent;
         position: relative;
         padding-top: 0;
         scroll-behavior: smooth;
         overflow-x: hidden;
    }
     .home-filter-scrollbox::-webkit-scrollbar {
         width: 6px;
    }
     .home-filter-scrollbox::-webkit-scrollbar-thumb {
         background: #bfcad6;
         border-radius: 999px;
         transition: background .2s ease;
    }
     .home-filter-subitem {
         display: flex;
         align-items: center;
         gap: 8px;
         color: #1E1E1E;
         font-size: 11px;
         padding: 1px 6px;
         border-radius: 6px;
         text-decoration: none;
         cursor: pointer;
         transition: background .2s ease, color .2s ease;
         margin: 0;
         font-weight: 500;
    }
     .home-filter-subitem input {
         width: 13px;
         height: 13px;
         margin: 0;
         accent-color: #0b5ed7;
         flex-shrink: 0;
         transition: accent-color .2s ease;
    }
     .home-filter-subitem:hover {
         background: rgba(0, 0, 0, 0.05);
         text-decoration: none;
    }
     .home-filter-price-panel {
         gap: 10px;
    }
     .home-filter-price-fields {
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 8px;
    }
     .home-filter-price-fields label {
         display: flex;
         flex-direction: column;
         gap: 4px;
         color: #444;
         font-size: 10px;
             margin: 0;
    }
     .home-filter-currency-input {
         display: flex;
         align-items: center;
         width: 100%;
         box-sizing: border-box;
         padding-left: 11px;
         border: 1px solid #dfe7ef;
         border-radius: 50px;
         background: #fff;
         color: #202020;
     }
     .home-filter-currency-symbol {
         flex: 0 0 auto;
         font-size: 11px;
         line-height: 1;
     }
     .home-filter-price-fields input, .home-filter-price-fields input:focus{
         width: 100%;
         min-width: 0;
         box-sizing: border-box;
         padding: 9px 11px;
        border: 0;
        outline: 0;
         border-radius: 50px;
        background: transparent;
         color: #202020;
         font-size: 11px;
         transition: border-color .25s ease, box-shadow .25s ease;
         line-height: normal;
    }
    #priceFilter .home-filter-price-fields input {
            padding-left: 4px !important;
    }
     .home-filter-price-apply {
         background: transparent;
         border: 1px solid;
         padding: 3px 11px;
         line-height: 24px;
         color: #1e1e1e;
         text-align: center;
         font-size: 12px;
         text-transform: capitalize;
         border-radius: 50px;
         width: 100%;
   
    }
     .home-filter-price-apply:hover {
         background: #1e1e1e;
         color: #FFFFFF;
         border-color: #1e1e1e;
    }
     .home-filter-price-apply:active {
         transform: scale(0.98);
    }
     .home-filter-color-panel {
         gap: 10px;
    }
     .home-filter-color-grid {
         display: grid;
         grid-template-columns: repeat(5, minmax(0, 1fr));
         gap: 8px 5px;
    }
     .home-filter-color-option {
         display: flex;
         flex-direction: column;
         align-items: center;
         gap: 3px;
         min-width: 0;
         color: #626262;
         font-size: 9px;
         text-align: center;
         cursor: pointer;
    }
     .home-filter-color-option input {
         position: absolute;
         opacity: 0;
         pointer-events: none;
    }
     .home-filter-color-swatch {
         width: 26px;
         height: 26px;
         border: 2px solid #FAFAFA;
         border-radius: 50%;
         box-sizing: border-box;
         transition: border-color .2s ease, box-shadow .2s ease, transform .15s ease;
    }
     .home-filter-color-option:hover .home-filter-color-swatch {
         transform: scale(1.08);
    }
     .home-filter-color-option input:checked + .home-filter-color-swatch {
             border-color: rgb(255 188 97);
    }
    .home-filter-panel.is-write-mode .home-filter-write-fields {
    max-width: 93%;
    margin: 0 auto;
    width: 100%;
}
     .color-yellow {
         background: #f7c900;
    }
     .color-blue {
         background: #1768b9;
    }
     .color-light-blue {
         background: #aeb4b9;
    }
     .color-beige {
         background: #ded2ae;
    }
     .color-white {
         background: #f7f7f7;
         border-color: #c9c9c9;
    }
     .color-bronze {
         background: #aaa9a9;
    }
     .color-grey {
         background: #737373;
    }
     .color-light-grey {
         background: #bdbdbd;
    }
     .color-silver-grey {
         background: #c8c2a8;
    }
     .color-gray-black {
         background: #3d3d3d;
    }
     .color-brown {
         background: #734e42;
    }
     .color-orange {
         background: #f06400;
    }
     .color-black {
         background: #171717;
    }
     .color-gold {
         background: #d0a622;
    }
     .color-others {
         background: conic-gradient(#f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00);
    }
     .color-silver {
         background: #aaa;
    }
     .color-red {
         background: #d71e2b;
    }
    .color-pink {
        background: #e88aa8;
    }
     .color-green {
         background: #27833a;
    }
     .color-light-green {
         background: #9bbb76;
    }
     .color-violet {
         background: #6224a1;
    }
     .home-filter-label {
         display: flex;
         align-items: center;
         gap: 6px;
    }
     .home-filter-trigger .home-filter-arrow {
         transition: transform 0.2s ease;
    }
     .home-filter-trigger.is-open .home-filter-arrow {
         transform: rotate(90deg);
    }
     .home-filter-icon {
         width: 16px;
         text-align: center;
         color: #333;
         font-size: 11px;
    }
     .home-filter-arrow {
         color: #6a6a6a;
         font-size: 11px;
    }
     .home-filter-content {
         flex: 1;
         min-width: 0;
    }
     .home-filter-panel.is-collapsed {
         width: 100px;
         min-width: 100px;
         padding: 0;
         background: transparent !important;
         border-radius: 8px !important;
    }
     .home-filter-panel.is-collapsed .home-filter-header h3 {
         display: none;
    }
     .home-filter-panel.is-collapsed .home-filter-actions, .home-filter-panel.is-collapsed .home-filter-chips, .home-filter-panel.is-collapsed .home-filter-list {
         display: none;
    }
     .home-filter-panel.is-collapsed .home-filter-header {
         justify-content: center;
         align-items: center;
         padding: 0 !important;
         background: #fff;
    }
     .home-filter-panel.is-collapsed .home-filter-toggle {
         width: auto;
         padding: 5px 14px;
         border-radius: 24px;
         background: unset;
         box-shadow: unset;
         display: flex;
         align-items: center;
         justify-content: flex-start;
         gap: 6px;
         font-size: 12px;
         color: #1e1e1e;
         border: unset;
         font-weight: 600;
         transition: all 0.3s ease;
         cursor: pointer;
    }
     .home-filter-panel.is-collapsed .inner-sub-head {
         width: 100%;
    }
     .home-filter-panel.is-collapsed .home-filter-toggle:active {
         transform: scale(0.98);
         box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.4);
    }
     .home-filter-panel.is-collapsed .home-filter-toggle i {
         transform: none;
         font-size: 13px;
         transition: color .2s ease;
    }
     .home-filter-panel.is-collapsed .home-filter-toggle:after {
         content: "Filtros";
         font-weight: 700;
         margin-left: 1px;
         color: #1e1e1e;
    }
    /*filtercss*/
     .main-page-wrapper {
         display: flex;
         justify-content: center;
         gap: 15px;
    }
     .inner-section{
         display:none;
    }
     .fill-wrapper:has(.home-filter-panel.is-collapsed) {
         left: 0;
    }
    /* 1. Ensure the inputs themselves are completely transparent */
     .home-filter-range-track input[type="range"] {
         -webkit-appearance: none;
         appearance: none;
         background: transparent !important;
        /* Crucial: stops the track from covering the other circle */
         position: absolute;
         width: 100%;
         pointer-events: none;
    }
    /* 2. Push the WebKit (Chrome/Safari/Edge) thumbs to the front */
     .home-filter-range-track input[type="range"]::-webkit-slider-thumb {
         -webkit-appearance: none;
        /* Z-Index Fix */
         position: relative !important;
         z-index: 10 !important;
         pointer-events: auto;
        /* Lets you click them */
        /* Your Circle Styles */
         border-radius: 50% !important;
         background: #1e1e1e !important;
         width: 15px !important;
         height: 15px !important;
         box-shadow: 5px 5px 32px 2px rgb(0 0 0 / 24%) !important;
         border: none !important;
         margin-top: -6.6px !important;
         cursor: pointer;
    }
    /* 3. Push the Firefox thumbs to the front */
     .home-filter-range-track input[type="range"]::-moz-range-thumb {
        /* Z-Index Fix */
         position: relative !important;
         z-index: 10 !important;
         pointer-events: auto;
        /* Your Circle Styles */
         border-radius: 50% !important;
         background: #1e1e1e !important;
         width: 15px !important;
         height: 15px !important;
         box-shadow: 5px 5px 32px 2px rgb(0 0 0 / 24%) !important;
         border: none !important;
         transform: translateY(-12.6px) !important;
         cursor: pointer;
    }
     .home-filter-range-track {
         position: relative;
         width: 100%;
    }
     .home-filter-range-track input[type="range"] {
         position: absolute;
         width: 100%;
         pointer-events: none;
        /* Prevents the inputs from blocking each other */
    }
    /* Add pointer-events back to the thumbs so you can drag them */
     .home-filter-range-track input[type="range"]::-webkit-slider-thumb {
         pointer-events: auto;
    }
     .home-filter-range-track input[type="range"]::-moz-range-thumb {
         pointer-events: auto;
    }
     .home-filter-actions {
         display: flex;
         position: relative;
         background: #fff;
         border: 1px solid #d4d4d4;
         border-radius: 8px;
         padding: 4px;
         z-index: 1;
         max-width: 92%;
         margin: 0 auto 8px;
    }
    /* 2. The Sliding Background (The Glider) */
     .home-filter-actions::before {
         content: "";
         position: absolute;
         top: 4px;
         bottom: 4px;
         left: 4px;
         width: calc(50% - 4px);
        /* Exactly half of the container's inner width */
         background: var(--gradient, linear-gradient(38deg, #FFF0BB 0%, #FF9E2D 100%));
         border-radius: 6px;
         transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
         z-index: -1;
        /* Keeps the background behind the button text */
    }
    /* 3. Move the glider perfectly when the 2nd tab is active */
     .home-filter-actions:has(.home-filter-action:nth-child(2).active)::before {
         transform: translateX(100%);
    }
     .home-filter-action {
         font-family: initial !important;
         flex: 1;
         background: transparent !important;
         border: none !important;
         color: #666;
         padding: 6px 8px;
         font-size: 12px;
         font-weight: 500;
         cursor: pointer;
         line-height: 1;
         text-align: center;
         transition: color 0.25s ease;
    }
     .home-filter-action:hover {
         color: #222;
    }
     .home-filter-slider-fields {
         gap:0 !important;
         padding: 0 7px;
    }
     .home-filter-action.active {
         color: #1e1e1e !important;
    }
     .home-filter-color-option small {
         font-size: 10px !important;
         line-height: normal;
    }
     .fa-bars-staggered{
         --fa: "\f550" ! IMPORTANT;
         display:none;
    }
     .home-filter-opn i.fa.fa-chevron-right {
         display:none;
    }
    .home-filter-opn .fa-bars-staggered{
         display:block !important;
    }
     .home-filter-subsearch-wrap {
         position: sticky;
         top: 0px;
         background: #fafafa;
         padding: 10px 0 4px 0;
    }
     #brandFilter {
         padding-top: 0;
    }
     .head-sub-btns {
         display: flex;
         align-items: center;
         gap: 6px;
    }
     .home-filter-multi-count {
         position: absolute;
         right: 30px;
         margin: -1px 0 0 0;
    }
     .home-filter-opn .home-filter-clear-all.is-visible {
         display:none !important;
    }
     .home-filter-opn .home-filter-clear-all, .home-filter-opn .home-filter-clear-all.is-visible {
         position: absolute !important;
         width: 0 !important;
         height: 0 !important;
         padding: 0 !important;
         margin: 0 !important;
         border: 0 !important;
         opacity: 0 !important;
         visibility: hidden !important;
         pointer-events: none !important;
         overflow: hidden !important;
         clip-path: inset(50%) !important;
    }
     .home-filter-item:last-child {
         border-bottom: none;
    }
     .home-filter-opn .head-sub-btns {
         margin-left: 7px;
    }
     .home-filter-opn .home-filter-header {
         border-radius: 20px;
         padding: 6px 6px 6px 14px;
    }
     .top-wrap-box {
         display: flex;
         flex-direction: column;
         padding-top: 33px;
         position: sticky;
         margin-top: 0px;
         top: 161px;
         height: fit-content;
         opacity: 1;
         transition: opacity .35s ease;
    }
    
    
     .home-filter-opn .home-filter-toggle::before {
         display: none;
    }
     .heart_motores_i {
         z-index: 1 !important;
    }
     .scroll-to-top {
         z-index: 2 !important;
    }
     .banner-home {
         background: unset !important;
    }
     .home-filter-layout .custom-sliderbox .single-item-carousel .image a {
         position: relative;
         z-index: 2;
    }
     .offer-block .single-item-carousel .owl-nav .owl-next:hover,
     .offer-block .single-item-carousel .owl-nav .owl-prev:hover
     {
             background: #1e1e1e !important;
    }
    /* base = desktop */
     .home-filter-panel{
         transform:translateY(-14px);
         transform-origin:top center;
         max-height:0;
         opacity:0;
         overflow:hidden;
         pointer-events:none;   
         transition: max-height .35s cubic-bezier(.4,0,.2,1), transform .35s cubic-bezier(.4,0,.2,1), opacity .25s ease;
    }
    /* OPEN */
     .home-filter-panel:not(.is-collapsed){
         max-height:81vh;
         opacity:1;
         transform:translateY(0);
         overflow-y:auto;
         pointer-events:auto;
    }
    /* CLOSED – vertical, not horizontal */
     .home-filter-panel.is-collapsed{
         padding:0 !important;
         max-height:0 !important;
         opacity:0 !important;
         transform:translateY(-14px) !important;
    }
     .top-wrap-box {
         padding:0;
    }
     .top-wrap-box.is-loaded.home-filter-opn {
         display: none;
    }
     .home-filter-header.btn-filter-header {
         border-radius: 20px !important;
         width: fit-content;
         padding: 6px 7px 6px 16px;
         opacity:0;
    }
    .top-wrap-box {
        display:none;
    }
    .filter-shadow .top-wrap-box {
        display:block;
    }
     .is-loaded .home-filter-header.btn-filter-header,
    .is-loaded .home-filter-clear-all{
         opacity: 1;
    }
     .home-filter-header.btn-filter-header .home-filter-toggle::before {
         transform: scaleX(-1);
    }
     .home-filter-header.btn-filter-header .fa-chevron-right, .home-filter-header .fa-chevron-right{
         display: none;
    }
     .home-filter-layout.filter-shadow .home-filter-header.btn-filter-header {
         /*display: none;*/
             visibility: hidden;
    z-index: -999999999;
    }
    /* .home-filter-layout.filter-shadow .fill-contents .offer-section {*/
    /*     padding-top: 0 !important;*/
    /*}*/
     .home-filter-header.btn-filter-header .home-filter-clear-all{
         display: none!important;
    }
    .home-filter-clear-all.is-visible,
    .home-filter-header.btn-filter-header .home-filter-clear-all.is-visible,
    .home-filter-opn .home-filter-clear-all.is-visible {
        display: flex !important;
        position: relative !important;
        width: auto !important;
        height: auto !important;
        padding: 1px 0 !important;
        margin: 0 !important;
        border: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        overflow: visible !important;
        clip-path: none !important;
    }
     .sub_label {
         line-height: normal;
    }
    .banner-bg-img.cust_banner .sec-title {
            align-items: flex-end !important;
                bottom: 0 !important;
    }
    .Kils-fields input{
        border: 1px solid #dfe7ef !important;
            background: #fff !important ;
    }
    .top-wrap-box.home-filter-opn .home-filter-total-count.is-visible {
         display: none !important;
    }
    .home-filter-sublist.home-filter-scrollbox {
        max-height: 0;
        overflow: hidden;
    }
    
    .home-filter-sublist.home-filter-scrollbox.is-open {
        max-height: 260px;
        overflow-y: auto;
    }
.featured-empty {
    /*min-height: 100%;*/
    /*background: #f8f8f8;*/
    /*height: 100%;*/
    /*max-height: 100%;*/
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    /*border-radius: 20px;*/
        font-size: 16px;
}
.nofilters {
       height: auto ;
}
.home-filter-layout.is-loaded.filter-shadow .nofilters {
        font-size: 16px;
         /*height: 96%;*/
}
/*.nofilters.nofilters-para {*/
/*    background: #f8f8f8;*/
/*    border-radius: 20px;*/
/*    padding-top:10px;*/
/*    padding-bottom:10px;*/
/*        display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*}*/
.home-filter-line-empty
{
    color: red;
    font-size: 14px;
    padding: 0 0 0 7px;
}
.home-filter-actions {
    display: none;
}
.line-filter-list {
        overflow: auto;
    scrollbar-width: thin;
    max-height: 271px;
}
/*new css*/

.home-filter-sorting .choices {

        z-index: 3 !important;
            min-width: 240px;
}

/* The visible "closed" box */
.home-filter-sorting .choices__inner{
    width: 100%;
    font-size: 14px;
    font-style: normal;
    font-size: 14px!important;
    color: #333;
    border-radius: 50px !important;
    border: 1px solid rgba(30, 30, 30, 0.20);
}
.home-filter-sorting .choices.is-focused.is-open {
        border-radius: 50px !important;
}
/* Selected text */
.home-filter-sorting .choices[data-type*="select-one"] .choices__inner {
    padding: 8px 8px 8px 15px;
}

/* Dropdown arrow */
.home-filter-sorting .choices[data-type*="select-one"]::after {
    border: none;
    font-family: "Font Awesome 5 Free";
    content: '\f107';
    position: absolute;
    right: 20px !important;
    top: 13px !important;
    width: 14px;
    height: 20px;
    display: block;
    color: #333;
    line-height: 20px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    z-index: 5;
    margin:0 !important;
}

.home-filter-sorting .choices__list.choices__list--single {
    height: 100%;
    display: contents;
}
/* The open dropdown panel */
.home-filter-sorting .choices__list--dropdown,
.home-filter-sorting .choices__list[aria-expanded] {

}

/* Each option */
.home-filter-sorting .choices__item--choice,
.home-filter-sorting .choices__list--dropdown .choices__item--selectable,
.home-filter-sorting .choices__list[aria-expanded] .choices__item--selectable {
    padding: 6px 14px !important;
    font-size: 14px!important;

}

/* Hover / highlighted option */
.home-filter-sorting .choices__list--dropdown .choices__item--selectable.is-highlighted,
.home-filter-sorting .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    border: 1px solid #003eff;
    background: #007fff;
    color: #ffffff;
}

.home-filter-sorting .choices__list--dropdown .choices__list, 
.home-filter-sorting .choices__list[aria-expanded] .choices__list {
    max-height: 340px!important;
    scrollbar-width: none !important;
}

/* Remove default blue outline */
.home-filter-sorting .choices:focus,
.home-filter-sorting .choices *:focus {
    outline: none;
}
.home-filter-sorting .auto-container {
    padding: 0 10px 0 0;
}
     @media (min-width: 1024px) {
              .home-filter-toggle:hover {
         background: #1E1E1E;
    }
         .home-filter-toggle:hover .fa-bars-staggered {
         color: #fff;
    }
    
     .home-filter-toggle:hover::before {
         filter: brightness(0) invert(1);
    }
         .fill-wrapper {
             display: flex;
             gap: 15px;
             width: fit-content;
             position: relative;
             left: 0;
             transition: left .3s ease;
        }
         .home-filter-layout .fill-wrapper{
             width: 100% !important;
             padding-top:50px
        }
         .home-filter-layout.filter-shadow .fill-contents {
             width: calc(100% - 234px);
        }
         .home-filter-layout .fill-contents {
             width: calc(100% - 0px);
        }
         .home-filter-layout .auto-container, .home-filter-layout{
             max-width: 100% !important;
        }
         .home-filter-layout .fill-contents .offer-section {
             padding-bottom: 0 !important;
        }
         .banner-home {
             padding: 0 0 60px 0;
        }
        .top-wrap-box {
                padding-bottom: 25px !important;
        }
        .top-wrap-box .home-filter-panel{
            max-height: 75vh;
        }
    }
    
     @media (min-width: 1451px) {
         .home-filter-layout .fill-contents .col-lg-3 {
             width: 20% !important;
        }
    }
    
     @media (min-width: 1200px) and (max-width: 1450px) {
         .home-filter-layout .fill-contents .col-lg-3 {
             width: 25% !important;
        }
    }
     @media (max-width: 1500px) {
        /*.home-filter-layout .custom-cols-row .custom-col {
            */
            /* width: 22%;
            */
            /*
        }
        */
        /*.banner-home {
            */
            /* width: 89%;
            */
            /*
        }
        */
        /*.fill-wrapper {
            */
            /* left: 0;
            */
            /*
        }
        */
    }
     @media (max-width: 1450px) {
    .home-filter-panel:not(.is-collapsed) {
            max-height: 69vh;
    }
    }
     @media only screen and (max-width: 1340px) {
         .page-wrapper {
             overflow: unset !important;
        }
    }
     @media (max-width: 1200px) {
         .home-filter-layout .fill-contents .col-lg-3 {
             width: 33.33% !important;
        }
        .home-filter-opn .home-filter-header {
            display:none;
        }

    }
 @media (max-width: 1024px) {
                    .home-filter-header.btn-filter-header {
                 margin: 32px 0 0 16px;
        }
     .home-filter-layout {
         display: block;
    }
     .home-filter-layout {
        scroll-margin-top: 90px;
    }
    .top-wrap-box {
         min-width: 380px;
            height: calc(100vh - 110px);
            max-height: calc(100vh - 110px);
         padding-top: 0 !important;
         position: fixed;
         z-index: 3;
         display: flex;
         flex-direction: column;
         align-items: stretch;
         top: 110px;
         overflow-x: hidden;
         overflow-y: auto;
         transform: translateX(0);
         visibility: visible;
         pointer-events: auto;
         will-change: transform;
         transition: transform .35s cubic-bezier(.4,0,.2,1),
                     visibility 0s linear 0s;
                             z-index: 7;
    }
    .top-wrap-box.home-filter-opn {
         transform: translateX(-105%);
         pointer-events: none;
         visibility: hidden;
         transition: transform .35s cubic-bezier(.4,0,.2,1),
                     visibility 0s linear .35s;
    }
  .home-filter-panel {
    width: 100%;
    min-width: 380px;
        max-height: none;
        overflow-y: visible;
    opacity: 1;
  }
  .home-filter-panel:not(.is-collapsed) {
    pointer-events: auto;
  }
  .home-filter-panel.is-collapsed {
    pointer-events: auto;
            max-height: 69vh !important;
  }
         .home-filter-layout::before {
             content: "";
             position: fixed;
             top: 0;
             left: 0;
             width: 100%;
             height: 100%;
             background-color: rgba(0, 0, 0, .5);
                 z-index: 4;
             pointer-events: none;
             opacity: 0;
             visibility: hidden;
             transition: opacity .35s ease, visibility 0s linear .35s;
             user-select: none;
        }
         .home-filter-layout.filter-shadow::before {
             opacity: 1;
             visibility: visible;
             transition: opacity .35s ease, visibility 0s linear 0s;
        }
        .is-loaded .home-filter-header.btn-filter-heade {
                margin-top: 20px;
        }
    }
     @media (max-width: 991px) {
         .home-filter-header.btn-filter-header {
                 margin: 32px 0 0 16px;
        }
        /* .banner-home {*/
        /*     padding-bottom: 30px;*/
        /*}*/
         .home-filter-layout .fill-contents .col-lg-3 {
             width: 50% !important;
        }
        .home-filter-header {
                padding: 9px 10px 8px 16px;
        }
        .home-filter-actions {
                max-width: 96%;
        }
        .home-filter-sublist.is-open {
                max-width: 96%;
    margin: 0 auto;
    width: 100%;
        }
        #fuelFilter .home-filter-subsearch {
              max-width: 100%;
        }
        .home-filter-subitem {
                padding: 0;
        }
        .small-auto-title {
                padding-left: 0 !important;
                    font-size: 12px !important;
        }
        .home-filter-slider-fields {
                padding: 0 !important;
        }
        .home-filter-sorting .choices {
    min-width: 170px;
}
.home-filter-sorting .choices[data-type*="select-one"] .choices__inner {
    padding: 6px 30px 6px 15px;
    min-height: auto;
}
.home-filter-sorting .choices[data-type*="select-one"]::after {
        right: 12px !important;
    top: 10px !important;
}
.home-filter-sorting .auto-container{
        padding: 0;
}
.recent-drop-row label {
        display: none;
}
    }
     @media (max-width: 576px) {
         .home-filter-panel:not(.is-collapsed) {
             min-width: 100%;
             width: 100%;
        }
         .top-wrap-box {
             width: 60%;
             height: calc(100vh - 100px);
             max-height: calc(100vh - 100px);
             min-width: auto;
             top: 100px;
             margin: 0 auto;
             left: 6px;
        }
         .top-wrap-box.home-filter-opn {
             /*width: fit-content;*/
             margin: 0;
        }
         .bg-gradient {
             top: 0 !important;
        }
             .banner-home {
             padding-bottom: 10px;
        }
            .home-filter-header.btn-filter-header {
            margin: 15px 0 0 6px;
        }
       .home-filter-layout .offer-section,
       .home-filter-layout.filter-shadow .fill-contents .offer-section{
            padding-top:22px !important;
        }
       .home-filter-layout .offer-section .custom-cols-row {
             padding: 0;
        }
        .home-filter-subsearch {
                max-width: 100% !important;
        }
       #priceFilter .home-filter-price-fields input {
                padding: 9px 5px;
        } 
        
        .featured-empty,
        .home-filter-layout.is-loaded.filter-shadow .nofilters { 
                font-size: 14px;
        }
        .recent-drop-row {
    gap: 3px !important;
        padding: 0 6px 0 0;
}
    .home-filter-sorting .choices__item--choice, .home-filter-sorting .choices__list--dropdown .choices__item--selectable, .home-filter-sorting .choices__list[aria-expanded] .choices__item--selectable {
    padding: 6px 10px !important;
    font-size: 13px !important;
}


/*.home-filter-sorting {*/
/*    position: static !important;*/
/*}*/
.recent-drop-row {
    justify-content: end;
    padding: 0 4px 0 0;
}
.home-filter-sorting .choices__inner {
        border: none;
}

    }
    .recent-drop-row {
    display: flex;
    align-items: center;
    gap: 10px;
}
.recent-drop-row label {
          color: #1E1E1E;
    font-size: 14px;
    font-weight: 400;
}
    .fill-contents {
            position: relative;
    }
    .home-filter-sorting {
    position: absolute;
    right: 0;
    top: -3px;
}
    /*.recent-drop-row {*/
    /*        border-radius: 20px;*/
    /*background: rgba(255, 255, 255, 0.60);*/
    /*}*/
    
    
    
    
    
    
    
    
@media (max-width: 400px) { 
        .home-filter-header.btn-filter-header {
        padding: 6px 7px 6px 10px;
        }
        .home-filter-header.btn-filter-header {
        margin: 12px 0 0 2px;
        }
        .home-filter-sorting .choices[data-type*="select-one"]::after {
        right: 12px !important;
        top: 10px !important;
        width: 10px;
        height: 16px;
        font-size: 14px;
        }
            .home-filter-sorting .choices[data-type*="select-one"] .choices__inner {
        padding: 6px 24px 6px 12px;
    }
    .home-filter-sorting .choices__item--choice, .home-filter-sorting .choices__list--dropdown .choices__item--selectable, .home-filter-sorting .choices__list[aria-expanded] .choices__item--selectable {
    padding: 6px 9px !important;
    font-size: 12px !important;
}
/*.recent-drop-row {*/
/*        padding: 5px 4px 0 0;*/
/*}*/
}
    @media (max-width: 365px) {  
        .home-filter-header h3 {
                padding-right: 5px;
        }
    }
    
    /*filtercss*/