/* MYCAR — «Подбор по бюджету»: строка бюджета на главном экране и страница результатов */
:root{--bg-red:237,32,39;--bg-white:255,255,255}

/* ===== 1. Строка бюджета на главном экране (вместо кнопок «Найти» / «Рассчитать») ===== */
.budget-bar{display:flex;align-items:stretch;gap:8px;max-width:640px;padding:7px;border-radius:999px;
 background:linear-gradient(135deg,rgba(var(--bg-white),.14),rgba(var(--bg-white),.04) 50%,rgba(var(--bg-red),.14));
 border:1px solid rgba(var(--bg-white),.26);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);
 box-shadow:inset 0 1px 0 rgba(var(--bg-white),.45),0 0 0 1px rgba(var(--bg-red),.16),0 16px 44px rgba(0,0,0,.45),0 6px 24px rgba(var(--bg-red),.18);
 transition:box-shadow .2s ease,border-color .2s ease}
.budget-bar:focus-within{border-color:rgba(var(--bg-white),.45);box-shadow:inset 0 1px 0 rgba(var(--bg-white),.55),0 0 0 1px rgba(var(--bg-red),.45),0 16px 44px rgba(0,0,0,.45),0 8px 30px rgba(var(--bg-red),.35)}
.budget-field{flex:1 1 auto;display:flex;align-items:center;gap:12px;min-width:0;padding:4px 6px 4px 20px}
.budget-field .budget-rub{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;font-size:19px;font-weight:700;color:#fff;
 background:linear-gradient(135deg,rgba(var(--bg-white),.2),rgba(var(--bg-red),.55));box-shadow:inset 0 1px 0 rgba(var(--bg-white),.5),0 0 12px rgba(var(--bg-red),.45)}
