/* MYCAR — «жидкое стекло» для кнопок, переключателей и вкладок по всему сайту и в админке.
   Кнопки: прозрачное стекло с красной подсветкой. Тумблеры: стеклянная дорожка и светящийся бегунок.
   Вкладки/меню: стеклянная линза (.glass-lens), которую двигает glass-ui.js.
   Панель фильтров каталога (дни торгов, лотов на странице, кузов и фасеты, ползунки «от — до») и форма «Получить договор» — разделы 7–8,
   панель фильтров целиком, таблица лотов и скроллы — 9, калькулятор — 10, единый стиль для всего сайта (диалоги, карточки, поля, галочки, бейджи) — 11, таблица расчёта стоимости — 12, личный кабинет — 13. */
:root{--glass-red:237,32,39;--glass-white:255,255,255}

/* ===== 1. Кнопки-стекло ===== */
.glass-btn,.cab-primary,.cab-secondary,.cab-table .cab-bid-edit,.customer-upload-button,.lot-help[data-real-service=guide],.lot-help[data-lot-service=guide],.lot-share,.lot-thumbnail-arrow,.lot-place-bid,.home-lots-controls button,#mobileFilters,[data-home-retry],#reset,.saved-section button,.lot-spec-panel .lot-help-button,.compare-tray>button:not(.primary),
.primary,.advantage-cta,.contract-submit,.outline,.lot-outline,.lot-statusbar button,.detail-button,.text-button,
.lot-bid-dialog button,.lot-vin button,
#calculatorDialog .calc-actions button,
.hero-actions a,.hero-actions button,
.header-tools>button,
body.admin-compact button:not(.crm-tabs>button):not(.admin-nav-group nav>button):not(.customs-info):not(.crm-user-results button):not(.crm-row-title):not(.deal-title):not(.dialog-close):not(.copy-btn){
 position:relative;isolation:isolate;overflow:hidden;
 background:linear-gradient(135deg,rgba(var(--glass-white),.16),rgba(var(--glass-white),.04) 48%,rgba(var(--glass-red),.16))!important;
 color:#fff!important;
 border:1px solid rgba(var(--glass-white),.26)!important;
 -webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);
 box-shadow:inset 0 1px 0 rgba(var(--glass-white),.5),inset 0 -1px 0 rgba(var(--glass-white),.06),0 0 0 1px rgba(var(--glass-red),.18),0 6px 18px rgba(var(--glass-red),.22),0 2px 6px rgba(0,0,0,.35)!important;
 text-shadow:0 1px 2px rgba(0,0,0,.35);
 transition:transform .45s cubic-bezier(.2,.9,.25,1.15),box-shadow .35s ease,background .35s ease,border-color .35s ease,color .25s ease;
 -webkit-tap-highlight-color:transparent}
/* блик по верхней кромке */
.glass-btn::before,.cab-primary::before,.cab-secondary::before,.cab-table .cab-bid-edit::before,.customer-upload-button::before,.lot-help[data-real-service=guide]::before,.lot-help[data-lot-service=guide]::before,.lot-share::before,.lot-thumbnail-arrow::before,.lot-place-bid::before,.home-lots-controls button::before,#mobileFilters::before,[data-home-retry]::before,#reset::before,.saved-section button::before,.lot-spec-panel .lot-help-button::before,.compare-tray>button:not(.primary)::before,.primary::before,.advantage-cta::before,.contract-submit::before,.outline::before,.lot-outline::before,.lot-statusbar button::before,.detail-button::before,.text-button::before,
.lot-bid-dialog button::before,.lot-vin button::before,#calculatorDialog .calc-actions button::before,.hero-actions a::before,.hero-actions button::before,.header-tools>button::before,
body.admin-compact button:not(.crm-tabs>button):not(.admin-nav-group nav>button):not(.customs-info):not(.crm-user-results button):not(.crm-row-title):not(.deal-title):not(.dialog-close):not(.copy-btn)::before{
 content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;z-index:-1;
 background:radial-gradient(120% 90% at 30% 0%,rgba(var(--glass-white),.28),transparent 60%)}
/* красная подсветка снизу */
.glass-btn::after,.cab-primary::after,.cab-secondary::after,.cab-table .cab-bid-edit::after,.customer-upload-button::after,.lot-help[data-real-service=guide]::after,.lot-help[data-lot-service=guide]::after,.lot-share::after,.lot-thumbnail-arrow::after,.lot-place-bid::after,.home-lots-controls button::after,#mobileFilters::after,[data-home-retry]::after,#reset::after,.saved-section button::after,.lot-spec-panel .lot-help-button::after,.compare-tray>button:not(.primary)::after,.primary::after,.advantage-cta::after,.contract-submit::after,.outline::after,.lot-outline::after,.lot-statusbar button::after,.detail-button::after,.text-button::after,
.lot-bid-dialog button::after,.lot-vin button::after,#calculatorDialog .calc-actions button::after,.hero-actions a::after,.hero-actions button::after,.header-tools>button::after,
body.admin-compact button:not(.crm-tabs>button):not(.admin-nav-group nav>button):not(.customs-info):not(.crm-user-results button):not(.crm-row-title):not(.deal-title):not(.dialog-close):not(.copy-btn)::after{
 content:"";position:absolute;left:14%;right:14%;bottom:-1px;height:2px;border-radius:2px;pointer-events:none;z-index:-1;
 background:linear-gradient(90deg,transparent,rgb(var(--glass-red)),transparent);filter:blur(.6px);opacity:.9;transition:opacity .3s,left .4s,right .4s}
/* главные (красные) кнопки — стекло с более плотной красной подсветкой */
.primary,.advantage-cta,.contract-submit,.lot-statusbar button,button.primary,button.active,.header-tools .primary,.lot-place-bid,.cab-primary{
 background:linear-gradient(135deg,rgba(var(--glass-white),.2),rgba(var(--glass-red),.22) 45%,rgba(var(--glass-red),.42))!important;
 border-color:rgba(var(--glass-white),.34)!important;
 box-shadow:inset 0 1px 0 rgba(var(--glass-white),.55),inset 0 -1px 0 rgba(var(--glass-red),.25),0 0 0 1px rgba(var(--glass-red),.35),0 10px 26px rgba(var(--glass-red),.35),0 2px 6px rgba(0,0,0,.4)!important}
/* наведение / нажатие */
.glass-btn:hover,.cab-primary:hover,.cab-secondary:hover,.cab-table .cab-bid-edit:hover,.customer-upload-button:hover,.lot-help[data-real-service=guide]:hover,.lot-help[data-lot-service=guide]:hover,.lot-share:hover,.lot-thumbnail-arrow:hover,.lot-place-bid:hover,.home-lots-controls button:hover,#mobileFilters:hover,[data-home-retry]:hover,#reset:hover,.saved-section button:hover,.lot-spec-panel .lot-help-button:hover,.compare-tray>button:not(.primary):hover,.primary:hover,.advantage-cta:hover,.contract-submit:hover,.outline:hover,.lot-outline:hover,.lot-statusbar button:hover,.detail-button:hover,.text-button:hover,
.lot-bid-dialog button:hover,.lot-vin button:hover,#calculatorDialog .calc-actions button:hover,.hero-actions a:hover,.hero-actions button:hover,.header-tools>button:hover,
body.admin-compact button:not(.crm-tabs>button):not(.admin-nav-group nav>button):not(.customs-info):not(.crm-user-results button):not(.crm-row-title):not(.deal-title):not(.dialog-close):not(.copy-btn):hover{
 transform:translateY(-1px) scale(1.03);color:#fff!important;
 border-color:rgba(var(--glass-white),.45)!important;
 box-shadow:inset 0 1px 0 rgba(var(--glass-white),.65),inset 0 -1px 0 rgba(var(--glass-white),.08),0 0 0 1px rgba(var(--glass-red),.45),0 12px 30px rgba(var(--glass-red),.4),0 2px 6px rgba(0,0,0,.4)!important}
.glass-btn:hover::after,.cab-primary:hover::after,.cab-secondary:hover::after,.cab-table .cab-bid-edit:hover::after,.customer-upload-button:hover::after,.lot-help[data-real-service=guide]:hover::after,.lot-help[data-lot-service=guide]:hover::after,.lot-share:hover::after,.lot-thumbnail-arrow:hover::after,.lot-place-bid:hover::after,.home-lots-controls button:hover::after,#mobileFilters:hover::after,[data-home-retry]:hover::after,#reset:hover::after,.saved-section button:hover::after,.lot-spec-panel .lot-help-button:hover::after,.compare-tray>button:not(.primary):hover::after,.primary:hover::after,.outline:hover::after,.lot-outline:hover::after,body.admin-compact button:not(.crm-tabs>button):not(.admin-nav-group nav>button):not(.customs-info):not(.crm-user-results button):not(.crm-row-title):not(.deal-title):not(.dialog-close):not(.copy-btn):hover::after,.header-tools>button:hover::after{left:4%;right:4%;opacity:1}
.glass-btn:active,.cab-primary:active,.cab-secondary:active,.cab-table .cab-bid-edit:active,.customer-upload-button:active,.lot-help[data-real-service=guide]:active,.lot-help[data-lot-service=guide]:active,.lot-share:active,.lot-thumbnail-arrow:active,.lot-place-bid:active,.home-lots-controls button:active,#mobileFilters:active,[data-home-retry]:active,#reset:active,.saved-section button:active,.lot-spec-panel .lot-help-button:active,.compare-tray>button:not(.primary):active,.primary:active,.advantage-cta:active,.contract-submit:active,.outline:active,.lot-outline:active,.lot-statusbar button:active,.detail-button:active,
.lot-bid-dialog button:active,#calculatorDialog .calc-actions button:active,.hero-actions a:active,.hero-actions button:active,.header-tools>button:active,
body.admin-compact button:not(.crm-tabs>button):not(.admin-nav-group nav>button):not(.customs-info):not(.crm-user-results button):not(.crm-row-title):not(.deal-title):not(.dialog-close):not(.copy-btn):active{
 transform:translateY(0) scale(.97);transition-duration:.12s}
button:disabled.primary,button:disabled.outline,body.admin-compact button:disabled{transform:none;opacity:.5}
/* иконки-кнопки в шапке (телефон, вход) — только лёгкое стекло, без рамки на мобильных */
.header-tools>button:not(.primary){padding:6px 10px;border-radius:999px}

/* ===== 2. Тумблеры (переключатели) ===== */
.lot-switches input,.crm-switch input,#calculatorDialog .calc-switches input,.glass-switch input{
 appearance:none;-webkit-appearance:none;position:relative;margin:0;padding:0;cursor:pointer;border:0;
 background:linear-gradient(135deg,rgba(var(--glass-white),.14),rgba(var(--glass-white),.04))!important;
 box-shadow:inset 0 1px 0 rgba(var(--glass-white),.3),inset 0 0 0 1px rgba(var(--glass-white),.18),inset 0 2px 6px rgba(0,0,0,.45)!important;
 -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
 transition:background .45s ease,box-shadow .45s ease}
.lot-switches input:before,.crm-switch input:before,#calculatorDialog .calc-switches input:before,.glass-switch input:before{
 content:"";position:absolute;border-radius:50%;
 background:linear-gradient(160deg,#fff,#d9dee2);
 box-shadow:0 1px 3px rgba(0,0,0,.5),inset 0 -1px 0 rgba(0,0,0,.08);
 transition:transform .5s cubic-bezier(.22,1.1,.3,1),background .35s,box-shadow .35s}
.lot-switches input:active:before,.crm-switch input:active:before,#calculatorDialog .calc-switches input:active:before,.glass-switch input:active:before{transform:scaleX(1.25)}
.lot-switches input:checked:active:before{transform:translateX(12px) scaleX(1.25)}
.crm-switch input:checked:active:before{transform:translateX(14px) scaleX(1.25)}
#calculatorDialog .calc-switches input:checked:active:before{transform:translateX(16px) scaleX(1.25)}
.lot-switches input:checked,.crm-switch input:checked,#calculatorDialog .calc-switches input:checked,.glass-switch input:checked{
 background:linear-gradient(135deg,rgba(var(--glass-white),.22),rgba(var(--glass-red),.45) 40%,rgba(var(--glass-red),.75))!important;
 box-shadow:inset 0 1px 0 rgba(var(--glass-white),.55),inset 0 0 0 1px rgba(var(--glass-white),.25),0 0 12px rgba(var(--glass-red),.55),0 4px 12px rgba(var(--glass-red),.35)!important}
