/* ============================================================
   Модуль-АГРЕГАТ подбора (TWA-дизайн). Стили заскоуплены под
   .select_wheels_twa, чтобы не пересекаться с темой сайта.
   Портировано из согласованного макета (podbor-shin-mockup-twa).
   ============================================================ */
.select_wheels_twa, .select_wheels_twa *{-webkit-tap-highlight-color:transparent}
.select_wheels_twa .st2-allsz:focus, .select_wheels_twa .st2-btn:focus, .select_wheels_twa .st2-chk:focus{outline:none}
.select_wheels_twa{
  --accent:#0088cc; --accent-d:#0072ad; --accent-tint:#e8f4fb;
  --hot:#ea2b2b; --ok:#2fa84f;
  --ink:#22303a; --muted:#6b7a86; --line:#dae2e8; --line-2:#e9eef2;
  --card:#ffffff; --r:12px; --r-s:9px;
  --sh:0 1px 2px rgba(20,40,60,.06), 0 6px 22px rgba(20,40,60,.08);
  color:var(--ink);
  font-family:"Segoe UI",Roboto,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  font-size:15px; line-height:1.45;
}
.select_wheels_twa *{box-sizing:border-box}

.select_wheels_twa .st2-card{background:var(--card);border:0;border-radius:var(--r);box-shadow:none;overflow:visible}
/* сворачивание (как в старом): стрелка вверху-справа, тоглит форму */
.select_wheels_twa .st2-card{position:relative}
.select_wheels_twa .st2-arrow{position:absolute;right:18px;top:16px;width:22px;height:22px;cursor:pointer;z-index:6}
.select_wheels_twa .st2-arrow:after{content:"\f106";font-family:'FontAwesome';color:#0088cc;font-size:20px;position:absolute;right:0;top:0;line-height:1}
.select_wheels_twa.st2-collapsed .st2-arrow:after{content:"\f107"}
.select_wheels_twa .st2-arrow-t{display:none;position:absolute;right:28px;top:2px;white-space:nowrap;text-transform:uppercase;font-size:13px;color:var(--accent)}
.select_wheels_twa.st2-collapsed .st2-arrow-t{display:inline}
.select_wheels_twa.st2-collapsed .st2-seg,.select_wheels_twa.st2-collapsed .st2-hr,.select_wheels_twa.st2-collapsed .st2-body,.select_wheels_twa.st2-collapsed .st2-actions,.select_wheels_twa.st2-collapsed .st2-help{display:none}

/* topbar */
.select_wheels_twa .st2-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 56px 0 24px;flex-wrap:wrap}
.select_wheels_twa .st2-title{font-family:'Oswald',"Segoe UI",Arial,sans-serif;font-size:23px;font-weight:400;text-transform:uppercase;letter-spacing:.02em;margin:0;line-height:1.1;color:#333}
.select_wheels_twa .st2-type-dd{position:relative;display:inline-block}
.select_wheels_twa .st2-type-btn{appearance:none;border:0;background:transparent;font:inherit;font-family:'Oswald',"Segoe UI",Arial,sans-serif;font-size:23px;font-weight:400;text-transform:uppercase;color:var(--accent);cursor:pointer;padding:0;display:inline-block;min-width:215px;text-align:left}
.select_wheels_twa .st2-type-btn .st2-ca{font-size:24px}
.select_wheels_twa .st2-type-menu{position:absolute;top:135%;left:-10px;min-width:210px;background:#fff;border:1px solid var(--line);border-radius:5px;box-shadow:var(--sh);padding:6px;display:none;z-index:20}
.select_wheels_twa .st2-type-dd.open .st2-type-menu{display:block}
.select_wheels_twa .st2-type-menu button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;background:transparent;font:inherit;font-size:14px;font-weight:400;padding:11px 12px;border-radius:4px;cursor:pointer;color:#333}
.select_wheels_twa .st2-type-menu button:hover{background:var(--accent-tint);color:var(--accent-d)}
.select_wheels_twa .st2-type-menu button.on{color:var(--accent-d)}
.select_wheels_twa .st2-type-menu .st2-ci{font-size:17px}

/* тумблер параметры/авто */
.select_wheels_twa .st2-seg{position:relative;display:inline-flex;background:#eef2f5;border:1px solid var(--line);border-radius:6px;padding:4px;margin-top:2px}
.select_wheels_twa .st2-seg .st2-knob{position:absolute;top:4px;bottom:4px;left:4px;width:130px;background:var(--accent);border-radius:4px;box-shadow:0 3px 8px rgba(0,136,204,.35);transition:left .28s cubic-bezier(.4,0,.2,1),width .28s cubic-bezier(.4,0,.2,1);z-index:0}
.select_wheels_twa .st2-seg-btn{position:relative;z-index:1;border:0;background:transparent;font:inherit;font-weight:400;font-size:14px;color:var(--muted);padding:9px 20px;cursor:pointer;white-space:nowrap;transition:color .2s;border-radius:4px}
.select_wheels_twa .st2-seg-btn.active{color:#fff}

.select_wheels_twa .st2-hr{height:1px;background:var(--line-2);margin:16px 24px 0}
.select_wheels_twa .st2-body{padding:18px 24px 6px}
.select_wheels_twa .st2-pane{display:none}
.select_wheels_twa .st2-pane.active{display:block}
.select_wheels_twa .st2-lbl{display:block;font-size:12px;font-weight:400;letter-spacing:0.04em;text-transform:uppercase;color:#000000;margin:0 0 6px 2px}

/* размеры */
.select_wheels_twa .st2-size-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;align-items:end}
.select_wheels_twa .st2-field{position:relative}
.select_wheels_twa .st2-field .st2-unit{position:absolute;left:14px;top:5px;font-size:10px;font-weight:400;letter-spacing:.4px;color:var(--accent);text-transform:uppercase;z-index:2;pointer-events:none}
.select_wheels_twa .st2-field .st2-chev{position:absolute;right:13px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--muted);font-size:12px;z-index:2}
/* анти-FOUC: нативный <select> ДО инициализации select2 держит те же габариты (44px) и вид —
   иначе он рендерится маленьким, потом select2 растягивает до 44px и ряд «прыгает». */
.select_wheels_twa .st2-field > select{width:100%;height:44px;border:1px solid #cfcfcf;border-radius:5px;background:#fff;font:inherit;font-size:16px;color:#333;padding:0 30px 0 14px;line-height:1.1;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.select_wheels_twa .st2-uf > select{padding-top:16px}   /* место под подпись Ширина/Профиль/Диаметр */
.select_wheels_twa .st2-brand{margin-top:14px}
.select_wheels_twa .st2-spark-row{margin-top:10px}
.select_wheels_twa .st2-spark-row .select2-container .select2-selection--single{background:#2a88c71f}
.select_wheels_twa .st2-spark-row .st2-field > select{background:#2a88c71f}   /* фон и на нативном <select> (если select2 на скрытом поле не построился) */
/* мультивыбор брендов (галочки) */
.select_wheels_twa .st2-ms{position:relative}
.select_wheels_twa .st2-ms-field{width:100%;height:40px;border:1px solid #cfcfcf;border-radius:5px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px 0 14px;font:inherit;font-size:15px;font-weight:400;color:#333;cursor:pointer;transition:border-color .3s}
.select_wheels_twa .st2-ms-field:hover,.select_wheels_twa .st2-ms.open .st2-ms-field{border-color:#0088cc}
.select_wheels_twa .st2-ms-field .st2-ms-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.select_wheels_twa .st2-ms-field .st2-ms-text.placeholder{color:#333;font-weight:400}
.select_wheels_twa .st2-ms-clear{position:absolute;right:38px;top:50%;transform:translateY(-50%);width:22px;height:22px;display:none;align-items:center;justify-content:center;cursor:pointer;color:#8a8a8a;font-size:24px;line-height:1;z-index:3;transition:color .15s}
.select_wheels_twa .st2-ms-clear:hover{color:#ea2b2b}
.select_wheels_twa .st2-ms-field .st2-chev{flex:none;color:#0088cc;font-size:0;line-height:1}
.select_wheels_twa .st2-ms-field .st2-chev::after{content:"\f107";font-family:'FontAwesome';font-size:20px;font-weight:100}
.select_wheels_twa .st2-ms-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #cfcfcf;border-radius:6px;box-shadow:var(--sh);padding:6px 6px 12px;display:none;z-index:8;max-height:195px;overflow:auto}
.select_wheels_twa .st2-ms.open .st2-ms-menu{display:block}
.select_wheels_twa .st2-ms-opt{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:5px;cursor:pointer;font-weight:400;font-size:14px;color:#333}
.select_wheels_twa .st2-ms-opt input{display:none}
.select_wheels_twa .st2-ms-opt .st2-mbox{width:19px;height:19px;border:1.7px solid #535353;border-radius:2px;position:relative;flex:none;transition:.15s;background:#fff}
.select_wheels_twa .st2-ms-opt input:checked + .st2-mbox{background:#0088cc;border-color:#0088cc}
.select_wheels_twa .st2-ms-opt input:checked + .st2-mbox::after{content:"";position:absolute;left:5px;top:1.5px;width:4px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}

/* сдвоенный размер — «+» */
.select_wheels_twa .st2-twin{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-weight:400;font-size:13.5px;cursor:pointer;user-select:none;margin-top:14px}
.select_wheels_twa .st2-twin .st2-plus{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--accent);position:relative;flex:none}
.select_wheels_twa .st2-twin .st2-plus::before,.select_wheels_twa .st2-twin .st2-plus::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--accent);border-radius:1px}
.select_wheels_twa .st2-twin .st2-plus::before{width:9px;height:2px}
.select_wheels_twa .st2-twin .st2-plus::after{width:2px;height:9px}
.select_wheels_twa .st2-twin.open .st2-plus::after{display:none}

/* сезон/параметры — плоские чекбоксы */
.select_wheels_twa .st2-checks{display:flex;flex-wrap:wrap;gap:6px 44px;margin-top:2px}
.select_wheels_twa .st2-checks_tip{margin-top:8px}   /* отдельно для блока «Тип диска» */
.select_wheels_twa .st2-checks .st2-col{display:flex;flex-direction:column;gap:0}
.select_wheels_twa .st2-chk{display:inline-flex;align-items:center;gap:9px;cursor:pointer;user-select:none;font-weight:400;font-size:14px;color:#333;padding:3px 0}
.select_wheels_twa .st2-pane[data-pane=car] .st2-chk{min-height:26px}   /* высота тип-чеков = сезонным (у тех иконка 20px) */
.select_wheels_twa .st2-chk .st2-box{width:19px;height:19px;border:1.7px solid #535353;border-radius:2px;position:relative;flex:none;transition:.15s;background:#fff}
.select_wheels_twa .st2-chk[aria-pressed="true"] .st2-box{background:var(--accent);border-color:var(--accent)}
.select_wheels_twa .st2-chk[aria-pressed="true"] .st2-box::after{content:"";position:absolute;left:5px;top:1.5px;width:4px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.select_wheels_twa .st2-chk.st2-ok[aria-pressed="true"] .st2-box{background:var(--ok);border-color:var(--ok)}
.select_wheels_twa .st2-chk.disabled,.select_wheels_twa .st2-chk.st2-off{opacity:.4;pointer-events:none}
.select_wheels_twa .st2-ic-sklad{background-image:url(../image/icon-season/sklad.svg)}
.select_wheels_twa .st2-ic-kompl{background-image:url(../image/icon-season/kompl.svg)}
.select_wheels_twa .st2-ic-commod{background-image:url(../image/icon-season/commod.svg)}
.select_wheels_twa .st2-sic{display:inline-block;width:22px;height:20px;flex:none;background-repeat:no-repeat;background-position:center;background-size:contain;vertical-align:middle}
.select_wheels_twa .ic-summer{background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0i0KHQu9C+0LlfMSIgZGF0YS1uYW1lPSLQodC70L7QuSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTJ7ZmlsbDpub25lO3N0cm9rZTojZmZlZDAwO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDt9LmNscy0xe3N0cm9rZS13aWR0aDoxLjlweDt9LmNscy0ye3N0cm9rZS13aWR0aDoxLjZweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPtCc0L7QvdGC0LDQttC90LDRjyDQvtCx0LvQsNGB0YLRjCAxPC90aXRsZT48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIxNi44MyIgeTE9IjEwIiB4Mj0iMTguNzQiIHkyPSIxMCIvPjxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjEwIiB5MT0iMy4xMSIgeDI9IjEwIiB5Mj0iMS4yMyIvPjxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjEwIiB5MT0iMTguNzciIHgyPSIxMCIgeTI9IjE2Ljg5Ii8+PGNpcmNsZSBjbGFzcz0iY2xzLTIiIGN4PSIxMCIgY3k9IjEwIiByPSIzLjg1Ii8+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMy4xOSIgeTE9IjkuOTkiIHgyPSIxLjI3IiB5Mj0iOS45OSIvPjxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjUuMTMiIHkxPSI1LjEzIiB4Mj0iMy44IiB5Mj0iMy44Ii8+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMTYuMiIgeTE9IjE2LjIiIHgyPSIxNC44NyIgeTI9IjE0Ljg3Ii8+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMTQuODciIHkxPSI1LjEzIiB4Mj0iMTYuMiIgeTI9IjMuOCIvPjxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjMuOCIgeTE9IjE2LjIiIHgyPSI1LjEzIiB5Mj0iMTQuODciLz48L3N2Zz4=")}
.select_wheels_twa .ic-winter{background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0i0KHQu9C+0LlfMSIgZGF0YS1uYW1lPSLQodC70L7QuSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTJ7ZmlsbDpub25lO3N0cm9rZTojMDA5ZGUwO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDt9LmNscy0xe3N0cm9rZS13aWR0aDoxLjZweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPtCc0L7QvdGC0LDQttC90LDRjyDQvtCx0LvQsNGB0YLRjCAxPC90aXRsZT48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIxMCIgeTE9IjE4LjY3IiB4Mj0iMTAiIHkyPSIxLjMzIi8+PGxpbmUgY2xhc3M9ImNscy0yIiB4MT0iNi41MiIgeTE9IjIiIHgyPSI5Ljg1IiB5Mj0iMy44OSIvPjxsaW5lIGNsYXNzPSJjbHMtMiIgeDE9IjEzLjQ4IiB5MT0iMiIgeDI9IjEwLjE1IiB5Mj0iMy44OSIvPjxsaW5lIGNsYXNzPSJjbHMtMiIgeDE9IjEzLjQ4IiB5MT0iMTgiIHgyPSIxMC4xNSIgeTI9IjE2LjExIi8+PGxpbmUgY2xhc3M9ImNscy0yIiB4MT0iNi41MiIgeTE9IjE4IiB4Mj0iOS44NSIgeTI9IjE2LjExIi8+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMTcuNTEiIHkxPSIxNC4zNCIgeDI9IjIuNDkiIHkyPSI1LjY2Ii8+PGxpbmUgY2xhc3M9ImNscy0yIiB4MT0iMS4zMyIgeTE9IjkuMDEiIHgyPSI0LjY0IiB5Mj0iNy4wNyIvPjxsaW5lIGNsYXNzPSJjbHMtMiIgeDE9IjQuODEiIHkxPSIyLjk5IiB4Mj0iNC43OCIgeTI9IjYuODIiLz48bGluZSBjbGFzcz0iY2xzLTIiIHgxPSIxOC42NyIgeTE9IjEwLjk5IiB4Mj0iMTUuMzYiIHkyPSIxMi45MyIvPjxsaW5lIGNsYXNzPSJjbHMtMiIgeDE9IjE1LjE5IiB5MT0iMTcuMDEiIHgyPSIxNS4yMiIgeTI9IjEzLjE4Ii8+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMi40OSIgeTE9IjE0LjM0IiB4Mj0iMTcuNTEiIHkyPSI1LjY2Ii8+PGxpbmUgY2xhc3M9ImNscy0yIiB4MT0iMTUuMTkiIHkxPSIyLjk5IiB4Mj0iMTUuMjIiIHkyPSI2LjgyIi8+PGxpbmUgY2xhc3M9ImNscy0yIiB4MT0iMTguNjciIHkxPSI5LjAxIiB4Mj0iMTUuMzYiIHkyPSI3LjA3Ii8+PGxpbmUgY2xhc3M9ImNscy0yIiB4MT0iNC44MSIgeTE9IjE3LjAxIiB4Mj0iNC43OCIgeTI9IjEzLjE4Ii8+PGxpbmUgY2xhc3M9ImNscy0yIiB4MT0iMS4zMyIgeTE9IjEwLjk5IiB4Mj0iNC42NCIgeTI9IjEyLjkzIi8+PC9zdmc+")}
.select_wheels_twa .ic-season{background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0i0KHQu9C+0LlfMSIgZGF0YS1uYW1lPSLQodC70L7QuSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTIsLmNscy0zLC5jbHMtNHtmaWxsOm5vbmU7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO30uY2xzLTEsLmNscy0ye3N0cm9rZTojZmZlZDAwO30uY2xzLTF7c3Ryb2tlLXdpZHRoOjEuOXB4O30uY2xzLTIsLmNscy0ze3N0cm9rZS13aWR0aDoxLjZweDt9LmNscy0zLC5jbHMtNHtzdHJva2U6IzAwOWRlMDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPtCc0L7QvdGC0LDQttC90LDRjyDQvtCx0LvQsNGB0YLRjCAxPC90aXRsZT48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIxMCIgeTE9IjMuMTEiIHgyPSIxMCIgeTI9IjEuMjMiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik02Ljc3LDEyLjA5YTMuODUsMy44NSwwLDAsMSw1LjMyLTUuMzIiLz48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIzLjE5IiB5MT0iOS45OSIgeDI9IjEuMjciIHkyPSI5Ljk5Ii8+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iNS4xMyIgeTE9IjUuMTMiIHgyPSIzLjgiIHkyPSIzLjgiLz48bGluZSBjbGFzcz0iY2xzLTMiIHgxPSIxOC4zOCIgeTE9IjEyLjI0IiB4Mj0iMTAuMTkiIHkyPSIxMC4wNSIvPjxsaW5lIGNsYXNzPSJjbHMtNCIgeDE9IjE4LjYzIiB5MT0iOC43MSIgeDI9IjE1Ljk0IiB5Mj0iMTEuNDQiLz48bGluZSBjbGFzcz0iY2xzLTQiIHgxPSIxNi44MyIgeTE9IjE1LjQzIiB4Mj0iMTUuODYiIHkyPSIxMS43MiIvPjxsaW5lIGNsYXNzPSJjbHMtMyIgeDE9IjMuODciIHkxPSIxNi4xMyIgeDI9IjE2LjEzIiB5Mj0iMy44NyIvPjxsaW5lIGNsYXNzPSJjbHMtNCIgeDE9IjEzLjIiIHkxPSIxLjg5IiB4Mj0iMTQuMjIiIHkyPSI1LjU4Ii8+PGxpbmUgY2xhc3M9ImNscy00IiB4MT0iMTguMTEiIHkxPSI2LjgiIHgyPSIxNC40MiIgeTI9IjUuNzgiLz48bGluZSBjbGFzcz0iY2xzLTQiIHgxPSI2LjgiIHkxPSIxOC4xMSIgeDI9IjUuNzgiIHkyPSIxNC40MiIvPjxsaW5lIGNsYXNzPSJjbHMtNCIgeDE9IjEuODkiIHkxPSIxMy4yIiB4Mj0iNS41OCIgeTI9IjE0LjIyIi8+PGxpbmUgY2xhc3M9ImNscy0zIiB4MT0iMTAiIHkxPSI5Ljk5IiB4Mj0iMTIuMjQiIHkyPSIxOC4zOCIvPjxsaW5lIGNsYXNzPSJjbHMtNCIgeDE9IjE1LjQzIiB5MT0iMTYuODMiIHgyPSIxMS43MiIgeTI9IjE1Ljg2Ii8+PGxpbmUgY2xhc3M9ImNscy00IiB4MT0iOC43MSIgeTE9IjE4LjYzIiB4Mj0iMTEuNDQiIHkyPSIxNS45NCIvPjwvc3ZnPg==")}
.select_wheels_twa .ic-spike{background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0i0KHQu9C+0LlfMSIgZGF0YS1uYW1lPSLQodC70L7QuSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiNlYTE2MTY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjEuOHB4O2ZpbGwtcnVsZTpldmVub2RkO30uY2xzLTJ7Zm9udC1zaXplOjkuNzNweDtmaWxsOiMyMDE2MDA7Zm9udC1mYW1pbHk6UGFudG9uLUJvbGQsIFBhbnRvbjtmb250LXdlaWdodDo3MDA7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT7QnNC+0L3RgtCw0LbQvdCw0Y8g0L7QsdC70LDRgdGC0YwgMTwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTIuMDcsMTguOTQsMi43LDE4Ljg2YS45My45MywwLDAsMS0uNzktMS40bDQuMzMtNy40MSw1LjE3LTguNTdhLjkzLjkzLDAsMCwxLDEuNjEsMGw0LjUxLDgsNC41Nyw4QS45My45MywwLDAsMSwyMS4yOSwxOVoiLz48dGV4dCBjbGFzcz0iY2xzLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuNDkgMTcuMikiPtCoPC90ZXh0Pjwvc3ZnPg==")}
.select_wheels_twa .ic-notspike{background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0i0KHQu9C+0LlfMSIgZGF0YS1uYW1lPSLQodC70L7QuSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyMCI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDojZWExNjE2O3N0cm9rZTojZWExNjE2O30uY2xzLTEsLmNscy0ye3N0cm9rZS1taXRlcmxpbWl0OjEwO2ZpbGwtcnVsZTpldmVub2RkO30uY2xzLTJ7ZmlsbDojZmZmO3N0cm9rZTojMDAwO3N0cm9rZS13aWR0aDowLjlweDt9LmNscy0ze3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MS4zcHg7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT7QnNC+0L3RgtCw0LbQvdCw0Y8g0L7QsdC70LDRgdGC0YwgMTwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTEuNTYuODJhNC4yMyw0LjIzLDAsMCwwLTEuMjIuMzFsLS4yNC4xMVYyLjQ5aDMuOFYxLjI1bC0uMjItLjFhMi44OCwyLjg4LDAsMCwwLS43NS0uMjJBNC4zOSw0LjM5LDAsMCwwLDExLjU2LjgyWiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTgsMy42OCw3Ljc0LDRINi41OWwtLjE3LjE0QTMuMjQsMy4yNCwwLDAsMCw2LDQuNTFsLS4yMy4yNmMtLjA2LjA2LS4xMSwzLjQ0LDAsNEE3LDcsMCwwLDAsNy41OSwxM2wuMjYuMjl2My42bC0uMTkuMi0uMTguMjFINi4zMUE3LjA4LDcuMDgsMCwwLDAsNSwxNy4zNmExLjgxLDEuODEsMCwwLDAtLjUzLjQzLDMuNTksMy41OSwwLDAsMC0uMDksMWMwLC4xOS4xMy4zLjQxLjU4LjgyLDAsLjUyLDAsMS45LDBIMTkuMjNjLjM4LS4zNi4zOS0uNDcuMzctMXMtLjA5LS43OS0uNTQtMWwtLjI1LS4xM0gxNi41MmwtLjE5LS4xOS0uMTgtLjE5VjEzLjNsLjIyLS4yNmE3LDcsMCwwLDAsMS44Ny00LjEzYzAtLjIzLDAtMS4yNCwwLTIuMjVWNC44M2wtLjE4LS4yYy0uMS0uMTItLjI4LS4zMS0uNC0uNDNMMTcuNDcsNGwtLjYxLDBoLS42MWwtLjItLjMzLS4yMS0uMzRIOC4xOFoiLz48bGluZSBjbGFzcz0iY2xzLTMiIHgxPSIxLjg1IiB5MT0iMTcuMzQiIHgyPSIyMS45NyIgeTI9IjQuNzMiLz48L3N2Zz4=")}
.select_wheels_twa .ic-runflat{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTIsLmNscy0ze2ZpbGw6bm9uZTt9LmNscy0xLC5jbHMtM3tzdHJva2U6IzI3MjUyNTt9LmNscy0xLC5jbHMtMntzdHJva2UtbWl0ZXJsaW1pdDoxMDt9LmNscy0xe3N0cm9rZS13aWR0aDowLjlweDt9LmNscy0ye3N0cm9rZTojMjE4N2M0O30uY2xzLTN7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS13aWR0aDoxLjZweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPtCc0L7QvdGC0LDQttC90LDRjyDQvtCx0LvQsNGB0YLRjCAxPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNi4xMiwxNy45YTksOSwwLDAsMCwuNzYtLjc1LjQ3LjQ3LDAsMCwwLC4wNS0uNjZsLS4yMS0uMjRhMSwxLDAsMCwxLS4wOS0xLjE0LDYuMTgsNi4xOCwwLDAsMCwuNDUtLjc5LDEsMSwwLDAsMSwxLS41NGguMzhhLjUyLjUyLDAsMCwwLC41My0uMzljLjA5LS4zNC4xNy0uNjkuMjMtMSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE5LjI0LDEyLjM1Yy4wNS0uMzUuMDktLjcuMTEtMS4wNmEuNDkuNDksMCwwLDAtLjM5LS41NGwtLjMyLS4wNWExLDEsMCwwLDEtLjgyLS44NUE1LjM2LDUuMzYsMCwwLDAsMTcuNjYsOWExLDEsMCwwLDEsLjQ0LTEuMDdsLjMyLS4yYS41Mi41MiwwLDAsMCwuMTYtLjY0LDcuMTMsNy4xMywwLDAsMC0uNDktMSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE4LjA4LDYuMTFhNi41NCw2LjU0LDAsMCwwLS41OS0uODkuNDguNDgsMCwwLDAtLjY0LS4xN2wtLjI3LjE3YTEsMSwwLDAsMS0xLjE4LS4xMSw0LjksNC45LDAsMCwwLS43LS41OCwxLDEsMCwwLDEtLjM1LTEuMTFsLjEyLS4zNmEuNDYuNDYsMCwwLDAtLjI4LS41OCw2Ljg1LDYuODUsMCwwLDAtMS0uNDMiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMy4yLDJhNi44Miw2LjgyLDAsMCwwLTEtLjMxLjUuNSwwLDAsMC0uNi4yOWwtLjExLjNhMSwxLDAsMCwxLTEsLjY1LDYuOTEsNi45MSwwLDAsMC0uOTEsMCwxLDEsMCwwLDEtMS0uNjJMOC40NCwyYS40Ni40NiwwLDAsMC0uNTktLjI3LDYsNiwwLDAsMC0xLC4zIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNi44NCwyYTYuNjQsNi42NCwwLDAsMC0xLC40Mi41LjUsMCwwLDAtLjI4LjZsLjExLjNhMSwxLDAsMCwxLS4zNCwxLjEzLDYuMzMsNi4zMywwLDAsMC0uNy41OCwxLDEsMCwwLDEtMS4xNC4xNUwzLjE1LDVhLjQ4LjQ4LDAsMCwwLS42Mi4xNyw3LDcsMCwwLDAtLjYuOSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTIsNi4xMWE4LjQyLDguNDIsMCwwLDAtLjQ5LDEsLjUxLjUxLDAsMCwwLC4xNy42NGwuMjguMTZBMSwxLDAsMCwxLDIuMzksOWE4Ljc0LDguNzQsMCwwLDAtLjE3Ljg5LDEsMSwwLDAsMS0uNzkuODVIMWEuNTIuNTIsMCwwLDAtLjM4LjUzLDkuNzMsOS43MywwLDAsMCwuMTIsMS4wNyIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTS44LDEyLjM1Yy4wNy4zNC4xNS42Ny4yNCwxYS41MS41MSwwLDAsMCwuNTQuMzlsLjMyLS4wNkExLDEsMCwwLDEsMywxNC4yMmMuMTQuMjcuMjguNTMuNDQuNzlhMSwxLDAsMCwxLS4wNiwxLjE2bC0uMjQuMjlhLjUyLjUyLDAsMCwwLC4wNi42NWMuMjQuMjYuNS41MS43Ny43NSIvPjxjaXJjbGUgY2xhc3M9ImNscy0yIiBjeD0iMTAuMDIiIGN5PSIxMC44MSIgcj0iNS41MSIvPjxsaW5lIGNsYXNzPSJjbHMtMyIgeDE9IjAuOTYiIHkxPSIxOC4zMSIgeDI9IjE5LjA4IiB5Mj0iMTguMzEiLz48L3N2Zz4=")}
.select_wheels_twa .st2-subtle{font-size:12.5px;color:var(--muted);margin:9px 0 0 2px}

/* car pane */
.select_wheels_twa .st2-car-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
/* itc46: высота ЗАФИКСИРОВАНА (3 строки: авто + Крепеж + Общие параметры) — иначе плашка «прыгает»,
   пока идёт расчёт и подставляются строки. У предупреждений (st2-warn) высота по содержимому. */
.select_wheels_twa .st2-car-hint{margin-top:16px;background:var(--accent-tint);border:1px solid #cfe8f7;border-radius:3px;padding:12px 14px;font-size:13.5px;color:#0a5f88;box-sizing:border-box;display:none}
.select_wheels_twa .st2-car-hint.st2-hint-show{display:block;min-height:64px}
.select_wheels_twa .st2-car-hint b{color:var(--accent-d)}
.select_wheels_twa .st2-car-name{display:inline-block;border:0;border-radius:5px;padding:2px 4px;font-size:16px;font-weight:400;color:#333333;line-height:1.3}
.select_wheels_twa .st2-oem{margin-top:12px}
/* ===== ГРУЗОВОЙ режим (класс st2-mode-truck на корне) ===== */
.select_wheels_twa .st2-tr-fields{display:none}
.select_wheels_twa.st2-mode-truck .st2-tr-fields{display:block}
.select_wheels_twa.st2-mode-truck .st2-legonly{display:none!important}
.select_wheels_twa.st2-mode-truck .st2-pane[data-pane=size] .st2-chk[data-role=spike],
.select_wheels_twa.st2-mode-truck .st2-pane[data-pane=size] .st2-chk[data-role=notspike],
.select_wheels_twa.st2-mode-truck .st2-pane[data-pane=size] .st2-chk[data-role=runflat],
.select_wheels_twa.st2-mode-truck .st2-pane[data-pane=size] .st2-chk[data-role=stock4],
.select_wheels_twa.st2-mode-truck .st2-pane[data-pane=size] .st2-chk[data-role=commod]{display:none}
.select_wheels_twa.st2-mode-truck .st2-seg-btn[data-pane=car]{display:none}   /* вкладка «По авто» */
.select_wheels_twa.st2-mode-truck .st2-pane[data-pane=size] .st2-autofoot .st2-subtle{display:none}   /* «С шипами/без шипов» — грузовым не нужно */
.select_wheels_twa.st2-mode-truck .st2-pane[data-pane=size] .st2-autofoot{justify-content:flex-end}   /* счётчик — вправо */
/* ряд Ось / Слойность(узкий) / Бренд */
/* симметрия с размерным рядом: Бренд = «Ширина+Профиль» (кол.1-2), Ось+Слойность = «Диаметр» (кол.3) */
.select_wheels_twa .st2-tr-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;align-items:end;margin-top:14px}
.select_wheels_twa .st2-tr-brand{grid-column:1 / 3;min-width:0}
.select_wheels_twa .st2-tr-c3{grid-column:3 / 4;display:flex;gap:8px;min-width:0}
.select_wheels_twa .st2-tr-os{flex:1 1 auto;min-width:0}        /* Ось шире */
.select_wheels_twa .st2-tr-sloy{flex:0 0 76px}                  /* Слойность узкая */
.select_wheels_twa .st2-tr-sloy select{width:100%}
@media(max-width:979px){
  /* грузовой ряд: Бренд на всю ширину, Ось+Слойность — новой строкой на всю ширину */
  .select_wheels_twa .st2-tr-row{grid-template-columns:1fr;gap:10px}
  .select_wheels_twa .st2-tr-brand{grid-column:1 / -1}
  .select_wheels_twa .st2-tr-c3{grid-column:1 / -1}
  .select_wheels_twa .st2-tr-sloy{flex:0 0 112px}   /* слойность чуть шире на узком экране */
}

/* грузовой/мото: сезон + «В наличии» — в один ряд с ЕДИНЫМ шагом. Колонки «расклеиваем»
   (display:contents), чтобы все чекбоксы стали прямыми элементами js-checks и имели одинаковый gap 20px. */
.select_wheels_twa.st2-mode-truck .st2-pane[data-pane=size] .js-checks .st2-col,
.select_wheels_twa.st2-mode-moto  .st2-pane[data-pane=size] .js-checks .st2-col{display:contents !important}
.select_wheels_twa.st2-mode-truck .st2-pane[data-pane=size] .js-checks,
.select_wheels_twa.st2-mode-moto  .st2-pane[data-pane=size] .js-checks{display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;gap:6px 20px !important}
/* <640: грузовые/мото — сезонность и «В наличии» в столбик (каждый на своей строке) */
@media(max-width:639px){
  .select_wheels_twa.st2-mode-truck .st2-pane[data-pane=size] .js-checks,
  .select_wheels_twa.st2-mode-moto  .st2-pane[data-pane=size] .js-checks{flex-direction:column !important;flex-wrap:nowrap !important;gap:0 !important}
}

/* ===== МОТО режим (класс st2-mode-moto на корне) ===== */
.select_wheels_twa .st2-m-fields{display:none}
.select_wheels_twa.st2-mode-moto .st2-m-fields{display:block}
.select_wheels_twa.st2-mode-moto .st2-legonly{display:none!important}
.select_wheels_twa.st2-mode-moto .st2-tr-fields{display:none!important}    /* грузовые поля в мото не показываем */
.select_wheels_twa.st2-mode-moto .st2-pane[data-pane=size] .st2-chk[data-role=spike],
.select_wheels_twa.st2-mode-moto .st2-pane[data-pane=size] .st2-chk[data-role=notspike],
.select_wheels_twa.st2-mode-moto .st2-pane[data-pane=size] .st2-chk[data-role=runflat],
.select_wheels_twa.st2-mode-moto .st2-pane[data-pane=size] .st2-chk[data-role=stock4],
.select_wheels_twa.st2-mode-moto .st2-pane[data-pane=size] .st2-chk[data-role=commod]{display:none}   /* мото: без шипов, но сезон оставляем */
.select_wheels_twa.st2-mode-moto .st2-seg-btn[data-pane=car]{display:none}   /* вкладка «По авто» */
.select_wheels_twa.st2-mode-moto .st2-pane[data-pane=size] .st2-autofoot .st2-subtle{display:none}
.select_wheels_twa.st2-mode-moto .st2-pane[data-pane=size] .st2-autofoot{justify-content:flex-end}   /* счётчик — вправо */
/* мото ряд: Бренд (кол.1-2 = Ширина+Профиль) + Ось (кол.3 = Диаметр) */
.select_wheels_twa .st2-m-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;align-items:end;margin-top:14px}
.select_wheels_twa .st2-m-brand{grid-column:1 / 3;min-width:0}
.select_wheels_twa .st2-m-os{grid-column:3 / 4;min-width:0}
@media(max-width:979px){
  .select_wheels_twa .st2-m-row{grid-template-columns:1fr;gap:10px}
  .select_wheels_twa .st2-m-brand{grid-column:1 / -1}
  .select_wheels_twa .st2-m-os{grid-column:1 / -1}
}

/* кнопка «Все размеры» (тумблер) — в ряду кнопок car-панели, стиль как «Подобрать» */
.select_wheels_twa .st2-allsz{appearance:none;border:0;height:40px;display:inline-flex;align-items:center;background:#fff;color:#8a8a8a;font:inherit;font-size:13px;font-weight:400;text-transform:uppercase;letter-spacing:.05em;padding:0 18px;border-radius:0;cursor:pointer;box-shadow:1px 1px 2px #a2a2a2;transition:.3s ease-in-out;white-space:nowrap}
.select_wheels_twa .st2-allsz:hover{background:#cacaca;color:#fff}
/* резерв высоты пока размеры авто грузятся AJAX-ом (страница результатов) — убирает скачок формы (CLS) */
.select_wheels_twa .st2-oem-loading{min-height:150px;position:relative}
.select_wheels_twa .st2-oem-loading::after{content:"Загрузка размеров…";position:absolute;left:0;top:24px;color:#8a94a6;font-size:14px;animation:st2oempulse 1.1s ease-in-out infinite}
@keyframes st2oempulse{0%,100%{opacity:.45}50%{opacity:1}}
.select_wheels_twa .st2-oem-cols{display:flex;gap:28px;align-items:flex-start;flex-wrap:wrap}
.select_wheels_twa .st2-oem-grp{flex:1;min-width:260px;margin-top:10px}
.select_wheels_twa .st2-oem-h{color:#333333;display:block;margin:12px 0 10px;font-size:13px;text-transform:uppercase;border-bottom:1px solid #e40404;padding-bottom:5px;font-weight:500}
.select_wheels_twa .st2-oem-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line-2)}
.select_wheels_twa .st2-oem-r{flex:none;width:30px;display:inline-block;vertical-align:middle;font-family:"Oswald","Segoe UI",Arial,sans-serif;font-size:18px;font-weight:500;color:#0088cc}
.select_wheels_twa .st2-oem-r span{color:#888;font-size:18px;font-weight:600}
.select_wheels_twa .st2-oem-list{display:flex;flex-wrap:wrap;gap:14px}
.select_wheels_twa .st2-szgrp{display:inline-flex;gap:8px;flex-wrap:wrap;vertical-align:top}
.select_wheels_twa .st2-osz{display:inline-block;white-space:nowrap;line-height:1;min-width:210px;border:1.5px solid var(--line);border-radius:3px;padding:7px 13px;font-size:14px;color:#333;cursor:pointer;user-select:none;transition:border-color .15s,background-color .15s,color .15s}
.select_wheels_twa .st2-osz.st2-sparka{min-width:0}
.select_wheels_twa .st2-osz-name{vertical-align:baseline;font-family:"Oswald","Segoe UI",Arial,sans-serif;font-size:16px;font-weight:500;color:#333333}
.select_wheels_twa .st2-osz input,.select_wheels_twa .st2-osz .st2-osz-box{display:none}
.select_wheels_twa .st2-osz.on{background:var(--accent);border-color:var(--accent);color:#fff}
.select_wheels_twa .st2-osz.on .st2-osz-name,.select_wheels_twa .st2-osz.on .st2-osz-ax,.select_wheels_twa .st2-osz.on .st2-osz-cnt{color:#fff}
.select_wheels_twa .st2-osz-ax{vertical-align:baseline;font-style:italic;font-family:"Oswald","Segoe UI",Arial,sans-serif;font-size:13px;font-weight:300;color:#999999;margin-left:6px}
.select_wheels_twa .st2-osz-cnt{font-style:normal;color:var(--muted);font-size:12px;font-weight:600;vertical-align:super;margin-left:2px}
.select_wheels_twa .st2-oem-empty{margin-top:12px;color:var(--muted);font-size:13.5px}

/* actions */
.select_wheels_twa .st2-actions{display:flex;align-items:center;gap:12px;padding:20px 24px 4px;flex-wrap:wrap}
/* сезон+кнопки в 2 блока (слева чекбоксы, справа кнопки по нижней линии) */
.select_wheels_twa .st2-secrow{display:flex;gap:24px;align-items:flex-end}
.select_wheels_twa .st2-actions-side{flex:none;flex-direction:column;align-items:flex-end;gap:10px;padding:0 0 6px}
.select_wheels_twa .st2-btnrow{display:flex;gap:10px}
.select_wheels_twa .st2-actions-car{padding:16px 24px 6px}
/* car-панель: сезон-чипы и кнопки в одном ряду, кнопки по НИЖНЕЙ черте блока js-checks;
   подсказка (слева) и «Найдётся N» (справа) — строкой ниже */
.select_wheels_twa .st2-carsel{margin-top:18px}
.select_wheels_twa .st2-checkrow{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.select_wheels_twa .st2-checkrow .js-checks{flex:1;min-width:0}
.select_wheels_twa .st2-checkrow .st2-btnrow{flex:none}
.select_wheels_twa .st2-autofoot{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:8px;padding:0 2px;flex-wrap:wrap}
.select_wheels_twa .st2-autofoot .st2-subtle{margin:0}
.select_wheels_twa .st2-autofoot .st2-cntline{margin:0}
@media(max-width:700px){
  /* верхняя панель: заголовок и вкладки в колонку, вкладки на всю ширину (крупный тап) */
  .select_wheels_twa .st2-topbar{flex-direction:column;align-items:stretch;padding-right:16px;gap:10px}
  .select_wheels_twa .st2-title{padding-right:44px}   /* зазор под стрелку-сворачивание только у заголовка */
  .select_wheels_twa .st2-seg{display:flex;width:100%;margin-top:4px}
  .select_wheels_twa .st2-seg-btn{flex:1;text-align:center;padding:10px 8px}
  .select_wheels_twa .st2-secrow{flex-direction:column;align-items:stretch;gap:8px}
  .select_wheels_twa .st2-actions-side{align-items:stretch}
  .select_wheels_twa .st2-actions-side .st2-btnrow{flex:1}
  .select_wheels_twa .st2-actions-side .st2-btn-go{flex:1}
  /* сезон-ряд в колонку: чипы, затем кнопки на всю ширину */
  .select_wheels_twa .st2-checkrow{flex-direction:column;align-items:stretch;gap:12px}
  .select_wheels_twa .st2-checkrow .st2-btnrow{flex:1}
  .select_wheels_twa .st2-checkrow .st2-btn-go{flex:1}
}
/* ===== телефоны: точная адаптация блока «Параметры» ===== */
@media(max-width:480px){
  .select_wheels_twa .st2-topbar{padding:16px 14px 0 14px}
  .select_wheels_twa .st2-title{font-size:20px}
  .select_wheels_twa .st2-body{padding:14px 14px 6px}
  .select_wheels_twa .st2-hr{margin:14px 14px 0}
  .select_wheels_twa .st2-actions{padding-left:14px;padding-right:14px}
  /* типоразмер: 3 поля в ряд, но плотнее */
  .select_wheels_twa .st2-size-row{gap:8px}
  .select_wheels_twa .st2-autofoot{padding-left:0;padding-right:0}
}
/* ≤568px («Параметры»): «Сезон» и «Шипы» — равные колонки (сезонность НЕ смешиваем); «в наличии/от 4 шт/спарка» — одной строкой */
@media(max-width:568px){
  .select_wheels_twa .st2-pane[data-pane=size] .st2-checkrow .js-checks{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px}
  .select_wheels_twa .st2-pane[data-pane=size] .js-checks .st2-col{min-width:0}
  .select_wheels_twa .st2-pane[data-pane=size] .js-checks .st2-col:nth-child(3){grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px 12px}
}
/* <500: «в наличии/от 4 шт/спарка» — в 3 ряда на всю ширину окна */
@media(max-width:499px){
  .select_wheels_twa .st2-pane[data-pane=size] .js-checks .st2-col:nth-child(3){grid-template-columns:1fr}
}
/* <768 (по авто): поля марка/модель/год/модификация — в один столбец (4 ряда) на всю ширину */
@media(max-width:767px){
  .select_wheels_twa .st2-car-grid{grid-template-columns:1fr}
}
/* <980 (по авто): сезон в одну строку на всю ширину, кнопки ниже — поведение как на ≤700 */
@media(max-width:979px){
  .select_wheels_twa .st2-pane[data-pane=car] .st2-checkrow{flex-direction:column;align-items:stretch;gap:12px}
  .select_wheels_twa .st2-pane[data-pane=car] .st2-checkrow .st2-btnrow{flex:1}
  .select_wheels_twa .st2-pane[data-pane=car] .st2-checkrow .st2-btn-go{flex:1}
}
/* <568 (по авто): сезонности — в 3 строки (по одной на ряд); подсказку скрываем */
@media(max-width:567px){
  .select_wheels_twa .st2-pane[data-pane=car] .js-checks{flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:4px}
  .select_wheels_twa .st2-pane[data-pane=car] .st2-autofoot .st2-subtle{display:none}
}
/* <450 (по авто): кнопки не влезают — прячем «Сбросить»; «Все размеры» слева + «Подобрать» */
@media(max-width:449px){
  .select_wheels_twa .st2-pane[data-pane=car] .st2-checkrow .js-clear{display:none}
}
/* узкие экраны: прячем подсказку «С шипами/без шипов» (size-панель) */
@media(max-width:515px){
  .select_wheels_twa .st2-pane[data-pane=size] .st2-autofoot .st2-subtle{display:none}
}
/* 700–900px: группы Сезон/Шипы/Наличие — 3 равных блока на ВСЮ ширину; кнопки ниже по центру */
@media(min-width:701px) and (max-width:900px){
  .select_wheels_twa .st2-pane[data-pane=size] .st2-checkrow{flex-direction:column;align-items:stretch;gap:14px}
  .select_wheels_twa .st2-pane[data-pane=size] .js-checks{flex-wrap:nowrap;gap:6px 16px}
  .select_wheels_twa .st2-pane[data-pane=size] .js-checks .st2-col{flex:1;min-width:0}
  .select_wheels_twa .st2-pane[data-pane=size] .st2-checkrow .st2-btnrow{justify-content:center}
}
/* ТОЛЬКО грузовые/мото: сезон-строка + кнопки по центру снизу — расширяем до 979px (легковые не трогаем) */
@media(min-width:901px) and (max-width:979px){
  .select_wheels_twa.st2-mode-truck .st2-pane[data-pane=size] .st2-checkrow,
  .select_wheels_twa.st2-mode-moto  .st2-pane[data-pane=size] .st2-checkrow{flex-direction:column;align-items:stretch;gap:14px}
  .select_wheels_twa.st2-mode-truck .st2-pane[data-pane=size] .st2-checkrow .st2-btnrow,
  .select_wheels_twa.st2-mode-moto  .st2-pane[data-pane=size] .st2-checkrow .st2-btnrow{justify-content:center}
}
/* 568–700px: ТОЛЬКО 3 равных блока в ряд на всю ширину (кнопки — как в ≤700, не трогаем) */
@media(min-width:569px) and (max-width:700px){
  .select_wheels_twa .st2-pane[data-pane=size] .js-checks{flex-wrap:nowrap;gap:6px 16px}
  .select_wheels_twa .st2-pane[data-pane=size] .js-checks .st2-col{flex:1;min-width:0}
}
/* itc46: ДЕСКТОП (≥980) — как в шинном блоке: чек-строка колонкой (чек-блоки сверху, кнопки НИЖЕ и ВПРАВО), чтобы кнопки дисков были на одном уровне с шинными. Изолировано от всех ≤979 правил. */
@media(min-width:980px){
  .select_wheels_twa .st2-pane[data-pane=size] .st2-checkrow{flex-direction:column;align-items:stretch;gap:14px;margin-top:auto}
  .select_wheels_twa .st2-pane[data-pane=size] .st2-checkrow .st2-btnrow{justify-content:flex-end}
  /* itc46: прижать группу чеки+кнопки+счётчик к НИЗУ блока — симметрия с шинным (низы совпадают → «В наличии» дисков встаёт на «от 4 шт» шин). Только ≥980. */
  .select_wheels_twa{height:100%;display:flex;flex-direction:column}
  .select_wheels_twa .st2-body{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}
  .select_wheels_twa .st2-pane[data-pane=size].active{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}
  /* itc46: минимальный зазор между «+ сдвоенный размер» и блоком чеков (прижим низа не должен его схлопывать) */
  .select_wheels_twa .st2-pane[data-pane=size] .st2-twin{margin-bottom:18px}
  /* itc46: ПО АВТО — «Тип диска» чеки в один ряд по ширине, кнопки под ними справа (как у шин; десктоп ≥980, мобилка не тронута) */
  .select_wheels_twa .st2-pane[data-pane=car] .st2-checkrow{flex-direction:column;align-items:stretch;gap:14px}
  .select_wheels_twa .st2-pane[data-pane=car] .st2-checks{justify-content:flex-start;flex-wrap:nowrap}
  .select_wheels_twa .st2-pane[data-pane=car] .st2-checkrow .st2-btnrow{justify-content:flex-end}
}
/* itc46: счётчик «Найдётся N дисков» — всегда вправо (в подвале только он) */
.select_wheels_twa .st2-pane[data-pane=size] .st2-autofoot{justify-content:flex-end}
/* itc46: заливка select2 у полей «Сдвоенный размер» — гарантированно как у шинных (тот же тон, повышенная специфичность, чтобы не перебивалось) */
.select_wheels_twa .st2-spark-row .st2-uf .select2-container .select2-selection--single{background:#2a88c71f}
.select_wheels_twa .st2-btn{appearance:none;border:0;font:inherit;font-weight:400;border-radius:0;cursor:pointer;text-transform:uppercase;letter-spacing:.07em;font-size:14px;height:40px;transition:.3s ease-in-out}
.select_wheels_twa .st2-btn-go{background:#0088cc;color:#fff;padding:0 34px;box-shadow:1px 1px 2px rgba(0,164,246,.9)}
.select_wheels_twa .st2-btn-go:hover{background:#333333;box-shadow:1px 1px 2px #a2a2a2}
.select_wheels_twa .st2-btn-out{background:#fff;color:#8a8a8a;padding:0 24px;box-shadow:1px 1px 2px #a2a2a2}
.select_wheels_twa .st2-btn-out:hover{background:#cacaca;color:#fff}
.select_wheels_twa .st2-cntline{margin-left:auto;font-size:14px;color:var(--muted)}
.select_wheels_twa .st2-cntline b{color:var(--ink)}
.select_wheels_twa .st2-help{padding:12px 24px 20px}
.select_wheels_twa .st2-help a{color:var(--muted);font-size:13px;text-decoration:none;display:inline-flex;align-items:center;gap:7px}
.select_wheels_twa .st2-help a:hover{color:var(--accent)}
.select_wheels_twa .st2-help .st2-q{width:18px;height:18px;border-radius:50%;border:1.5px solid currentColor;display:grid;place-items:center;font-size:11px;font-weight:700}

/* Select2: под стиль сайта (высота 52, r5, ховер синий) */
.select_wheels_twa .select2-container{width:100% !important;display:block;box-sizing:border-box}
.select_wheels_twa .select2-container .select2-selection--single{height:40px;border:1px solid #cfcfcf;border-radius:5px;text-align:left}
.select_wheels_twa .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:38px;padding-left:14px;font-size:16px;font-weight:400;color:#333}
.select_wheels_twa .select2-container--default .select2-selection--single .select2-selection__arrow{height:38px;right:12px}
/* стрелка select2 — глиф темы (\f107), размер шрифта как просили */
.select_wheels_twa .select2-container--default .select2-selection--single .select2-selection__arrow b:after{font-size:20px;left:8%;margin-top:7px}
/* размерные поля: подпись «Ширина/Профиль/Диаметр» ВНУТРИ (как на превью), значение под ней */
.select_wheels_twa .st2-uf .select2-container .select2-selection--single{height:44px}
.select_wheels_twa .st2-uf .select2-container--default .select2-selection--single .select2-selection__arrow{height:44px}
.select_wheels_twa .st2-uf .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:normal;padding:16px 30px 0 14px;font-size:16px}
.select_wheels_twa .select2-container--default.select2-container--open .select2-selection--single,
.select_wheels_twa .select2-container--default .select2-selection--single:hover{border-color:#0088cc}
/* поле «под юнит»: приподнимаем текст, чтобы юнит-подпись сверху не налезала */
.select_wheels_twa .st2-field.has-unit .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:64px}
.select_wheels_twa .st2-field.has-unit .select2-container .select2-selection--single{padding-top:0}

/* выпадающий список опций Select2 — шрифт сайта */
.select2-container--default .select2-results__option{font-size:14px;font-weight:400;color:#333}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:#0088cc}

/* когда стоит как box-main (полоса after_header) */
.select_wheels_twa.box-main .box-main-container{padding:0}
.select_wheels_twa.hide .st2-card{display:none}
/* компактная обёртка на страницах результатов */
.st2-compact-wrap{max-width:1200px;margin:0 auto 28px}

/* ===== Результаты «по авто»: чипы размеров (штатные/возможные) ===== */
.st2r-chips{ margin:14px 0 20px; }
.st2r-chip-row{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-bottom:10px; }
.st2r-chip-lbl{ font:700 13px/1 'Oswald',sans-serif; text-transform:uppercase; color:#333; letter-spacing:.02em; min-width:150px; }
.st2r-chip{ display:inline-flex; align-items:baseline; gap:6px; padding:8px 14px; border:1px solid #d9d9d9; border-radius:4px; background:#fff; color:#333; text-decoration:none; font:600 15px/1 'Oswald',sans-serif; transition:border-color .15s, color .15s, background .15s; }
.st2r-chip:hover{ border-color:#0088cc; color:#0088cc; }
.st2r-chip.active{ background:#0088cc; border-color:#0088cc; color:#fff; }
.st2r-chip .st2r-cnt{ font-size:11px; font-weight:700; color:#0088cc; vertical-align:super; }
.st2r-chip.active .st2r-cnt{ color:#fff; }
.st2r-chip.empty{ opacity:.45; }
@media (max-width:640px){
  .st2r-chip-lbl{ min-width:100%; margin-bottom:2px; }
  .st2r-chip{ font-size:14px; padding:7px 11px; }
}

/* Предупреждения подсказки авто — красным */
.select_wheels_twa .st2-car-hint.st2-warn{background:#fdecea;border-color:#f5c6cb;color:#c0392b}
.select_wheels_twa .st2-car-hint.st2-warn b{color:#c0392b}

/* Логотип марки в select2 (по авто) */
.st2-brandimg{height:18px;width:auto;max-width:34px;vertical-align:middle;margin-right:7px;object-fit:contain}


/* ===== ДИСКИ (select_wheels_twa) ===== */
/* ряд Производитель / Тип — как размерный (2 равные колонки) */
.select_wheels_twa .st2-wh-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end;margin-top:14px}
.select_wheels_twa .st2-wh-brand{min-width:0}
.select_wheels_twa .st2-wh-type{min-width:0}
/* «По авто» — 2 строки 2x2 (как на шинном по требованию) */
.select_wheels_twa .st2-car-grid-2x2{grid-template-columns:1fr 1fr}
@media(max-width:720px){
  .select_wheels_twa .st2-wh-row{grid-template-columns:1fr;gap:10px}
  .select_wheels_twa .st2-car-grid-2x2{grid-template-columns:1fr}
}


/* itc46 (по авто): общий крепёж авто — строкой ВНУТРИ плашки-подсказки (js-carhint), с небольшим отступом сверху */
.select_wheels_twa .st2-oem-common{font-size:14px;color:#333;margin-top:6px}
.select_wheels_twa .st2-oem-common span{font-weight:500;font-family:"Oswald";font-size:16px}

/* itc46: вкладка «По авто» активна с сервера: до инициализации JS ползунок скрыт, а активная кнопка
   подсвечена сама (выглядит как ползунок) → нет перескока/смены размера; JS спозиционирует кноб и добавит knob-ready */
.select_wheels_twa .st2-seg-oncar:not(.knob-ready) .st2-knob{opacity:0}
.select_wheels_twa .st2-seg-oncar:not(.knob-ready) .st2-seg-btn.active{background:var(--accent);border-radius:4px;box-shadow:0 3px 8px rgba(0,136,204,.35)}


/* itc46: 980–1199 — блок один на всю ширину (вкладки), места хватает → кнопки «Подобрать/Сбросить»
   стоят В РЯД с параметрами (как на ~910px), а не отдельной строкой под ними. */
@media(min-width:980px) and (max-width:1199px){
  .select_wheels_twa .st2-pane[data-pane=size] .st2-checkrow,
  .select_wheels_twa .st2-pane[data-pane=car] .st2-checkrow{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:24px}
  .select_wheels_twa .st2-pane[data-pane=size] .st2-checkrow .st2-btnrow,
  .select_wheels_twa .st2-pane[data-pane=car] .st2-checkrow .st2-btnrow{flex:none;justify-content:flex-end}
  .select_wheels_twa .st2-pane[data-pane=car] .st2-checks{flex-wrap:wrap}
}


/* itc46: зазор между «+ сдвоенный размер» и блоком чеков нужен и на узких экранах —
   в ≥980 он задан внутри своего media, ниже 980 правило не действовало. */
@media(max-width:979px){
  .select_wheels_twa .st2-pane[data-pane=size] .st2-twin{margin-bottom:18px}
}


/* itc46: всплывающая подсказка со счётчиком у отмеченной плашки размера (на мобильной строка «Найдётся…» часто вне экрана) */
.select_wheels_twa .st2-cnt-tip{position:absolute;z-index:30;transform:translate(-50%,-100%);background:#333;color:#fff;font-size:12.5px;line-height:1.25;white-space:nowrap;padding:6px 10px;border-radius:4px;box-shadow:0 4px 14px rgba(0,0,0,.22);opacity:0;visibility:hidden;transition:opacity .15s;pointer-events:none}
.select_wheels_twa .st2-cnt-tip:after{content:'';position:absolute;left:50%;top:100%;transform:translateX(-50%);border:5px solid transparent;border-top-color:#333}
.select_wheels_twa .st2-cnt-tip.on{opacity:1;visibility:visible}


/* itc46 (мобильная): наведение — ТОЛЬКО для мыши. На тач-экране :hover «залипает» после тапа,
   и снятый чек оставался с заливкой вместо чистой обводки. */
@media (hover:hover) and (pointer:fine){
  .select_wheels_twa .st2-chk:hover .st2-box{border-color:var(--accent);background:var(--accent)}
  .select_wheels_twa .st2-chk:hover{color:#0088cc}
  .select_wheels_twa .st2-osz:hover{border-color:var(--accent)}
  .select_wheels_twa .st2-ms-opt:hover{background:var(--accent-tint)}
}


/* itc46 (мобильная, вариант A): поля размеров остаются 3 в ряд, но ужимаются —
   ниже высота/шрифт селекта, компактнее подпись-единица и зазоры. */
@media(max-width:979px){
  .select_wheels_twa .st2-size-row{gap:6px}
  .select_wheels_twa .select2-container .select2-selection--single{height:36px}
  .select_wheels_twa .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:34px;padding-left:10px;padding-right:22px}
  .select_wheels_twa .select2-container--default .select2-selection--single .select2-selection__arrow{height:34px;right:6px}
  .select_wheels_twa .st2-field .st2-unit{left:8px;top:2px;font-size:9px;letter-spacing:0}
  /* поля С ПОДПИСЬЮ (.st2-uf): текст ниже подписи — своя высота и отступ сверху, иначе значение наезжает на «Ширина/ET/DIA» */
  .select_wheels_twa .st2-uf .select2-container .select2-selection--single{height:40px}
  .select_wheels_twa .st2-uf .select2-container--default .select2-selection--single .select2-selection__arrow{height:40px}
  .select_wheels_twa .st2-uf .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:normal;padding:15px 22px 0 7px}
}


/* itc46 (мобильная, вариант A): «По авто» — чипы размеров по ОДНОМУ в строку на всю ширину
   (крупная зона тапа), текст мельче, колонки Штатные/Замены без десктопных зазоров. */
@media(max-width:560px){
  .select_wheels_twa .st2-oem-cols{display:block}
  .select_wheels_twa .st2-oem-grp{min-width:0;margin-top:6px}
  .select_wheels_twa .st2-oem-h{margin:10px 0 6px}
  .select_wheels_twa .st2-oem-row{align-items:flex-start;gap:8px;padding:7px 0}
  .select_wheels_twa .st2-oem-r{width:24px;padding-top:4px}
  .select_wheels_twa .st2-oem-list{flex:1 1 auto;min-width:0;gap:8px}
  .select_wheels_twa .st2-szgrp{display:flex;flex:1 1 100%;min-width:0;gap:8px;flex-wrap:wrap}
  .select_wheels_twa .st2-osz{display:block;flex:1 1 100%;min-width:0;white-space:normal;padding:9px 12px}
  .select_wheels_twa .st2-osz.st2-sparka{flex:0 0 auto;display:inline-block;min-width:0}
}

/* itc46: РЕЖИМ «ГРУЗОВЫЕ ДИСКИ» (класс st2-mode-wtruck на корне модуля).
   Свой набор полей (значения грузового раздела); у грузовых нет сдвоенного размера,
   спарки и выбора типа (все штампованные), подбор по авто тоже не показываем. */
.select_wheels_twa .st2-wtr-fields{display:none}
.select_wheels_twa.st2-mode-wtruck .st2-wtr-fields{display:block}
.select_wheels_twa.st2-mode-wtruck .st2-legonly{display:none!important}
.select_wheels_twa.st2-mode-wtruck .st2-chk.js-commod{display:none}
.select_wheels_twa.st2-mode-wtruck .st2-seg-btn[data-pane=car]{display:none}
/* itc46: грузовые — «Производитель» на всю ширину блока (у легковых рядом стоит «Тип», у грузовых его нет) */
/* геометрия РОВНО как у легкового ряда «Производитель / Тип» (.st2-wh-row), только одна колонка —
   иначе отступ над заголовком «Производитель» отличается и блок «прыгает» при переключении режима */
.select_wheels_twa .st2-wtr-brandrow{display:grid;grid-template-columns:1fr;gap:12px;align-items:end;margin-top:14px}
.select_wheels_twa .st2-wtr-brandrow .st2-wh-brand{min-width:0;width:100%}
.select_wheels_twa .st2-wtr-brandrow .st2-ms{width:100%}

/* itc46 (грузовые диски): отступы и раскладка — ТОЛЬКО через собственные классы модуля,
   общие .st2-checkrow / .st2-checks не переопределяем (чтобы не задеть легковые и «по авто»).
   Зазор перед чеками у легковых даёт «+ сдвоенный размер»; здесь его роль играет отступ своего блока. */
.select_wheels_twa .st2-wtr-fields{margin-bottom:18px}
/* «В наличии» и «от 4 шт» в одну строку — класс вешает JS только на время грузового режима */
.select_wheels_twa .st2-checks.st2-checks-wtr .st2-col{display:flex;flex-direction:row;gap:20px;align-items:center;flex-wrap:wrap}

/* itc46: наведение на название типа в заголовке («Легковых шин» / «Дисков» и т.д.) — приглушаем до #333.
   Только для мыши: на тач-устройствах hover «залипает» после тапа. */
@media (hover:hover) and (pointer:fine){
  .select_wheels_twa .st2-type-btn:hover{color:#333333}
}