.budget-field>div{display:flex;flex-direction:column;min-width:0;flex:1}
.budget-field label{font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:#c7c9c8;font-weight:500;line-height:1.2}
.budget-field input{background:transparent!important;border:0!important;box-shadow:none!important;color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;width:100%;min-width:0;padding:0;margin:0;min-height:0;outline:none;line-height:1.2}
.budget-field input::placeholder{color:#8f979c;font-weight:500}
.budget-bar .primary{flex:0 0 auto;white-space:nowrap;padding:0 24px!important;display:flex;align-items:center;gap:10px;font-size:.9375rem!important;border-radius:999px!important}
.budget-bar .primary span{font-size:1.25rem;margin:0}
.budget-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;align-items:center}
.budget-chips small{font-size:.8125rem;color:#c5cbce;margin-right:4px}
.budget-chips button{font-size:.8125rem;font-weight:600;padding:7px 14px;border-radius:999px;color:#fff;letter-spacing:.01em}
.budget-hint{font-size:.8125rem;line-height:1.6;color:#c5cbce;margin:14px 0 0;max-width:560px}
.budget-hint a{color:#fff;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(var(--bg-red),.8)}
@media(max-width:700px){
 .budget-bar{flex-direction:column;border-radius:22px;padding:8px}
 .budget-field{padding:8px 10px 6px 12px}
 .budget-field input{font-size:1.375rem}
 .budget-bar .primary{justify-content:center;min-height:50px}
}

/* ===== 2. Страница результатов ===== */
.budget-page{max-width:1360px;margin:0 auto;padding:36px 30px 60px}
.budget-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 40px;margin-bottom:22px}
.budget-kicker{display:flex;align-items:center;gap:12px;font-size:.75rem;letter-spacing:.16em;font-weight:500;color:#c7c9c8;margin-bottom:16px;text-transform:uppercase}
.budget-kicker span{display:inline-block;width:30px;height:1px;background:var(--accent)}
.budget-head h1{font-family:Roboto,Arial,sans-serif;font-size:clamp(2rem,3.4vw,2.9rem);font-weight:500;letter-spacing:-.05em;line-height:1.12;margin:0;color:#fff}
.budget-head h1 em{font-style:normal;color:#f0242b}
.budget-head p{margin:14px 0 0;max-width:640px;color:#c5cbce;font-size:.9375rem;line-height:1.7}
.budget-head-actions{display:flex;gap:10px;flex-wrap:wrap}
.budget-head-actions .outline{padding:12px 18px}

/* панель диапазона */
.budget-tune{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 32px;align-items:center;padding:20px 24px;border-radius:16px;margin-bottom:34px;
 background:linear-gradient(135deg,rgba(var(--bg-white),.1),rgba(var(--bg-white),.03) 55%,rgba(var(--bg-red),.1)),#161b1f;
 border:1px solid rgba(var(--bg-white),.16);box-shadow:inset 0 1px 0 rgba(var(--bg-white),.25),0 14px 40px rgba(0,0,0,.35)}
.budget-range-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:12px}
.budget-range-head b{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap}
.budget-range-head input.budget-num{width:8ch;background:transparent!important;border:0!important;border-bottom:1px solid rgba(var(--bg-white),.25)!important;box-shadow:none!important;color:#fff;font:inherit;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;padding:0 0 2px;margin:0;min-height:0;outline:none;text-align:inherit;font-variant-numeric:tabular-nums;border-radius:0}
.budget-range-head input.budget-num:focus{border-bottom-color:rgba(var(--bg-red),.9)!important}
.budget-range-head b:last-child input{text-align:right}
.budget-range-head b small{display:block;font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;color:#a6aaae;font-weight:500;margin-bottom:2px}
.budget-range-head b:last-child{text-align:right}
.budget-slider{position:relative;height:38px}
.budget-slider .track{position:absolute;left:0;right:0;top:17px;height:4px;border-radius:2px;background:#2b3338;box-shadow:inset 0 1px 2px rgba(0,0,0,.6)}
.budget-slider .fill{position:absolute;top:17px;height:4px;border-radius:2px;background:linear-gradient(90deg,rgba(var(--bg-red),.55),#ff454b);box-shadow:0 0 12px rgba(var(--bg-red),.55)}
/* два ползунка друг над другом: сама дорожка нарисована .track/.fill, у input видны только «кнопки» */
.budget-slider input[type=range]{position:absolute;left:0;right:0;top:0;width:100%;height:38px;margin:0;padding:0;background:transparent!important;border:0!important;box-shadow:none!important;appearance:none;-webkit-appearance:none;pointer-events:none;min-height:0;outline:none}
.budget-slider input[type=range]::-webkit-slider-runnable-track{background:transparent;height:38px}
.budget-slider input[type=range]::-moz-range-track{background:transparent;height:38px}
.budget-slider input[type=range]::-webkit-slider-thumb{pointer-events:auto;appearance:none;-webkit-appearance:none;width:28px;height:28px;margin-top:5px;border-radius:50%;cursor:grab;background:radial-gradient(60% 60% at 35% 30%,#fff,#ffd8d9);border:1px solid rgba(var(--bg-white),.6);box-shadow:0 0 0 4px rgba(var(--bg-red),.18),0 0 14px rgba(var(--bg-red),.6),0 2px 6px rgba(0,0,0,.5);transition:transform .2s ease}
.budget-slider input[type=range]::-moz-range-thumb{pointer-events:auto;width:28px;height:28px;border-radius:50%;cursor:grab;background:radial-gradient(60% 60% at 35% 30%,#fff,#ffd8d9);border:1px solid rgba(var(--bg-white),.6);box-shadow:0 0 0 4px rgba(var(--bg-red),.18),0 0 14px rgba(var(--bg-red),.6),0 2px 6px rgba(0,0,0,.5)}
.budget-slider input[type=range]:focus-visible::-webkit-slider-thumb{transform:scale(1.12)}
@media (hover: hover) and (pointer: fine){.budget-slider input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.12)}}
.budget-slider input[type=range]:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.18)}
.budget-scale{position:relative;height:14px;font-size:.6875rem;color:#7d868c;margin-top:2px;font-variant-numeric:tabular-nums}
.budget-scale span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}
.budget-scale span:last-child{transform:translateX(-100%)}
.budget-tune-actions{display:flex;flex-direction:column;gap:10px;min-width:220px}
.budget-tune-actions .primary{padding:13px 20px!important;justify-content:center}
.budget-tune-actions .outline{padding:11px 18px}
.budget-meta{font-size:.75rem;color:#8f979c;line-height:1.5;text-align:center}
.budget-meta b{color:#c5cbce;font-weight:500}
@media(max-width:800px){.budget-tune{grid-template-columns:1fr;padding:16px 16px 18px}.budget-tune-actions{flex-direction:row;flex-wrap:wrap;min-width:0}.budget-tune-actions .primary,.budget-tune-actions .outline{flex:1 1 45%}.budget-meta{flex-basis:100%}.budget-range-head b{font-size:1.05rem}.budget-range-head input.budget-num{font-size:1.05rem}.budget-head-actions{width:100%}.budget-head-actions .outline{flex:1 1 45%}}

/* секция рынка */
.budget-market{margin:0 0 38px}
.budget-market-head{display:flex;align-items:center;gap:14px;margin-bottom:16px;flex-wrap:wrap}
.budget-market-head img{width:34px;height:23px;object-fit:cover;border-radius:3px;box-shadow:0 1px 4px #0006}
.budget-market-head>div{flex:1 1 220px;min-width:0}
.budget-market-head h2{font-family:Roboto,Arial,sans-serif;font-size:1.375rem;font-weight:700;letter-spacing:-.03em;margin:0;color:#fff}
.budget-market-head p{margin:0;font-size:.8125rem;color:#a6aaae}
.budget-market-head p b{color:#fff;font-weight:600}
.budget-market-head a{margin-left:auto;font-size:.8125rem;color:#fff;text-decoration:none;border-bottom:1px solid rgba(var(--bg-red),.7);padding-bottom:1px;white-space:nowrap}
@media (hover: hover) and (pointer: fine){.budget-market-head a:hover{color:#ff8a90}}
.budget-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
@media(max-width:1100px){.budget-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.budget-cards{display:grid;grid-auto-flow:column;grid-auto-columns:78%;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:thin}}

/* карточка модели */
.budget-card{position:relative;display:flex;flex-direction:column;min-width:0;color:#fff;text-decoration:none;border-radius:14px;overflow:hidden;scroll-snap-align:start;isolation:isolate;
 background:linear-gradient(160deg,rgba(var(--bg-white),.08),rgba(var(--bg-white),.02) 60%),#1b2226;border:1px solid #333d44;
 box-shadow:inset 0 1px 0 rgba(var(--bg-white),.12),0 10px 26px rgba(0,0,0,.35);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
@media (hover: hover) and (pointer: fine){.budget-card:hover{transform:translateY(-4px);border-color:rgba(var(--bg-red),.7);box-shadow:inset 0 1px 0 rgba(var(--bg-white),.2),0 0 0 1px rgba(var(--bg-red),.35),0 18px 40px rgba(0,0,0,.45),0 10px 30px rgba(var(--bg-red),.28)}}
.budget-photo{position:relative;aspect-ratio:4/3;background:#20272b;overflow:hidden}
.budget-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
@media (hover: hover) and (pointer: fine){.budget-card:hover .budget-photo img{transform:scale(1.06)}}
.budget-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(12,16,19,.92))}
.budget-rank{position:absolute;left:10px;top:10px;z-index:1;font-size:.6875rem;font-weight:700;letter-spacing:.1em;padding:4px 8px;border-radius:999px;color:#fff;
 background:rgba(17,25,30,.8);border:1px solid rgba(var(--bg-white),.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.budget-count{position:absolute;right:10px;top:10px;z-index:1;font-size:.6875rem;font-weight:600;padding:4px 8px;border-radius:999px;color:#fff;
 background:linear-gradient(135deg,rgba(var(--bg-white),.18),rgba(var(--bg-red),.5));border:1px solid rgba(var(--bg-white),.28);box-shadow:0 0 10px rgba(var(--bg-red),.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.budget-price{position:absolute;left:12px;right:12px;bottom:10px;z-index:1;display:flex;flex-direction:column;gap:1px}
.budget-price small{font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:#c5cbce}
.budget-price b{font-size:1.125rem;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #000}
.budget-body{padding:12px 13px 13px;display:flex;flex-direction:column;gap:8px;flex:1}
.budget-body h3{font-size:.9375rem;line-height:1.3;margin:0;font-weight:700;letter-spacing:-.01em}
.budget-specs{margin:0;font-size:.75rem;line-height:1.5;color:#b9c4cb}
/* полоска: где модель лежит внутри бюджета */
.budget-fit{margin-top:2px}
.budget-fit .bar{position:relative;height:4px;border-radius:2px;background:#2b3338}
.budget-fit .bar i{position:absolute;top:0;bottom:0;border-radius:2px;background:linear-gradient(90deg,rgba(var(--bg-red),.6),#ff454b);box-shadow:0 0 8px rgba(var(--bg-red),.55)}
.budget-fit small{display:flex;justify-content:space-between;font-size:.625rem;color:#7d868c;margin-top:4px;font-variant-numeric:tabular-nums}
.budget-body .outline{margin-top:auto;justify-content:center;display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:.8125rem;font-weight:600;border-radius:999px!important}
.budget-body .outline span{font-size:1rem}

/* пустой рынок */
.budget-empty{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px 24px;border-radius:14px;border:1px dashed #3a454c;background:#161b1f;color:#b9c4cb;font-size:.9375rem;line-height:1.6}
.budget-empty b{color:#fff;display:block;margin-bottom:2px;font-size:1rem}
.budget-empty .outline{padding:11px 18px;white-space:nowrap}

/* нижний блок */
.budget-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:28px 30px;border-radius:18px;margin-top:10px;
 background:linear-gradient(135deg,rgba(var(--bg-white),.1),rgba(var(--bg-white),.03) 50%,rgba(var(--bg-red),.16)),#161b1f;border:1px solid rgba(var(--bg-white),.16);
 box-shadow:inset 0 1px 0 rgba(var(--bg-white),.25),0 14px 40px rgba(0,0,0,.35)}
.budget-cta h2{font-family:Roboto,Arial,sans-serif;font-size:1.375rem;font-weight:700;letter-spacing:-.03em;margin:0 0 8px;color:#fff}
.budget-cta p{margin:0;color:#c5cbce;font-size:.9375rem;line-height:1.6;max-width:560px}
.budget-cta-actions{display:flex;gap:10px;flex-wrap:wrap}
.budget-cta-actions .primary{padding:14px 22px!important}
.budget-cta-actions .outline{padding:12px 18px}
.budget-disclaimer{margin:22px 0 0;font-size:.75rem;line-height:1.6;color:#7d868c;max-width:820px}

/* загрузка, сбор данных, дополнительные модели */
.budget-loading{padding:40px 0;text-align:center;color:#a6aaae;font-size:.9375rem}
.budget-spinner{width:26px;height:26px;border-radius:50%;border:3px solid rgba(var(--bg-white),.15);border-top-color:#ff454b;animation:budget-spin 1s linear infinite;flex:0 0 auto}
@keyframes budget-spin{to{transform:rotate(360deg)}}
.budget-collecting{border-style:solid;border-color:rgba(var(--bg-red),.35)}
.budget-photo-missing{display:grid;place-items:center;height:100%;font-size:.75rem;color:#8f979c}
.budget-review{color:#ff8a90;font-size:.6875rem}
.budget-more{margin-top:12px}
.budget-more summary{cursor:pointer;color:#c5cbce;font-size:.8125rem;list-style:none;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid rgba(var(--bg-white),.14);background:rgba(var(--bg-white),.03)}
.budget-more summary::-webkit-details-marker{display:none}
.budget-more summary::after{content:"▾";font-size:.75rem;transition:transform .3s}
.budget-more[open] summary::after{transform:rotate(180deg)}
.budget-more-list{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0 0}
.budget-more-list a{display:inline-flex;align-items:baseline;gap:8px;padding:8px 14px;font-size:.8125rem;font-weight:600;color:#fff;text-decoration:none;border-radius:999px!important}
.budget-more-list a small{font-weight:400;color:#c5cbce;font-size:.75rem}
@media(prefers-reduced-motion:reduce){.budget-spinner{animation:none}.budget-card,.budget-photo img{transition:none}}

/* ===== Уточнение подбора (2026-10-10): вид (авто / мото) и тип кузова / мотоцикла. Только готовые элементы сайта:
   переключатель — .stats-kind (как «Авто / Мото» в статистике), плитки типов — группа с линзой .glass-lens и выбором .chosen (как фильтры каталога),
   список на главной — как выпадающее меню шапки (значок .nav-icon, красная стрелка .nav-chevron-svg, стеклянная панель). ===== */
.budget-tune>*{min-width:0}
.budget-tune:has(.budget-refine){gap:10px 22px;padding:12px 16px 12px;margin-bottom:26px;align-items:center}
.budget-refine{min-width:0;grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding-bottom:10px;border-bottom:1px solid rgba(var(--bg-white),.12)}
/* строка диапазона: от · короткий ползунок · до */
.budget-range-line{display:flex;align-items:center;gap:18px;min-width:0}
.budget-range-line .budget-range-head{display:block;margin:0;flex:0 0 auto}
.budget-range-line .budget-range-head b{font-size:1.0625rem}
.budget-range-line .budget-range-head:first-child b,.budget-range-line .budget-range-head:first-child b input{text-align:left}
.budget-range-line .budget-range-head input.budget-num{font-size:1.0625rem}
.budget-slider-box{flex:1 1 220px;min-width:140px;max-width:440px}
.budget-slider-box .budget-slider{height:28px}
.budget-slider-box .budget-slider input[type=range]{height:28px}
.budget-slider-box .budget-slider .track,.budget-slider-box .budget-slider .fill{top:12px}
.budget-slider-box .budget-scale{margin-top:0;height:14px;font-size:.625rem}
.budget-tune:has(.budget-refine) .budget-tune-actions{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px 8px;min-width:0}
.budget-tune:has(.budget-refine) .budget-tune-actions .primary,.budget-tune:has(.budget-refine) .budget-tune-actions .outline{padding:8px 16px!important;font-size:.8125rem;min-height:0}
.budget-tune:has(.budget-refine) .budget-meta{flex-basis:100%;text-align:right;font-size:.6875rem;line-height:1.3}
.budget-refine-row{display:flex;gap:8px;align-items:center;min-width:0}
.budget-refine-row>small{font-size:.8125rem;color:#c5cbce;min-width:112px;flex:0 0 auto}
.budget-refine .stats-kind{margin:0}
.budget-types{position:relative;isolation:isolate;display:flex;flex-wrap:wrap;gap:2px;min-width:0;padding:3px;border-radius:18px;background:rgba(6,16,25,.35);border:1px solid rgba(var(--bg-white),.16);box-shadow:inset 0 1px 3px rgba(0,0,0,.35)}
.budget-types>.budget-type{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:auto;min-width:64px;min-height:50px;padding:4px 9px 4px!important;border-radius:11px;gap:1px;font:inherit;line-height:1.15;text-align:center;cursor:pointer;color:#dee7ed!important;background:transparent!important;border:0!important;box-shadow:none!important;transition:color .2s ease}
@media (hover: hover) and (pointer: fine){.budget-types>.budget-type:hover{color:#fff!important}}
.budget-types>.budget-type.chosen{color:#ff454b!important;text-shadow:0 0 12px rgba(var(--bg-red),.45)}
.budget-types>.glass-lens{border-radius:11px}
.budget-types>.glass-lens::before{border-radius:10px}
.budget-type .budget-type-icon{width:49px;height:28px;display:block}
.budget-type.chosen .budget-type-icon{filter:drop-shadow(0 0 6px rgba(var(--bg-red),.45))}
.budget-type b{font-size:.65625rem;font-weight:600;letter-spacing:.01em;white-space:nowrap;line-height:1.15}
.budget-type i{font-style:normal;font-size:.59375rem;line-height:1.1;font-weight:500;opacity:.7;font-variant-numeric:tabular-nums;text-shadow:none}
html[data-theme="light"] .budget-refine{border-top-color:rgba(70,52,34,.16)}
html[data-theme="light"] .budget-refine-row>small{color:#4f483c}
html[data-theme="light"] .budget-types{background:rgba(247,241,232,0.35);box-shadow:inset 0 1px 3px rgba(70,52,34,0.133)}
html[data-theme="light"] .budget-types>.budget-type{color:#3c372e!important}
@media (hover: hover) and (pointer: fine){html[data-theme="light"] .budget-types>.budget-type:hover{color:#2c2821!important}}
html[data-theme="light"] .budget-types>.budget-type.chosen{color:#b80006!important}
@media(max-width:800px){.budget-range-line{flex-wrap:wrap;justify-content:space-between;gap:6px 12px}.budget-slider-box{order:3;flex-basis:100%;max-width:none}.budget-tune:has(.budget-refine) .budget-tune-actions{justify-content:stretch}.budget-tune:has(.budget-refine) .budget-meta{text-align:center}}
@media(max-width:700px){.budget-refine{gap:8px}.budget-types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.budget-types>.budget-type{min-width:0;padding:4px 2px!important}.budget-type b{font-size:.625rem}}
/* Главная: выпадающий список «Авто / Мото» в строке бюджета — как меню «Автомобили» в шапке */
.budget-bar:has(.budget-kind){max-width:740px}
.budget-kind{position:relative;flex:0 0 auto;display:flex;align-items:center;margin-left:6px;padding-right:6px;border-right:1px solid rgba(var(--bg-white),.16)}
.budget-kind>button{display:inline-flex;align-items:center;gap:0;height:44px;padding:0 12px 0 14px;border-radius:999px;font:inherit;font-size:.9375rem;font-weight:600;color:#fff;background:transparent;border:0;box-shadow:none;cursor:pointer;white-space:nowrap}
.budget-kind-current{display:inline-flex;align-items:center}
.budget-kind-current b{font-weight:600}
.budget-kind-menu{position:absolute;top:calc(100% + 12px);left:0;min-width:150px;padding:7px;z-index:40;background:rgba(20,24,28,.93);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);border:1px solid rgba(var(--bg-white),.16);border-radius:10px;box-shadow:0 18px 40px rgba(0,0,0,.55),0 0 0 1px rgba(var(--bg-red),.12),inset 0 1px 0 rgba(var(--bg-white),.12)}
.budget-kind-menu[hidden]{display:none}
.budget-bar:has(.budget-kind){position:relative;z-index:6}
.budget-kind-menu>button{position:relative;z-index:1;display:flex;align-items:center;width:100%;padding:11px 14px;text-align:left;font:inherit;font-size:.9375rem;font-weight:500;color:#fff;background:transparent!important;border:0;box-shadow:none;border-radius:8px;cursor:pointer}
.budget-kind-menu>button[aria-current=true]{color:#ff454b}
.budget-kind+.budget-field{padding-left:12px}
html[data-theme="light"] .budget-kind{border-right-color:rgba(70,52,34,.18)}
html[data-theme="light"] .budget-kind>button,html[data-theme="light"] .budget-kind-menu>button{color:#2c2821}
html[data-theme="light"] .budget-kind-menu{background:rgba(249,244,236,0.95);box-shadow:0 18px 40px rgba(70,52,34,0.209),0 0 0 1px rgba(var(--bg-red),.12),inset 0 1px 0 rgba(var(--bg-white),.12)}
html[data-theme="light"] .budget-kind-menu>button[aria-current=true]{color:#b80006}
@media(max-width:700px){.budget-kind{align-self:flex-start;margin:2px 0 0 4px;padding-right:0;border-right:0}.budget-kind>button{height:42px}}
/* Подбор по бюджету: без рамок вокруг переключателя «Авто / Мото» и ряда типов (владелец, 2026-10-11) */
.budget-refine .stats-kind,.budget-refine .budget-types,html[data-theme="light"] .budget-refine .stats-kind,html[data-theme="light"] .budget-refine .budget-types{background:transparent;border-color:transparent;box-shadow:none}
/* «Ещё N моделей в бюджете»: раскрытый список — такие же плитки с фото (владелец, 2026-10-11) */
.budget-more .budget-more-cards{margin-top:16px}

/* Фильтры «Привод / Тип двигателя» (2026-10-14): объёмные картинки по макету selector-icons-20261014 — серые в покое, красные при выборе; две группы в одном ряду. */
.budget-filters-row{display:flex;flex-wrap:wrap;gap:8px 10px;min-width:0}
.budget-type .budget-type-photo{width:68px;height:44px;object-fit:contain;filter:grayscale(1);transition:filter .18s ease}
@media (hover: hover) and (pointer: fine){.budget-type:hover .budget-type-photo{filter:grayscale(.75)}}
.budget-type.chosen .budget-type-photo{filter:none;transform:none}
.budget-filters .budget-type b{white-space:nowrap}
@media(max-width:700px){.budget-filters-row{width:100%}.budget-types.budget-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.budget-filters .budget-type b{white-space:normal}}

/* Selector artwork: preserve original metal/rubber colours; no neon lens. */
.budget-types>.budget-type.chosen{text-shadow:none}
.budget-type.chosen .budget-type-icon:not(.budget-type-photo){filter:none}
.budget-types.glass-host>.glass-lens,
.budget-types.glass-host>.glass-lens.is-moving{background:rgba(239,30,40,.08)!important;border:1px solid rgba(239,30,40,.5)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none}
.budget-types.glass-host>.glass-lens::before,
.budget-types.glass-host>.glass-lens::after{display:none}
.budget-types>.budget-type:focus-visible{outline:2px solid #ef2630;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.budget-type .budget-type-photo{transition:none}}/* Body artwork: subdued idle cars, individual original paint on selection. */
.budget-type .budget-body-photo{width:76px;height:50px;object-fit:contain;overflow:hidden;filter:grayscale(1);opacity:.63;transition:filter .18s ease,opacity .18s ease}
@media (hover: hover) and (pointer: fine){.budget-type:hover .budget-body-photo{filter:grayscale(1);opacity:.85}}
.budget-type.chosen .budget-body-photo{filter:none;opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.budget-type .budget-body-photo{transition:none}}

/* Stable selector lanes: counts never change row placement or group anchors. */
.budget-refine{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:36px 88px 82px;align-items:start;gap:10px}
.budget-refine>.stats-kind{grid-row:1;justify-self:start;min-height:36px}
.budget-refine>.budget-body-types{grid-row:2;display:grid;grid-template-columns:repeat(12,94px);grid-auto-flow:column;grid-auto-columns:94px;width:100%;min-height:88px;overflow-x:auto;box-sizing:border-box;align-content:start}
.budget-refine>.budget-filters-row{grid-row:3;display:grid;grid-template-columns:390px 582px;gap:12px;width:100%;min-height:82px;overflow-x:auto;align-items:start}
.budget-filters-row>.budget-filters{display:grid;grid-auto-flow:column;grid-auto-columns:94px;gap:2px;width:100%;min-height:80px;box-sizing:border-box;align-content:start}
.budget-filters-row>.budget-drive-filters{grid-column:1;grid-template-columns:repeat(4,94px)}
.budget-filters-row>.budget-fuel-filters{grid-column:2;grid-template-columns:repeat(6,94px)}
.budget-refine .budget-types>.budget-type{width:94px;min-width:94px;box-sizing:border-box;align-self:start}
.budget-refine .budget-type b{white-space:nowrap}
@media (hover: hover) and (pointer: fine){.budget-type:hover .budget-type-photo{filter:grayscale(1)}}
.budget-type.chosen .budget-type-photo{filter:none}
@media(max-width:700px){.budget-refine>.budget-body-types{min-height:88px}.budget-refine .budget-types>.budget-type{padding:4px 2px!important}}
/* Pack remaining filters within their permanent lanes. */
.budget-refine>.budget-body-types{display:flex;flex-wrap:nowrap;align-items:flex-start}
.budget-refine>.budget-filters-row{display:flex;flex-wrap:nowrap;gap:12px}
.budget-filters-row>.budget-filters{display:flex;flex-wrap:nowrap;flex:0 0 auto;width:max-content;align-items:flex-start}
.budget-refine .budget-types>.budget-type{flex:0 0 94px}

/* Выпадающие списки «Привод» / «Двигатель» (владелец, 2026-10-16) вместо плиток с иконками: фирменный стеклянный select (общее правило glass-ui.css), своя стрелка, счётчики в вариантах. */
.budget-filters-row.budget-filters-selects{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:end;min-height:0}
.budget-refine>.budget-filters-row.budget-filters-selects{display:flex;grid-template-columns:none;min-height:0;overflow:visible;padding-top:8px}
.budget-refine:has(.budget-filters-selects){grid-template-rows:36px 88px auto}
.budget-filter-select{display:flex;flex-direction:column;gap:5px;min-width:200px;flex:0 1 240px}
.budget-filter-select>span:first-child{font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:inherit;opacity:.68}
.budget-filter-sel{position:relative;display:block}
.budget-filter-sel select{width:100%;appearance:none;-webkit-appearance:none;padding:10px 38px 10px 14px;font:inherit;font-weight:600;font-size:.95rem;line-height:1.2;cursor:pointer}
.budget-filter-sel::after{content:'';position:absolute;right:15px;top:50%;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;opacity:.8;transform:translateY(-70%) rotate(45deg);pointer-events:none;transition:border-color .2s ease}
@media (hover: hover) and (pointer: fine){.budget-filter-sel:hover::after{border-color:rgba(var(--glass-red,239,38,48),.9)}}

@media(max-width:700px){.budget-filter-select{flex:1 1 100%;min-width:0}}

/* Original body silhouettes with compact branded drivetrain/engine selects. */
.budget-refine,.budget-refine:has(.budget-filters-selects){grid-template-rows:36px 62px auto;gap:8px}
.budget-refine>.budget-body-types{min-height:62px}
.budget-refine .budget-body-types>.budget-type{flex-basis:84px;width:84px;min-width:84px;min-height:58px}
.budget-body-types .budget-type-icon{width:49px;height:28px;color:inherit}
.budget-refine>.budget-filters-row.budget-filters-selects{padding-top:0}
.budget-filter-select>span:first-child{font-size:.75rem;letter-spacing:0;text-transform:none;opacity:1}
.budget-filter-sel select{font-size:.8125rem;padding:9px 34px 9px 12px;border-radius:10px}
.budget-filter-sel select:focus-visible{outline:2px solid #e42732;outline-offset:2px}
@media(max-width:700px){.budget-filter-select{flex:1 1 140px;min-width:0}.budget-refine>.budget-body-types{min-height:62px}}

/* Branded glass dropdown surface, including the expanded options. */
.budget-glass-select{position:relative;color:#edf2f5;font-size:13px}
.budget-glass-select[open]{z-index:40}
.budget-glass-select summary{list-style:none;display:flex;align-items:center;gap:10px;min-height:40px;padding:0 12px;border:1px solid rgba(255,255,255,.24);border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 3px 8px rgba(0,0,0,.12);cursor:pointer;font-weight:600}
.budget-glass-select summary::-webkit-details-marker{display:none}
.budget-glass-select small{margin-left:auto;font:inherit;font-size:11px;opacity:.8;font-variant-numeric:tabular-nums}
.budget-glass-select svg{width:16px;height:16px;flex:none;fill:none;stroke:#ef3440;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.budget-glass-select[open] summary>svg{transform:rotate(180deg)}
.budget-glass-options{position:absolute;top:calc(100% + 6px);left:0;right:0;padding:5px;border:1px solid rgba(255,255,255,.25);border-radius:13px;background:rgba(29,38,43,.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 12px 25px rgba(0,0,0,.2)}
.budget-glass-options>button{display:flex;align-items:center;gap:8px;width:100%;padding:9px 8px!important;min-height:36px;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;color:inherit!important;font:inherit;text-align:left;cursor:pointer}
.budget-glass-options>button svg{opacity:0}
.budget-glass-options>button[aria-pressed=true]{background:rgba(239,38,48,.12)!important;color:#ff6970!important}
.budget-glass-options>button[aria-pressed=true] svg{opacity:1}
@media (hover: hover) and (pointer: fine){.budget-glass-options>button:hover{background:rgba(255,255,255,.1)!important}}
.budget-glass-select summary:focus-visible,.budget-glass-options>button:focus-visible{outline:2px solid #ef3440;outline-offset:2px}
html[data-theme="light"] .budget-glass-select{color:#292a28}
html[data-theme="light"] .budget-glass-select summary{border-color:rgba(104,94,82,.27);background:linear-gradient(135deg,rgba(255,255,255,.6),rgba(255,239,234,.35));box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 3px 8px rgba(69,44,32,.1)}
html[data-theme="light"] .budget-glass-options{background:rgba(250,246,238,.94);border-color:rgba(104,94,82,.25);box-shadow:inset 0 1px 0 #fff,0 12px 25px rgba(69,44,32,.16)}
html[data-theme="light"] .budget-glass-options>button[aria-pressed=true]{color:#b30d1a!important}
@media (hover: hover) and (pointer: fine){html[data-theme="light"] .budget-glass-options>button:hover{background:rgba(190,46,47,.07)!important}}

/* Keep each bold filter label directly beside its own dropdown. */
.budget-filters-row.budget-filters-selects{gap:12px 24px;align-items:center}
.budget-filters-selects>.budget-filter-select{flex:0 1 310px;min-width:0;display:flex;flex-direction:row;align-items:center;gap:10px}
.budget-filters-selects>.budget-filter-select>span:first-child{flex:0 0 auto;font-size:13px;font-weight:700;line-height:1.2;white-space:nowrap;margin:0!important;padding:0!important;border:0!important;opacity:1}
.budget-filter-select>.budget-glass-select{flex:1 1 auto;min-width:0;margin:0!important}
@media(max-width:700px){.budget-filters-selects>.budget-filter-select{flex:1 1 280px}.budget-filters-selects>.budget-filter-select>span:first-child{flex-basis:78px}}

/* Remove inherited details spacing so label and visible control share a centre. */
.budget-filter-select>.budget-glass-select{padding:0!important;border:0!important}

/* Comfortable spacing between selector lanes and the budget controls. */
.budget-tune{padding:20px 24px}
.budget-refine,.budget-refine:has(.budget-filters-selects){grid-template-rows:36px minmax(68px,auto) auto;row-gap:18px;padding-bottom:18px}
.budget-refine>.budget-filters-row.budget-filters-selects{gap:16px 28px;padding:0 4px 2px;box-sizing:border-box}
.budget-filters-selects>.budget-filter-select{gap:12px}
@media(max-width:700px){.budget-tune{padding:16px}.budget-refine,.budget-refine:has(.budget-filters-selects){row-gap:16px;padding-bottom:16px}.budget-refine>.budget-filters-row.budget-filters-selects{padding-inline:2px}}