/* filter.css — 304 правил */

[data-theme="dark"] .tg-line-icon{filter:brightness(0) invert(1)}
[data-theme="dark"] .logo .logo-dark{display:block;filter:none}
.filter_box{display:flex;flex-direction:column;gap:8px;padding:15px;background:#FFFFFF;border-radius:12px;border:none;box-shadow:0 1px 0px 0px rgba(0,0,0,0.12),0 0px 1px rgba(0,0,0,0.08)}
[data-theme="dark"] .filter_box{background:#242F3D;border:none;box-shadow:0 1px 4px 0px rgba(0,0,0,0.12),0 0px 1px rgba(0,0,0,0.08)}
.filter-under-block{width:100%;margin-top:18px;padding:0;background:transparent;border-radius:20px;display:flex;flex-direction:column;gap:15px}
.content-left>.filter-under-block:first-child{margin-top:0}
[data-theme="dark"] .filter-under-block{background:transparent}
.asp-spec-id{font-weight:500;font-size:9px;color:#0969da;opacity:.8}
[data-theme="dark"] .asp-spec-id{color:#58a6ff}
[data-theme="dark"] .comment_avatar{filter:brightness(0) invert(1)}
.comment_btn .icon_white{filter:brightness(0)}
.comment_btn_2gis{width:30px;height:8px;filter:brightness(0)}
[data-theme="dark"] .comment_btn .icon_white{filter:none}
[data-theme="dark"] .comment_btn_2gis{filter:none}
.video_play_btn{position:absolute;top:50%;left:50%;width:40px;height:40px;transform:translate(-50%,-50%);z-index:5;pointer-events:none;filter:drop-shadow(0 0 15px rgba(0,0,0,0.8))}
.filter_box .row{display:flex;gap:24px;align-items:center}
.filter_box .row.row-actions{justify-content:flex-end}
.filter_box .dropdown,.filter_box .range-dd{position:relative;flex:1;max-width:calc((100% - 48px) / 3);perspective:1200px;z-index:1}
.filter_box .price-range{display:flex;align-items:center;gap:8px;flex:1;max-width:calc((100% - 48px) / 3);position:relative}
.filter_box .price-range .price-input{width:100%;height:100%;text-align:left;padding:0}
.filter_box .price-range .price-input::placeholder{color:#676767;font-weight:400}
.filter_box .price-range .price-input:focus::placeholder{color:transparent}
.filter_box .price-divider{color:#bcc8d4;font-size:12px;flex-shrink:0}
.filter_box .dropdown:has(.dd-panel:not([hidden])),.filter_box .range-dd:has(.range-panel:not([hidden])){z-index:300}
.filter_box .dd-head,.filter_box .range-head,.filter_box .price-range .price-input-wrap{display:flex;align-items:center;justify-content:space-between;width:100%;height:38px;padding:0 40px 0 16px;background:#ffffff;border:1px solid transparent;border-radius:8px;color:var(--text-primary);font-family:var(--font-family);font-size:12px;cursor:pointer;position:relative;z-index:1;transition:border-color .15s ease,box-shadow .15s ease,transform .12s ease;box-shadow:0 1px 2px rgba(0,0,0,0.04),0 0px 1px rgba(0,0,0,0.03);user-select:none}
.filter_box .price-range .price-input-wrap{padding:0 5px 0 16px;width:auto;justify-content:flex-start}
.filter_box .dd-head:active,.filter_box .range-head:active,.filter_box .price-range .price-input-wrap:active{scale:.98;border-color:rgba(0,0,0,0.1)}
.filter_box .dd-head:hover,.filter_box .range-head:hover,.filter_box .price-range .price-input-wrap:hover{border-color:rgba(0,0,0,0.1);box-shadow:0 1px 4px rgba(0,0,0,0.06),0 0px 2px rgba(0,0,0,0.03)}
.filter_box .dd-head[aria-expanded="true"]{z-index:110;background:#ffffff;position:relative;border-radius:8px;border-color:rgba(0,0,0,0.1);transition:none}
.filter_box .range-head[aria-expanded="true"]{z-index:110}
.filter_box .range-dd:has(.panel-from:not([hidden])) .slot-from,.filter_box .range-dd:has(.panel-to:not([hidden])) .slot-to{border-radius:8px;border-color:rgba(0,0,0,0.1);z-index:110;background:#ffffff}
.filter_box .slot:focus-within{border-color:#cbd5e1}
.filter_box .price-range .dd-head:focus-within{border-color:#cbd5e1}
.filter_box .chev{width:16px;height:16px;background:url('/static/img/arrow.svg') no-repeat center;background-size:16px 16px;transition:transform .3s ease,opacity .2s ease;flex-shrink:0;opacity:.6;filter:brightness(0) saturate(100%) invert(67%) sepia(11%) saturate(531%) hue-rotate(176deg) brightness(92%) contrast(88%)}
.filter_box .chev.chev-loading{background:none;border:2px solid rgba(148,163,184,0.3);border-top-color:#94A3B8;border-radius:50%;width:14px;height:14px;filter:none;opacity:1;transition:none!important;animation:chevSpin .6s linear infinite}
.filter_box .dd-head>.chev.chev-loading{animation:chevSpinCentered .6s linear infinite}
.filter_box .dd-head[aria-expanded="true"]>.chev.chev-loading{animation:chevSpinCentered .6s linear infinite}
.filter_box .dd-preloader{display:flex;justify-content:center;align-items:center;padding:24px 0;min-height:68px}
.filter_box .dd-spinner{width:24px;height:24px;border:2.5px solid rgba(148,163,184,0.25);border-top-color:#94A3B8;border-radius:50%;animation:chevSpin .6s linear infinite}
.filter_box .dd-head>.chev{position:absolute;right:16px;top:50%;transform:translateY(-50%)}
.filter_box .dd-head[aria-expanded="true"]>.chev{transform:translateY(-50%) rotate(180deg)}
.filter_box .dd-clear{display:none;width:16px;height:16px;font-size:0;font-style:normal;cursor:pointer;flex-shrink:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%239CA3AF' d='m13.41 12 3.3-3.29a1 1 0 1 0-1.42-1.42L12 10.59l-3.29-3.3a1 1 0 0 0-1.42 1.42l3.3 3.29-3.3 3.29a1 1 0 0 0 .33 1.64 1 1 0 0 0 1.09-.22l3.29-3.3 3.29 3.3a1 1 0 0 0 1.64-.33 1 1 0 0 0-.22-1.09L13.41 12Z'/%3E%3C/svg%3E") no-repeat center;background-size:16px 16px;transition:opacity .2s ease}
.filter_box .dd-clear:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23EF4444' d='m13.41 12 3.3-3.29a1 1 0 1 0-1.42-1.42L12 10.59l-3.29-3.3a1 1 0 0 0-1.42 1.42l3.3 3.29-3.3 3.29a1 1 0 0 0 .33 1.64 1 1 0 0 0 1.09-.22l3.29-3.3 3.29 3.3a1 1 0 0 0 1.64-.33 1 1 0 0 0-.22-1.09L13.41 12Z'/%3E%3C/svg%3E")}
.filter_box .dropdown.has-value .chev{visibility:hidden}
.filter_box .dropdown.has-value .dd-clear{display:flex;align-items:center;justify-content:center;position:absolute;right:16px;top:50%;transform:translateY(-50%)}
.filter_box .range-clear{display:none;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:24px;height:24px;font-size:0;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%239CA3AF' d='m13.41 12 3.3-3.29a1 1 0 1 0-1.42-1.42L12 10.59l-3.29-3.3a1 1 0 0 0-1.42 1.42l3.3 3.29-3.3 3.29a1 1 0 0 0 .33 1.64 1 1 0 0 0 1.09-.22l3.29-3.3 3.29 3.3a1 1 0 0 0 1.64-.33 1 1 0 0 0-.22-1.09L13.41 12Z'/%3E%3C/svg%3E") no-repeat center;background-size:16px 16px;transition:opacity .2s ease;z-index:5}
.filter_box .range-clear:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23EF4444' d='m13.41 12 3.3-3.29a1 1 0 1 0-1.42-1.42L12 10.59l-3.29-3.3a1 1 0 0 0-1.42 1.42l3.3 3.29-3.3 3.29a1 1 0 0 0 .33 1.64 1 1 0 0 0 1.09-.22l3.29-3.3 3.29 3.3a1 1 0 0 0 1.64-.33 1 1 0 0 0-.22-1.09L13.41 12Z'/%3E%3C/svg%3E")}
.filter_box .range-dd.has-value .slot .chev{visibility:hidden}
.filter_box .range-dd.has-value .range-clear{display:block}
.filter_box .price-clear{display:none;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:24px;height:24px;font-size:0;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%239CA3AF' d='m13.41 12 3.3-3.29a1 1 0 1 0-1.42-1.42L12 10.59l-3.29-3.3a1 1 0 0 0-1.42 1.42l3.3 3.29-3.3 3.29a1 1 0 0 0 .33 1.64 1 1 0 0 0 1.09-.22l3.29-3.3 3.29 3.3a1 1 0 0 0 1.64-.33 1 1 0 0 0-.22-1.09L13.41 12Z'/%3E%3C/svg%3E") no-repeat center;background-size:16px 16px;transition:opacity .2s ease;z-index:5}
.filter_box .price-clear:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23EF4444' d='m13.41 12 3.3-3.29a1 1 0 1 0-1.42-1.42L12 10.59l-3.29-3.3a1 1 0 0 0-1.42 1.42l3.3 3.29-3.3 3.29a1 1 0 0 0 .33 1.64 1 1 0 0 0 1.09-.22l3.29-3.3 3.29 3.3a1 1 0 0 0 1.64-.33 1 1 0 0 0-.22-1.09L13.41 12Z'/%3E%3C/svg%3E")}
.filter_box .price-range.has-value .price-clear{display:block}
.filter_box .dd-panel,.filter_box .range-panel{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:100;background-color:#fff;border-radius:8px;overflow:visible;box-shadow:0 8px 20px -5px rgb(0 0 0 / .08),0 3px 8px -4px rgb(0 0 0 / .05);margin-top:0;border:1px solid rgba(0,0,0,0.06)}
.filter_box .dd-panel[hidden],.filter_box .range-panel[hidden]{overflow:hidden}
.filter_box .range-panel.panel-from{left:0;right:auto;width:calc(50% - 4px);border-radius:8px;box-sizing:border-box}
.filter_box .range-panel.panel-to{left:auto;right:0;width:calc(50% - 4px);border-radius:8px;box-sizing:border-box}
.filter_box .dd-inner{max-height:340px;overflow-y:auto;overflow-x:hidden;border-radius:3px;scrollbar-width:none;-ms-overflow-style:none;transition:transform .15s cubic-bezier(0.25,0.46,0.45,0.94);overscroll-behavior:contain;position:relative}
.filter_box .dd-inner-wrapper{position:relative;border-radius:0 0 12px 12px;overflow:hidden}
.filter_box .dd-inner-wrapper::before,.filter_box .dd-inner-wrapper::after{content:'';position:absolute;left:0;right:0;height:40px;pointer-events:none;z-index:10;opacity:0;transition:opacity .2s ease}
.filter_box .dd-inner-wrapper::before{top:0;background:linear-gradient(to bottom,rgba(255,255,255,0.98) 0%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0) 100%)}
.filter_box .dd-inner-wrapper::after{bottom:0;background:linear-gradient(to top,rgba(255,255,255,0.98) 0%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0) 100%)}
.filter_box .dd-inner-wrapper.can-scroll-up::before{opacity:1}
.filter_box .dd-inner-wrapper.can-scroll-down::after{opacity:1}
.filter_box .dd-inner::-webkit-scrollbar{display:none}
.filter_box .dd-options{list-style:none;margin:0;padding:0}
.filter_box .dd-options li:last-child{border-radius:8px}
.filter_box .dd-row{display:flex;justify-content:space-between;align-items:center;height:36px;margin:4px;padding:12px 6px 12px 12px;cursor:pointer;font-size:13px;color:#334155;font-weight:500;position:relative;border-radius:4px;border:none;background:transparent;transition:all .2s ease-out}
.filter_box .dd-row:hover{color:#1e293b;background:#f8fafc}
.filter_box .dd-row.dd-active{background:#fffbeb;border:none;box-shadow:inset 0 2px 4px 0 rgb(0 0 0 / .05);color:#0f172a}
.filter_box .dd-row-spec{flex-direction:column;align-items:stretch;height:auto;padding:12px;gap:10px}
.filter_box .dd-row-main{display:flex;justify-content:space-between;align-items:flex-start;width:100%;gap:5px}
.filter_box .dd-row-details{display:flex;gap:6px;margin-top:0;flex-wrap:wrap;padding-right:24px}
.filter_box .dd-row-detail{font-size:11px;color:#8b9cb0;background:#f1f5f9;padding:2px 6px;border-radius:4px;border:1px solid #e2e8f0;font-family:var(--font-family)}
.filter_box .dd-row-detail:empty{display:none}
.filter_box .dd-row:hover .dd-row-detail{color:#8b9cb0}
.filter_box .dd-row-count{color:#bcc8d4;font-size:10px;font-weight:700;background:#ffffff;padding:2px 6px;border-radius:4px;border:1px solid #e2e8f0;font-family:var(--font-family);transition:all .2s ease;align-self:center;display:inline-flex;align-items:center;justify-content:center;margin-left:auto;margin-right:4px;flex-shrink:0}
.filter_box .dropdown.has-carousel .dd-row-count,.filter_box .dd-row-main .dd-row-count{color:#bcc8d4;font-size:10px;font-weight:700;background:#ffffff;padding:2px 6px;border-radius:4px;border:1px solid #e2e8f0;font-family:var(--font-family);transition:all .2s ease;align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;margin-left:auto;margin-right:4px;flex-shrink:0}
.filter_box .dd-row-year{color:#334155;font-size:13px;font-weight:500;margin-right:6px;flex-shrink:0}
[data-theme="dark"] .filter_box .dd-row-year{color:#cbd5e1}
.filter_box .dd-row-year.dd-year-loading{width:32px;height:14px;border-radius:3px;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background-size:200% 100%;animation:shimmer-year 1.5s infinite;color:transparent;font-size:0}
[data-theme="dark"] .filter_box .dd-row-year.dd-year-loading{background:linear-gradient(90deg,#1f2937 25%,#283341 50%,#1f2937 75%);background-size:200% 100%}
.filter_box .dd-row-sep{color:#bcc8d4;margin:0 4px;flex-shrink:0;font-size:12px}
[data-theme="dark"] .filter_box .dd-row-sep{color:#8b9cb0}
[data-theme="dark"] .filter_box .dropdown.has-carousel .dd-row-count,[data-theme="dark"] .filter_box .dd-row-main .dd-row-count{background-color:#242f3d;color:#b8cce0;border:none;padding-left:.375rem;padding-right:.375rem;height:20px;display:inline-flex;align-items:center;align-self:flex-start;justify-content:center;border-radius:.25rem;font-size:11px;font-weight:400}
.filter_box .dd-row:hover .dd-row-count{background:#ffffff;color:#8b9cb0}
.filter_box .dd-row.dd-active .dd-row-count{background:#ffffff;color:#0f172a;border-color:rgb(234 179 8 / .5)}
.filter_box .dd-checkbox{width:18px;height:18px;border:2px solid #bcc8d4;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:10px;transition:all .15s ease;position:relative}
.filter_box .dd-checkbox::after{content:'';width:10px;height:6px;border-left:2px solid transparent;border-bottom:2px solid transparent;transform:rotate(-45deg) translate(1px,-1px);transition:border-color .15s ease}
.filter_box .dd-checkbox.checked{background:#eab308;border-color:#eab308}
.filter_box .dd-checkbox.checked::after{border-left-color:#0f172a;border-bottom-color:#0f172a}
.filter_box .dd-row:hover .dd-checkbox{border-color:#8b9cb0}
.filter_box .dd-row.dd-selected{background:rgb(234 179 8 / .1)}
.filter_box .dd-row.dd-selected:hover{background:rgb(234 179 8 / .15)}
[data-theme="dark"] .filter_box .dd-checkbox{border-color:#475569}
[data-theme="dark"] .filter_box .dd-checkbox.checked{background:#eab308;border-color:#eab308}
[data-theme="dark"] .filter_box .dd-row:hover .dd-checkbox{border-color:#c4d0d8}
[data-theme="dark"] .filter_box .dd-row.dd-selected{background:#17212B;border-color:transparent;box-shadow:none;color:#ffffff}
[data-theme="dark"] .filter_box .dd-row.dd-selected:hover{background:#17212B;border-color:transparent;color:#ffffff}
[data-theme="dark"] .filter_box .dd-row.dd-selected .dd-row-text{color:#ffffff}
[data-theme="dark"] .filter_box .dd-row.dd-selected .dd-row-count{background-color:#242f3d;color:#b8cce0;border:none;padding-left:.375rem;padding-right:.375rem;height:20px;display:inline-flex;align-items:center;align-self:center;justify-content:center;border-radius:.25rem;font-size:11px;font-weight:400}
[data-theme="dark"] .filter_box .dd-row.dd-selected .dd-row-detail{background-color:transparent}
.filter_box .spec-apply-btn{display:block;width:calc(100% - 16px);margin-left:8px;margin-right:8px;margin-top:4px;margin-bottom:8px;padding:0;border:none;border-radius:8px;background:#ffffff;color:#0f172a;font-family:var(--font-family);font-size:13px;font-weight:600;cursor:pointer;transition:background .2s;height:38px;box-sizing:border-box}
.filter_box .spec-apply-btn:hover{background:#f1f5f9}
[data-theme="dark"] .filter_box .spec-apply-btn{background:#ffffff;color:#0f172a}
[data-theme="dark"] .filter_box .spec-apply-btn:hover{background:#e2e8f0}
.filter_box .dd-row.dd-reset{display:none}
.filter_box .dd-row:first-child{border-radius:12px 12px 0 0}
.filter_box .dd-row:last-child{border-radius:0 0 12px 12px}
.filter_box .col-split{display:flex;gap:8px;flex:1;max-width:calc((100% - 48px) / 3)}
.filter_box .col-split.col-split-3{max-width:calc((100% - 8px) / 2)}
.filter_box .col-split .dropdown{flex:1;max-width:none}
.filter_box .col-split .dropdown[data-filter="drive_type"] .dd-panel{width:calc(200% + 8px)}
.filter_box .col-split .dropdown[data-filter="transmission"] .dd-panel{width:calc(200% + 8px)}
.filter_box .col-split .dropdown[data-filter="engine_type"] .dd-panel{width:calc(200% + 8px);left:auto;right:0}
.filter_box .range-head{gap:8px;padding:0;background:transparent;border:none;border-radius:0}
.filter_box .range-head:hover{border-color:transparent;box-shadow:none}
.filter_box .slot{display:flex;align-items:center;gap:6px;flex:1 1 50%;min-width:0;height:38px;padding:0 40px 0 16px;background:#ffffff;border:1px solid transparent;border-radius:8px;position:relative;transition:border-color .15s ease,box-shadow .15s ease,transform .12s ease;box-shadow:0 1px 2px rgba(0,0,0,0.04),0 0px 1px rgba(0,0,0,0.03);user-select:none;cursor:pointer}
.filter_box .slot:active{scale:.98;border-color:rgba(0,0,0,0.1)}
.filter_box .slot:hover{border-color:rgba(0,0,0,0.1);box-shadow:0 1px 4px rgba(0,0,0,0.06),0 0px 2px rgba(0,0,0,0.03)}
.filter_box .slot-text{color:#000000;font-weight:400;font-family:var(--font-family);font-size:13px}
.filter_box .slot-text.has-value{color:var(--text-primary);font-weight:500}
.filter_box .slot-from{justify-content:flex-start}
.filter_box .slot-from .chev{position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:transform .3s ease}
.filter_box .range-dd:has(.panel-from:not([hidden])) .slot-from .chev{transform:translateY(-50%) rotate(180deg)}
.filter_box .slot-to{justify-content:flex-start}
.filter_box .slot-to .chev{position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:transform .3s ease}
.filter_box .range-dd:has(.panel-to:not([hidden])) .slot-to .chev{transform:translateY(-50%) rotate(180deg)}
.filter_box .slot-to .slot-text{text-align:left}
.filter_box .divider{display:none}
.filter_box .dd-input{flex:1;border:none;background:transparent;color:#000000;font-family:var(--font-family);font-size:13px;font-weight:400;outline:none;width:100%;cursor:pointer}
.filter_box .dd-input:not([readonly]):focus{cursor:text}
.filter_box .price-range .price-input{color:var(--text-primary);font-weight:500}
.filter_box .dd-head .spec-carousel{position:absolute;left:16px;right:40px;top:0;height:38px;display:flex;align-items:flex-start;overflow:hidden}
.filter_box .dd-head .spec-slider{display:flex;flex-direction:column;transition:transform .5s cubic-bezier(0.4,0,0.2,1);transform:translateY(0)}
.filter_box .dd-head .spec-slider.slide-up{transform:translateY(-38px)}
.filter_box .dd-head .spec-slide{height:38px;min-height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:flex-start;font-family:var(--font-family);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.filter_box .dd-head .spec-slide-name{color:var(--text-primary);font-weight:500}
.filter_box .dd-head .spec-slide-details{color:#8b9cb0;font-size:11px}
.filter_box .dd-head .spec-slide-details span{margin-right:8px}
.filter_box .dd-head .spec-slide-details span:last-child{margin-right:0}
.filter_box .dropdown.has-carousel .dd-input{opacity:0;pointer-events:none}
.filter_box .dropdown.has-carousel .spec-carousel{display:flex}
.filter_box .dropdown:not(.has-carousel) .spec-carousel{display:none}
.filter_box .dropdown.has-carousel .dd-head[aria-expanded="true"] .spec-carousel{display:none}
.filter_box .dropdown.has-carousel .dd-head[aria-expanded="true"]+.dd-panel~.dd-input,.filter_box .dropdown.has-carousel .dd-head[aria-expanded="true"] .dd-input{opacity:1;pointer-events:auto}
.filter_box .dd-input::placeholder{color:#000000;font-weight:400}
.filter_box .price-range .price-input::placeholder{color:#676767;font-weight:400}
.filter_box .dropdown.has-value .dd-input{color:var(--text-primary);font-weight:500}
.filter_box .price-range .price-input.has-value{color:var(--text-primary);font-weight:500}
.filter-checkbox{display:inline-flex;align-items:center;gap:7px;padding-left:2px;cursor:pointer;user-select:none}
.filter-checkbox input{position:absolute;opacity:0;pointer-events:none}
.checkbox-box{position:relative;width:20px;height:20px;border-radius:4px;background:#D9D9D9;transition:box-shadow .2s ease,background .2s ease}
.checkbox-box::before{content:"";position:absolute;inset:-2px;border-radius:6px;border:1px solid transparent;transition:border-color .2s ease}
.filter-checkbox:hover .checkbox-box::before,.filter-checkbox input:focus-visible+.checkbox-box::before{border-color:#D9D9D9}
.checkbox-box::after{content:"";position:absolute;top:50%;left:50%;width:12px;height:12px;margin-top:-6px;margin-left:-6px;border-radius:2px;background:#B22234;transform:scale(0);transition:transform .18s ease-out;transform-origin:center}
.filter-checkbox input:checked+.checkbox-box::after{transform:scale(1)}
.checkbox-text{font-size:14px;color:#000000}
[data-theme="dark"] .checkbox-text{color:#f3f3f3}
.filter-buttons-group{display:flex;gap:8px;flex:1;max-width:calc((100% - 48px) / 3)}
.filter-checkboxes-group{display:flex;gap:8px;flex:1;max-width:calc((100% - 48px) / 3);align-items:center;height:38px}
.filter-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none;flex:1}
.filter-checkbox input[type="checkbox"]{display:none}
.filter-checkbox-mark{width:24px;height:24px;border-radius:4px;background:#fff;flex-shrink:0;position:relative;box-sizing:border-box;box-shadow:0 0 0 0px transparent,0 0 0 0px transparent;transition:box-shadow .2s ease,border-radius .2s ease}
.filter-checkbox-mark::after{content:'';position:absolute;top:50%;left:50%;width:12px;height:12px;border-radius:3px;background:#B22234;transform:translate(-50%,-50%) scale(0);transition:transform .15s cubic-bezier(0.34,1.56,0.64,1)}
.filter-checkbox input[type="checkbox"]:checked+.filter-checkbox-mark::after{transform:translate(-50%,-50%) scale(1)}
.filter-checkbox:hover .filter-checkbox-mark{box-shadow:0 0 0 2px #242F3D,0 0 0 3px #fff}
.filter-checkbox-text{font-size:13px;font-weight:400;color:#7f91a4;line-height:1.2}
[data-theme="dark"] .filter-checkbox-text{color:#b8c8d8}
[data-theme="dark"] .filter-checkbox-mark{background:#b8c8d8}
[data-theme="dark"] .filter-checkbox:hover .filter-checkbox-mark{box-shadow:0 0 0 2px #242F3D,0 0 0 3px #b8c8d8}
[data-theme="dark"] .filter-checkbox input[type="checkbox"]:checked+.filter-checkbox-mark{background:#fff}
[data-theme="dark"] .filter-checkbox:hover input[type="checkbox"]:checked+.filter-checkbox-mark{box-shadow:0 0 0 2px #242F3D,0 0 0 3px #fff}
.filter_box .row .btn-show{flex:none;width:calc((100% - 50px) / 3);font-weight:500;margin-left:auto}
.filter_box .btn-show{position:relative;flex:1;max-width:none;height:38px;background:#172554;color:#FFFFFF;font-weight:600;font-size:13px;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,0.04),0 0px 1px rgba(0,0,0,0.03);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease,transform .12s ease;border:1px solid transparent;cursor:pointer}
.filter_box .btn-show:hover:not(:disabled){background:#1e3a8a;box-shadow:0 1px 4px rgba(0,0,0,0.06),0 0px 2px rgba(0,0,0,0.03)}
.filter_box .btn-show:active:not(:disabled){scale:.98;background:#172554}
[data-theme="dark"] .filter_box .btn-show{background:#FFFFFF;color:#1a1f2e}
[data-theme="dark"] .filter_box .btn-show:hover:not(:disabled){background:#f8fafc;box-shadow:0 0 15px rgba(255,255,255,0.15)}
[data-theme="dark"] .filter_box .btn-show:active:not(:disabled){background:#e2e8f0}
.filter_box .btn-show:disabled{opacity:.5;cursor:not-allowed}
.filter_box .btn-show.loading{pointer-events:none;opacity:.6;cursor:wait}
.filter_box .btn-show.loading .btn-show-content::after{content:'';width:12px;height:12px;border:2px solid rgba(255,255,255,0.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}
[data-theme="dark"] .filter_box .btn-show.loading .btn-show-content::after{border-color:rgba(26,31,46,0.3);border-top-color:#1a1f2e}
.filter_box .dd-row{justify-content:space-between}
.filter_box .dd-row-text{flex:1}
.filter_box .dd-row-count{color:#666666;font-size:10px;margin-left:auto}
.filter_box .dd-row:first-child .dd-row-count{color:#FFB900}
.filter_box .dd-row:hover .dd-row-count{color:inherit}
.filter_box .dropdown.disabled{opacity:.6}
.filter_box .dropdown.disabled[data-filter="model"],.filter_box .dropdown.disabled[data-filter="spec"]{opacity:1}
.filter_box .slot-from .chev.chev-loading,.filter_box .slot-to .chev.chev-loading{animation:chevSpinCentered .6s linear infinite}
.filter_box .dropdown.disabled .dd-head{cursor:pointer;background:#F5F5F5}
.filter_box .dropdown.disabled[data-filter="model"] .dd-head,.filter_box .dropdown.disabled[data-filter="spec"] .dd-head{background:inherit}
.filter_box .dropdown.disabled .dd-input{cursor:pointer}
.filter_box .dropdown.disabled .dd-panel{display:none!important;pointer-events:none}
.filter_box .range-dd.disabled{opacity:.6;pointer-events:none}
.filter_box .range-dd.disabled .range-head{cursor:not-allowed;background:#F5F5F5}
.filter_box .dd-row.dd-disabled{color:#b0b8c0;cursor:not-allowed;font-style:italic}
.filter_box .dd-row.dd-disabled:hover{color:#b0b8c0;background:inherit}
[data-theme="dark"] .filter_box .dd-head,[data-theme="dark"] .filter_box .price-range .price-input-wrap{background:#283341;border:1px solid transparent;color:#b8c8d8;box-shadow:0 1px 2px rgba(0,0,0,0.12),0 0px 1px rgba(0,0,0,0.08)}
[data-theme="dark"] .filter_box .dd-head:active,[data-theme="dark"] .filter_box .price-range .price-input-wrap:active{scale:.98;border-color:rgba(255,255,255,0.1)}
[data-theme="dark"] .filter_box .range-head{background:transparent;border-color:transparent}
[data-theme="dark"] .filter_box .dd-head:hover,[data-theme="dark"] .filter_box .price-range .price-input-wrap:hover{border-color:rgba(255,255,255,0.1);background:#2d3a4a;box-shadow:0 1px 4px rgba(0,0,0,0.15),0 0px 2px rgba(0,0,0,0.08)}
[data-theme="dark"] .filter_box .range-head:hover{background:transparent;border-color:transparent}
[data-theme="dark"] .filter_box .dd-head[aria-expanded="true"]{background:#283341;border-radius:8px;border-color:rgba(255,255,255,0.1)}
[data-theme="dark"] .filter_box .dd-input{color:#b8c8d8}
[data-theme="dark"] .filter_box .dd-input::placeholder{color:#b8c8d8}
[data-theme="dark"] .filter_box .slot{background:#283341;border:1px solid transparent;box-shadow:0 1px 2px rgba(0,0,0,0.12),0 0px 1px rgba(0,0,0,0.08)}
[data-theme="dark"] .filter_box .slot:active{scale:.98;border-color:rgba(255,255,255,0.1)}
[data-theme="dark"] .filter_box .slot:hover{border-color:rgba(255,255,255,0.1);background:#2d3a4a;box-shadow:0 1px 4px rgba(0,0,0,0.15),0 0px 2px rgba(0,0,0,0.08)}
[data-theme="dark"] .filter_box .range-dd:has(.panel-from:not([hidden])) .slot-from,[data-theme="dark"] .filter_box .range-dd:has(.panel-to:not([hidden])) .slot-to{border-radius:8px;border-color:rgba(255,255,255,0.1);background:#283341}
[data-theme="dark"] .filter_box .slot:focus-within{border-color:#586182}
[data-theme="dark"] .filter_box .slot-text{color:#b8c8d8}
[data-theme="dark"] .filter_box .slot-text.has-value{color:#e2e8f0}
[data-theme="dark"] .filter_box .dd-panel,[data-theme="dark"] .filter_box .range-panel{background:#283341;border:1px solid rgba(255,255,255,0.06);box-shadow:0 8px 20px rgba(0,0,0,0.25)}
[data-theme="dark"] .filter_box .dd-inner-wrapper::before{background:linear-gradient(to bottom,#283341 0%,transparent 100%)}
[data-theme="dark"] .filter_box .dd-inner-wrapper::after{background:linear-gradient(to top,#283341 0%,transparent 100%)}
[data-theme="dark"] .filter_box .dd-row{color:#b8c8d8;background:transparent;border:none;border-radius:4px;margin-bottom:4px;transition:all .2s ease-out;font-size:13px}
[data-theme="dark"] .filter_box .dd-row:not(.dd-row-spec){padding:12px 6px 12px 12px}
[data-theme="dark"] .filter_box .dd-row:hover{background:#242f3d;border:none;color:#ffffff}
[data-theme="dark"] .filter_box .dd-row.dd-active:hover{background:#17212B;border:none;color:#ffffff}
[data-theme="dark"] .filter_box .dd-row:hover .dd-row-detail{color:#ffffff;background-color:transparent;border:none}
[data-theme="dark"] .filter_box .dd-row:hover .dd-row-text{color:#ffffff}
[data-theme="dark"] .filter_box .dd-row:hover .dd-row-count{background-color:#242f3d;color:#b8cce0;border:none;padding-left:.375rem;padding-right:.375rem;height:20px;display:inline-flex;align-items:center;align-self:center;justify-content:center;border-radius:.25rem;font-size:11px;font-weight:400}
[data-theme="dark"] .filter_box .dd-row.dd-active{background:#17212B;border:none;box-shadow:none;color:#ffffff}
[data-theme="dark"] .filter_box .dd-row-text{font-size:14px;color:#b8cce0}
[data-theme="dark"] .filter_box .dd-row.dd-active .dd-row-text{color:#ffffff}
[data-theme="dark"] .filter_box .dd-row.dd-active .dd-row-count{background-color:#242f3d;color:#b8cce0;border:none;padding-left:.375rem;padding-right:.375rem;height:20px;display:inline-flex;align-items:center;align-self:center;justify-content:center;border-radius:.25rem;font-size:11px;font-weight:400}
[data-theme="dark"] .filter_box .dd-row-spec:hover .dd-row-count,[data-theme="dark"] .filter_box .dd-row-spec.dd-active .dd-row-count,[data-theme="dark"] .filter_box .dd-row-spec.dd-selected .dd-row-count{align-self:flex-start!important}
[data-theme="dark"] .filter_box .dd-row.dd-active .dd-row-detail{background-color:transparent}
[data-theme="dark"] .filter_box .dd-row-count{background-color:#242f3d;color:#b8cce0;border:none;padding-left:.375rem;padding-right:.375rem;height:20px;display:inline-flex;align-items:center;align-self:center;justify-content:center;border-radius:.25rem;font-size:11px;font-weight:400}
[data-theme="dark"] .filter_box .dd-row-detail{color:rgb(148 163 184 / var(--tw-text-opacity,1));background-color:rgb(31 35 54 / .5);padding-left:.375rem;padding-right:.375rem;height:16.5px;display:inline-flex;align-items:center;justify-content:center;border-radius:.25rem;font-size:10px;font-weight:400;border:none}
[data-theme="dark"] .filter_box .chev{filter:brightness(0) saturate(100%) invert(70%) sepia(10%) saturate(500%) hue-rotate(180deg) brightness(95%) contrast(90%)}
[data-theme="dark"] .filter_box .chev.chev-loading{filter:none;border-color:rgba(100,116,139,0.3);border-top-color:#8b9cb0}
[data-theme="dark"] .filter_box .dd-spinner{border-color:rgba(100,116,139,0.25);border-top-color:#8b9cb0}
[data-theme="dark"] .filter_box .dd-clear,[data-theme="dark"] .filter_box .range-clear,[data-theme="dark"] .filter_box .price-clear{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%2364748b' d='m13.41 12 3.3-3.29a1 1 0 1 0-1.42-1.42L12 10.59l-3.29-3.3a1 1 0 0 0-1.42 1.42l3.3 3.29-3.3 3.29a1 1 0 0 0 .33 1.64 1 1 0 0 0 1.09-.22l3.29-3.3 3.29 3.3a1 1 0 0 0 1.64-.33 1 1 0 0 0-.22-1.09L13.41 12Z'/%3E%3C/svg%3E")}
[data-theme="dark"] .filter_box .dd-clear:hover,[data-theme="dark"] .filter_box .range-clear:hover,[data-theme="dark"] .filter_box .price-clear:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23EF4444' d='m13.41 12 3.3-3.29a1 1 0 1 0-1.42-1.42L12 10.59l-3.29-3.3a1 1 0 0 0-1.42 1.42l3.3 3.29-3.3 3.29a1 1 0 0 0 .33 1.64 1 1 0 0 0 1.09-.22l3.29-3.3 3.29 3.3a1 1 0 0 0 1.64-.33 1 1 0 0 0-.22-1.09L13.41 12Z'/%3E%3C/svg%3E")}
[data-theme="dark"] .filter_box .price-range .dd-head:focus-within{border-color:#586182}
[data-theme="dark"] .filter_box .dropdown.disabled .dd-head,[data-theme="dark"] .filter_box .range-dd.disabled .range-head{background:transparent;border-color:transparent}
[data-theme="dark"] .filter_box .dropdown.disabled[data-filter="model"] .dd-head,[data-theme="dark"] .filter_box .dropdown.disabled[data-filter="spec"] .dd-head{background:#283341;box-shadow:0 1px 2px rgba(0,0,0,0.12),0 0px 1px rgba(0,0,0,0.08)}
[data-theme="dark"] .filter_box .dropdown.disabled .dd-input{color:#8b9cb0}
[data-theme="dark"] .filter_box .dropdown.disabled[data-filter="model"] .dd-input,[data-theme="dark"] .filter_box .dropdown.disabled[data-filter="spec"] .dd-input{color:#b8c8d8}
.filter_box .dropdown.hint-active .dd-input::placeholder{color:#ffffff;opacity:1}
[data-theme="dark"] .filter_box .dropdown.hint-active .dd-input::placeholder{color:#ffffff;opacity:1}
[data-theme="dark"] .filter_box .spec-slide-name{color:#e2e8f0;font-size:13px;font-weight:600}
[data-theme="dark"] .filter_box .spec-slide-details{color:#c4d0d8}
.copyright-icon{width:10px;height:10px;vertical-align:-1px;filter:brightness(0)}
[data-theme="dark"] .copyright-icon{filter:none}
.sort-panel{display:none;align-items:center;justify-content:space-between;margin-top:20px;margin-bottom:20px;padding:0}
@media (min-width:769px){.sort-panel{display:flex}}
.sort-panel-left{display:flex;align-items:center}
.sort-panel-count{font-size:20px;font-weight:500;color:#111827;padding-left:10px}
[data-theme="dark"] .sort-panel-count{color:#e6e6e6}
.sort-panel-right{display:flex;align-items:center;gap:12px}
.sort-label{font-family:var(--font-family);font-size:13px;color:#6B7280;font-weight:400}
[data-theme="dark"] .sort-label{color:rgba(255,255,255,0.7)}
.sort-dropdown{position:relative;z-index:100}
.sort-dropdown-btn{width:200px;height:38px;background:#ffffff;border:1px solid transparent;border-radius:8px;padding:0 47px 0 16px;display:flex;align-items:center;cursor:pointer;position:relative;font-family:var(--font-family);font-size:12px;transition:border-color .15s ease,box-shadow .15s ease,transform .12s ease;box-shadow:0 1px 2px rgba(0,0,0,0.04),0 0px 1px rgba(0,0,0,0.03);user-select:none}
.sort-dropdown-btn:hover{border-color:rgba(0,0,0,0.1);box-shadow:0 1px 4px rgba(0,0,0,0.06),0 0px 2px rgba(0,0,0,0.03)}
.sort-dropdown-btn:active{scale:.98;border-color:rgba(0,0,0,0.1)}
.sort-dropdown-btn.is-open{border-color:rgba(0,0,0,0.1)}
[data-theme="dark"] .sort-dropdown-btn{background:#283341;border:none;box-shadow:0 1px 2px rgba(0,0,0,0.12),0 0px 1px rgba(0,0,0,0.08)}
[data-theme="dark"] .sort-dropdown-btn:hover{border-color:rgba(255,255,255,0.1);background:#2d3a4a;box-shadow:0 1px 4px rgba(0,0,0,0.15),0 0px 2px rgba(0,0,0,0.08)}
[data-theme="dark"] .sort-dropdown-btn:active{scale:.98;border-color:rgba(255,255,255,0.1)}
[data-theme="dark"] .sort-dropdown-btn.is-open{border-color:rgba(255,255,255,0.1)}
.sort-dropdown-text{font-family:var(--font-family);font-size:12px;font-weight:500;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1}
[data-theme="dark"] .sort-dropdown-text{color:#b8c8d8}
.sort-dropdown-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:url("/static/img/arrow.svg") no-repeat center;background-size:12px 12px;transition:transform .3s ease;flex-shrink:0;opacity:.6;filter:brightness(0) saturate(100%) invert(67%) sepia(11%) saturate(531%) hue-rotate(176deg) brightness(92%) contrast(90%)}
.sort-dropdown-btn.is-open .sort-dropdown-arrow{transform:translateY(-50%) rotate(180deg);opacity:1}
[data-theme="dark"] .sort-dropdown-arrow{filter:brightness(0) saturate(100%) invert(70%) sepia(10%) saturate(500%) hue-rotate(180deg) brightness(95%) contrast(90%)}
.sort-option{display:flex;align-items:center;gap:10px;height:36px;margin:2px 6px;padding:12px 12px;cursor:pointer;font-size:13px;color:#334155;font-weight:500;border-radius:6px;background:transparent;transition:all .2s ease-out}
.sort-option:hover{color:#1e293b;background:#f8fafc}
[data-theme="dark"] .sort-option{color:#b8c8d8}
[data-theme="dark"] .sort-option:hover{background:#242f3d;color:#ffffff}
.sort-option.is-selected{background:#fffbeb;box-shadow:inset 0 2px 4px 0 rgb(0 0 0 / .05);color:#0f172a}
[data-theme="dark"] .sort-option.is-selected{background:#17212B;box-shadow:none;color:#ffffff}
[data-theme="dark"] .sort-option.is-selected:hover{background:#17212B;color:#ffffff}
.sort-option-text{font-family:var(--font-family);font-size:13px;font-weight:500;color:inherit}
.sort-option-check{width:13px;height:13px;border-radius:50%;border:2px solid #cbd5e1;flex-shrink:0;transition:all .15s ease;box-sizing:border-box;background:transparent}
.sort-option.is-selected .sort-option-check{border-color:#EAB308;background:#EAB308;box-shadow:inset 0 0 0 2.5px #fff}
[data-theme="dark"] .sort-option-check{border-color:#4a5568}
[data-theme="dark"] .sort-option.is-selected .sort-option-check{border-color:#EAB308;background:#EAB308;box-shadow:inset 0 0 0 2.5px #17212B}
.btn-in-stock{width:160px;height:45px;border-radius:10px;position:relative;overflow:hidden;background:rgba(255,255,255,0.03);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid transparent;border-radius:8px;transition:all .3s cubic-bezier(0.4,0,0.2,1);padding:0;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;user-select:none;text-decoration:none;font-family:var(--font-family)}
[data-theme="light"] .btn-in-stock{background:rgba(255,255,255,0.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:none;box-shadow:none}
.compare-filter-group{display:inline-flex;overflow:hidden;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,0.12),0 0px 1px rgba(0,0,0,0.08)}
.compare-filter-item{display:inline-block}
.compare-filter-group input[type=radio]{display:none}
.compare-filter-group label{display:inline-block;cursor:pointer;padding:6px 16px;line-height:20px;border:none;font-size:13px;color:rgb(127,145,164);user-select:none;transition:background .2s,color .2s;background:#2B3340}
.compare-filter-group .compare-filter-item:first-child label{border-radius:8px 0 0 8px}
.compare-filter-group .compare-filter-item:last-child label{border-radius:0 8px 8px 0}
.compare-filter-group input[type=radio]:checked+label{background:#19212A;color:#fff}
.compare-filter-group label:hover{background:#232b36;color:#c4d0d8}
.compare-filter-group input[type=radio]:disabled+label{opacity:.4;cursor:default;pointer-events:none}
.compare-spec-cell{padding:14px 12px;text-align:left;vertical-align:top;border-bottom:2px solid rgba(255,255,255,.08);background:transparent;font-weight:normal}
[data-theme="dark"] .compare-spec-cell{background:transparent;border-color:rgba(255,255,255,.08)}
.compare-spec-img-wrap{position:relative;display:block;width:100%;margin-bottom:6px;border-radius:8px;overflow:hidden}
.compare-spec-img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.compare-spec-name{font-weight:700;font-size:14px;line-height:1.2;text-align:left;display:block;color:inherit;text-decoration:none}
.compare-spec-name:hover{text-decoration:none}
[data-theme="dark"] .compare-spec-name{color:#fff}
.compare-spec-trim{font-size:12px;color:#6b7280;margin-top:2px}
[data-theme="dark"] .compare-spec-trim{color:#b8c4ce}
.compare-spec-price{font-weight:700;color:#2563eb;margin-top:4px;font-size:14px}
[data-theme="dark"] .filter_box .dd-head,[data-theme="dark"] .filter_box .range-head{min-height:44px}