.lot-switches input:checked:before,.crm-switch input:checked:before,#calculatorDialog .calc-switches input:checked:before,.glass-switch input:checked:before{
 background:linear-gradient(160deg,#fff,#ffd8d9);box-shadow:0 0 8px rgba(var(--glass-red),.7),0 1px 3px rgba(0,0,0,.5)}
.lot-switches label:hover input,.crm-switch:hover input,#calculatorDialog .calc-switches label:hover input{box-shadow:inset 0 1px 0 rgba(var(--glass-white),.4),inset 0 0 0 1px rgba(var(--glass-white),.3),inset 0 2px 6px rgba(0,0,0,.4),0 0 10px rgba(var(--glass-red),.3)!important}

/* ===== 3. Вкладки и меню со стеклянной линзой ===== */
.glass-host{position:relative;isolation:isolate}
.glass-host>.glass-lens{position:absolute;z-index:0;left:0;top:0;width:0;height:0;border-radius:8px;pointer-events:none;opacity:0;
 background:linear-gradient(135deg,rgba(var(--glass-white),.22),rgba(var(--glass-white),.06) 45%,rgba(var(--glass-red),.28));
 -webkit-backdrop-filter:blur(14px) saturate(160%) brightness(1.15);backdrop-filter:blur(14px) saturate(160%) brightness(1.15);
 box-shadow:inset 0 1px 0 rgba(var(--glass-white),.55),inset 0 -1px 0 rgba(var(--glass-white),.08),inset 1px 0 0 rgba(var(--glass-white),.18),0 10px 26px rgba(var(--glass-red),.28),0 2px 6px rgba(0,0,0,.45);
 border:1px solid rgba(var(--glass-white),.28);
 transition:left .55s cubic-bezier(.22,1.1,.3,1),top .55s cubic-bezier(.22,1.1,.3,1),width .55s cubic-bezier(.22,1.1,.3,1),height .55s cubic-bezier(.22,1.1,.3,1),opacity .3s ease,transform .55s cubic-bezier(.22,1.1,.3,1)}
.glass-host>.glass-lens::before{content:"";position:absolute;inset:1px;border-radius:7px;background:radial-gradient(120% 90% at 30% 0%,rgba(var(--glass-white),.28),transparent 60%)}
.glass-host>.glass-lens::after{content:"";position:absolute;left:12%;right:12%;bottom:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,rgb(var(--glass-red)),transparent);filter:blur(.5px)}
.glass-host>.glass-lens.is-ready{opacity:1}
.glass-host>.glass-lens.is-moving{transform:scaleY(.86) scaleX(1.06);box-shadow:inset 0 1px 0 rgba(var(--glass-white),.6),0 14px 30px rgba(var(--glass-red),.4),0 2px 6px rgba(0,0,0,.45)}
.glass-host.glass-vertical>.glass-lens.is-moving{transform:scaleX(.9) scaleY(1.06)}
/* элементы внутри — над линзой, сама подложка активного прозрачная */
/* элементы внутри — над линзой, сама подложка активного прозрачная (и без «красной кнопки» из раздела 1: линза её заменяет) */
.glass-host>button.active,.glass-host>.active,.glass-host>[aria-selected=true],.glass-host>.chosen{background:transparent!important;border-color:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.glass-host>button.active::before,.glass-host>button.active::after,.glass-host>.active::before,.glass-host>.active::after{display:none!important}
.glass-host>button,.glass-host>a,.glass-host>label,.glass-host>[role=tab]{position:relative;z-index:1;transition:color .35s ease,transform .45s cubic-bezier(.2,.9,.25,1.15)}
.glass-host>[aria-selected=true],.glass-host>.active,.glass-host>.selected,.glass-host>[aria-current=page]{background:transparent!important;border-color:transparent!important;color:#fff!important;text-shadow:0 0 12px rgba(var(--glass-white),.25)}
.glass-host>button:hover,.glass-host>a:hover{color:#fff!important}
.glass-host.segmented input:checked+span{background:transparent!important;box-shadow:none!important;color:#fff!important}
.glass-host.segmented label>span{position:relative;z-index:1}
/* выпадающие меню в шапке: стеклянная панель */
#autoSubmenu,#statsSubmenu{background:rgba(20,24,28,.72)!important;-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);border:1px solid rgba(var(--glass-white),.16)!important;border-radius:10px!important;box-shadow:0 18px 40px rgba(0,0,0,.55),0 0 0 1px rgba(var(--glass-red),.12),inset 0 1px 0 rgba(var(--glass-white),.12)!important}
#autoSubmenu button:hover,#statsSubmenu button:hover{background:transparent!important}
/* вкладки калькулятора и CRM: рамки убираем, линза их заменяет */
#calculatorDialog .calc-tabs [role=tab]{background:transparent!important;border-color:rgba(var(--glass-white),.12)!important}
#calculatorDialog .calc-tabs [role=tab][aria-selected=true]{border-color:transparent!important}
.crm-tabs button{background:transparent!important}
.admin-nav-group nav>button{background:transparent!important;border-color:rgba(var(--glass-white),.12)!important}
.admin-nav-group nav>button.active{border-color:transparent!important}
.crm-tabs button[aria-selected=true]{border-color:transparent!important}

@media(prefers-reduced-motion:reduce){.glass-host>.glass-lens,.glass-host>button,.primary,.outline,.lot-outline,body.admin-compact button{transition:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .glass-host>.glass-lens{background:linear-gradient(135deg,rgba(var(--glass-white),.18),rgba(var(--glass-red),.45))}
 .primary,.advantage-cta,.contract-submit,.lot-statusbar button{background:linear-gradient(135deg,rgba(var(--glass-white),.2),rgba(var(--glass-red),.6))!important}
}

/* ===== 4. Не кнопки: названия в списках сделок/таможни/клиентов — просто текст ===== */
.crm-row-title,.deal-title,body.admin-compact .crm-row-title,body.admin-compact .deal-title{background:transparent!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:0!important;transform:none!important;text-shadow:none!important;color:#fff!important;cursor:pointer;overflow:visible}
.crm-row-title:hover,.deal-title:hover{color:#ff8a90!important;text-decoration:underline}

/* ===== 5. Форма входа / регистрации ===== */
#sectionDialog.auth-glass{border:1px solid rgba(var(--glass-white),.3);background:linear-gradient(135deg,rgba(var(--glass-white),.16),rgba(var(--glass-white),.04) 45%,rgba(var(--glass-red),.14)),rgba(21,32,39,.62);box-shadow:inset 0 1px 0 rgba(var(--glass-white),.5),inset 0 -1px 0 rgba(var(--glass-white),.1),0 0 0 1px rgba(var(--glass-red),.2),0 30px 90px rgba(0,0,0,.55),0 16px 50px rgba(var(--glass-red),.22)}
.auth-glass #sectionContent{padding:34px 32px 30px}
.auth-glass .auth-reflections{display:none!important}
.auth-glass .auth-tabs{background:rgba(6,16,25,.35);border:1px solid rgba(var(--glass-white),.16);box-shadow:inset 0 1px 3px rgba(0,0,0,.35);padding:4px;gap:4px;border-radius:30px}
.auth-glass .auth-tabs>.glass-lens{border-radius:24px}
.auth-glass .auth-tabs>.glass-lens::before{border-radius:23px}
.auth-glass .auth-tabs button,.auth-glass .auth-tabs button.primary,.auth-glass .auth-tabs button.outline{background:transparent!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transform:none!important;text-shadow:none!important;color:#dee7ed!important;overflow:visible}
.auth-glass .auth-tabs button::before,.auth-glass .auth-tabs button::after{display:none}
.auth-glass .auth-tabs button.primary{color:#fff!important;text-shadow:0 0 12px rgba(var(--glass-white),.25)!important}
.auth-glass #authForm input{background:linear-gradient(135deg,rgba(var(--glass-white),.1),rgba(var(--glass-white),.03)),rgba(8,18,28,.45);border:1px solid rgba(var(--glass-white),.24);box-shadow:inset 0 1px 0 rgba(var(--glass-white),.18),inset 0 2px 6px rgba(0,0,0,.3)}
.auth-glass #authForm input:focus{outline:0;border-color:rgba(var(--glass-red),.75);box-shadow:inset 0 1px 0 rgba(var(--glass-white),.2),0 0 0 3px rgba(var(--glass-red),.22),0 0 14px rgba(var(--glass-red),.35);background:rgba(16,31,42,.7)}
.auth-glass #authForm .primary{background:linear-gradient(135deg,rgba(var(--glass-white),.2),rgba(var(--glass-red),.22) 45%,rgba(var(--glass-red),.42))!important;border:1px solid rgba(var(--glass-white),.34)!important}
.auth-glass .dialog-close{background:linear-gradient(135deg,rgba(var(--glass-white),.16),rgba(var(--glass-white),.04))!important;border:1px solid rgba(var(--glass-white),.26)!important}

/* ===== 6. Списки марок и моделей в каталоге: линза + красная подсветка выбранного ===== */
#auctionMakes,#auctionModels{position:relative;isolation:isolate}
#auctionMakes>button,#auctionModels>button,#auctionMakes>a,#auctionModels>a{position:relative;z-index:1;background:transparent!important;box-shadow:none!important;border-radius:6px;transition:color .3s ease,transform .45s cubic-bezier(.2,.9,.25,1.15)}
#auctionMakes>button:hover,#auctionModels>button:hover,#auctionMakes>a:hover,#auctionModels>a:hover{background:transparent!important;color:#fff!important}
#auctionMakes>.chosen,#auctionModels>.chosen{background:transparent!important;color:#ff454b!important;text-shadow:0 0 12px rgba(var(--glass-red),.45);transform:translateX(2px)}
#auctionMakes>.chosen:hover,#auctionModels>.chosen:hover{color:#ff6a70!important}
#auctionMakes>.chosen small,#auctionModels>.chosen small{color:#ffb3b6!important}
#auctionMakes>.glass-lens,#auctionModels>.glass-lens{border-radius:6px}
#auctionMakes>.glass-lens::after,#auctionModels>.glass-lens::after{left:auto;right:auto;bottom:12%;top:12%;height:auto;width:2px;left:0;background:linear-gradient(180deg,transparent,rgb(var(--glass-red)),transparent)}

/* ===== 7. Панель фильтров каталога: дни торгов, «лотов на странице», кузов и другие фасеты, ползунки ===== */
/* дни торгов (Япония) и переключатель количества лотов — стеклянная линза, выбранный пункт красный */
.auction-weekdays,.page-size{position:relative;isolation:isolate}
.auction-weekdays>button,.page-size>button{position:relative;z-index:1;background:transparent!important;border:0!important;box-shadow:none!important;color:#dee7ed!important;border-radius:8px;min-width:40px;text-align:center;transition:color .3s ease,transform .45s cubic-bezier(.2,.9,.25,1.15)}
.auction-weekdays>button:hover,.page-size>button:hover{background:transparent!important;color:#fff!important}
.auction-weekdays>button.chosen,.page-size>button.chosen{background:transparent!important;color:#ff454b!important;text-shadow:0 0 12px rgba(var(--glass-red),.45)}
.auction-weekdays>button.chosen:hover,.page-size>button.chosen:hover{color:#ff6a70!important}
.auction-weekdays>.glass-lens{border-radius:8px}
.auction-weekdays>.glass-lens::before{border-radius:7px}
.auction-weekdays>span{color:#aab3bc;margin-right:6px}
.page-size{gap:2px!important;padding:3px!important;border-radius:20px;background:rgba(6,16,25,.35);border:1px solid rgba(var(--glass-white),.16);box-shadow:inset 0 1px 3px rgba(0,0,0,.35)}
.page-size>span{padding:0 6px 0 10px;color:#aab3bc;font-size:.8125rem}
.page-size>button{border-radius:16px;padding:6px 11px!important;min-width:38px}
.page-size>.glass-lens{border-radius:16px}
.page-size>.glass-lens::before{border-radius:15px}
/* фасеты (кузов, оценка, аукцион, статус, КПП): линза при наведении, выбранные — красные (можно несколько) */
.facet-value-list{position:relative;isolation:isolate}
.facet-value-list>button{position:relative;z-index:1;background:transparent!important;box-shadow:none!important;border-radius:6px;transition:color .3s ease,background .3s ease,transform .45s cubic-bezier(.2,.9,.25,1.15)}
.facet-value-list:not(.color-swatches)>button:hover{background:transparent!important;color:#fff!important}
.facet-value-list:not(.color-swatches)>button.chosen{background:linear-gradient(90deg,rgba(var(--glass-red),.18),rgba(var(--glass-red),.03))!important;color:#ff454b!important;text-shadow:0 0 12px rgba(var(--glass-red),.45);transform:translateX(2px)}
.facet-value-list:not(.color-swatches)>button.chosen:hover{color:#ff6a70!important}
.facet-value-list>.glass-lens{border-radius:6px}
.glass-host.glass-vertical>.glass-lens::after{left:0;right:auto;bottom:12%;top:12%;height:auto;width:2px;background:linear-gradient(180deg,transparent,rgb(var(--glass-red)),transparent)}
/* цвета: стеклянная рамка, выбранный — красное свечение вместо белой рамки */
.auction-panel .color-swatches button{border:1px solid rgba(var(--glass-white),.3)!important;background:linear-gradient(135deg,rgba(var(--glass-white),.12),rgba(var(--glass-white),.03))!important;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.25)!important;border-radius:6px;transition:box-shadow .3s ease,transform .3s ease}
.auction-panel .color-swatches button:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(var(--glass-white),.25),0 0 10px rgba(var(--glass-red),.35)!important}
.auction-panel .color-swatches button.chosen{outline:0!important;border-color:rgba(255,69,75,.9)!important;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.25),0 0 0 2px rgba(var(--glass-red),.35),0 0 12px rgba(var(--glass-red),.65)!important}
/* поля панели (номер лота, списки) — стекло, как в форме входа */
.auction-panel input:not([type=range]):not([type=checkbox]),.auction-panel select{background:linear-gradient(135deg,rgba(var(--glass-white),.1),rgba(var(--glass-white),.03)),rgba(8,18,28,.45)!important;border:1px solid rgba(var(--glass-white),.22)!important;color:#fff;border-radius:8px;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.16),inset 0 2px 6px rgba(0,0,0,.3)}
.auction-panel input:not([type=range]):not([type=checkbox]):focus,.auction-panel select:focus{outline:0;border-color:rgba(var(--glass-red),.75)!important;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.2),0 0 0 3px rgba(var(--glass-red),.22),0 0 14px rgba(var(--glass-red),.35)}
.auction-panel select option{background:#141a1e;color:#fff}
/* ползунки «от — до»: стеклянная дорожка, красная заливка между ручками, светящиеся стеклянные ручки (как на странице подбора) */
.auction-panel .range-pair{--lo:0%;--hi:100%;position:relative;display:block;height:26px;margin:0 0 8px;background:none!important}
.auction-panel .range-pair::before{content:"";position:absolute;z-index:0;left:0;right:0;top:50%;height:6px;margin-top:-3px;border-radius:4px;box-sizing:border-box;background:linear-gradient(180deg,rgba(var(--glass-white),.16),rgba(var(--glass-white),.05));border:1px solid rgba(var(--glass-white),.14);box-shadow:inset 0 1px 1px rgba(var(--glass-white),.2),inset 0 -1px 2px rgba(0,0,0,.45),0 1px 0 rgba(0,0,0,.35)}
.auction-panel .range-pair::after{content:"";position:absolute;z-index:0;top:50%;height:6px;margin-top:-3px;left:var(--lo);width:calc(var(--hi) - var(--lo));border-radius:4px;background:linear-gradient(90deg,rgba(var(--glass-red),.6),#ff454b);box-shadow:0 0 12px rgba(var(--glass-red),.6),inset 0 1px 0 rgba(var(--glass-white),.35)}
.auction-panel .range-pair.is-off::after{opacity:.18;box-shadow:none}
.auction-panel .range-pair label{position:absolute;inset:0;z-index:1;font-size:0;pointer-events:none;margin:0;padding:0}
.auction-panel .range-pair input[type=range]{position:absolute;left:0;top:0;width:100%;height:26px;margin:0;padding:0;appearance:none;-webkit-appearance:none;background:transparent!important;border:0!important;box-shadow:none!important;pointer-events:none;min-height:0;outline:none;accent-color:auto}
.auction-panel .range-pair input[type=range]::-webkit-slider-runnable-track{background:transparent;height:26px;border:0}
.auction-panel .range-pair input[type=range]::-moz-range-track{background:transparent;height:26px;border:0}
.auction-panel .range-pair input[type=range]::-webkit-slider-thumb{pointer-events:auto;appearance:none;-webkit-appearance:none;width:18px;height:18px;margin-top:4px;border-radius:50%;cursor:grab;background:radial-gradient(60% 60% at 35% 30%,#fff,#ffd8d9)!important;border:1px solid rgba(var(--glass-white),.6);box-shadow:0 0 0 3px rgba(var(--glass-red),.18),0 0 10px rgba(var(--glass-red),.6),0 2px 5px rgba(0,0,0,.5);transition:transform .35s cubic-bezier(.2,.9,.25,1.15),box-shadow .3s ease}
.auction-panel .range-pair input[type=range]::-moz-range-thumb{pointer-events:auto;width:18px;height:18px;border-radius:50%;cursor:grab;background:radial-gradient(60% 60% at 35% 30%,#fff,#ffd8d9)!important;border:1px solid rgba(var(--glass-white),.6);box-shadow:0 0 0 3px rgba(var(--glass-red),.18),0 0 10px rgba(var(--glass-red),.6),0 2px 5px rgba(0,0,0,.5)}
.auction-panel .range-pair input[type=range]:hover::-webkit-slider-thumb,.auction-panel .range-pair input[type=range]:focus-visible::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 0 0 4px rgba(var(--glass-red),.22),0 0 14px rgba(var(--glass-red),.75),0 2px 5px rgba(0,0,0,.5)}
.auction-panel .range-pair input[type=range]:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.2)}
.auction-panel .range-pair input[type=range]:focus-visible{outline:0}
.auction-panel .range-pair input[type=range]:disabled::-webkit-slider-thumb{background:radial-gradient(60% 60% at 35% 30%,#dfe3e6,#9aa3a9)!important;box-shadow:0 1px 3px rgba(0,0,0,.5);cursor:default}
.auction-panel .range-pair input[type=range]:disabled::-moz-range-thumb{background:radial-gradient(60% 60% at 35% 30%,#dfe3e6,#9aa3a9)!important;box-shadow:0 1px 3px rgba(0,0,0,.5);cursor:default}
.auction-panel .range-values{color:#fff;font-weight:600;font-variant-numeric:tabular-nums}
.auction-panel .range-values span{color:#89949e;font-weight:400}

/* ===== 8. Форма «Получить договор» — стеклянная панель в цветах сайта, как форма входа ===== */
#contractDialog{color:#e8eef2!important;border:1px solid rgba(var(--glass-white),.3)!important;border-radius:16px!important;
 background:linear-gradient(135deg,rgba(var(--glass-white),.16),rgba(var(--glass-white),.04) 45%,rgba(var(--glass-red),.14)),rgba(21,32,39,.74)!important;
 -webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);
 box-shadow:inset 0 1px 0 rgba(var(--glass-white),.5),inset 0 -1px 0 rgba(var(--glass-white),.1),0 0 0 1px rgba(var(--glass-red),.2),0 30px 90px rgba(0,0,0,.55),0 16px 50px rgba(var(--glass-red),.22)!important}
#contractDialog::backdrop{background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
#contractDialog h2{color:#fff!important;font-weight:700;letter-spacing:-.01em}
#contractDialog .contract-intro,#contractDialog [role=status],#contractDialog .contract-success p,#contractDialog #contractBody>p{color:#b9c4cc!important}
#contractDialog legend{color:#fff!important;display:flex;align-items:center;gap:9px;text-transform:uppercase;font-size:.8125rem!important;letter-spacing:.12em;font-weight:600}
#contractDialog legend::before{content:"";width:3px;height:14px;border-radius:2px;background:linear-gradient(180deg,#ff6a70,#ed2027);box-shadow:0 0 8px rgba(var(--glass-red),.7)}
#contractDialog label{color:#aab6be!important}
#contractDialog input:not([type=checkbox]),#contractDialog textarea{background:linear-gradient(135deg,rgba(var(--glass-white),.1),rgba(var(--glass-white),.03)),rgba(8,18,28,.45)!important;border:1px solid rgba(var(--glass-white),.24)!important;color:#fff!important;border-radius:8px!important;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.18),inset 0 2px 6px rgba(0,0,0,.3)!important;transition:border-color .3s ease,box-shadow .3s ease,background .3s ease}
#contractDialog input::placeholder,#contractDialog textarea::placeholder{color:#7f8d96!important}
#contractDialog input:not([type=checkbox]):focus,#contractDialog textarea:focus{outline:0!important;border-color:rgba(var(--glass-red),.75)!important;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.2),0 0 0 3px rgba(var(--glass-red),.22),0 0 14px rgba(var(--glass-red),.35)!important;background:rgba(16,31,42,.7)!important}
#contractDialog input:not([type=checkbox]):user-invalid,#contractDialog textarea:user-invalid{border-color:rgba(255,120,124,.8)!important}
/* «Не резидент РФ» — стеклянный тумблер вместо галочки */
#contractDialog .contract-check{align-items:center;gap:10px;color:#dee7ed!important;cursor:pointer}
#contractDialog .contract-check input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;width:38px!important;height:22px!important;min-height:0!important;margin:0;padding:0;border:0;border-radius:11px;cursor:pointer;flex:0 0 38px;
 background:linear-gradient(135deg,rgba(var(--glass-white),.14),rgba(var(--glass-white),.04))!important;
 box-shadow:inset 0 1px 0 rgba(var(--glass-white),.3),inset 0 0 0 1px rgba(var(--glass-white),.18),inset 0 2px 6px rgba(0,0,0,.45)!important;transition:background .45s ease,box-shadow .45s ease}
#contractDialog .contract-check input[type=checkbox]::before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:linear-gradient(160deg,#fff,#d9dee2);box-shadow:0 1px 3px rgba(0,0,0,.5);transition:transform .5s cubic-bezier(.22,1.1,.3,1),background .35s,box-shadow .35s}
#contractDialog .contract-check input[type=checkbox]:checked{background:linear-gradient(135deg,rgba(var(--glass-white),.22),rgba(var(--glass-red),.45) 40%,rgba(var(--glass-red),.75))!important;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.55),inset 0 0 0 1px rgba(var(--glass-white),.25),0 0 12px rgba(var(--glass-red),.55)!important}
#contractDialog .contract-check input[type=checkbox]:checked::before{transform:translateX(16px);background:linear-gradient(160deg,#fff,#ffd8d9);box-shadow:0 0 8px rgba(var(--glass-red),.7),0 1px 3px rgba(0,0,0,.5)}
#contractDialog .contract-check input[type=checkbox]:focus-visible{outline:2px solid rgba(255,69,75,.8);outline-offset:2px}
#contractDialog .contract-close{background:linear-gradient(135deg,rgba(var(--glass-white),.16),rgba(var(--glass-white),.04))!important;border:1px solid rgba(var(--glass-white),.26)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.4),0 2px 6px rgba(0,0,0,.35);transition:transform .3s ease,box-shadow .3s ease}
#contractDialog .contract-close:hover{transform:rotate(90deg);box-shadow:inset 0 1px 0 rgba(var(--glass-white),.4),0 0 12px rgba(var(--glass-red),.45)}
#contractDialog .contract-submit{min-height:46px!important;padding:12px 28px!important;border-radius:10px!important;font-weight:600!important;
 background:linear-gradient(135deg,rgba(var(--glass-white),.2),rgba(var(--glass-red),.22) 45%,rgba(var(--glass-red),.42))!important;border:1px solid rgba(var(--glass-white),.34)!important}
#contractDialog .contract-error{color:#ff8a8e!important}
#contractDialog .contract-success svg{stroke:#6ee7a8!important;filter:drop-shadow(0 0 8px rgba(110,231,168,.5))}
#contractDialog :focus-visible{outline-color:rgba(255,69,75,.8)!important}
@media(max-width:480px){.auction-weekdays>button{min-width:34px;padding-left:7px;padding-right:7px}.auction-weekdays>span{margin-right:2px}}

/* ===== 9. Панель фильтров целиком, таблица каталога, стеклянные скроллы ===== */
.auction-panel{background:linear-gradient(135deg,rgba(var(--glass-white),.09),rgba(var(--glass-white),.025) 45%,rgba(var(--glass-red),.07)),rgba(18,24,29,.74)!important;border:1px solid rgba(var(--glass-white),.18)!important;border-radius:14px!important;
 -webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);
 box-shadow:inset 0 1px 0 rgba(var(--glass-white),.28),inset 0 -1px 0 rgba(var(--glass-white),.06),0 0 0 1px rgba(var(--glass-red),.1),0 22px 60px rgba(0,0,0,.4),0 10px 34px rgba(var(--glass-red),.1)}
.auction-caption{position:relative;background:linear-gradient(90deg,rgba(var(--glass-red),.16),rgba(var(--glass-white),.04) 55%,rgba(var(--glass-white),.02))!important;border-bottom:1px solid rgba(var(--glass-white),.12)!important}
.auction-caption::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,rgb(var(--glass-red)),rgba(var(--glass-red),.25) 40%,transparent 75%);pointer-events:none}
.auction-caption strong{color:#ff454b!important;text-shadow:0 0 12px rgba(var(--glass-red),.45)}
.auction-caption span{color:#aab3bc!important}
.auction-list,.auction-ranges,.auction-options,.auction-detail-columns{border-color:rgba(var(--glass-white),.1)!important}
.auction-weekdays{border-bottom:1px solid rgba(var(--glass-white),.08)}
.auction-list h3,.auction-detail-columns h3{color:#c9d1d6!important}
.auction-options p{color:#aab3bc!important}
/* таблица лотов: стеклянная шапка, подсветка строки стеклом с красной кромкой */
#cars .table-cars{border-collapse:separate!important;border-spacing:0;background:linear-gradient(180deg,rgba(var(--glass-white),.05),rgba(var(--glass-white),.015)),rgba(18,24,29,.55)!important;border:1px solid rgba(var(--glass-white),.12);border-radius:12px;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.14),0 12px 36px rgba(0,0,0,.28)}
#cars .table-cars thead th{background:linear-gradient(180deg,rgba(var(--glass-white),.16),rgba(var(--glass-white),.05))!important;color:#e8eef2!important;border-bottom:1px solid rgba(var(--glass-red),.4)!important;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.35);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem!important;font-weight:600!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
#cars .table-cars thead th:first-child{border-top-left-radius:12px}
#cars .table-cars thead th:last-child{border-top-right-radius:12px}
#cars .table-cars th button[data-catalog-sort]{color:inherit;transition:color .25s ease}
#cars .table-cars th button[data-catalog-sort]:hover{color:#ff6a70;text-decoration:none}
#cars .table-cars td{border-bottom:1px solid rgba(var(--glass-white),.08)!important;transition:background .3s ease}
#cars .table-cars tbody tr:last-child td{border-bottom:0!important}
#cars .table-cars tbody tr:last-child td:first-child{border-bottom-left-radius:12px}
#cars .table-cars tbody tr:last-child td:last-child{border-bottom-right-radius:12px}
#cars .table-cars .catalog-lot-row{transition:box-shadow .3s ease}
#cars .table-cars .catalog-lot-row:hover,#cars .table-cars .catalog-lot-row:focus-within{background:linear-gradient(90deg,rgba(var(--glass-red),.16),rgba(var(--glass-white),.09) 35%,rgba(var(--glass-white),.04))!important;box-shadow:inset 3px 0 0 rgb(var(--glass-red)),inset 0 1px 0 rgba(var(--glass-white),.14),inset 0 -1px 0 rgba(var(--glass-white),.06)}
#cars .table-cars .catalog-lot-row td{background:transparent!important}
#cars .table-cars .catalog-lot-row:focus-visible{outline:0!important;box-shadow:inset 0 0 0 2px rgba(255,69,75,.85),0 0 18px rgba(var(--glass-red),.3)}
#cars .table-cars .catalog-lot-row:hover button,#cars .table-cars .catalog-lot-row:focus-within button{color:#fff}
/* стеклянные скроллы: списки панели, таблица, диалоги. Chrome/Edge/Safari рисуют полностью свой ползунок (::-webkit-scrollbar),
   Firefox — тонкий ползунок в цветах стекла (scrollbar-color). В Chrome стандартные свойства сбрасываем, иначе он игнорирует ::-webkit-scrollbar. */
@supports selector(::-webkit-scrollbar){
.auction-list>div,.facet-value-list,.cars.list,#catalogPage .cars,#calculatorDialog,#contractDialog,#sectionDialog .section-dialog-body,#detailDialog,.stats-table-wrap,.crm-table-wrap,.cab-table-wrap,#compareDialog .compare-body,#liveCostDialog{scrollbar-width:auto;scrollbar-color:auto}
.auction-list>div::-webkit-scrollbar,.facet-value-list::-webkit-scrollbar,.cars.list::-webkit-scrollbar,#catalogPage .cars::-webkit-scrollbar,#calculatorDialog::-webkit-scrollbar,#contractDialog::-webkit-scrollbar,#sectionDialog .section-dialog-body::-webkit-scrollbar,#detailDialog::-webkit-scrollbar,.stats-table-wrap::-webkit-scrollbar,.crm-table-wrap::-webkit-scrollbar,.cab-table-wrap::-webkit-scrollbar,#compareDialog .compare-body::-webkit-scrollbar,#liveCostDialog::-webkit-scrollbar{width:10px;height:10px}
.auction-list>div::-webkit-scrollbar-track,.facet-value-list::-webkit-scrollbar-track,.cars.list::-webkit-scrollbar-track,#catalogPage .cars::-webkit-scrollbar-track,#calculatorDialog::-webkit-scrollbar-track,#contractDialog::-webkit-scrollbar-track,#sectionDialog .section-dialog-body::-webkit-scrollbar-track,#detailDialog::-webkit-scrollbar-track,.stats-table-wrap::-webkit-scrollbar-track,.crm-table-wrap::-webkit-scrollbar-track,.cab-table-wrap::-webkit-scrollbar-track,#compareDialog .compare-body::-webkit-scrollbar-track,#liveCostDialog::-webkit-scrollbar-track{background:linear-gradient(90deg,rgba(var(--glass-white),.03),rgba(var(--glass-white),.06));border-radius:10px;box-shadow:inset 0 0 0 1px rgba(var(--glass-white),.06)}
.auction-list>div::-webkit-scrollbar-thumb,.facet-value-list::-webkit-scrollbar-thumb,.cars.list::-webkit-scrollbar-thumb,#catalogPage .cars::-webkit-scrollbar-thumb,#calculatorDialog::-webkit-scrollbar-thumb,#contractDialog::-webkit-scrollbar-thumb,#sectionDialog .section-dialog-body::-webkit-scrollbar-thumb,#detailDialog::-webkit-scrollbar-thumb,.stats-table-wrap::-webkit-scrollbar-thumb,.crm-table-wrap::-webkit-scrollbar-thumb,.cab-table-wrap::-webkit-scrollbar-thumb,#compareDialog .compare-body::-webkit-scrollbar-thumb,#liveCostDialog::-webkit-scrollbar-thumb{border-radius:10px;border:2px solid rgba(0,0,0,0);background-clip:padding-box;background-color:rgba(var(--glass-white),.22);background-image:linear-gradient(180deg,rgba(var(--glass-white),.4),rgba(var(--glass-red),.65));box-shadow:inset 0 1px 0 rgba(var(--glass-white),.45),inset 0 0 0 1px rgba(var(--glass-white),.12)}
.auction-list>div::-webkit-scrollbar-thumb:hover,.facet-value-list::-webkit-scrollbar-thumb:hover,.cars.list::-webkit-scrollbar-thumb:hover,#catalogPage .cars::-webkit-scrollbar-thumb:hover,#calculatorDialog::-webkit-scrollbar-thumb:hover,#contractDialog::-webkit-scrollbar-thumb:hover,#sectionDialog .section-dialog-body::-webkit-scrollbar-thumb:hover,#detailDialog::-webkit-scrollbar-thumb:hover,.stats-table-wrap::-webkit-scrollbar-thumb:hover,.crm-table-wrap::-webkit-scrollbar-thumb:hover,.cab-table-wrap::-webkit-scrollbar-thumb:hover,#compareDialog .compare-body::-webkit-scrollbar-thumb:hover,#liveCostDialog::-webkit-scrollbar-thumb:hover{background-image:linear-gradient(180deg,rgba(var(--glass-white),.55),rgba(var(--glass-red),.9))}
.auction-list>div::-webkit-scrollbar-corner,.facet-value-list::-webkit-scrollbar-corner,.cars.list::-webkit-scrollbar-corner,#catalogPage .cars::-webkit-scrollbar-corner,#calculatorDialog::-webkit-scrollbar-corner,#contractDialog::-webkit-scrollbar-corner,#sectionDialog .section-dialog-body::-webkit-scrollbar-corner,#detailDialog::-webkit-scrollbar-corner,.stats-table-wrap::-webkit-scrollbar-corner,.crm-table-wrap::-webkit-scrollbar-corner,.cab-table-wrap::-webkit-scrollbar-corner,#compareDialog .compare-body::-webkit-scrollbar-corner,#liveCostDialog::-webkit-scrollbar-corner{background:transparent}
.auction-list>div::-webkit-scrollbar-button,.facet-value-list::-webkit-scrollbar-button,.cars.list::-webkit-scrollbar-button,#catalogPage .cars::-webkit-scrollbar-button,#calculatorDialog::-webkit-scrollbar-button,#contractDialog::-webkit-scrollbar-button,#sectionDialog .section-dialog-body::-webkit-scrollbar-button,#detailDialog::-webkit-scrollbar-button,.stats-table-wrap::-webkit-scrollbar-button,.crm-table-wrap::-webkit-scrollbar-button,.cab-table-wrap::-webkit-scrollbar-button,#compareDialog .compare-body::-webkit-scrollbar-button,#liveCostDialog::-webkit-scrollbar-button{width:0;height:0;display:none}
}
@supports not selector(::-webkit-scrollbar){
.auction-list>div,.facet-value-list,.cars.list,#catalogPage .cars,#calculatorDialog,#contractDialog,#sectionDialog .section-dialog-body,#detailDialog,.stats-table-wrap,.crm-table-wrap,.cab-table-wrap,#compareDialog .compare-body,#liveCostDialog{scrollbar-width:thin;scrollbar-color:rgba(var(--glass-red),.6) rgba(var(--glass-white),.07)}
}

/* ===== 10. Калькулятор стоимости: стеклянная форма, тумблеры по центру строки ===== */
#calculatorDialog{color:#e8eef2!important;border:1px solid rgba(var(--glass-white),.3)!important;border-radius:16px!important;
 background:linear-gradient(135deg,rgba(var(--glass-white),.16),rgba(var(--glass-white),.04) 45%,rgba(var(--glass-red),.14)),rgba(21,32,39,.74)!important;
 -webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);
 box-shadow:inset 0 1px 0 rgba(var(--glass-white),.5),inset 0 -1px 0 rgba(var(--glass-white),.1),0 0 0 1px rgba(var(--glass-red),.2),0 30px 90px rgba(0,0,0,.55),0 16px 50px rgba(var(--glass-red),.22)!important}
#calculatorDialog::backdrop{background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
#calculatorDialog .calc-input{background:linear-gradient(135deg,rgba(var(--glass-white),.1),rgba(var(--glass-white),.03)),rgba(8,18,28,.45)!important;border:1px solid rgba(var(--glass-white),.24)!important;border-radius:8px!important;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.18),inset 0 2px 6px rgba(0,0,0,.3);transition:border-color .3s ease,box-shadow .3s ease,background .3s ease}
#calculatorDialog .calc-input:focus-within{border-color:rgba(var(--glass-red),.75)!important;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.2),0 0 0 3px rgba(var(--glass-red),.22),0 0 14px rgba(var(--glass-red),.35);background:rgba(16,31,42,.7)!important}
#calculatorDialog .calc-input i{color:#aab6be!important}
#calculatorDialog .calc-input select option{background:#141a1e;color:#fff}
#calculatorDialog .calc-field{color:#aab6be!important}
#calculatorDialog .calc-tabs{background:rgba(6,16,25,.35);border:1px solid rgba(var(--glass-white),.16);box-shadow:inset 0 1px 3px rgba(0,0,0,.35);padding:4px;gap:4px!important;border-radius:12px}
#calculatorDialog .calc-tabs [role=tab]{border:0!important;border-radius:9px}
#calculatorDialog .calc-tabs>.glass-lens{border-radius:9px}
#calculatorDialog .calc-tabs>.glass-lens::before{border-radius:8px}
#calculatorDialog .dialog-close{background:linear-gradient(135deg,rgba(var(--glass-white),.16),rgba(var(--glass-white),.04))!important;border:1px solid rgba(var(--glass-white),.26)!important;color:#fff!important}
/* тумблеры калькулятора: бегунок ровно по центру дорожки (раньше его сдвигало общее правило .lot-switches) */
#calculatorDialog .calc-switches label{align-items:center!important;min-height:22px}
#calculatorDialog .calc-switches input{align-self:center;flex:0 0 38px!important;width:38px!important;height:22px!important;min-height:22px!important;border-radius:11px!important}
#calculatorDialog .calc-switches input:before{top:50%!important;left:2px!important;width:18px!important;height:18px!important;margin:0!important;transform:translateY(-50%)!important}
#calculatorDialog .calc-switches input:active:before{transform:translateY(-50%) scaleX(1.25)!important}
#calculatorDialog .calc-switches input:checked:before{transform:translate(16px,-50%)!important}
#calculatorDialog .calc-switches input:checked:active:before{transform:translate(16px,-50%) scaleX(1.25)!important}
#calculatorDialog .calc-switches label span,#calculatorDialog .calc-switches label>b{align-self:center}
/* поле «Мощность» одно в ряду — даём ему две колонки, чтобы подсказка «не обязательно» не обрезалась */
#calculatorDialog .calc-field[data-field=hp]{grid-column:span 2}
@media(max-width:640px){#calculatorDialog .calc-field[data-field=hp]{grid-column:span 2}}
/* объём мотоциклов (колонка «Объём, см³») — как списки марок и моделей */
.moto-volume>div{position:relative;isolation:isolate}
.moto-volume>div>button{position:relative;z-index:1;background:transparent!important;box-shadow:none!important;border-radius:6px;transition:color .3s ease,transform .45s cubic-bezier(.2,.9,.25,1.15)}
.moto-volume>div>button:hover{background:transparent!important;color:#fff!important}
.moto-volume>div>button.chosen{background:transparent!important;color:#ff454b!important;text-shadow:0 0 12px rgba(var(--glass-red),.45);transform:translateX(2px)}
.moto-volume>div>button:disabled{color:#6f7a82!important;text-shadow:none;transform:none}
.moto-volume>div>.glass-lens{border-radius:6px}

/* ===== 11. Единый стеклянный стиль для всего сайта: диалоги, карточки, панели, поля, галочки, бейджи ===== */
/* диалоги (лот, сравнение, разделы, расчёт, ставка) — одно стекло с калькулятором и формой договора */
#detailDialog,#compareDialog,#sectionDialog,#liveCostDialog,.lot-bid-dialog,dialog.glass-dialog,#cabDialog{color:#e8eef2!important;border:1px solid rgba(var(--glass-white),.28)!important;border-radius:16px!important;
 background:linear-gradient(135deg,rgba(var(--glass-white),.13),rgba(var(--glass-white),.035) 45%,rgba(var(--glass-red),.12)),rgba(19,27,33,.8)!important;
 -webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);
 box-shadow:inset 0 1px 0 rgba(var(--glass-white),.45),inset 0 -1px 0 rgba(var(--glass-white),.08),0 0 0 1px rgba(var(--glass-red),.18),0 30px 90px rgba(0,0,0,.55),0 16px 50px rgba(var(--glass-red),.18)!important}
#detailDialog::backdrop,#compareDialog::backdrop,#sectionDialog::backdrop,#liveCostDialog::backdrop,.lot-bid-dialog::backdrop,#cabDialog::backdrop{background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
dialog .dialog-close{background:linear-gradient(135deg,rgba(var(--glass-white),.16),rgba(var(--glass-white),.04))!important;border:1px solid rgba(var(--glass-white),.26)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.4),0 2px 6px rgba(0,0,0,.35);transition:transform .3s ease,box-shadow .3s ease}
dialog .dialog-close:hover{transform:rotate(90deg);box-shadow:inset 0 1px 0 rgba(var(--glass-white),.4),0 0 12px rgba(var(--glass-red),.45)}
/* панели внутри карточки лота и другие блоки-контейнеры */
#detailDialog .lot-design-v2 .lot-gallery,.lot-calculation,.lot-spec-panel,.lot-extra-services,#detailDialog .lot-translation-tip,.lot-korea-services,.lot-china-services,
.car,.catalog-grid-card,.saved-section,.empty,.home-lot,.compare-tray,#toast,.calculator-promo,.crm-editor .crm-f-box,.stats-card,.lot-bid-panel{
 background:linear-gradient(135deg,rgba(var(--glass-white),.09),rgba(var(--glass-white),.025) 50%,rgba(var(--glass-red),.06)),rgba(14,20,25,.62)!important;
 border:1px solid rgba(var(--glass-white),.14)!important;color:#e8eef2;
 box-shadow:inset 0 1px 0 rgba(var(--glass-white),.2),inset 0 -1px 0 rgba(var(--glass-white),.04),0 10px 30px rgba(0,0,0,.28)}
.lot-calculation,.lot-spec-panel,.lot-extra-services,.catalog-grid-card,.car,.saved-section,.home-lot{border-radius:12px!important}
.compare-tray,#toast{-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);box-shadow:inset 0 1px 0 rgba(var(--glass-white),.3),0 18px 40px rgba(0,0,0,.5),0 0 0 1px rgba(var(--glass-red),.15)}
/* карточки лотов (сетка и главная): подъём и красное свечение при наведении */
.catalog-grid-card,.car,.home-lot{transition:transform .45s cubic-bezier(.2,.9,.25,1.15),box-shadow .35s ease,border-color .35s ease}
.catalog-grid-card:hover,.car:hover,.home-lot:hover{transform:translateY(-3px);border-color:rgba(var(--glass-white),.3)!important;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.35),0 0 0 1px rgba(var(--glass-red),.4),0 18px 44px rgba(var(--glass-red),.22),0 10px 30px rgba(0,0,0,.35)}
.catalog-grid-card .photo,.home-lot-photo{background:rgba(var(--glass-white),.04)!important}
.home-lots-controls button{width:42px!important;height:42px!important;border-radius:50%!important;padding:0!important}
.home-lots-controls button:disabled{opacity:.35;transform:none}
/* «Калькулятор под ключ» на главной: было светлое поле — теперь тёмное стекло, стрелка красная */
.calculator-promo{color:#e8eef2!important;border-radius:14px!important;-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%)}
.calculator-promo h2,.calculator-promo-steps li{color:#fff!important}
.calculator-promo-copy p{color:#c9d1d6!important}
.calculator-promo-steps span{border-color:rgba(var(--glass-white),.35)!important;color:#fff;background:linear-gradient(135deg,rgba(var(--glass-white),.16),rgba(var(--glass-red),.25));box-shadow:inset 0 1px 0 rgba(var(--glass-white),.4),0 0 10px rgba(var(--glass-red),.35)}
.calculator-promo-caption{color:#aab3bc!important}
.calculator-promo-arrow path{stroke:#ff454b!important;filter:drop-shadow(0 0 6px rgba(var(--glass-red),.6))}
/* поля ввода и списки по всему сайту (кроме админки и полей, у которых своё прозрачное оформление) */
body:not(.admin-compact) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=submit]):not([type=button]):not([type=hidden]):not(.budget-num):not(.calc-input input):not(.budget-field input):not(.lot-value input):not(.lot-bid input),select:not(.calc-input select),textarea){
 background:linear-gradient(135deg,rgba(var(--glass-white),.1),rgba(var(--glass-white),.03)),rgba(8,18,28,.45)!important;border:1px solid rgba(var(--glass-white),.22)!important;color:#fff!important;border-radius:8px!important;
 box-shadow:inset 0 1px 0 rgba(var(--glass-white),.16),inset 0 2px 6px rgba(0,0,0,.3)!important;transition:border-color .3s ease,box-shadow .3s ease,background .3s ease}
body:not(.admin-compact) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=submit]):not([type=button]):not([type=hidden]):not(.budget-num):not(.calc-input input):not(.budget-field input):not(.lot-value input):not(.lot-bid input),select:not(.calc-input select),textarea):focus{
 outline:0!important;border-color:rgba(var(--glass-red),.75)!important;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.2),0 0 0 3px rgba(var(--glass-red),.22),0 0 14px rgba(var(--glass-red),.35)!important;background:rgba(16,31,42,.7)!important}
body:not(.admin-compact) input::placeholder,body:not(.admin-compact) textarea::placeholder{color:#7f8d96!important}
body:not(.admin-compact) select option{background:#141a1e;color:#fff}
/* обычные галочки (согласие, сравнение) — стеклянный квадрат с красной галкой; тумблеры не трогаем */
body:not(.admin-compact) input[type=checkbox]:not(.lot-switches input):not(.crm-switch input):not(.glass-switch input):not(.calc-switches input):not(.contract-check input){
 appearance:none;-webkit-appearance:none;position:relative;width:20px;height:20px;min-height:0;margin:0 2px 0 0;padding:0;border-radius:6px;cursor:pointer;flex:0 0 20px;vertical-align:middle;
 border:1px solid rgba(var(--glass-white),.3);background:linear-gradient(135deg,rgba(var(--glass-white),.14),rgba(var(--glass-white),.04));
 box-shadow:inset 0 1px 0 rgba(var(--glass-white),.3),inset 0 2px 5px rgba(0,0,0,.4);transition:background .35s ease,box-shadow .35s ease,border-color .35s ease}
body:not(.admin-compact) input[type=checkbox]:not(.lot-switches input):not(.crm-switch input):not(.glass-switch input):not(.calc-switches input):not(.contract-check input)::after{
 content:"";position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);opacity:0;transition:transform .35s cubic-bezier(.2,.9,.25,1.3),opacity .2s ease}
body:not(.admin-compact) input[type=checkbox]:not(.lot-switches input):not(.crm-switch input):not(.glass-switch input):not(.calc-switches input):not(.contract-check input):checked{
 background:linear-gradient(135deg,rgba(var(--glass-white),.22),rgba(var(--glass-red),.45) 40%,rgba(var(--glass-red),.75));border-color:rgba(var(--glass-white),.5);box-shadow:inset 0 1px 0 rgba(var(--glass-white),.5),0 0 12px rgba(var(--glass-red),.55)}
body:not(.admin-compact) input[type=checkbox]:not(.lot-switches input):not(.crm-switch input):not(.glass-switch input):not(.calc-switches input):not(.contract-check input):checked::after{transform:rotate(45deg) scale(1);opacity:1}
body:not(.admin-compact) input[type=checkbox]:not(.lot-switches input):not(.crm-switch input):not(.glass-switch input):not(.calc-switches input):not(.contract-check input):focus-visible{outline:2px solid rgba(255,69,75,.8);outline-offset:2px}
/* бейджи в карточке лота */
#detailDialog .lot-number{background:linear-gradient(135deg,rgba(var(--glass-white),.2),rgba(var(--glass-red),.35) 45%,rgba(var(--glass-red),.6))!important;border:1px solid rgba(var(--glass-white),.34);box-shadow:inset 0 1px 0 rgba(var(--glass-white),.5),0 0 14px rgba(var(--glass-red),.4);border-radius:8px!important}
#detailDialog .lot-auction-badge,#detailDialog .lot-status,.lot-status-badge,.table-cars .status-badge{background:linear-gradient(135deg,rgba(var(--glass-white),.14),rgba(var(--glass-white),.04))!important;border:1px solid rgba(var(--glass-white),.24)!important;color:#fff!important;border-radius:8px!important;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.3)}
.lot-place-bid.lot-bid-closed,.lot-place-bid.lot-bid-closed:hover{background:linear-gradient(135deg,rgba(var(--glass-white),.08),rgba(var(--glass-white),.02))!important;color:#aeb7be!important;box-shadow:none!important;border-color:rgba(var(--glass-white),.12)!important;transform:none}
/* переключатель «карточки / список» — линза */
.view-switch{position:relative;isolation:isolate;gap:2px!important;padding:3px!important;border-radius:12px;background:rgba(6,16,25,.35);border:1px solid rgba(var(--glass-white),.16);box-shadow:inset 0 1px 3px rgba(0,0,0,.35)}
.view-switch>button{position:relative;z-index:1;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:9px;color:#dee7ed!important}
.view-switch>button.active{background:transparent!important;color:#ff454b!important}
.view-switch>.glass-lens{border-radius:9px}
.view-switch>.glass-lens::before{border-radius:8px}
/* таблицы: расчёт в карточке лота, сравнение, статистика, кабинет, CRM — стеклянная шапка и подсветка строки */
.calculation-table thead th,.comparison th,.stats-table th,.cab-table th,.crm-table th{background:linear-gradient(180deg,rgba(var(--glass-white),.14),rgba(var(--glass-white),.04))!important;color:#e8eef2!important;border-bottom:1px solid rgba(var(--glass-red),.35)!important;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.3)}
.stats-table tbody tr:hover,.cab-table tbody tr:hover,.crm-table tbody tr:hover,.comparison tbody tr:hover{background:linear-gradient(90deg,rgba(var(--glass-red),.14),rgba(var(--glass-white),.07) 40%,rgba(var(--glass-white),.03))!important;box-shadow:inset 3px 0 0 rgb(var(--glass-red))}
.stats-table td,.stats-table th,.cab-table td{border-color:rgba(var(--glass-white),.08)!important}
/* форма обращения в подвале: согласие в один ряд с галочкой */
.footer-consent{display:flex;align-items:flex-start;gap:10px}
/* поля «Сумма / Ваша ставка / Мощность» в карточке лота: стекло на обёртке, само поле прозрачное */
#detailDialog .lot-value,#detailDialog .lot-bid,.lot-page .lot-value,.lot-page .lot-bid{background:linear-gradient(135deg,rgba(var(--glass-white),.1),rgba(var(--glass-white),.03)),rgba(8,18,28,.45)!important;border:1px solid rgba(var(--glass-white),.22)!important;border-radius:8px!important;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.16),inset 0 2px 6px rgba(0,0,0,.3);transition:border-color .3s ease,box-shadow .3s ease}
#detailDialog .lot-value:focus-within,#detailDialog .lot-bid:focus-within,.lot-page .lot-bid:focus-within{border-color:rgba(var(--glass-red),.75)!important;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.2),0 0 0 3px rgba(var(--glass-red),.22),0 0 14px rgba(var(--glass-red),.35)}
.lot-value input,.lot-bid input{background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important;color:#fff!important;min-height:0}
.lot-value>span,.lot-bid>span{color:#aab6be}
/* статус лота и прочие бейджи в карточке */
.lot-statusbar>span:first-child,.lot-status-relocated{display:inline-block;padding:3px 9px;border-radius:7px;background:linear-gradient(135deg,rgba(var(--glass-white),.14),rgba(var(--glass-white),.04))!important;border:1px solid rgba(var(--glass-white),.24)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.3);font-weight:600}
#detailDialog .lot-design-v2 .lot-spec-panel .lot-sale-status{background:linear-gradient(135deg,rgba(var(--glass-white),.14),rgba(var(--glass-white),.04))!important;border:1px solid rgba(var(--glass-white),.24);border-radius:7px;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.3)}
#detailDialog .lot-design-v2 .lot-spec-panel .lot-sale-status.is-sold{background:linear-gradient(135deg,rgba(var(--glass-white),.16),rgba(76,213,130,.45))!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.4),0 0 10px rgba(76,213,130,.35)}
#detailDialog .lot-design-v2 .lot-spec-panel .lot-sale-status.is-unsold{background:linear-gradient(135deg,rgba(var(--glass-white),.16),rgba(var(--glass-red),.55))!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.4),0 0 10px rgba(var(--glass-red),.4)}
/* «Калькулятор под ключ»: закатный пейзаж остаётся, но приглушён за стеклом; телефон подсвечен, чтобы не сливался с тёмным фоном */
.calculator-promo{background:linear-gradient(120deg,rgba(12,18,23,.9),rgba(12,18,23,.78) 45%,rgba(40,14,16,.72)),url('assets/calculator-japan-landscape-clean.webp') center/cover no-repeat!important}
.calculator-phone-art{filter:drop-shadow(0 0 22px rgba(var(--glass-white),.22)) drop-shadow(0 14px 30px rgba(var(--glass-red),.28))}

/* ===== 12. Таблица расчёта стоимости (калькулятор и «Расчёт стоимости» в карточке лота): скруглённое стекло вместо чёрных полей ===== */
.calculation-scroll{border-radius:14px;overflow:auto;border:1px solid rgba(var(--glass-white),.16);background:linear-gradient(135deg,rgba(var(--glass-white),.07),rgba(var(--glass-white),.02) 50%,rgba(var(--glass-red),.05)),rgba(10,16,21,.55);box-shadow:inset 0 1px 0 rgba(var(--glass-white),.2),0 12px 36px rgba(0,0,0,.3)}
.calculation-table{border-collapse:separate!important;border-spacing:0;background:transparent!important}
.calculation-table thead th{background:linear-gradient(180deg,rgba(var(--glass-white),.16),rgba(var(--glass-white),.05))!important;color:#e8eef2!important;text-transform:uppercase;letter-spacing:.06em;font-size:.75rem!important;font-weight:600!important;border-bottom:1px solid rgba(var(--glass-red),.4)!important;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.35)}
.calculation-table thead th:first-child{border-top-left-radius:13px}
.calculation-table thead th:last-child{border-top-right-radius:13px}
.calculation-table .calculation-group th{background:linear-gradient(90deg,rgba(var(--glass-red),.2),rgba(var(--glass-white),.06) 55%,rgba(var(--glass-white),.03))!important;color:#fff!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem!important;box-shadow:inset 3px 0 0 rgb(var(--glass-red)),inset 0 1px 0 rgba(var(--glass-white),.12);text-align:left!important}
.calculation-table tbody th,.calculation-table tbody td{border-bottom:1px solid rgba(var(--glass-white),.06)!important}
.calculation-table tbody tr:not(.calculation-group):not(.calculation-subtotal):hover th,.calculation-table tbody tr:not(.calculation-group):not(.calculation-subtotal):hover td{background:rgba(var(--glass-white),.04)}
.calculation-table .calculation-subtotal{border-top:0!important}
.calculation-table .calculation-subtotal th,.calculation-table .calculation-subtotal td{border-top:1px solid rgba(var(--glass-white),.18)!important;border-bottom:0!important;background:rgba(var(--glass-white),.03)}
.calculation-table tfoot{border-top:0!important;background:transparent!important}
.calculation-table tfoot th,.calculation-table tfoot td{background:linear-gradient(180deg,rgba(var(--glass-white),.16),rgba(var(--glass-white),0) 60%),rgba(var(--glass-red),.34)!important;color:#fff!important;border-top:1px solid rgba(var(--glass-white),.3)!important;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.45);text-shadow:0 1px 2px rgba(0,0,0,.35);font-size:1rem}
.calculation-table tfoot th:first-child{border-bottom-left-radius:13px}
.calculation-table tfoot td:last-child{border-bottom-right-radius:13px}
/* примечания к расчёту и курсы */
#calculatorDialog .calc-status,#liveCostDialog [role=status]:not([hidden]):not(:empty){border-left:0!important;border-radius:10px!important;background:linear-gradient(90deg,rgba(var(--glass-red),.18),rgba(var(--glass-white),.05) 60%,rgba(var(--glass-white),.02))!important;border:1px solid rgba(var(--glass-white),.14)!important;box-shadow:inset 3px 0 0 rgb(var(--glass-red)),inset 0 1px 0 rgba(var(--glass-white),.14);color:#e8eef2;padding:12px 14px 12px 18px!important}
#calculatorDialog .calc-rates,#liveCostDialog [data-rates]{color:#aab6be!important}
/* кнопка «!» с формулой и всплывающая подсказка */
.customs-info{background:linear-gradient(135deg,rgba(var(--glass-white),.18),rgba(var(--glass-red),.35) 45%,rgba(var(--glass-red),.6))!important;border:1px solid rgba(var(--glass-white),.4)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.45),0 0 8px rgba(var(--glass-red),.45)!important;transition:transform .3s ease,box-shadow .3s ease}
.customs-info:hover{transform:scale(1.12);box-shadow:inset 0 1px 0 rgba(var(--glass-white),.5),0 0 12px rgba(var(--glass-red),.7)!important}
.customs-tip{background:linear-gradient(135deg,rgba(var(--glass-white),.12),rgba(var(--glass-white),.03) 45%,rgba(var(--glass-red),.1)),rgba(19,27,33,.92)!important;border:1px solid rgba(var(--glass-white),.26)!important;border-radius:12px!important;color:#e8eef2!important;-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);box-shadow:inset 0 1px 0 rgba(var(--glass-white),.35),0 18px 40px rgba(0,0,0,.5),0 0 0 1px rgba(var(--glass-red),.15)!important}
/* «Расчёт стоимости» из карточки лота: шапка с логотипом */
#liveCostDialog .cost-brand-header{padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid rgba(var(--glass-white),.12)}
#liveCostDialog .calculation-vehicle-specs{color:#aab6be}

/* ===== 13. Личный кабинет (account.html) и страница ставок дилера: то же стекло, что на сайте ===== */
body:has(.cab-shell){background:radial-gradient(60% 40% at 15% 0%,rgba(var(--glass-red),.14),transparent 60%),radial-gradient(50% 35% at 100% 100%,rgba(var(--glass-white),.05),transparent 60%),#0f1418!important;min-height:100vh}
/* шапка кабинета: без отдельной тёмной полосы — тот же фон, что у страницы; вместо текстового «MYCAR» настоящий логотип сайта */
.cab-header{border-bottom:0!important;background:transparent!important;padding:8px 4% 0!important;min-height:0}
.cab-header a:not(.cab-brand){padding:7px 14px;font-size:.875rem}
.cab-brand{display:block;width:96px;height:46px;font-size:0!important;line-height:0;background:url('/site/assets/mycar-logo-final.webp') center/contain no-repeat;mix-blend-mode:lighten}
.cab-brand span{font-size:0}
.cab-header a:not(.cab-brand){padding:9px 16px;border-radius:999px;border:1px solid rgba(var(--glass-white),.2);background:linear-gradient(135deg,rgba(var(--glass-white),.14),rgba(var(--glass-white),.04));box-shadow:inset 0 1px 0 rgba(var(--glass-white),.35),0 2px 6px rgba(0,0,0,.3);transition:box-shadow .3s ease,transform .3s ease}
.cab-header a:not(.cab-brand):hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(var(--glass-white),.4),0 0 14px rgba(var(--glass-red),.4)}
.cab-heading>span{color:#ff454b!important;text-shadow:0 0 12px rgba(var(--glass-red),.45)}
.cab-sidebar,.cab-panel{background:linear-gradient(135deg,rgba(var(--glass-white),.1),rgba(var(--glass-white),.03) 45%,rgba(var(--glass-red),.07)),rgba(18,24,29,.72)!important;border:1px solid rgba(var(--glass-white),.18)!important;border-radius:18px!important;
 -webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);
 box-shadow:inset 0 1px 0 rgba(var(--glass-white),.3),inset 0 -1px 0 rgba(var(--glass-white),.05),0 0 0 1px rgba(var(--glass-red),.08),0 22px 60px rgba(0,0,0,.4)}
.cab-avatar{background:linear-gradient(135deg,rgba(var(--glass-white),.25),rgba(var(--glass-red),.45) 45%,rgba(var(--glass-red),.75))!important;border:1px solid rgba(var(--glass-white),.4);box-shadow:inset 0 1px 0 rgba(var(--glass-white),.5),0 0 14px rgba(var(--glass-red),.45);color:#fff}
/* вкладки кабинета — линза, активная красная */
.cab-sidebar nav{position:relative;isolation:isolate}
.cab-sidebar nav>button{position:relative;z-index:1;background:transparent!important;color:#dee7ed!important;transition:color .3s ease,transform .45s cubic-bezier(.2,.9,.25,1.15)}
.cab-sidebar nav>button:hover{color:#fff!important}
.cab-sidebar nav>button.active{background:transparent!important;color:#ff454b!important;text-shadow:0 0 12px rgba(var(--glass-red),.45);transform:translateX(2px)}
.cab-sidebar nav>.glass-lens{border-radius:12px}
.cab-sidebar nav>.glass-lens::before{border-radius:11px}
.cab-sidebar #cabLogout,.cab-sidebar>a{border-radius:12px;border:1px solid rgba(var(--glass-white),.14)!important;background:linear-gradient(135deg,rgba(var(--glass-white),.1),rgba(var(--glass-white),.03))!important;color:#dee7ed!important;text-align:center;transition:box-shadow .3s ease,transform .3s ease}
.cab-sidebar #cabLogout:hover,.cab-sidebar>a:hover{transform:translateY(-1px);box-shadow:0 0 14px rgba(var(--glass-red),.35)}
/* поля кабинета: то же стекло, что на сайте, скругление чуть больше — под пилюли кнопок */
.cab-grid input,.cab-grid select,.cab-grid textarea,.customer-deal .cab-grid input,.customer-deal .cab-grid textarea{border-radius:14px!important}
.cab-grid input:focus,.cab-grid select:focus{outline:0!important}
.customer-deal input[readonly]{color:#c1cdd4!important;background:rgba(var(--glass-white),.04)!important;box-shadow:none!important}
.cab-grid label{color:#aab6be!important}
.cab-section-title,.cab-panel h2{color:#fff}
.cab-note{color:#aab6be!important}
/* таблицы кабинета: стеклянная шапка, подсветка строки, ссылки красным при наведении */
.cab-table{border-collapse:separate!important;border-spacing:0;border:1px solid rgba(var(--glass-white),.12);border-radius:12px;overflow:hidden}
.cab-table th:first-child{border-top-left-radius:12px}
.cab-table th:last-child{border-top-right-radius:12px}
.cab-table td{border-bottom:1px solid rgba(var(--glass-white),.07)!important}
.cab-table tbody tr:last-child td{border-bottom:0!important}
.cab-table button{transition:color .25s ease}
.cab-table button:hover{color:#ff6a70}
.cab-empty{background:transparent!important;border:0!important;box-shadow:none!important;color:#aab6be!important}
.cab-badge{background:linear-gradient(135deg,rgba(var(--glass-white),.14),rgba(76,213,130,.28))!important;border:1px solid rgba(var(--glass-white),.22);color:#d7f5e2!important;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.3)}
.cab-total{background:linear-gradient(135deg,rgba(var(--glass-white),.12),rgba(var(--glass-red),.12) 50%,rgba(var(--glass-red),.28))!important;border:1px solid rgba(var(--glass-white),.24)!important;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.35),0 0 18px rgba(var(--glass-red),.2)}
.cab-total small{color:#c9d1d6!important}
.cab-cookie-accept{background:linear-gradient(135deg,rgba(var(--glass-white),.2),rgba(31,157,85,.45) 45%,rgba(31,157,85,.7))!important;border-color:rgba(var(--glass-white),.34)!important;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.5),0 0 0 1px rgba(31,157,85,.35),0 10px 26px rgba(31,157,85,.3)!important}
#cabDialog{border-radius:20px!important}
.cab-close{color:#fff!important}
/* страница сделки внутри кабинета: вкладки-пилюля с линзой, загрузка документов */
.customer-tabs{position:relative;isolation:isolate;gap:4px!important;padding:4px;border-radius:12px;background:rgba(6,16,25,.35);border:1px solid rgba(var(--glass-white),.16);box-shadow:inset 0 1px 3px rgba(0,0,0,.35)}
.customer-tabs>button{position:relative;z-index:1;border:0!important;border-radius:9px;background:transparent!important;color:#dee7ed!important;transition:color .3s ease}
.customer-tabs>button[aria-selected=true]{background:transparent!important;color:#ff454b!important;text-shadow:0 0 12px rgba(var(--glass-red),.45)}
.customer-tabs>.glass-lens{border-radius:9px}
.customer-tabs>.glass-lens::before{border-radius:8px}
.customer-summary>div{background:linear-gradient(135deg,rgba(var(--glass-white),.08),rgba(var(--glass-white),.02))!important;border:1px solid rgba(var(--glass-white),.14)!important;border-radius:12px!important;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.2)}
.customer-files,.customer-document-groups>*{border-color:rgba(var(--glass-white),.12)!important}
/* ставки дилера (dealer-bids.html) */
body:has(.table-scroll):not(:has(.cab-shell)){background:radial-gradient(60% 40% at 15% 0%,rgba(var(--glass-red),.12),transparent 60%),#0f1418!important}
.table-scroll table{border-collapse:separate!important;border-spacing:0;border:1px solid rgba(var(--glass-white),.12);border-radius:12px;overflow:hidden}
.table-scroll th{background:linear-gradient(180deg,rgba(var(--glass-white),.14),rgba(var(--glass-white),.04))!important;color:#e8eef2!important;border-bottom:1px solid rgba(var(--glass-red),.35)!important;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.3)}
.table-scroll td{background:rgba(var(--glass-white),.02)!important;border-bottom:1px solid rgba(var(--glass-white),.07)!important}
.table-scroll .group td{background:linear-gradient(90deg,rgba(var(--glass-red),.18),rgba(var(--glass-white),.06) 55%,rgba(var(--glass-white),.03))!important;box-shadow:inset 3px 0 0 rgb(var(--glass-red));color:#fff!important}
.table-scroll tbody tr:hover td{background:rgba(var(--glass-white),.06)!important}

/* шапка «Расчёта стоимости» из карточки лота: без своей тёмной подложки — тот же фон, что у всей формы (логотип вырезается смешиванием) */
#liveCostDialog .cost-brand-header{background:transparent!important;isolation:auto!important}
#liveCostDialog .cost-brand-header>img{mix-blend-mode:lighten}
#liveCostDialog h2{color:#fff}

/* ===== 14. «Оплата QR»: компактное окно по размеру кода, шаги с красными номерами ===== */
#sectionDialog:has(.payment-qr){width:min(400px,calc(100vw - 24px))!important;max-width:none!important;padding:0!important}
#sectionDialog:has(.payment-qr) .section-dialog-body{padding:26px 26px 24px!important;max-width:none!important}
#sectionDialog:has(.payment-qr) h2{font-size:1.4rem;line-height:1.2;margin:0 0 14px;padding-right:40px;color:#fff}
#sectionDialog:has(.payment-qr) .payment-instructions{list-style:none;counter-reset:step;margin:0!important;padding:0!important;display:grid;gap:9px}
#sectionDialog:has(.payment-qr) .payment-instructions li{position:relative;padding-left:34px;color:#dee7ed;font-size:.9375rem;line-height:1.45;counter-increment:step;min-height:24px}
#sectionDialog:has(.payment-qr) .payment-instructions li::before{content:counter(step);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:.8125rem;font-weight:700;color:#fff;background:linear-gradient(135deg,rgba(var(--glass-white),.25),rgba(var(--glass-red),.45) 45%,rgba(var(--glass-red),.75));border:1px solid rgba(var(--glass-white),.4);box-shadow:inset 0 1px 0 rgba(var(--glass-white),.5),0 0 10px rgba(var(--glass-red),.4)}
#sectionDialog:has(.payment-qr) .payment-qr{width:232px!important;max-width:100%!important;height:auto;margin:18px auto 0!important;padding:10px;border-radius:14px;background:#fff;image-rendering:-webkit-optimize-contrast;box-shadow:0 0 0 1px rgba(var(--glass-white),.35),0 0 0 6px rgba(var(--glass-red),.16),0 0 30px rgba(var(--glass-red),.35),0 18px 40px rgba(0,0,0,.45)}

/* кабинет компактнее: меньше воздуха в шапке, заголовке, панелях и полях */
.cab-shell{padding:6px 4% 60px!important}
.cab-heading>span{font-size:.75rem}
.cab-heading h1{font-size:26px!important;margin:6px 0 16px!important}
.cab-layout{gap:18px!important}
.cab-sidebar,.cab-panel{padding:20px!important}
.cab-panel h2{font-size:19px!important;margin:0 0 16px!important}
.cab-person{margin-bottom:18px!important}
.cab-avatar{width:42px!important;height:42px!important;font-size:19px!important}
.cab-sidebar nav{gap:4px!important}
.cab-sidebar nav>button{padding:10px 13px!important}
.cab-sidebar #cabLogout,.cab-sidebar>a{padding:10px 14px!important;margin-top:16px!important}
.cab-grid{gap:12px 16px!important}
.cab-grid input,.cab-grid select,.cab-grid textarea,.customer-deal .cab-grid input,.customer-deal .cab-grid textarea{padding:9px 14px!important;min-height:40px!important;font-size:14px!important;margin-top:6px!important;border-radius:10px!important}
.cab-grid textarea{min-height:84px!important}
.cab-grid label{font-size:13px!important}
.cab-section-title{margin:18px 0 12px!important;font-size:15px!important}
.cab-actions{margin-top:14px!important;gap:10px!important}
.cab-primary,.cab-secondary{padding:11px 18px!important;font-size:14px}
.cab-note{font-size:13px!important}
.cab-table th{padding:10px!important}
.cab-table td{padding:12px 10px!important}
.customer-checks{gap:8px}
.customer-tabs>button{min-height:38px!important;padding:8px 14px!important}

/* ===== 15. Списки марок и моделей: без горизонтальной прокрутки, во всю высоту панели фильтров ===== */
#auctionMakes,#auctionModels,.moto-volume>div,.facet-value-list:not(.korea-facets .facet-value-list){overflow-x:hidden!important}
#auctionMakes>.chosen,#auctionModels>.chosen,.moto-volume>div>button.chosen,.facet-value-list:not(.color-swatches)>button.chosen,.cab-sidebar nav>button.active{transform:none!important}
@media(min-width:1100px){
 .auction-list{display:flex;flex-direction:column;min-height:0}
 .auction-list h3{flex:0 0 auto}
 .auction-list>div{flex:1 1 0;height:0!important;min-height:240px;max-height:none!important}
}

/* ===== 16. Статусы лотов в каталоге, сетке и статистике (Продан / Не продан / Отменён): стеклянные пилюли, как у сделок в кабинете ===== */
.lot-sale-status{display:inline-flex!important;align-items:center;gap:7px;padding:5px 12px 5px 10px!important;border-radius:999px!important;font-size:13px!important;font-weight:600!important;line-height:1.2;white-space:nowrap;vertical-align:middle;color:#e3eaef!important;background:linear-gradient(135deg,rgba(var(--glass-white),.14),rgba(var(--glass-white),.04))!important;border:1px solid rgba(var(--glass-white),.22)!important;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.3),0 4px 12px rgba(0,0,0,.18)!important;text-shadow:none}
.lot-sale-status::before{content:"";flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor;opacity:.95}
.lot-sale-status.is-sold{color:#d9f6e3!important;background:linear-gradient(135deg,rgba(var(--glass-white),.16),rgba(76,213,130,.32))!important;border-color:rgba(76,213,130,.45)!important;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.35),0 0 12px rgba(76,213,130,.22)!important}
.lot-sale-status.is-unsold{color:#ffd6d8!important;background:linear-gradient(135deg,rgba(var(--glass-white),.16),rgba(var(--glass-red),.36))!important;border-color:rgba(var(--glass-red),.5)!important;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.35),0 0 12px rgba(var(--glass-red),.28)!important}
.lot-sale-status.is-neutral{color:#c9d3d9!important}
.table-cars td>.lot-sale-status{margin-right:8px}
.grid-card-bottom>.lot-sale-status{margin-right:6px}

/* ===== 17. Кабинет без верхней полосы (логотип и «На сайт» убраны в боковую панель), поля компактнее, «Выйти» — красная стеклянная кнопка ===== */
.cab-header{display:none!important}
.cab-shell{padding:14px 4% 60px!important}
.cab-heading{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:0 0 12px}
.cab-heading>span{font-size:.7rem!important;letter-spacing:2px}
.cab-heading h1{font-size:22px!important;margin:0!important}
.cab-layout{grid-template-columns:224px minmax(0,1fr)!important;gap:14px!important}
.cab-sidebar,.cab-panel{padding:16px!important;border-radius:16px!important}
.cab-person{margin-bottom:10px!important;gap:10px!important}
.cab-avatar{width:36px!important;height:36px!important;font-size:16px!important}
.cab-person strong{font-size:14px}
.cab-person small{font-size:12px!important;margin-top:2px!important}
.cab-sidebar nav>button{padding:8px 12px!important;font-size:13px!important}
.cab-sidebar>a{margin-top:10px!important;padding:8px 12px!important;font-size:13px!important}
.cab-sidebar #cabLogout{margin-top:8px!important;padding:9px 14px!important;font-size:13px!important;font-weight:600;color:#ffc2c5!important;border-color:rgba(var(--glass-red),.5)!important;background:linear-gradient(135deg,rgba(var(--glass-white),.14),rgba(var(--glass-red),.22))!important;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.3),0 0 12px rgba(var(--glass-red),.18)}
.cab-sidebar #cabLogout:hover{color:#fff!important;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.4),0 0 18px rgba(var(--glass-red),.45)}
.cab-panel h2{font-size:17px!important;margin:0 0 12px!important}
#cabContent>form:has(input[name=first_name]){max-width:720px}
.cab-grid{gap:8px 12px!important}
.cab-grid input,.cab-grid select,.cab-grid textarea,.customer-deal .cab-grid input,.customer-deal .cab-grid textarea{padding:6px 12px!important;min-height:34px!important;font-size:13px!important;margin-top:4px!important;border-radius:9px!important}
.cab-grid textarea{min-height:70px!important}
.cab-grid label{font-size:12px!important}
.cab-section-title{margin:14px 0 8px!important;font-size:14px!important}
.cab-actions{margin-top:10px!important;gap:8px!important}
.cab-primary,.cab-secondary{padding:8px 14px!important;font-size:13px!important}
.cab-note{font-size:12px!important}
.cab-table th{padding:8px!important;font-size:12px}
.cab-table td{padding:9px 8px!important;font-size:13px}
@media(max-width:760px){.cab-layout{grid-template-columns:1fr!important}.cab-shell{padding:10px 12px 40px!important}.cab-sidebar nav{grid-template-columns:repeat(2,1fr)!important}.cab-sidebar #cabLogout{margin-top:8px!important}}

/* ===== 18. Мото-фильтр как у Японии: пять колонок в ряд (марка, объём, модель, диапазоны, фасеты), ширины фасетов по видимым колонкам; плашка «лоты без года» ===== */
@media(min-width:1100px){
 .auction-filter-grid.is-moto{grid-template-columns:12% 10% 15% 23% 40%!important}
 .moto-volume h3{white-space:nowrap}
 .auction-filter-grid.is-moto .auction-detail-columns{grid-column:auto!important;padding-bottom:112px!important}
 .auction-detail-columns{grid-template-columns:var(--facet-cols,1fr .8fr 1.35fr 1fr .85fr .65fr)}
}
.unknown-note{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 12px;padding:10px 14px;border-radius:12px;border:1px solid rgba(var(--glass-white),.16);background:linear-gradient(135deg,rgba(var(--glass-white),.1),rgba(var(--glass-white),.03)),rgba(14,20,25,.5);color:#dfe6ea;font-size:14px;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.2)}
.unknown-note[hidden]{display:none!important}
.unknown-note button{margin:0;padding:8px 14px;min-height:0;font-size:13px}

/* ===== 19. Шапка и подвал: стеклянные круглые иконки (телефон, почта, мессенджеры, кабинет); компактный подвал, линза в меню «Клиентам», компактная форма консультации ===== */
.contact-icon,.header-mail .mail-icon,.header-account svg,.messenger{box-sizing:border-box!important;display:inline-grid!important;place-items:center;border-radius:50%!important;
 background:linear-gradient(135deg,rgba(var(--glass-white),.16),rgba(var(--glass-white),.04) 55%,rgba(var(--glass-red),.1))!important;
 border:1px solid rgba(var(--glass-white),.24)!important;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.35),0 4px 12px rgba(0,0,0,.25)!important;
 color:#eef2f4!important;transition:transform .25s ease,box-shadow .25s ease,color .25s ease,background .25s ease}
.contact-icon{width:38px!important;height:38px!important;font-size:0!important;flex-shrink:0}
.contact-icon svg{width:19px!important;height:19px!important;color:#ff454b;filter:drop-shadow(0 0 6px rgba(var(--glass-red),.55))}
.header-mail .mail-icon{width:38px!important;height:38px!important;padding:9px!important;color:#ff454b!important;filter:drop-shadow(0 0 6px rgba(var(--glass-red),.55))}
.header-account{width:auto!important;height:auto!important;border:0!important;background:transparent!important;padding:0!important;gap:9px!important;box-shadow:none!important;display:flex!important;align-items:center}
.header-account svg{width:38px!important;height:38px!important;padding:9px!important;flex-shrink:0}
.header-account:hover svg{color:#ff454b!important;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.45),0 0 14px rgba(var(--glass-red),.5)!important;transform:translateY(-1px)}
.header-account:hover span{color:#fff}
/* Вошедший пользователь (владелец, 2026-10-01): вместо значка «человечек» — кружок с первой буквой имени, рядом имя; класс is-auth ставит auth-ui.js (paintAccount) */
.header-account.is-auth svg{display:none!important}
.header-avatar{box-sizing:border-box;display:inline-grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:50%;font:700 17px/1 Roboto,Arial,sans-serif;font-style:normal;color:#fff;
 background:linear-gradient(135deg,rgba(var(--glass-white),.25),rgba(var(--glass-red),.45) 45%,rgba(var(--glass-red),.75));border:1px solid rgba(var(--glass-white),.4);
 box-shadow:inset 0 1px 0 rgba(var(--glass-white),.5),0 0 14px rgba(var(--glass-red),.45);transition:transform .25s ease,box-shadow .25s ease}
.header-account.is-auth:hover .header-avatar{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(var(--glass-white),.6),0 0 18px rgba(var(--glass-red),.7)}
.header-account.is-auth>span{max-width:130px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;color:#fff}
@media(max-width:1180px){.header-avatar{width:34px;height:34px;font-size:15px}}
.messenger{width:36px!important;height:36px!important;padding:8px!important;color:#e3e9ed!important}
.messenger svg{width:100%!important;height:100%!important}
.messenger:hover{color:#ff454b!important;background:linear-gradient(135deg,rgba(var(--glass-white),.22),rgba(var(--glass-red),.22))!important;border-color:rgba(var(--glass-red),.55)!important;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.45),0 0 14px rgba(var(--glass-red),.5)!important;transform:translateY(-1px)}
.header-contact a:hover,.header-mail:hover{color:#fff}
/* подвал */
.full-footer{margin-top:36px!important;margin-bottom:0!important;padding:24px 0 26px!important;gap:28px!important;align-items:start!important;border-top:1px solid rgba(var(--glass-white),.12)!important}
.footer-contact{justify-content:flex-start!important}
.footer-contact{gap:7px!important}
.footer-contact .new-brand img{width:118px!important;height:103px!important}
.footer-phone{font-size:19px!important;margin-top:2px}
.footer-contact p{margin:6px 0 0!important;font-size:13px!important;color:#aab3ba}
.footer-contact>a:not(.new-brand):not(.footer-phone){font-size:13px!important;line-height:1.25;color:#c9d1d6}
.footer-contact>a:not(.new-brand):hover{color:#fff}
.footer-contact small{font-size:12px!important}
.footer-contact .messengers{gap:6px;margin:2px 0 4px}
.footer-links{gap:1px!important;padding-left:24px!important;border-left-color:rgba(var(--glass-white),.12)!important;position:relative;isolation:isolate}
.footer-links h3{margin:0 0 8px!important;font-size:14px!important;color:#c9d1d6}
.footer-links>a,.footer-links>button{position:relative;z-index:1;display:block;width:auto;padding:6px 12px!important;margin:0 0 0 -12px!important;border-radius:9px;font:inherit;font-size:14px!important;line-height:1.25;color:#dfe6ea!important;background:transparent!important;border:0!important;box-shadow:none!important;text-decoration:none;cursor:pointer;text-align:left;min-height:0}
.footer-links>a:hover,.footer-links>button:hover{color:#fff!important;background:transparent!important}
.footer-links>.glass-lens{border-radius:9px}
.footer-links>.glass-lens::before{border-radius:8px}
#consultation{padding-left:24px!important;border-left-color:rgba(var(--glass-white),.12)!important}
#consultation h2{font-size:20px!important;margin:0 0 6px!important}
#consultation>p{margin:0!important;font-size:13px!important}
#consultationForm{gap:10px!important;margin-top:12px!important;max-width:520px}
#consultationForm label{font-size:12px!important;color:#aab6be;margin:0!important}
#consultationForm input:not([type=checkbox]),#consultationForm textarea{display:block;width:100%;box-sizing:border-box;padding:8px 12px!important;min-height:38px!important;margin-top:4px!important;border-radius:9px!important;font-size:14px!important;color:#fff;font-family:inherit}
#consultationForm textarea{min-height:66px!important;resize:vertical;line-height:1.35}
.footer-consent{gap:8px!important;font-size:12px!important;align-items:center!important}
.footer-consent span{color:#c9d1d6}
#consultationForm .primary{justify-self:start;padding:10px 20px!important;font-size:14px!important}
.footer-form-note{font-size:12px!important;color:#8f9ca3!important}
.full-footer address{font-size:12px!important;line-height:1.45!important;margin-top:12px!important;color:#98a3ab!important}
@media(max-width:900px){.full-footer{margin-top:24px!important;padding:18px 0 22px!important;gap:18px!important}.footer-links{padding-left:16px!important}#consultation{padding:16px 0 0!important}}

/* ===== 20. Меню с иконками; в каталоге главное меню прячется, а его кнопки переезжают в строку рынков справа; иконки в панели фильтров ===== */
.nav-icon{width:22px;height:22px;flex:0 0 auto;margin-right:8px;color:#ff454b;filter:drop-shadow(0 0 6px rgba(var(--glass-red),.45));vertical-align:-5px}
#topNav>button,#topNav .auto-dropdown>button,#topNav .stats-dropdown>button{display:inline-flex;align-items:center;gap:0}
.nav-payment{gap:0!important}
.nav-chevron-svg{margin-left:7px}
.btn-icon{width:21px;height:21px;flex:0 0 auto;margin-right:9px;vertical-align:-5px}
.header-cta{display:inline-flex!important;align-items:center}
.header-cta .btn-icon{margin-right:8px}
#auctionReset{display:inline-flex;align-items:center;justify-content:center;gap:8px}
#auctionSearch .btn-icon,#auctionReset .btn-icon{width:22px;height:22px;margin-right:0}
/* каталог: пункты шапки в строке рынков (от 1240 px; на узких экранах меню остаётся в шапке) */
body.catalog-dock .header-bottom{display:none!important}
body.catalog-dock #catalogPage .countrybar{display:flex;align-items:center;gap:14px;padding:0 calc(max(0px,(100% - 1360px)/2) + 30px);box-sizing:border-box}
body.catalog-dock #catalogPage .countrybar .countries{flex:1 1 auto;min-width:0;max-width:none;margin:0;padding:0;gap:18px}
.countrybar-tools{display:flex;align-items:center;gap:2px;flex:0 0 auto;margin-left:auto;position:relative;isolation:isolate}
.countrybar-tools>button,.countrybar-tools .stats-dropdown>button{position:relative;z-index:1;background:transparent!important;border:0!important;box-shadow:none!important;color:#e3e9ed!important;font:inherit;font-size:14px!important;font-weight:500;padding:8px 10px!important;min-height:0;border-radius:9px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:0}
.countrybar-tools>button:hover,.countrybar-tools .stats-dropdown>button:hover{color:#fff!important}
.countrybar-tools .stats-dropdown{position:relative}
.countrybar-tools .header-tools{display:flex;align-items:center;gap:8px;margin-left:8px}
.countrybar-tools .header-tools>button:not(.primary){display:none}
.countrybar-tools .header-cta{padding:9px 16px!important;font-size:13px!important}
.countrybar-tools>.glass-lens{border-radius:9px}
.countrybar-tools>.glass-lens::before{border-radius:8px}
@media(max-width:1400px){body.catalog-dock #catalogPage .countrybar .countries{gap:12px}.countrybar-tools>button,.countrybar-tools .stats-dropdown>button{font-size:13px!important;padding:8px 7px!important}.countrybar-tools .header-cta{padding:8px 12px!important;font-size:12px!important}.countrybar-tools .header-tools{margin-left:4px}.countrybar-tools .nav-icon{width:20px;height:20px;margin-right:7px}.countrybar-tools .btn-icon{width:18px;height:18px;margin-right:7px}}

/* ===== 21. Строка рынков каталога прилипает под шапкой (шапка уже sticky, высота — в --site-header-height) ===== */
@media(min-width:601px){
 #catalogPage .countrybar{position:sticky;top:var(--site-header-height,0px);z-index:49;background:rgba(23,26,29,.86)!important;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid rgba(var(--glass-white),.1);box-shadow:0 8px 24px rgba(0,0,0,.25)}
 html:has(#catalogPage:not([hidden])){scroll-padding-top:calc(var(--site-header-height,180px) + 64px)}
}

/* ===== 22. Планшетные ширины 901–1180 px: шапка в две строки без переносов — прячем описание бренда и подписи, иконки чуть меньше ===== */
@media(min-width:901px) and (max-width:1180px){
 .brand-description{display:none!important}
 .header-contact a small,.header-mail small{display:none!important}
 .header-contact{gap:8px!important;font-size:15px!important}
 .messengers{gap:4px!important;margin-left:4px!important}
 .messenger{width:32px!important;height:32px!important;padding:7px!important}
 .contact-icon,.header-mail .mail-icon,.header-account svg{width:34px!important;height:34px!important}
 .header-mail .mail-icon{padding:8px!important}.header-account svg{padding:8px!important}
 .header-mail{margin-left:6px!important}
 .header-bottom nav{gap:14px!important}
 .nav-icon{width:20px;height:20px;margin-right:6px}
 .header-cta{padding:9px 12px!important;font-size:13px!important}
 .header-cta .btn-icon{width:18px;height:18px;margin-right:6px}
}
@media(min-width:901px) and (max-width:1060px){
 .header-mail>span,.header-account>span{display:none!important}
 .header-bottom nav{gap:10px!important}
 .header-tools{gap:8px!important}
}

/* ===== 23. Окно входа в кабинет: воздух сверху (заголовок был прижат к краю), убрано «крепление зеркала» по центру верхней кромки, текст и поля крупнее ===== */
/* Раньше форма на низких экранах уходила за нижний край окна (окно не прокручивалось — так было сделано под зеркало, которого больше нет): теперь тело окна прокручивается, крестик остаётся на месте. */
#sectionDialog.auth-glass[open]{display:flex;flex-direction:column;overflow:hidden!important}
#sectionDialog.auth-glass #sectionContent{padding:34px 36px 36px!important;overflow:auto!important;min-height:0;flex:1 1 auto;overscroll-behavior:contain}
#sectionDialog.auth-glass #sectionContent::before{display:none!important;content:none!important}
#sectionDialog.auth-glass #sectionTitle{font-size:28px!important;line-height:1.2!important;margin:0 0 22px!important;padding-right:44px}
#sectionDialog.auth-glass .dialog-close{top:18px!important;right:18px!important;width:38px;height:38px}
#sectionDialog.auth-glass .auth-tabs{margin:0 0 26px!important}
#sectionDialog.auth-glass .auth-tabs button{font-size:16px!important;padding:12px 8px!important;line-height:1.3!important}
#sectionDialog.auth-glass #authForm{gap:20px!important}
#sectionDialog.auth-glass #authForm label{font-size:16px!important;line-height:1.3!important}
#sectionDialog.auth-glass #authForm input:not([type=checkbox]):not([type=hidden]){font-size:17px!important;min-height:52px!important;padding:13px 16px!important;margin-top:8px!important;border-radius:10px!important}
#sectionDialog.auth-glass #authForm small{font-size:14px;color:#aab6be;margin-top:-8px}
#sectionDialog.auth-glass #authForm .auth-consent,#sectionDialog.auth-glass #authForm .auth-policy{font-size:15px!important}
#sectionDialog.auth-glass #authForm #authError{font-size:15px}
#sectionDialog.auth-glass #authForm #authError:empty{display:none} /* пустая строка ошибки не раздвигала форму лишним отступом перед кнопкой */
#sectionDialog.auth-glass #authForm .primary{font-size:16px!important;min-height:54px!important;padding:14px 24px!important;margin-top:4px}
#sectionDialog.auth-register #authForm{gap:16px!important}
@media(max-width:480px){
 #sectionDialog.auth-glass #sectionContent{padding:26px 20px 28px!important}
 #sectionDialog.auth-glass #sectionTitle{font-size:24px!important;margin-bottom:18px!important}
 #sectionDialog.auth-glass .dialog-close{top:14px!important;right:14px!important}
 #sectionDialog.auth-glass .auth-tabs{margin-bottom:20px!important}
 #sectionDialog.auth-glass .auth-tabs button{font-size:15px!important;padding:11px 6px!important}
 #sectionDialog.auth-glass #authForm{gap:16px!important}
 #sectionDialog.auth-glass #authForm input:not([type=checkbox]):not([type=hidden]){font-size:16px!important;min-height:48px!important;padding:11px 14px!important}
 #sectionDialog.auth-glass #authForm .primary{min-height:50px!important}
}

/* ===== 24. Телефон (до 600 px): «Получить договор» не лезет поверх телефона и кабинета, бургер по центру шапки, меню открывается строго под шапкой,
   строка бюджета не наезжает на текст, кнопки панели фильтров помещаются в две колонки, подвал в одну колонку ===== */
@media(max-width:600px){
 .header-tools .header-cta{display:none!important} /* в шапке телефона кнопке договора места нет (раздел 20 включал её !important, и она ложилась поверх телефона и кабинета); glass-ui.js переносит её в меню */
 /* «Получить договор» в меню телефона — такой же пункт, как «Автомобили» и «Калькулятор» (текст с иконкой), а не кнопка */
 #topNav .nav-cta{display:inline-flex!important;align-items:center;justify-content:flex-start;width:auto;align-self:stretch;margin:0!important;padding:12px!important;font-size:14px!important;font-weight:600;color:#d2d7d9!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;text-shadow:none!important;transform:none!important}
 #topNav .nav-cta::before,#topNav .nav-cta::after{display:none!important}
 #topNav .nav-cta:hover{color:#fff!important}
 #topNav .nav-cta .btn-icon{width:22px;height:22px;margin-right:8px;color:#ff454b;filter:drop-shadow(0 0 6px rgba(var(--glass-red),.45))}
 #topNav .nav-cta .brand-chevron{display:none!important}
 .header-bottom{top:0!important;bottom:0!important;height:auto!important} /* слой с бургером во всю высоту шапки (шапка стала выше из-за стеклянных иконок) */
 .header-bottom #topNav{top:100%!important}
 .header-top{padding:6px 12px 6px 52px!important}
 /* первый экран: фото машин — фоном под заголовком и подзаголовком (высоту текста считает heroInit() в glass-ui.js → --hero-text-h), строка бюджета и быстрые суммы — под фото */
 .hero-image{inset:0 auto auto 0!important;width:100%!important;height:var(--hero-text-h,300px)!important;object-fit:cover!important;object-position:72% 50%!important;filter:none!important}
 .hero-shade{background:linear-gradient(90deg,rgba(13,16,19,.84) 0%,rgba(13,16,19,.62) 55%,rgba(13,16,19,.42) 100%),linear-gradient(180deg,rgba(17,20,22,0) calc(var(--hero-text-h,300px) - 80px),#111416 var(--hero-text-h,300px))!important}
 .hero-kicker,.hero h1,.hero-inner>p{text-shadow:0 2px 14px rgba(0,0,0,.7)}
 .hero .budget-bar{margin-top:20px}
 .budget-chips{flex-wrap:nowrap!important;gap:6px!important}
 .budget-chips small{display:none}
 .budget-chips button{flex:1 1 0;min-width:0;padding:8px 4px!important;font-size:13px!important;text-align:center;white-space:nowrap}
 .auction-options{grid-template-columns:minmax(0,auto) minmax(0,1fr)!important;gap:8px!important} /* «Найти автомобили» с лупой и стрелкой шире, «Сбросить фильтры» — по содержимому */
 #auctionSearch,#auctionReset{font-size:13px!important;padding:10px 6px!important;gap:6px!important;min-height:44px;white-space:nowrap;min-width:0}
 #auctionSearch .btn-icon,#auctionReset .btn-icon{width:18px;height:18px}
 .full-footer{grid-template-columns:1fr!important;gap:16px!important}
 .footer-links{border-left:0!important;padding-left:0!important}
 .footer-links>a,.footer-links>button{margin-left:0!important;padding-left:0!important;padding-right:0!important}
 #consultation{padding:14px 0 0!important;border-left:0!important}
}
@media(max-width:380px){.auction-options{grid-template-columns:1fr!important}} /* на самых узких телефонах кнопки панели фильтров одна под другой */

/* ===== 25. Телефон (до 600 px): каталог плиткой по умолчанию — компактная карточка лота (фото слева, характеристики в строку, итог в рублях крупно);
   личный кабинет, купленный лот: вкладки в несколько рядов, сводка «Общее» двумя колонками ===== */
@media(max-width:600px){
 #catalogPage .cars:not(.list) .car.catalog-grid-card{display:grid;grid-template-columns:124px minmax(0,1fr);column-gap:12px;row-gap:0;padding:10px 12px 10px;align-items:start}
 #catalogPage .cars:not(.list) .catalog-grid-card .car-body{display:contents}
 #catalogPage .cars:not(.list) .catalog-grid-card .photo{grid-column:1;grid-row:1/span 4;width:124px!important;height:94px!important;aspect-ratio:auto!important;border-radius:8px!important;overflow:hidden;align-self:start}
 #catalogPage .cars:not(.list) .catalog-grid-card .photo img{object-fit:cover!important}
 #catalogPage .cars:not(.list) .catalog-grid-card .car-body>*{grid-column:2;min-width:0}
 #catalogPage .cars:not(.list) .catalog-grid-card .car-title{font-size:16px!important;line-height:1.25!important;padding:0!important;margin:0 0 2px!important;text-align:left}
 #catalogPage .cars:not(.list) .grid-lot-meta{margin:0 0 2px!important;font-size:12px!important}
 #catalogPage .cars:not(.list) .catalog-grid-card .trim{font-size:12px;color:#b9c4cb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #catalogPage .cars:not(.list) .grid-lot-specs{display:flex!important;flex-wrap:wrap;gap:2px 10px!important;margin:4px 0 0!important}
 #catalogPage .cars:not(.list) .grid-lot-specs div{flex-direction:row!important;gap:4px!important;align-items:baseline}
 #catalogPage .cars:not(.list) .grid-lot-specs dt{font-size:11px!important}
 #catalogPage .cars:not(.list) .grid-lot-specs dd{font-size:13px!important}
 #catalogPage .cars:not(.list) .catalog-grid-card .grid-total,#catalogPage .cars:not(.list) .catalog-grid-card .grid-auction-prices,#catalogPage .cars:not(.list) .catalog-grid-card .grid-card-bottom{grid-column:1/-1}
 #catalogPage .cars:not(.list) .grid-total{flex-direction:row!important;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 10px;margin-top:10px;padding-top:8px!important}
 #catalogPage .cars:not(.list) .grid-total>span{font-size:12px!important}
 #catalogPage .cars:not(.list) .grid-total strong{font-size:20px!important}
 #catalogPage .cars:not(.list) .grid-auction-prices{display:flex!important;flex-wrap:wrap;gap:2px 12px!important;margin:6px 0 0!important}
 #catalogPage .cars:not(.list) .grid-auction-prices>div{gap:4px!important;justify-content:flex-start!important}
 #catalogPage .cars:not(.list) .grid-auction-prices dt{font-size:11px!important}
 #catalogPage .cars:not(.list) .grid-auction-prices dd{font-size:12px!important}
 #catalogPage .cars:not(.list) .grid-card-bottom{margin-top:6px!important}
 /* кабинет: купленный лот */
 .customer-tabs{flex-wrap:wrap!important;overflow:visible!important;gap:4px!important}
 .customer-tabs>button{flex:1 1 auto;min-height:36px!important;padding:7px 10px!important;font-size:13px!important}
 .customer-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .customer-summary>div{display:block!important;padding:8px 10px!important;min-width:0}
 .customer-summary dt{font-size:11px;margin-bottom:2px}
 .customer-summary dd{font-size:13px;font-weight:600;letter-spacing:-.01em} /* VIN из 17 знаков помещается в половину ширины */
}

/* ===== 26. Правки форм по замечаниям владельца (2026-10-01) ===== */
/* 26.1 Кабинет, купленный лот («Общее», «Финансы», «Статусы»): вместо рамки вокруг КАЖДОЙ строки — один стеклянный блок с тонкими разделителями */
.customer-tabs{flex-wrap:wrap!important;overflow:visible!important} /* вкладки переносятся на вторую строку, без белой полосы прокрутки */
@media(min-width:601px){
 .customer-summary{border:1px solid rgba(var(--glass-white),.16);border-radius:14px;overflow:hidden;background:linear-gradient(135deg,rgba(var(--glass-white),.07),rgba(var(--glass-white),.02) 55%,rgba(var(--glass-red),.05));box-shadow:inset 0 1px 0 rgba(var(--glass-white),.2);margin:0 0 18px}
 .customer-summary>div{background:transparent!important;border:0!important;border-bottom:1px solid rgba(var(--glass-white),.08)!important;border-radius:0!important;box-shadow:none!important;padding:10px 16px!important;align-items:center}
 .customer-summary>div:last-child{border-bottom:0!important}
 .customer-summary>div:nth-child(even){background:rgba(var(--glass-white),.025)!important}
 .customer-summary dt{color:#aab6be;font-size:14px}
 .customer-summary dd{font-weight:600;font-size:14px}
}
/* 26.2 Перевод аукционного листа: непрозрачная подложка — текст под окном больше не просвечивает */
#detailDialog .lot-translation-tip{background:linear-gradient(135deg,rgba(var(--glass-white),.08),rgba(var(--glass-white),.02) 50%,rgba(var(--glass-red),.07)),#121a20!important;border:1px solid rgba(var(--glass-white),.3)!important;border-radius:14px!important;box-shadow:inset 0 1px 0 rgba(var(--glass-white),.3),0 22px 60px rgba(0,0,0,.8)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;z-index:30!important}
#detailDialog .lot-translation-tip header{border-bottom-color:rgba(var(--glass-white),.16)!important}
/* 26.3 «Расчёт стоимости» из карточки лота: окно привязано к экрану, а не к началу страницы — на телефоне при прокрученной странице оно уезжало вверх и его не было видно за карточкой лота */
#liveCostDialog{position:fixed!important;inset:0!important;margin:auto!important;height:fit-content;max-height:92dvh!important;overflow:auto;box-sizing:border-box}
@media(max-width:600px){
 #liveCostDialog{width:calc(100vw - 16px)!important;max-width:none!important;padding:14px 12px!important;max-height:94dvh!important}
 #liveCostDialog .calculation-table{font-size:12px}
 #liveCostDialog .calculation-table th,#liveCostDialog .calculation-table td{padding:7px 5px!important}
 #liveCostDialog .calculation-table{table-layout:auto!important}
 #liveCostDialog .calculation-table th:first-child{width:auto!important;overflow-wrap:break-word;word-break:normal}
 #liveCostDialog .calculation-table td{white-space:nowrap}
}
/* 26.4 Подсказка «!» с формулой таможенного платежа — компактнее: мельче шрифт, плотнее строки, ширина по тексту */
#liveCostDialog .customs-tip,#calculatorDialog .customs-tip{font-size:12.5px!important;line-height:1.45!important;padding:8px 12px!important;border-radius:10px!important;white-space:pre-line!important}
#liveCostDialog .customs-tip{right:auto!important;width:max-content!important;max-width:min(400px,calc(100% - 56px))!important;margin-top:6px!important}
/* 26.5 Китайский лот: кнопка-ссылка «Оригинал» (исходное объявление) рядом с «Ссылка» */
a.lot-share{text-decoration:none!important}
/* 26.6 Фильтр «КПП» в каталогах: каждый вариант в одну строку, без переносов (владелец, 2026-10-01); не поместилось — многоточие, полное название в подсказке */
[data-facet-field=KPP] .facet-value-list>button,[data-facet-field=KPP_TYPE] .facet-value-list>button{white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.auction-detail-columns.korea-facets{grid-template-columns:minmax(0,max-content) 96px!important} /* Корея: колонка КПП шире — «Вариатор» и «Механика» помещаются целиком */
/* 26.7 Статистика продаж: переключатель «Скрыть нулевые цены» в панели фильтров, слева от кнопок */
.auction-options .stats-zero-switch{display:flex;align-items:center;margin:0 auto 0 0;padding:0;border:0;background:none}
.auction-options .stats-zero-switch label{display:flex;align-items:center;gap:10px;margin:0;white-space:nowrap;cursor:pointer;font-size:14px;color:#e8eef2}
/* 26.8 Фильтр «Бюджет под ключ» в панели фильтров каталога: тот же ползунок, что год/пробег/объём; при заданном диапазоне подпись красная */
.auction-range.budget-range.is-active .range-values output{color:#ff454b;text-shadow:0 0 12px rgba(var(--glass-red),.45)}

/* ===== 27. Итоговая сумма «под ключ» в каталоге — под стеклом (владелец, 2026-10-04) =====
   Все каталоги (аукционы, статистика, фикс. цена, Корея, Китай, мото), таблица и плитка, компьютер и телефон.
   Стекло прозрачное, с едва заметной зелёной подсветкой — облегчённая версия статуса «Продан» (владелец, 2026-10-04: красное не нужно).
   Плашку .total-glass вставляет live-api.js внутрь ячейки [data-catalog-total], когда сумма посчитана; «Расчёт…» и «—» остаются обычным текстом. */
.total-glass{display:inline-flex;align-items:center;padding:7px 14px;border-radius:999px;font-size:17px;font-weight:800;line-height:1.2;letter-spacing:.01em;white-space:nowrap;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4);background:linear-gradient(135deg,rgba(var(--glass-white),.14),rgba(76,213,130,.10));border:1px solid rgba(76,213,130,.28);box-shadow:inset 0 1px 0 rgba(var(--glass-white),.32),0 0 12px rgba(76,213,130,.12),0 4px 12px rgba(0,0,0,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.grid-total .total-glass{font-size:19px;padding:8px 16px}
.grid-total strong.catalog-rub-emphasis{font-size:inherit!important;line-height:1}
@media(max-width:600px){.total-glass{font-size:16px;padding:6px 12px}.grid-total .total-glass{font-size:18px;padding:7px 14px}}
/* плитка: подпись слева (может переноситься), плашка суммы всегда справа — одинаково у всех карточек, с «≈» и без */
#catalogPage .cars:not(.list) .grid-total{flex-wrap:nowrap!important;align-items:center!important}
#catalogPage .cars:not(.list) .grid-total>span{flex:1 1 0;min-width:0}
#catalogPage .cars:not(.list) .grid-total>strong{flex:0 0 auto}

/* ===== 28. Панель фильтров каталога: списки «Кузов / Оценка / Аукцион / Цвет / Статус / КПП» занимают всю высоту панели (владелец, 2026-10-04) =====
   Раньше списки были ограничены 155 px и прокручивались, хотя под ними оставалось пустое место до кнопок. Теперь список растягивается до низа колонки;
   прокрутка остаётся только если значений больше, чем помещается. Высоту панели списки сами не увеличивают (height:0 + flex) — её задают марки/модели и ползунки. */
@media(min-width:1101px){
/* снизу место под полосу кнопок (.auction-options лежит поверх, 60 px + отступы), чтобы списки не заходили под «Сбросить фильтры» / «Найти» */
.auction-panel .auction-detail-columns{padding-bottom:78px!important}
.auction-panel .auction-detail-columns>*{display:flex;flex-direction:column;min-height:0}
.auction-panel .auction-detail-columns .facet-value-list{flex:1 1 0;height:0;min-height:155px;max-height:none!important}
}

/* ===== 29. Калькулятор: подсказка «!» у таможенного платежа не должна трясти таблицу (владелец, видео 2026-10-04) =====
   Подсказка была привязана к значку «!» (position:relative) и лежала ВНУТРИ прокручиваемой рамки таблицы .calculation-scroll: при наведении она вылезала
   за правый край, у таблицы появлялась полоса прокрутки, строки сдвигались, наведение терялось — и так по кругу (таблица дёргалась и двоилась).
   Теперь, как в окне расчёта лота: подсказка привязана к самому окну, открывается под строкой и размер таблицы не меняет. */
#calculatorDialog .customs-tooltip{position:static!important}
#calculatorDialog .customs-tip{left:max(20px,calc(50% - 280px))!important;top:auto!important;right:auto!important;width:max-content!important;max-width:min(400px,calc(100% - 40px))!important;margin-top:24px!important;z-index:5!important;box-sizing:border-box;overflow-wrap:anywhere}

/* ===== 30. Карточка лота Кореи: блок кнопок «Получить доп. информацию / Инспекция / Страховые случаи» без собственной рамки (владелец, 2026-10-05) ===== */
#detailDialog .lot-korea-services{border:0!important;background:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}

/* ===== 31. Кабинет, купленный лот: название + статус стеклянной плашкой, история статусов по наведению (владелец, 2026-10-05) ===== */
.customer-deal>[data-purchases-back]{margin-bottom:22px!important}
.customer-deal-head{position:relative;z-index:6;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 8px} /* подсказка привязана к строке названия (не к плашке): на телефоне не вылезает за правый край; z-index — поверх вкладок */
.customer-deal-head h2{margin:0!important;overflow-wrap:anywhere}
.deal-status-glass{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 12px;border-radius:999px;font-size:14px;font-weight:700;line-height:1.2;color:#fff;cursor:help;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.4);background:linear-gradient(135deg,rgba(var(--glass-white),.14),rgba(76,213,130,.10));border:1px solid rgba(76,213,130,.28);box-shadow:inset 0 1px 0 rgba(var(--glass-white),.32),0 0 12px rgba(76,213,130,.12),0 4px 12px rgba(0,0,0,.18)}
.deal-status-glass::before{content:"";flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#4cd582;box-shadow:0 0 6px #4cd582}
.deal-status-glass:focus-visible{outline:2px solid #fff;outline-offset:3px}
.deal-status-tip{display:none;position:absolute;left:0;top:calc(100% + 8px);z-index:30;box-sizing:border-box;width:max-content;min-width:240px;max-width:min(380px,82vw);padding:10px 14px;border-radius:12px;font-size:13px;font-weight:400;line-height:1.45;text-align:left;white-space:normal;text-shadow:none;color:#e8eef2;cursor:default;background:linear-gradient(135deg,rgba(var(--glass-white),.12),rgba(var(--glass-white),.03) 45%,rgba(76,213,130,.08)),rgba(19,27,33,.96);border:1px solid rgba(var(--glass-white),.26);box-shadow:inset 0 1px 0 rgba(var(--glass-white),.35),0 18px 40px rgba(0,0,0,.5)}
.deal-status-glass:hover .deal-status-tip,.deal-status-glass:focus .deal-status-tip,.deal-status-glass:focus-within .deal-status-tip{display:block}
.deal-status-tip strong{display:block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#b9c7d0}
.deal-status-tip ol{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.deal-status-tip li{display:flex;gap:14px;justify-content:space-between;align-items:baseline}
.deal-status-tip time{color:#b9c7d0;white-space:nowrap;font-variant-numeric:tabular-nums}
.deal-status-tip li span{font-weight:600;text-align:right}
.deal-status-tip li:last-child span{color:#9ff0bf}
.deal-status-tip em{display:block;margin-top:6px;font-style:normal;color:#b9c7d0}

/* ===== 32. Кнопка «скопировать марку, модель и кузов» (.copy-btn, обработчик в glass-ui.js) и статус-плашка в таблице купленных лотов (владелец, 2026-10-05) ===== */
.copy-btn{display:inline-flex!important;align-items:center;justify-content:center;width:20px!important;height:20px!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0 0 0 5px!important;border:0!important;border-radius:5px!important;background:none!important;box-shadow:none!important;color:#8fa0aa!important;cursor:pointer;vertical-align:-4px;flex:0 0 auto;transition:color .2s,transform .15s} /* без рамки и фона: два «листочка», при наведении светлеют, после копирования — зелёные (владелец, 2026-10-05) */
.copy-btn:hover{color:#fff!important}
.copy-btn:active{transform:scale(.9)}
.copy-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
.copy-btn.is-copied{color:#4cd582!important;filter:drop-shadow(0 0 5px rgba(76,213,130,.55))}
.copy-btn svg{display:block;pointer-events:none}
.cab-table .cab-badge.deal-status-glass{font-size:13px;padding:5px 12px 5px 10px}
/* история статусов в таблице купленных лотов: то же окошко, что в карточке, но «плавающее» (его ставит account.js рядом с плашкой; position:fixed — не обрезается таблицей) */
.deal-status-tip.is-floating{display:block;position:fixed;left:0;top:0;z-index:1000;pointer-events:none}

/* ===== 33. Подсказки при наведении — всегда в стиле сайта (.glass-tip; ставит glass-ui.js вместо стандартной подсказки браузера; владелец, 2026-10-05) ===== */
.glass-tip{position:fixed;left:0;top:0;z-index:2147483000;box-sizing:border-box;max-width:min(340px,calc(100vw - 16px));padding:7px 12px;border-radius:10px;font:500 12.5px/1.45 Roboto,Arial,sans-serif;letter-spacing:0;text-transform:none;text-align:left;white-space:pre-line;overflow-wrap:anywhere;color:#e8eef2;pointer-events:none;opacity:0;transition:opacity .15s ease;background:linear-gradient(135deg,rgba(var(--glass-white),.14),rgba(var(--glass-white),.04) 45%,rgba(var(--glass-red),.10)),rgba(19,27,33,.96);border:1px solid rgba(var(--glass-white),.26);box-shadow:inset 0 1px 0 rgba(var(--glass-white),.35),0 14px 32px rgba(0,0,0,.5),0 0 0 1px rgba(var(--glass-red),.12)}
.glass-tip.is-on{opacity:1}

/* ===== 34. Окно «Войдите» / «Заключите договор» перед платными сервисами лота (.access-dialog, показывает MycarAccess в live-api.js; владелец, 2026-10-05) ===== */
dialog.access-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 32px));max-width:none;margin:auto;padding:34px 30px 28px;border-radius:22px;text-align:center;color:#eef2f4;overflow:visible;border:1px solid rgba(var(--glass-white),.26);background:linear-gradient(140deg,rgba(var(--glass-white),.16),rgba(var(--glass-white),.04) 42%,rgba(var(--glass-red),.12)),rgba(17,24,29,.92);-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);box-shadow:inset 0 1px 0 rgba(var(--glass-white),.45),inset 0 -1px 0 rgba(var(--glass-white),.06),0 30px 70px rgba(0,0,0,.6),0 0 0 1px rgba(var(--glass-red),.16),0 0 60px rgba(var(--glass-red),.14)}
dialog.access-dialog[open]{animation:access-in .22s ease-out}
@keyframes access-in{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
dialog.access-dialog::backdrop{background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.access-dialog .access-icon{display:flex;align-items:center;justify-content:center;width:68px;height:68px;margin:0 auto 16px;border-radius:50%;color:#fff;border:1px solid rgba(var(--glass-white),.3);background:radial-gradient(120% 90% at 30% 0%,rgba(var(--glass-white),.3),transparent 60%),linear-gradient(135deg,rgba(var(--glass-red),.75),rgba(var(--glass-red),.35));box-shadow:inset 0 1px 0 rgba(var(--glass-white),.5),0 10px 26px rgba(var(--glass-red),.35)}
.access-dialog h3{margin:0 0 22px;font:700 22px/1.25 Roboto,Arial,sans-serif;color:#fff;letter-spacing:0;text-transform:none}
.access-dialog p{margin:0 0 22px;font:400 15px/1.55 Roboto,Arial,sans-serif;color:#c3ced4}
.access-dialog .access-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.access-dialog .access-actions button{flex:1 1 150px;min-height:46px;margin:0;padding-left:14px!important;padding-right:14px!important;font-size:15px;white-space:nowrap;border-radius:12px}
.access-dialog .access-close{position:absolute;top:10px;right:12px;width:34px;height:34px;min-width:0;min-height:0;padding:0;margin:0;border:0!important;border-radius:50%;background:none!important;box-shadow:none!important;color:#9fb0b9;font:400 24px/1 Arial,sans-serif;cursor:pointer}
.access-dialog .access-close:hover{color:#fff;background:rgba(var(--glass-white),.1)!important}
.access-dialog .access-close::before,.access-dialog .access-close::after{content:none!important}
@media(prefers-reduced-motion:reduce){dialog.access-dialog[open]{animation:none}}
/* 27.1 Та же плашка суммы в подборке лотов на главной (home-lots.js) */
.home-lot-price .total-glass{font-size:16px;padding:6px 13px;max-width:100%;-webkit-backdrop-filter:none;backdrop-filter:none}
/* Фото в подборке на главной не мерцают при прокрутке (владелец, 2026-10-05): у плашек в карточках нет размытия фона (оно заставляло браузер перерисовывать ленту), фото лежат на своём слое. */
.home-lot-photo img:not(.home-lot-country){transform:translateZ(0);backface-visibility:hidden}
/* 27.2 Подбор по бюджету: цена «под ключ от» — та же плашка поверх фото (без размытия, чуть плотнее фон, чтобы читалась на снимке) */
.budget-price .total-glass{align-self:flex-start;margin-top:3px;font-size:1.0625rem;padding:6px 13px;text-shadow:0 1px 2px rgba(0,0,0,.5);background:linear-gradient(135deg,rgba(var(--glass-white),.16),rgba(76,213,130,.14)),rgba(14,20,24,.6);-webkit-backdrop-filter:none;backdrop-filter:none}

/* ===== 35. Проверенная дата выпуска в карточке лота — стеклянная плашка цвета статуса (.production-pill; владелец, 2026-10-05) ===== */
.production-pill{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;font-weight:700;line-height:1.25;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4);white-space:nowrap;--pp:76,213,130;background:linear-gradient(135deg,rgba(var(--glass-white),.14),rgba(var(--pp),.16));border:1px solid rgba(var(--pp),.42);box-shadow:inset 0 1px 0 rgba(var(--glass-white),.32),0 0 14px rgba(var(--pp),.18),0 4px 12px rgba(0,0,0,.18)}
.production-pill-orange{--pp:255,180,84}
.production-pill-red{--pp:255,96,104}

/* 36. Окно входа: ссылки «Забыли пароль?» и «Вернуться ко входу» (восстановление пароля, 2026-10-05) */
#sectionDialog.auth-glass #authForm .auth-forgot{justify-self:center;font-size:15px;color:rgba(255,255,255,.72);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.35);transition:color .15s}
#sectionDialog.auth-glass #authForm .auth-forgot:hover,#sectionDialog.auth-glass #authForm .auth-forgot:focus-visible{color:#fff;text-decoration-color:#fff}
/* Плашка даты выпуска не выезжает за колонку: статус при нехватке места переносится на вторую строку (2026-10-06) */
.production-pill{flex-wrap:wrap;gap:0 5px;max-width:100%;white-space:normal;border-radius:14px;box-sizing:border-box}.production-pill>span{white-space:nowrap}
/* Ожидание списка лотов (2026-10-10): «тахометр в стекле» (вариант 5, выбран владельцем) — стеклянная шкала с бликом, красная светящаяся дуга с белой искрой в начале, тонкая стрелка. Шкала, блик и стрелка — через currentColor, поэтому работает в обеих темах. Разметка — lotsWaitHtml в live-api.js (градиент дуги задан в самой разметке). */
.empty.lots-wait{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:190px;padding:24px 16px;text-align:center}
.lots-wait-gauge{width:78px;height:78px;overflow:visible}
.lw-track,.lw-hi,.lw-arc{fill:none;stroke-linecap:round;transform:rotate(135deg);transform-origin:32px 32px;stroke-dasharray:75 100}
.lw-track{stroke:currentColor;stroke-opacity:.13;stroke-width:7}
.lw-hi{stroke:currentColor;stroke-opacity:.34;stroke-width:1}
.lw-arc{stroke-width:4;stroke-dasharray:6 100;filter:drop-shadow(0 0 4px rgba(var(--glass-red),.9));animation:lw-rev 1.9s cubic-bezier(.45,0,.2,1) infinite}
.lw-needle{stroke:currentColor;stroke-opacity:.92;stroke-width:1.8;stroke-linecap:round;transform-origin:32px 32px;transform:rotate(-113deg);animation:lw-needle 1.9s cubic-bezier(.45,0,.2,1) infinite}
.lw-hub{fill:currentColor;fill-opacity:.9}
.lots-wait-text{font-weight:500;letter-spacing:.02em;opacity:.9}
@keyframes lw-rev{0%,100%{stroke-dasharray:6 100}55%{stroke-dasharray:66 100}72%{stroke-dasharray:52 100}}
@keyframes lw-needle{0%,100%{transform:rotate(-113deg)}55%{transform:rotate(103deg)}72%{transform:rotate(52deg)}}
@media(prefers-reduced-motion:reduce){.lw-arc,.lw-needle{animation:none}.lw-arc{stroke-dasharray:40 100}.lw-needle{transform:rotate(9deg)}}
/* Быстрый поиск по спискам марок и моделей (2026-10-10). Стекло поля — общее правило .auction-panel input (раздел 7); здесь только размеры. 16px — чтобы телефон не увеличивал страницу при вводе. Разметку создаёт listSearchBox() в live-api.js. */
.auction-list .list-search{display:block;flex:0 0 auto;width:100%;box-sizing:border-box;min-height:42px;margin:0 0 10px;padding:9px 12px!important;font:inherit;font-size:16px;line-height:1.2;-webkit-appearance:none;appearance:none}
.auction-list .list-search::placeholder{color:currentColor;opacity:.5}
.auction-list [hidden]{display:none!important}
.auction-list .list-search-none{display:block;padding:10px}

/* Sedan and sport motorcycle silhouettes shared with budget body types. */
.nav-icon.vehicle-nav-icon{width:32px;height:22px;color:#ff454b}
@media(max-width:1400px){.countrybar-tools .nav-icon.vehicle-nav-icon{width:30px;height:20px}}
@media(max-width:700px){.nav-icon.vehicle-nav-icon{width:30px;height:20px}}
/* Карточка лота: блок «Номер кузова или VIN / Проверить дату выпуска» без стеклянной рамки — она ложилась вплотную к полям (владелец, 2026-10-11) */
#detailDialog .lot-design-v2 .lot-extra-services,html[data-theme="light"] #detailDialog .lot-design-v2 .lot-extra-services{border:0!important;background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
/* Быстрый поиск по спискам: найденное упорядочивается (сначала совпадения с начала названия) — список должен быть колонкой flex (2026-10-11) */
#auctionMakes,#auctionModels{display:flex;flex-direction:column}#auctionMakes>*,#auctionModels>*{flex:0 0 auto}