/* ==============================================
   INTERRUS-SHINA REDESIGN — без app.css
   ============================================== */

@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@300;400;500;600;700;800&display=swap');

/* RESET */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
/* overflow-x: clip не поддерживается iOS Safari < 16 (computed как visible —
   полностью отключает обрезку). hidden поддерживается везде. */
html, body { overflow-x: hidden; margin: 0; padding: 0; max-width: 100%; }
html { position: relative; }

:root {
  --rd-red:      #D82E2E;
  --rd-red-dark: #B52020;
  --rd-red-bg:   #FFF0F0;
  --rd-dark:     #111111;
  --rd-gray:     #F5F5F5;
  --rd-gray2:    #EEEEEE;
  --rd-border:   #E2E2E2;
  --rd-text:     #1A1A1A;
  --rd-text2:    #555555;
  --rd-text3:    #888888;
  --rd-radius:   8px;
  --rd-gap:      48px;
  --rd-max:      1440px;
  --rd-tr:       .18s ease;
  --rd-sel-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23888' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}

body { font-family: 'Geologica', 'Segoe UI', Arial, sans-serif; font-size: 15px; line-height: 1.6; color: var(--rd-text); background: #fff; }

/* LAYOUT */
.main-container { max-width: 100%; width: 100%; margin: 0; padding: 0; }
.container { max-width: var(--rd-max); width: 93%; margin-left: auto; margin-right: auto; }
.container.corners { background: #fff; border-radius: 10px; padding: 20px; margin-bottom: 0; margin-top: 0; }
.clear { clear: both; }
.right-align { text-align: right; }
.center-align, .center { text-align: center; }
.left-align { text-align: left; }
.mb20 { margin-bottom: 20px; }
.dn, .hiddenblock { display: none; }
.hiddenn { display: none; }
.responsive-img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
ul, ol { list-style: none; padding: 0; margin: 0; }
img { max-width: 100%; height: auto; }
p { margin-bottom: 10px; }
hr { border: none; border-top: 1px solid var(--rd-border); margin: 12px 0; }

/* ТИПОГРАФИКА */
h1 { font-size: 24px; font-weight: 800; color: var(--rd-dark); line-height: 1.2; margin-bottom: 16px; }
h2 { font-size: 20px; font-weight: 700; margin-bottom: 12px; }
h3 { font-size: 17px; font-weight: 700; margin-bottom: 10px; }
h4, .h4 { font-size: 15px; font-weight: 700; margin-bottom: 8px; }
.h4 { font-size: 18px; }
.red-text { color: var(--rd-red) !important; }

/* SELECT */
select, select.browser-default {
  -webkit-appearance: none; -moz-appearance: none; appearance: none;
  border: 1.5px solid var(--rd-border); border-radius: 6px;
  padding: 7px 26px 7px 9px;
  font-size: 13px; font-family: 'Geologica', 'Segoe UI', Arial, sans-serif;
  color: var(--rd-text); background-color: #fff;
  background-image: var(--rd-sel-arrow);
  background-repeat: no-repeat; background-position: right 7px center; background-size: 13px;
  outline: none; box-shadow: none; cursor: pointer; transition: border-color var(--rd-tr);
}
select:focus, select.browser-default:focus { border-color: var(--rd-red); }
.select-wrapper { display: contents !important; }
.select-wrapper input.select-dropdown { display: none !important; }
.select-wrapper .caret { display: none !important; }
ul.dropdown-content { display: none !important; }

/* CHECKBOX */
input[type=checkbox] {
  -webkit-appearance: checkbox !important; -moz-appearance: checkbox !important; appearance: checkbox !important;
  width: 15px !important; height: 15px !important;
  accent-color: var(--rd-red) !important; cursor: pointer !important;
  flex-shrink: 0 !important; margin: 0 !important; padding: 0 !important;
  position: static !important; opacity: 1 !important; pointer-events: auto !important; visibility: visible !important; display: inline-block !important;
}
[type=checkbox]+span:not(.lever)::before, [type=checkbox]+span:not(.lever)::after,
[type=checkbox].filled-in+span:not(.lever)::after, [type=checkbox].filled-in+span:not(.lever)::before { display: none !important; }
[type=checkbox]+span:not(.lever) { padding-left: 0 !important; }

/* RADIO */
input[type=radio]:not(.companies__item-inp):not(.tabs-radio__inp) {
  -webkit-appearance: radio !important; -moz-appearance: radio !important; appearance: radio !important;
  width: 17px !important; height: 17px !important;
  accent-color: var(--rd-red) !important; cursor: pointer !important;
  flex-shrink: 0 !important; margin: 0 !important; padding: 0 !important;
  position: static !important; opacity: 1 !important; pointer-events: auto !important; visibility: visible !important;
}
[type=radio]:not(:checked)+span::before, [type=radio]:not(:checked)+span::after,
[type=radio]:checked+span::before, [type=radio]:checked+span::after,
[type=radio].with-gap+span::before, [type=radio].with-gap+span::after { display: none !important; }
[type=radio]+span { padding-left: 0 !important; }
.filter__gap-lbls { display: flex; gap: 24px; padding: 12px 0; align-items: center; }
.filter__gap-lbls label { display: flex; align-items: center; gap: 8px; font-size: 15px; cursor: pointer; font-weight: 500; }

/* INPUT TEXT */
input[type=text], input[type=email], input[type=tel], textarea {
  border: 1.5px solid var(--rd-border); border-radius: var(--rd-radius);
  padding: 9px 12px; font-size: 14px; font-family: 'Geologica', 'Segoe UI', Arial, sans-serif;
  outline: none; background: #fff; color: var(--rd-text); transition: border-color var(--rd-tr); box-shadow: none;
}
input[type=text]:focus, textarea:focus { border-color: var(--rd-red); }
input::placeholder, textarea::placeholder { color: var(--rd-text3); }

/* SELECT2 */
.select2-container { font-family: 'Geologica', 'Segoe UI', Arial, sans-serif; }
.select2-container--default .select2-selection--single { border: 1.5px solid var(--rd-border) !important; border-radius: 6px !important; height: auto !important; padding: 6px 26px 6px 9px !important; background: #fff !important; font-size: 13px !important; font-family: 'Geologica', 'Segoe UI', Arial, sans-serif !important; }
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--single { border-color: var(--rd-red) !important; box-shadow: none !important; }
.select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--rd-text) !important; line-height: 1.5 !important; padding: 0 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.select2-container--default .select2-selection--single .select2-selection__arrow { top: 50% !important; right: 6px !important; transform: translateY(-50%) !important; height: auto !important; width: 14px !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent !important; border-width: 5px 4px 0 !important; }
.select2-container--default.select2-container--open .select2-selection__arrow b { border-color: transparent transparent #888 !important; border-width: 0 4px 5px !important; }
.select2-dropdown { border: 1.5px solid var(--rd-border) !important; border-radius: 6px !important; box-shadow: 0 4px 16px rgba(0,0,0,.1) !important; font-size: 13px !important; max-width: 280px !important; }
.select2-container--default .select2-results__option { font-size: 13px !important; padding: 7px 10px !important; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background: var(--rd-red) !important; }
.select2-container--default .select2-results__option[aria-selected=true] { background: var(--rd-red-bg) !important; color: var(--rd-red) !important; }
.select2-search--dropdown { padding: 6px !important; }
.select2-container--default .select2-search--dropdown .select2-search__field { border: 1.5px solid var(--rd-border) !important; border-radius: 6px !important; padding: 6px 10px !important; font-size: 13px !important; outline: none !important; width: 100% !important; box-sizing: border-box !important; }
.select2-container--default .select2-search--dropdown .select2-search__field:focus { border-color: var(--rd-red) !important; }

/* ШАПКА */
.hdr-wrap svg { fill: none !important; stroke: currentColor !important; }
.hdr-city-btn > svg { fill: var(--rd-red) !important; stroke: none !important; }
.mob-hdr svg, .mob-menu__close svg, .mob-menu__link svg, .mob-menu__phone svg, .mob-menu__addr svg, .mob-hdr__burger svg { fill: none !important; stroke: currentColor !important; }
.hdr-wrap a, .hdr-top a, .hdr-logo, .hdr-action, .hdr-phone__num, .hdr-phone__callback, .changecity, a.changecity, .location_ic, a.location_ic, .site-nav a { text-decoration: none !important; border-bottom: none !important; }

/* ПОПАП ГОРОДА */
.city_input { margin-bottom: 14px; }
.city_input input[type=text] { width: 100%; border: 2px solid var(--rd-border); border-radius: var(--rd-radius); padding: 10px 14px; box-sizing: border-box; }
#region_list_default, #region_list_result { line-height: 1.8; }
#region_list_default a, #region_list_result a { color: var(--rd-text2) !important; text-decoration: none !important; border-bottom: 1px dashed var(--rd-border) !important; font-size: 14px; display: inline-block; margin: 2px 8px 2px 0; }
#region_list_default a:hover, #region_list_result a:hover { color: var(--rd-red) !important; }
#region_list_default .bold { font-weight: 700; }
#region_list_result ul { list-style: none; padding: 0; margin: 8px 0; }
#region_list_result ul span { font-size: 12px; font-weight: 700; color: var(--rd-text3); text-transform: uppercase; letter-spacing: .05em; display: block; margin-bottom: 4px; }
#region_list_result ul li a { display: block; padding: 5px 0; font-size: 14px; color: var(--rd-text2) !important; border-bottom: 1px solid #f0f0f0 !important; text-decoration: none !important; }
#region_list_result ul li a:hover { color: var(--rd-red) !important; }

/* НАВИГАЦИЯ */
.site-nav { background: var(--rd-red); }
.site-nav-inner { max-width: var(--rd-max); margin: 0 auto; padding: 0 var(--rd-gap); display: flex; }
.nav-item { position: relative; display: flex; align-items: center; }
.nav-link { display: flex; align-items: center; gap: 5px; color: rgba(255,255,255,.92) !important; font-size: 15px; font-weight: 500; padding: 14px 18px; white-space: nowrap; transition: background var(--rd-tr); }
.nav-link:hover, .nav-link.active, .nav-item.active .nav-link { background: rgba(0,0,0,.18); color: #fff !important; }
.nav-link svg { width: 13px !important; height: 13px !important; flex-shrink: 0; opacity: .7; transition: transform .2s; fill: none !important; stroke: currentColor !important; }
.nav-item:hover .nav-link svg { transform: rotate(180deg); }
.nav-item:hover .nav-dropdown { display: flex; }
.nav-dropdown { display: none; position: absolute; top: 100%; left: 0; background: #fff; border-radius: 0 0 12px 12px; box-shadow: 0 8px 40px rgba(0,0,0,.13); padding: 20px; gap: 32px; min-width: 300px; z-index: 300; }
.nav-dropdown.nav-dropdown--list { flex-direction: column; gap: 0; padding: 8px 0; min-width: 220px; }
.nav-dropdown.nav-dropdown--list a { display: block; padding: 9px 18px; font-size: 14px; color: var(--rd-text2) !important; transition: color var(--rd-tr), background var(--rd-tr); }
.nav-dropdown.nav-dropdown--list a:hover { color: var(--rd-red) !important; background: var(--rd-red-bg); }
.nav-dropdown-col { min-width: 160px; }
.nav-dropdown-col h4 { font-size: 12px; font-weight: 700; color: var(--rd-red) !important; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 10px; margin-top: 0; }
.nav-dropdown-col a { display: block; font-size: 14px !important; color: var(--rd-text2) !important; padding: 5px 0; }
.nav-dropdown-col a:hover { color: var(--rd-red) !important; }

/* =============================================
   ФИЛЬТР
   ============================================= */
/* Главная: фильтр прямой потомок container -> на всю ширину */
.container:has(> .filter.filter-df) { max-width: 100% !important; width: 100% !important; padding: 0 !important; }
.filter-df, .filter { background: var(--rd-gray); border-bottom: 3px solid var(--rd-red); width: 100%; }
.filter__ttl { max-width: var(--rd-max); margin: 0 auto; padding: 16px var(--rd-gap) 0; font-size: 20px; font-weight: 800; color: var(--rd-dark); }
.filter__panes { max-width: var(--rd-max); margin: 0 auto; padding: 0 var(--rd-gap) 20px; }
.filter__tabs { max-width: var(--rd-max); margin: 0 auto; padding: 10px var(--rd-gap) 0; display: flex; align-items: center; gap: 10px; }
.filter__tabs-group_main { flex: 0 0 auto; }
.filter__tabs-list_main { display: flex; gap: 0; list-style: none; margin: 0; padding: 0; }
.filter__tabs-list_main li a { display: block; padding: 9px 22px; font-size: 14px; font-weight: 700; color: var(--rd-text2); background: #fff; border: 1.5px solid var(--rd-border); transition: color var(--rd-tr), background var(--rd-tr); text-decoration: none; white-space: nowrap; }
.filter__tabs-list_main li:first-child a { border-radius: 6px 0 0 6px; }
.filter__tabs-list_main li:last-child a  { border-radius: 0 6px 6px 0; border-left: none; }
.filter__tabs-list_main li a:hover { color: var(--rd-red); background: var(--rd-red-bg); }
.filter__tabs-list_main li a.active { background: var(--rd-red); color: #fff; border-color: var(--rd-red); }
.filter__tabs-group { flex: 1 1 0; min-width: 0; padding: 0; }
.filter__tabs-group-layout { display: flex; justify-content: space-between; align-items: center; gap: 8px; height: 100%; }
.filter__tabs-list { display: flex; gap: 0; list-style: none; margin: 0; padding: 0; flex-wrap: nowrap; }
.filter__tabs-list li a { display: block; padding: 9px 14px; font-size: 13px; font-weight: 600; color: var(--rd-text2); border: 1.5px solid var(--rd-border); border-right: none; background: #fff; transition: color var(--rd-tr), background var(--rd-tr); white-space: nowrap; text-decoration: none; }
.filter__tabs-list li:first-child a { border-radius: 6px 0 0 6px; }
.filter__tabs-list li:last-child a { border-right: 1.5px solid var(--rd-border); border-radius: 0 6px 6px 0; }
.filter__tabs-list li:only-child a { border-radius: 6px; border-right: 1.5px solid var(--rd-border); }
.filter__tabs-list li a:hover { color: var(--rd-red); background: var(--rd-red-bg); }
.filter__tabs-list li a.active { background: var(--rd-red); color: #fff; border-color: var(--rd-red); }
.filter__panes-group[data-filter_tab="filter_disc"] { padding-top: 10px; }
.filter__seasons { display: flex; gap: 12px; padding: 14px 0 10px; flex-wrap: wrap; }
.filter__seasons a { display: flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: var(--rd-text2); padding: 6px 14px; border: 1.5px solid var(--rd-border); border-radius: 20px; background: #fff; transition: all var(--rd-tr); text-decoration: none; }
.filter__seasons a:hover { border-color: var(--rd-red); color: var(--rd-red); background: var(--rd-red-bg); }
.filter__seasons a img { width: 20px; height: 20px; }
.filter-table-wrap { overflow-x: visible; }
.filter-table { width: 100%; border-collapse: collapse; margin-bottom: 14px; }
.filter-table thead td, .filter-table thead th { background: var(--rd-gray2); padding: 10px 12px; font-size: 13px; font-weight: 700; border: 1px solid var(--rd-border); white-space: nowrap; }
.filter-table tbody td { padding: 10px 12px; border: 1px solid var(--rd-border); vertical-align: middle; }
.filter-table td label { display: flex; align-items: center; gap: 6px; font-size: 14px; cursor: pointer; }
.filter-table thead td.sm_last_td { width: 1%; }
.filter-table thead td.sm2_last_td { min-width: 150px; }
.filter-table td[data-label="Ось"] { min-width: 140px; }
.option-wrap { display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; gap: 4px; min-width: 0; width: 100%; }
.option-wrap__select { flex: 1 1 0; min-width: 0; overflow: hidden; }
.option-wrap__select .select2-container { width: 100% !important; }
.option-wrap__select select { width: 100%; }
.option-wrap__separate { color: var(--rd-text3); font-weight: 400; padding: 0; white-space: nowrap; flex-shrink: 0; font-size: 14px; }
.option-wrap__ttl { order: -1; width: 100%; display: none; font-size: 10px; font-weight: 700; color: var(--rd-text3); text-transform: uppercase; letter-spacing: .06em; line-height: 1; padding-bottom: 2px; }
.option-wrap__ttl:not(.hiddenn) { display: block !important; }
td > div[data-different_width]:not(.hiddenn) { margin-top: 8px; }
.filter-table.filter-table_fixed { table-layout: fixed; }
.filter-table.filter-table_fixed thead th, .filter-table.filter-table_fixed thead td { width: 25%; }
.filter-table.filter-table_fixed select:not(.select2-hidden-accessible) { width: 100%; }
.filter__lbl { font-size: 14px; font-weight: 700; color: var(--rd-dark); margin: 14px 0 8px; }
.scroll_wrap:not(.__big) { column-count: 7; column-gap: 6px; max-height: 155px; overflow: hidden; transition: max-height .35s ease; }
.scroll_wrap:not(.__big).expanded { max-height: 3000px; }
.vendor-letter-header { display: block; font-size: 10px; font-weight: 800; color: var(--rd-red); letter-spacing: .08em; text-transform: uppercase; padding: 6px 0 1px; border-top: 1px solid var(--rd-border); margin-top: 3px; break-inside: avoid; width: 100%; line-height: 1; }
.vendor-letter-header.no-top { border-top: none; padding-top: 0; margin-top: 0; }
.vendor_checkbox { display: flex !important; align-items: center; gap: 6px; width: 100%; padding: 3px 0; break-inside: avoid; white-space: nowrap; }
.vendor_checkbox label { display: flex !important; align-items: center; gap: 6px; font-size: 13px !important; cursor: pointer; white-space: nowrap; }
.vendor_checkbox label:hover { color: var(--rd-red); }
.vendor_checkbox input[type=checkbox] { width: 14px !important; height: 14px !important; flex-shrink: 0; }
.brands-toggle-btn { display: inline-flex; align-items: center; gap: 5px; margin-top: 8px; background: none; border: 1.5px solid var(--rd-border); border-radius: 6px; padding: 5px 12px; font-size: 13px; color: var(--rd-text2); cursor: pointer; font-family: 'Geologica', 'Segoe UI', Arial, sans-serif; transition: all var(--rd-tr); }
.brands-toggle-btn:hover { border-color: var(--rd-red); color: var(--rd-red); }
.show-all-vendors-btn { display: none !important; }
.scroll_wrap.__big { max-height: none; overflow: visible; column-count: unset; }
.filter__brands { display: flex; flex-wrap: wrap; gap: 6px; padding: 10px 0; }
.filter__brands-item { flex: 0 0 auto; }
.filter__brands-link { display: block; border: 1.5px solid var(--rd-border); border-radius: 8px; overflow: hidden; transition: border-color var(--rd-tr); background: #fff; }
.filter__brands-link:hover { border-color: var(--rd-red); }
.filter__brands-link img { height: 44px; width: auto; max-width: 100px; display: block; object-fit: contain; padding: 4px; }
.tire-calc__results { margin-top: 20px; }
.tire-calc__results-ttl { font-size: 15px; font-weight: 700; color: var(--rd-dark); margin-bottom: 12px; }
.tire-calc__results-tbl, .responsive-table.tire-calc__results-tbl { width: 100%; border-collapse: collapse; margin-bottom: 14px; }
.tire-calc__results-tbl thead tr td { background: var(--rd-red); color: #fff; padding: 10px 14px; font-size: 13px; font-weight: 700; text-align: left; border: 1px solid var(--rd-red-dark); white-space: nowrap; }
.tire-calc__results-tbl tbody tr td { padding: 10px 14px; border: 1px solid var(--rd-border); font-size: 13px; line-height: 1.5; }
.tire-calc__results-tbl tbody tr:first-child td { font-weight: 600; }
.tire-calc__results-tbl tbody tr:nth-child(even) td { background: var(--rd-gray); }
.tire-calc__results-tbl .red { color: var(--rd-red); font-weight: 700; }
.tire-calc__results-tbl .green { color: #1a9e5c; font-weight: 700; }
.tire-calc__results-col { margin-bottom: 16px; }
.disc_r { margin-top: 14px; padding: 14px; background: #fff; border-radius: 8px; border: 1px solid var(--rd-border); }
.disc_r p { margin-bottom: 10px; font-size: 13px; line-height: 2; display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.disc_r p:last-child { margin-bottom: 0; }
.disc_r p a { display: inline-block; padding: 2px 8px; border: 1px solid var(--rd-border); border-radius: 4px; font-size: 12px; font-weight: 600; color: var(--rd-text2); background: var(--rd-gray); transition: all var(--rd-tr); white-space: nowrap; }
.disc_r p a:hover { border-color: var(--rd-red); color: var(--rd-red); background: var(--rd-red-bg); }
.filter__info-links { display: flex; gap: 16px; flex-wrap: wrap; padding: 12px 0 4px; }
.info-link { font-size: 14px; color: var(--rd-text2); text-decoration: none; border-bottom: none; transition: color var(--rd-tr); }
.info-link:hover { color: var(--rd-red); }
.filter__btn { display: flex; gap: 10px; margin: 14px 0; flex-wrap: wrap; align-items: center; }
.filter__btn input[type=submit], .filter__btn .btn, .filter__btn .btn.btn_l { background: var(--rd-red); color: #fff; border: none; border-radius: var(--rd-radius); padding: 12px 28px; font-size: 15px; font-weight: 700; font-family: 'Geologica', 'Segoe UI', Arial, sans-serif; cursor: pointer; text-transform: none; letter-spacing: 0; height: auto; line-height: 1.4; box-shadow: none; transition: opacity var(--rd-tr); }
.filter__btn input[type=submit]:hover, .filter__btn .btn:hover { opacity: .88; }
.filter__btn input[value="Сбросить"] { background: var(--rd-gray2) !important; color: var(--rd-text2) !important; border: 1.5px solid var(--rd-border) !important; }
.filter__btn input[value="Сбросить"]:hover { background: #e0e0e0 !important; }

/* =============================================
   СЕКЦИИ СПЕЦПРЕДЛОЖЕНИЙ И НОВИНОК
   ============================================= */
.container[data-anchor] { padding-top: 32px; padding-bottom: 0; display: flex; align-items: center; justify-content: space-between; }
.container[data-anchor] .h4 { font-size: 22px !important; font-weight: 800 !important; color: var(--rd-dark) !important; margin: 0; }
.container[data-anchor] .h4.red-text { color: var(--rd-dark) !important; padding-left: 14px; border-left: 4px solid var(--rd-red); }
.container.corners { background: #fff; border-radius: 12px; padding: 20px; margin-top: 12px; margin-bottom: 0; }
.container[data-anchor] + .container.corners { margin-bottom: 8px; }
.container[data-anchor] + .container.corners + .container[data-anchor] { margin-top: 24px; }
.cat-grid { display: grid; gap: 16px; }
.cat-grid.cat-grid_6 { grid-template-columns: repeat(6, 1fr); }
.cat-grid__item { display: flex; }
.cat-item { display: flex; flex-direction: column; width: 100%; border: 1px solid var(--rd-border); border-radius: 12px; overflow: hidden; background: #fff; transition: box-shadow .2s, transform .2s; }
.cat-item:hover { box-shadow: 0 8px 28px rgba(0,0,0,.12); transform: translateY(-3px); }
.cat-item__img { position: relative; background: var(--rd-gray); padding: 16px; text-align: center; flex-shrink: 0; }
.cat-item__img a { display: block; }
.cat-item__img img { width: 100%; height: 130px; object-fit: contain; display: block; margin: 0 auto; transition: transform .2s; }
.cat-item:hover .cat-item__img img { transform: scale(1.04); }
.cat-item__img.spec_price::before { content: 'АКЦИЯ'; position: absolute; top: 8px; left: 8px; background: var(--rd-red); color: #fff; font-size: 9px; font-weight: 800; padding: 3px 8px; border-radius: 4px; text-transform: uppercase; letter-spacing: .06em; line-height: 1.4; z-index: 1; }
.cat-item__img.new_sticker::after { content: 'НОВИНКА'; position: absolute; top: 8px; left: 8px; background: #2563EB; color: #fff; font-size: 9px; font-weight: 800; padding: 3px 8px; border-radius: 4px; text-transform: uppercase; letter-spacing: .06em; line-height: 1.4; z-index: 1; }
.cat-item__img.new_sticker.spec_price::before { top: 30px; }
.cat-item__img.new_sticker.spec_price::after  { top: 8px; }
.cat-item__desc { padding: 12px 14px 14px; flex: 1; display: flex; flex-direction: column; gap: 4px; }
.cat-item__ttl { flex: 1; margin-bottom: 2px; }
.cat-item__ttl a { font-size: 13px; font-weight: 700; color: var(--rd-dark); line-height: 1.35; display: block; text-decoration: none; transition: color var(--rd-tr); }
.cat-item__ttl a:hover { color: var(--rd-red); }
.cat-item__size { font-size: 12px; color: var(--rd-text3); line-height: 1.3; }
.cat-item__price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px; padding-top: 10px; margin-top: 6px; border-top: 1px solid var(--rd-border); font-size: 19px; font-weight: 800; color: var(--rd-dark); line-height: 1; }
.rub { font-size: 14px; font-weight: 600; }
.cat-item__price-old { font-size: 13px; font-weight: 400; color: var(--rd-text3); text-decoration: line-through; }
.cat-item__price-old .rub { font-size: 11px; }
.container.corners .right-align { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--rd-border); }
.container.corners .right-align a.btn-small { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--rd-text2); text-decoration: none; background: none; border: 1.5px solid var(--rd-border); border-radius: 6px; padding: 7px 16px; transition: all var(--rd-tr); }
.container.corners .right-align a.btn-small:hover { border-color: var(--rd-red); color: var(--rd-red); background: var(--rd-red-bg); }
.container.corners .right-align a.btn-small.black { background: none !important; color: var(--rd-text2) !important; }
.container.corners .right-align a.btn-small.black:hover { color: var(--rd-red) !important; background: var(--rd-red-bg) !important; }

/* =============================================
   БЛОК НОВОСТЕЙ
   Materialize (.row, .col) переопределяем без Materialize
   ============================================= */
.content-style .h4 { font-size: 22px !important; font-weight: 800 !important; color: var(--rd-dark) !important; margin: 0 0 16px !important; padding-left: 14px; border-left: 4px solid var(--rd-red); }
.corner_large { }
/* .row — горизонтальная карточка новости */
.corner_large .row {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  padding-bottom: 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid var(--rd-border);
}
.corner_large .row:last-of-type { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }

/* Фото-колонка */
.corner_large .col.m3,
.corner_large .col.l2 {
  flex: 0 0 110px;
  max-width: 110px;
  padding: 0 !important;
}
.corner_large .col.m3 img,
.corner_large .col.l2 img {
  width: 110px;
  height: 80px;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}

/* Текст-колонка */
.corner_large .col.m9,
.corner_large .col.l10 {
  flex: 1;
  min-width: 0;
  padding: 0 !important;
}
/* Дата / Заголовок */
.corner_large .col.m9 > span.red-text,
.corner_large .col.l10 > span.red-text {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--rd-text3) !important;
}
.corner_large .col.m9 > a,
.corner_large .col.l10 > a {
  font-size: 15px;
  font-weight: 700;
  color: var(--rd-dark);
  line-height: 1.3;
  display: inline;
  margin-left: 4px;
}
.corner_large .col.m9 > a:hover,
.corner_large .col.l10 > a:hover { color: var(--rd-red); }
/* Текст новости */
.corner_large .col.m9 > div > p,
.corner_large .col.l10 > div > p {
  font-size: 13px;
  color: var(--rd-text2);
  line-height: 1.55;
  margin: 6px 0 8px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
/* Кнопка "Подробнее" */
.corner_large .btn-small {
  font-size: 12px;
  padding: 5px 12px;
  border: 1.5px solid var(--rd-border);
  border-radius: 6px;
  color: var(--rd-text2);
  background: none;
  display: inline-block;
  text-decoration: none;
  transition: all var(--rd-tr);
}
.corner_large .btn-small:hover { border-color: var(--rd-red); color: var(--rd-red); background: var(--rd-red-bg); }

/* =============================================
   КНОПКИ
   ============================================= */
.btn, .btn-small, .btn-large { font-family: 'Geologica', 'Segoe UI', Arial, sans-serif; font-weight: 600; border-radius: var(--rd-radius); text-transform: none; letter-spacing: 0; height: auto; line-height: 1.4; cursor: pointer; text-decoration: none; display: inline-block; }
.btn { background-color: var(--rd-red); color: #fff; padding: 9px 20px; border: none; }
.btn:hover { background-color: var(--rd-red-dark); box-shadow: none; }
.btn.black { background-color: var(--rd-dark); }
.btn-small { padding: 6px 14px; font-size: 13px; }

/* ХЛЕБНЫЕ КРОШКИ */
.breadcrumbs { padding: 12px 0; font-size: 13px; color: var(--rd-text3); }
.breadcrumbs a { color: var(--rd-text3); text-decoration: none; }
.breadcrumbs a:hover { color: var(--rd-red); }
.breadcrumbs .bc-sep { margin: 0 5px; color: #ccc; }
.dialog-wrap { display: none; }
.mycms-dialog { border-radius: 12px; font-family: 'Geologica', 'Segoe UI', Arial, sans-serif; }

/* =============================================
   ПОДВАЛ
   ============================================= */
.site-footer {
  background: #1C1C1C;
  color: rgba(255,255,255,.55);
  font-family: 'Geologica', 'Segoe UI', Arial, sans-serif;
  margin-top: 40px;
}
.footer-top {
  max-width: var(--rd-max);
  margin: 0 auto;
  padding: 48px var(--rd-gap) 40px;
  display: grid;
  grid-template-columns: 300px 1fr 1fr 1fr;
  gap: 48px;
}

/* Колонка 1: бренд */
.footer-brand { }
.footer-logo {
  font-size: 22px;
  font-weight: 800;
  color: var(--rd-red);
  margin-bottom: 12px;
  letter-spacing: -.3px;
}
.footer-logo span { color: #fff; }
.footer-desc {
  font-size: 13px;
  line-height: 1.7;
  color: rgba(255,255,255,.45);
  margin-bottom: 20px;
}
.footer-contacts { display: flex; flex-direction: column; gap: 10px; }
.footer-contacts a,
.footer-addr,
.footer-worktime {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 14px;
  color: rgba(255,255,255,.75);
  text-decoration: none;
  transition: color var(--rd-tr);
  line-height: 1.4;
}
.footer-contacts a:hover { color: #fff; }
.footer-contacts svg, .footer-addr svg { flex-shrink: 0; margin-top: 1px; stroke: var(--rd-red); fill: none; }
.footer-addr { color: rgba(255,255,255,.45); font-size: 13px; }
.footer-addr svg { stroke: rgba(255,255,255,.3); }
.footer-worktime { color: rgba(255,255,255,.35); font-size: 12px; align-items: center; margin-top: 4px; }
/* Зелёная точка */
.footer-worktime::before {
  content: '';
  width: 6px; height: 6px;
  border-radius: 50%;
  background: #1a9e5c;
  flex-shrink: 0;
  display: inline-block;
}

/* Колонки ссылок */
.footer-col h4 {
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-bottom: 16px;
  margin-top: 0;
}
.footer-col a {
  display: block;
  font-size: 13px;
  color: rgba(255,255,255,.45);
  margin-bottom: 9px;
  text-decoration: none;
  transition: color var(--rd-tr);
}
.footer-col a:hover { color: rgba(255,255,255,.9); }

/* Нижняя строка */
.footer-bottom {
  border-top: 1px solid rgba(255,255,255,.07);
  padding: 16px var(--rd-gap);
}
.footer-bottom-inner {
  max-width: var(--rd-max);
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  color: rgba(255,255,255,.28);
  gap: 16px;
  flex-wrap: wrap;
}
.footer-bottom-links { display: flex; gap: 20px; }
.footer-bottom-links a { color: rgba(255,255,255,.28); text-decoration: none; transition: color var(--rd-tr); }
.footer-bottom-links a:hover { color: rgba(255,255,255,.65); }

/* =============================================
   АДАПТИВ
   ============================================= */
@media (max-width: 1400px) {
  .cat-grid.cat-grid_6 { grid-template-columns: repeat(5, 1fr); }
  .footer-top { grid-template-columns: 240px 1fr 1fr 1fr; gap: 32px; }
}
@media (max-width: 1100px) {
  .cat-grid.cat-grid_6 { grid-template-columns: repeat(4, 1fr); }
  .footer-top { grid-template-columns: 1fr 1fr; gap: 32px; padding: 36px var(--rd-gap) 32px; }
}
@media (max-width: 768px) {
  :root { --rd-gap: 14px; }
  .filter__ttl { font-size: 17px; padding: 12px var(--rd-gap) 0; }
  .filter__tabs { padding: 8px var(--rd-gap) 0; flex-direction: column; align-items: stretch !important; gap: 6px; }
  .filter__tabs-group_main { width: 100%; }
  .filter__panes { padding: 0 var(--rd-gap) 14px; }
  .filter__tabs-group_main { flex: none; }
  .filter__tabs-list_main { display: flex; width: 100%; }
  .filter__tabs-list_main li { flex: 1; }
  .filter__tabs-list_main li a { text-align: center; padding: 11px 8px; font-size: 14px; border-radius: 0; }
  .filter__tabs-list_main li:first-child a { border-radius: 6px 0 0 6px; }
  .filter__tabs-list_main li:last-child a  { border-radius: 0 6px 6px 0; border-left: none; }
  .filter__tabs-group { flex: none; width: 100%; }
  .filter__tabs-group-layout { flex-direction: column; align-items: stretch; gap: 6px; }
  .filter__tabs-list { width: 100%; }
  .filter__tabs-list:first-child li { flex: 1; }
  .filter__tabs-list:first-child li a { text-align: center; }
  .filter__tabs-list:last-child li { flex: 1 1 auto; }
  .filter__tabs-list:last-child li a { text-align: center; border-right: none; }
  .filter__tabs-list:last-child li:last-child a { border-right: 1.5px solid var(--rd-border); }
  .filter__seasons { flex-wrap: wrap; gap: 8px; }
  .filter__seasons a { flex: 1 1 calc(50% - 4px); justify-content: center; gap: 6px; padding: 8px 12px; font-size: 13px; white-space: nowrap; box-sizing: border-box; }
  .filter__seasons a:last-child { flex: 1 1 100%; }
  .filter__seasons a img { width: 18px; height: 18px; flex-shrink: 0; }
  .filter-table { display: block; }
  .filter-table thead { display: none; }
  .filter-table tbody { display: block; }
  .filter-table tbody tr { display: block; border: 1px solid var(--rd-border); border-radius: 8px; margin-bottom: 8px; overflow: hidden; background: #fff; }
  .filter-table tbody td { display: block; border: none; border-bottom: 1px solid var(--rd-border); padding: 10px 12px; }
  .filter-table tbody td:last-child { border-bottom: none; }
  .filter-table tbody td::before { content: attr(data-label); display: block; font-size: 11px; font-weight: 700; color: var(--rd-text3); text-transform: uppercase; letter-spacing: .05em; margin-bottom: 6px; }
  .filter-table tbody td.sm_last_td::before, .filter-table tbody td.sm2_last_td::before { content: ''; margin: 0; }
  .scroll_wrap:not(.__big) { column-count: 2; max-height: 200px; }
  .vendor_checkbox label { font-size: 14px !important; }
  .filter__btn { flex-direction: column; }
  .filter__btn input[type=submit], .filter__btn .btn.btn_l, .filter__btn input[value="Сбросить"] { width: 100%; text-align: center; }
  .cat-grid.cat-grid_6 { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .cat-item__img img { height: 100px; }
  .container[data-anchor] .h4 { font-size: 18px !important; }
  .container[data-anchor] { padding-top: 20px; }
  /* Новости на мобиле */
  .corner_large .row { flex-direction: column; }
  .corner_large .col.m3, .corner_large .col.l2 { flex: none; max-width: 100%; }
  .corner_large .col.m3 img, .corner_large .col.l2 img { width: 100%; height: 160px; }
  /* Футер */
  .footer-top { grid-template-columns: 1fr; gap: 28px; padding: 28px var(--rd-gap) 24px; }
  .footer-bottom-inner { flex-direction: column; align-items: flex-start; gap: 8px; }
  .footer-bottom-links { flex-wrap: wrap; gap: 12px; }
  .site-footer { margin-top: 24px; }
}

/* =============================================
   PROMO-STRIP — полоса преимуществ после фильтра
   Full-bleed: выходит за контейнер на всю ширину
   ============================================= */
.promo-strip {
  background: var(--rd-red);
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 0;
}
.promo-strip-inner {
  max-width: var(--rd-max);
  margin: 0 auto;
  padding: 0 var(--rd-gap);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.promo-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 20px 24px;
  border-right: 1px solid rgba(255,255,255,.15);
}
.promo-item:first-child { padding-left: 0; }
.promo-item:last-child { border-right: none; padding-right: 0; }
.promo-icon {
  width: 44px; height: 44px;
  background: rgba(255,255,255,.15);
  border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.promo-icon svg { color: #fff; width: 22px; height: 22px; fill: none; stroke: #fff; stroke-width: 2; }
.promo-text strong { display: block; font-size: 14px; font-weight: 700; color: #fff; line-height: 1.3; margin-bottom: 2px; }
.promo-text span { font-size: 12px; color: rgba(255,255,255,.75); line-height: 1.3; }

/* =============================================
   INDEX-STATS — статистика под promo-strip
   ============================================= */
.index-stats {
  background: var(--rd-dark);
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.index-stats-inner {
  max-width: var(--rd-max);
  margin: 0 auto;
  padding: 0 var(--rd-gap);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}
.index-stat {
  padding: 18px 40px;
  text-align: center;
}
.index-stat-num {
  font-size: 22px;
  font-weight: 800;
  color: #fff;
  line-height: 1.1;
  margin-bottom: 3px;
}
.index-stat-label {
  font-size: 12px;
  color: rgba(255,255,255,.45);
  text-transform: uppercase;
  letter-spacing: .05em;
}
.index-stat-sep {
  width: 1px;
  height: 36px;
  background: rgba(255,255,255,.1);
  flex-shrink: 0;
}

/* =============================================
   BRANDS SECTION — блок производителей
   ============================================= */
.brands-section {
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  padding: 32px 0 28px;
  border-top: 1px solid var(--rd-border);
  border-bottom: 1px solid var(--rd-border);
  margin-bottom: 24px;
}
.brands-section-inner {
  max-width: var(--rd-max);
  margin: 0 auto;
  padding: 0 var(--rd-gap);
}
.brands-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.brands-section-title {
  font-size: 20px;
  font-weight: 800;
  color: var(--rd-dark);
  margin: 0;
  padding-left: 14px;
  border-left: 4px solid var(--rd-red);
}
.brands-see-all {
  font-size: 14px;
  font-weight: 600;
  color: var(--rd-text2);
  text-decoration: none;
  transition: color var(--rd-tr);
}
.brands-see-all:hover { color: var(--rd-red); }
.brands-tags-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.brand-tag {
  display: inline-block;
  padding: 6px 14px;
  border: 1.5px solid var(--rd-border);
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  color: var(--rd-text2);
  text-decoration: none;
  background: #fff;
  transition: all var(--rd-tr);
  white-space: nowrap;
}
.brand-tag:hover {
  border-color: var(--rd-red);
  color: var(--rd-red);
  background: var(--rd-red-bg);
}

@media (max-width: 768px) {
  .promo-strip-inner { grid-template-columns: repeat(2, 1fr); }
  .promo-item { padding: 14px 12px; }
  .promo-item:first-child { padding-left: 12px; }
  .promo-item:nth-child(2) { border-right: none; }
  .promo-item:nth-child(3) { border-right: 1px solid rgba(255,255,255,.15); border-top: 1px solid rgba(255,255,255,.15); }
  .promo-item:nth-child(4) { border-right: none; border-top: 1px solid rgba(255,255,255,.15); }
  .index-stats-inner { flex-wrap: wrap; gap: 0; }
  .index-stat { padding: 12px 20px; flex: 1 1 50%; }
  .index-stat-sep { display: none; }
  .index-stat-num { font-size: 18px; }
  .brands-section { padding: 20px 0; }
  .brands-section-title { font-size: 17px; }
}

/* =============================================
   MYCMS DIALOG — стили модальных окон
   (были в app.css, теперь здесь)
   ============================================= */
#MyCMSDialogShadow {
  background-color: rgba(0,0,0,.6);
  height: 100%;
  position: fixed;
  bottom: 0; left: 0; right: 0; top: 0;
  width: 100%;
  z-index: 999998;
}
.mycms-dialog-conteiner {
  background-color: #fff;
  border-radius: 12px;
  min-width: 280px;
  max-width: 560px;
  padding: 24px 28px 28px;
  position: absolute;
  z-index: 999999;
  box-shadow: 0 12px 48px rgba(0,0,0,.2);
  font-family: 'Geologica', 'Segoe UI', Arial, sans-serif;
}
.mycms-dialog-conteiner .close {
  color: var(--rd-text3);
  cursor: pointer;
  font-size: 28px;
  line-height: 1;
  position: absolute;
  right: -10px;
  top: -32px;
  font-weight: 300;
  transition: color .15s;
}
.mycms-dialog-conteiner .close:hover { color: #fff; }
.mycms-dialog-conteiner.opened {
  animation: rd-dialog-in .2s ease;
}
@keyframes rd-dialog-in {
  from { opacity: 0; transform: scale(.96) translateY(-8px); }
  to   { opacity: 1; transform: scale(1) translateY(0); }
}
.mycms-dialog-conteiner iframe { border: none; }
.mycms-dialog-conteiner .title {
  display: block;
  margin-bottom: 18px;
  font-size: 20px;
  font-weight: 700;
  color: var(--rd-dark);
}
.mycms-dialog-content { max-width: 100%; }
/* Поля формы в диалоге */
.input_wrapper__bp { margin-bottom: 12px; }
.text_input__bp {
  width: 100%;
  border: 1.5px solid var(--rd-border);
  border-radius: var(--rd-radius);
  padding: 10px 14px;
  font-size: 14px;
  font-family: 'Geologica', 'Segoe UI', Arial, sans-serif;
  outline: none;
  background: #fff;
  color: var(--rd-text);
  box-sizing: border-box;
  transition: border-color .15s;
}
textarea.text_input__bp { min-height: 90px; resize: vertical; }
.text_input__bp:focus { border-color: var(--rd-red); }
.small_txt { font-size: 11px; color: var(--rd-text3); margin-top: 10px; }
.small_txt a { color: var(--rd-text3); text-decoration: underline; }
@media screen and (max-width: 599px) {
  .mycms-dialog-conteiner { left: 20px !important; right: 20px; max-width: calc(100% - 40px); padding: 18px 16px; }
  .mycms-dialog-conteiner .close { right: -6px; top: -30px; }
}

/* =============================================
   ИСПРАВЛЕНИЯ: футер, попап города, диалоги
   ============================================= */

/* Футер — явно 100% ширины */
.site-footer {
  width: 100%;
  box-sizing: border-box;
}

/* Попап выбора города — шире (был auto/узкий) */
#auto_city.mycms-dialog-conteiner,
#city_change.mycms-dialog-conteiner,
[mycms-dialog-id*="city"].mycms-dialog-conteiner {
  min-width: 400px;
  max-width: 600px;
}

/* Диалог города из js.js — обычный hash-диалог */
#MyCMSDialog_city_change,
#MyCMSDialog_changecity {
  min-width: 400px;
}

/* Прочие диалоги — разумная ширина */
.mycms-dialog-conteiner form { width: 100%; }

/* =============================================
   PRODUCT SLIDER (Swiper)
   ============================================= */

/* =============================================
   СЛАЙДЕР С ТОВАРАМИ
   container[data-anchor] — заголовок секции
   product-slider-wrap — обёртка слайдера
   products-swiper — сам Swiper
   slider-btn — кнопки навигации (абсолютные)
   ============================================= */

input[type="hidden"] { display: none; }

/* Заголовок секции */
.container[data-anchor] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 28px;
  padding-bottom: 0;
}
.container[data-anchor] .h4 {
  font-size: 22px;
  font-weight: 800;
  color: var(--rd-dark);
  margin: 0;
}
.container[data-anchor] .h4.red-text {
  color: var(--rd-dark) !important;
  padding-left: 14px;
  border-left: 4px solid var(--rd-red);
}
.section-see-all {
  font-size: 13px;
  font-weight: 600;
  color: var(--rd-text2);
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
  transition: color var(--rd-tr);
}
.section-see-all:hover { color: var(--rd-red); }

/* Обёртка слайдера:
   position: relative — для абсолютных кнопок
   overflow: visible — кнопки видны за краями
   НЕТ display:flex — swiper сам занимает 100% */
.product-slider-wrap {
  position: relative;
  display: block;
  padding: 12px 0 24px;
  overflow: visible;
}

/* Swiper на всю ширину container */
.products-swiper {
  width: 100%;
  overflow: hidden;
}
.products-swiper .swiper-wrapper { align-items: stretch; }
.products-swiper .swiper-slide   { height: auto; }

/* Кнопки — абсолютные, поверх крайних карточек */
.slider-btn {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  z-index: 10;
  width: 44px; height: 44px;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,.9);
  background: rgba(255,255,255,.92);
  box-shadow: 0 2px 10px rgba(0,0,0,.18);
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  padding: 0;
  transition: all .18s;
}
.slider-btn svg { width: 20px; height: 20px; stroke: var(--rd-dark); }
.slider-btn:hover { background: #fff; border-color: var(--rd-red); }
.slider-btn:hover svg { stroke: var(--rd-red); }
.slider-btn--prev { left: 8px; }
.slider-btn--next { right: 8px; }
.slider-btn--disabled { opacity: 0; pointer-events: none; }

/* =============================================
   КАРТОЧКА ТОВАРА
   ============================================= */
.cat-item {
  display: flex;
  flex-direction: column;
  background: var(--rd-gray);
  border: 1px solid var(--rd-border);
  border-radius: 16px;
  overflow: hidden;
  height: 100%;
  transition: box-shadow .2s;
}
.cat-item:hover { box-shadow: 0 2px 12px rgba(0,0,0,.08); }

/* Фото */
.cat-item__img {
  position: relative;
  background: var(--rd-gray);
  padding: 20px;
  border-bottom: none;
  flex-shrink: 0;
}
.cat-item__img a { display: block; }
.cat-item__img img {
  width: 100%; height: 250px;
  object-fit: contain; display: block;
  mix-blend-mode: multiply;
  transition: transform .25s;
}
.cat-item:hover .cat-item__img img { transform: scale(1.04); }

/* Бейджи */
.cat-item__img.spec_price::before {
  content: 'АКЦИЯ';
  position: absolute; top: 8px; left: 8px;
  background: var(--rd-red); color: #fff;
  font-size: 9px; font-weight: 800;
  padding: 3px 8px; border-radius: 4px;
  text-transform: uppercase; letter-spacing: .06em; line-height: 1.4; z-index: 1;
}
.cat-item__img.new_sticker::after {
  content: 'НОВИНКА';
  position: absolute; top: 8px; left: 8px;
  background: #2563EB; color: #fff;
  font-size: 9px; font-weight: 800;
  padding: 3px 8px; border-radius: 4px;
  text-transform: uppercase; letter-spacing: .06em; line-height: 1.4; z-index: 1;
}
.cat-item__img.new_sticker.spec_price::before { top: 30px; }
.cat-item__img.new_sticker.spec_price::after  { top: 8px; }

/* Описание */
.cat-item__desc {
  background: #fff;
  border-top: 1px solid var(--rd-border);
  padding: 14px 16px 0;
  flex: 1;
  display: flex; flex-direction: column; gap: 3px;
}
.cat-item__brand {
  font-size: 11px; font-weight: 700;
  color: var(--rd-text3); text-transform: uppercase;
  letter-spacing: .08em; line-height: 1.2;
}
.cat-item__ttl { flex: 1; }
.cat-item__ttl a {
  font-size: 15px; font-weight: 700;
  color: var(--rd-dark); line-height: 1.3; display: block;
}
.cat-item__ttl a:hover { color: var(--rd-red); }
.cat-item__size {
  font-size: 13px; color: var(--rd-text3);
  margin-bottom: 4px;
}

/* Блок цены: border-top на полную ширину через отрицательные отступы */
.cat-item__price-row {
  display: flex; align-items: flex-end;
  justify-content: space-between; gap: 8px;
  margin: 10px -16px 0;
  padding: 12px 16px 14px;
  border-top: 1px solid var(--rd-border);
  flex-wrap: nowrap;
}
.cat-item__price-block {
  display: flex; flex-direction: column; gap: 1px; min-width: 0;
}
.cat-item__price-old {
  font-size: 13px; color: var(--rd-text3);
  text-decoration: line-through; font-weight: 400;
  line-height: 1.3; border: none; background: none;
}
.cat-item__price {
  font-size: 22px; font-weight: 800;
  color: var(--rd-dark); line-height: 1;
  white-space: nowrap; border: none;
}
.rub { font-size: 15px; font-weight: 700; }
.cat-item__price-old .rub { font-size: 11px; }
.cat-item__buy {
  background: var(--rd-red); color: #fff;
  border: none; border-radius: 8px;
  padding: 10px 16px; font-size: 13px; font-weight: 700;
  font-family: 'Geologica','Segoe UI',Arial,sans-serif;
  cursor: pointer; white-space: nowrap; flex-shrink: 0;
  transition: opacity .15s; line-height: 1.3;
}
.cat-item__buy:hover { opacity: .88; }
.cat-item__buy:disabled { background: var(--rd-text3); }
.inBasket { font-size: 11px; color: var(--rd-text2); padding: 0 16px 10px; }
.inBasket a { color: var(--rd-red); }

/* =============================================
   КАТЕГОРИИ
   ============================================= */
.categories-grid-wrap { margin-top: 12px; margin-bottom: 24px; }
.categories-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; }
.cat-card {
  display: flex; flex-direction: column; align-items: center; text-align: center;
  padding: 20px 12px 18px; border: 1.5px solid var(--rd-border); border-radius: 12px;
  background: #fff; text-decoration: none; color: var(--rd-dark);
  transition: all var(--rd-tr); gap: 8px;
}
.cat-card:hover { border-color: var(--rd-red); box-shadow: 0 4px 16px rgba(216,46,46,.12); transform: translateY(-2px); }
.cat-card-icon {
  width: 48px; height: 48px; background: var(--rd-red-bg); border-radius: 12px;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: background var(--rd-tr);
}
.cat-card:hover .cat-card-icon { background: var(--rd-red); }
.cat-card-icon svg { width: 24px; height: 24px; stroke: var(--rd-red); transition: stroke var(--rd-tr); }
.cat-card:hover .cat-card-icon svg { stroke: #fff; }
.cat-card strong { font-size: 13px; font-weight: 700; line-height: 1.3; }
.cat-card span { font-size: 11px; color: var(--rd-text3); line-height: 1.3; }

/* =============================================
   ПОЧЕМУ ВЫБИРАЮТ НАС
   ============================================= */
.why-us-section {
  width: 100vw; position: relative; left: 50%; transform: translateX(-50%);
  background: var(--rd-gray); padding: 40px 0; margin-bottom: 28px;
  border-top: 1px solid var(--rd-border); border-bottom: 1px solid var(--rd-border);
}
.why-us-inner { max-width: var(--rd-max); margin: 0 auto; padding: 0 var(--rd-gap); }
.why-us-title {
  font-size: 22px; font-weight: 800; color: var(--rd-dark);
  margin: 0 0 24px; padding-left: 14px; border-left: 4px solid var(--rd-red);
}
.why-us-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.why-us-card { background: #fff; border-radius: 12px; padding: 24px 20px; border: 1px solid var(--rd-border); }
.why-us-num { font-size: 36px; font-weight: 800; color: var(--rd-red); line-height: 1; margin-bottom: 8px; }
.why-us-card h3 { font-size: 15px; font-weight: 700; margin-bottom: 8px; color: var(--rd-dark); }
.why-us-card p { font-size: 13px; color: var(--rd-text2); line-height: 1.6; margin: 0; }

/* =============================================
   АДАПТИВ новых секций
   ============================================= */
@media (max-width: 1200px) {
  .categories-grid { grid-template-columns: repeat(3, 1fr); }
  .why-us-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .slider-btn { display: none; }
  .cat-item__img img { height: 140px; }
  .cat-item__price { font-size: 18px; }
  .rub { font-size: 13px; }
  .cat-item__buy { padding: 8px 10px; font-size: 12px; }
  .categories-grid { grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .cat-card { padding: 14px 8px; gap: 6px; }
  .cat-card-icon { width: 38px; height: 38px; }
  .cat-card-icon svg { width: 20px; height: 20px; }
  .cat-card strong { font-size: 12px; }
  .cat-card span { display: none; }
  .why-us-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .why-us-card { padding: 16px 14px; }
  .why-us-num { font-size: 28px; }
  .why-us-section { padding: 28px 0; }
}

/* =============================================
   КАТАЛОГ — layout, сортировка, карточки, пагинация
   ============================================= */

/* Layout: aside + content */
.cat-layout {
  display: grid;
  grid-template-columns: 268px 1fr;
  gap: 28px;
  align-items: start;
  padding-bottom: 40px;
}
.cat-layout__aside {
  position: sticky;
  top: 12px;
}
.cat-layout__content {}

/* H1 в каталоге */
.container.pb20 > h1,
.container.pb20 > div > h1 {
  font-size: 28px;
  font-weight: 800;
  color: var(--rd-dark);
  margin: 20px 0 16px;
}

/* =============================================
   ASIDE-FILTER: фильтр сайдбара переопределяет main_filter
   ============================================= */
.aside-filter.filter-df {
  background: #fff;
  border: 1px solid var(--rd-border);
  border-radius: 12px;
  padding: 0;
  overflow: hidden;
}
.aside-filter .filter__tabs { padding: 0; flex-direction: column; gap: 0; }
.aside-filter .filter__tabs-group_main { order: -1; padding: 16px 16px 0; }
.aside-filter .filter__tabs-group { padding: 0 16px 12px; }
.aside-filter .filter__panes { padding: 0 16px 16px; }
.aside-filter .filter__tabs-list_main { display: flex; width: 100%; }
.aside-filter .filter__tabs-list_main li { flex: 1; }
.aside-filter .filter__tabs-list_main li a { text-align: center; padding: 8px 4px; font-size: 13px; }
.aside-filter .filter__tabs-group-layout { flex-direction: column; gap: 6px; }
.aside-filter .filter__tabs-list { width: 100%; }
.aside-filter .filter__tabs-list li { flex: 1; }
.aside-filter .filter__tabs-list li a { text-align: center; font-size: 12px; padding: 7px 8px; }
.aside-filter .filter-table { font-size: 12px; }
.aside-filter .filter-table thead td,
.aside-filter .filter-table thead th { font-size: 11px; padding: 7px 8px; }
.aside-filter .filter-table tbody td { padding: 7px 8px; }
.aside-filter .scroll_wrap:not(.__big) { column-count: 2; max-height: 120px; }
.aside-filter .filter__gap-lbls { gap: 12px; }
.aside-filter .filter__gap-lbls label { font-size: 13px; }
.aside-filter .filter__btn { padding: 0 16px 16px; margin: 8px 0 0; }
.aside-filter .filter__btn input[type=submit] { width: 100%; padding: 11px; font-size: 14px; }
.aside-filter .filter__btn input[value="Сбросить"] { width: 100%; padding: 9px; font-size: 13px; }
.aside-filter .select2-dropdown { max-width: 220px !important; }

/* =============================================
   СОРТИРОВКА
   ============================================= */
.sorting_form {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.cat-sort {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.cat-sort__lbl {
  font-size: 14px;
  color: var(--rd-text2);
  white-space: nowrap;
}
.cat-sort select {
  border: 1.5px solid var(--rd-border);
  border-radius: var(--rd-radius);
  padding: 9px 32px 9px 12px;
  font-size: 14px;
  font-family: 'Geologica', 'Segoe UI', Arial, sans-serif;
  appearance: none;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23888' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;
  cursor: pointer;
  outline: none;
  min-width: 200px;
}

/* =============================================
   СЕТКА КАТАЛОГА
   cat-grid_4 → 3 колонки при наличии сайдбара
   ============================================= */
.cat-layout__content .cat-grid.cat-grid_4,
.cat-layout__content .cat-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-bottom: 32px;
}

/* =============================================
   КАРТОЧКА КАТАЛОГА (специфика)
   Базовые стили cat-item уже в redesign.css
   Здесь — сезон-бейдж, счётчик, подправки
   ============================================= */

/* Сезон-бейдж */
.cat-item__season-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 500;
  padding: 3px 10px;
  border-radius: 5px;
  margin-bottom: 4px;
  width: fit-content;
}
.cat-item__season-badge--summer     { background: #FEF9C3; color: #854D0E; }
.cat-item__season-badge--winter     { background: #DBEAFE; color: #1E40AF; }
.cat-item__season-badge--winter-spike { background: #DBEAFE; color: #1E3A8A; }
.cat-item__season-badge--all        { background: #DCFCE7; color: #166534; }

/* Старый span-иконка сезона — скрываем */
.cat-item__season { display: none; }

/* Счётчик количества */
.cat-item__count {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 6px 0 2px;
}
.item-counter {
  display: flex;
  align-items: center;
  border: 1.5px solid var(--rd-border);
  border-radius: 6px;
  overflow: hidden;
}
.item-counter__btn {
  display: flex; align-items: center; justify-content: center;
  width: 32px; height: 32px;
  background: var(--rd-gray);
  color: var(--rd-text2);
  text-decoration: none;
  font-size: 18px; font-weight: 300;
  line-height: 1;
  transition: background var(--rd-tr);
  flex-shrink: 0;
}
.item-counter__btn::after { content: '−'; }
.item-counter__btn_plus::after { content: '+'; }
.item-counter__btn:hover { background: var(--rd-gray2); }
.item-counter__inp input {
  width: 44px; height: 32px;
  text-align: center;
  border: none;
  border-left: 1px solid var(--rd-border);
  border-right: 1px solid var(--rd-border);
  font-size: 14px; font-family: 'Geologica', 'Segoe UI', Arial, sans-serif;
  background: #fff;
  outline: none;
}

/* Сумма */
.cat-item__total {
  font-size: 12px;
  color: var(--rd-text3);
  margin-bottom: 6px;
}
.cat-item__total-sum { font-weight: 700; color: var(--rd-text2); }

/* Кнопка В корзину в каталоге — input type=button */
.cat-item__buy input.addBasket,
input.addBasket.btn {
  background: var(--rd-red);
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 700;
  font-family: 'Geologica', 'Segoe UI', Arial, sans-serif;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity .15s;
  line-height: 1.3;
  display: inline-block;
  height: auto;
  text-transform: none;
  letter-spacing: 0;
  box-shadow: none;
}
.cat-item__buy input.addBasket:hover,
input.addBasket.btn:hover { opacity: .88; }
.cat-item__buy input.addBasket:disabled { background: var(--rd-text3); }

/* =============================================
   ПАГИНАЦИЯ
   ============================================= */
.pagination_wrap,
.pages_nav {
  display: flex;
  justify-content: center;
  margin: 32px 0 16px;
}
.pagination {
  display: flex;
  gap: 6px;
  list-style: none;
  padding: 0; margin: 0;
}
.pagination li a,
.pagination li span,
.pagination li.active a,
.pagination_item {
  display: flex; align-items: center; justify-content: center;
  min-width: 40px; height: 40px;
  border: 1.5px solid var(--rd-border);
  border-radius: var(--rd-radius);
  background: #fff;
  font-size: 14px; font-weight: 600;
  color: var(--rd-text2);
  text-decoration: none;
  padding: 0 10px;
  transition: all var(--rd-tr);
}
.pagination li a:hover { border-color: var(--rd-red); color: var(--rd-red); }
.pagination li.active a,
.pagination li.active span { background: var(--rd-red); color: #fff; border-color: var(--rd-red); }

/* =============================================
   МОБИЛЬНАЯ для каталога
   ============================================= */
@media (max-width: 1024px) {
  .cat-layout { grid-template-columns: 220px 1fr; gap: 20px; }
  .cat-layout__content .cat-grid.cat-grid_4,
  .cat-layout__content .cat-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .cat-layout { grid-template-columns: 1fr; }
  .cat-layout__aside { position: static; }
  .cat-layout__content .cat-grid.cat-grid_4,
  .cat-layout__content .cat-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
}

/* =============================================
   СТРАНИЦА КАРТОЧКИ ТОВАРА (model_tire / model_disc)
   ============================================= */

/* Layout: фото | инфо */
.product-layout {
  display: grid;
  grid-template-columns: 340px 1fr;
  gap: 36px;
  margin-bottom: 40px;
  align-items: start;
}

/* ---- ФОТО ---- */
.product-img {}
.product-img__pre {
  position: relative;
  background: var(--rd-gray);
  border: 1px solid var(--rd-border);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  padding: 24px;
  margin-bottom: 12px;
  overflow: hidden;
}
.product-img__pre a { display: flex; align-items: center; justify-content: center; }
.product-img__pre img:not(.season-icon) {
  max-width: 100%;
  max-height: 280px;
  object-fit: contain;
  mix-blend-mode: multiply;
  display: block;
}
.season-icon {
  position: absolute;
  top: 14px; left: 14px;
  width: 32px; height: 32px;
  opacity: .7;
}

/* Миниатюры */
.product-img__thumbs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.product-img__thumbs a {
  display: block;
  width: 72px; height: 72px;
  border: 2px solid var(--rd-border);
  border-radius: 10px;
  background: var(--rd-gray);
  overflow: hidden;
  transition: border-color var(--rd-tr);
}
.product-img__thumbs a:hover { border-color: var(--rd-red); }
.product-img__thumbs img {
  width: 100%; height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
}

/* YouTube */
.product-img__youtube { border-radius: 12px; overflow: hidden; margin-bottom: 12px; }
.product-img__youtube iframe { display: block; border-radius: 12px; }

/* ---- ПРАВАЯ ЧАСТЬ ---- */
.product-layout__right {}
.product-layout__right-layout {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  margin-bottom: 20px;
}
.product-layout__right-chars { flex: 1; }
.product-layout__right-img {
  flex-shrink: 0;
}
.product-layout__right-img img {
  max-width: 120px;
  max-height: 60px;
  object-fit: contain;
  opacity: .85;
}

/* Таблица характеристик */
table.characteristic {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 0;
  font-size: 14px;
}
table.characteristic tr {
  border-bottom: 1px dashed var(--rd-border);
}
table.characteristic tr:last-child { border-bottom: none; }
table.characteristic td {
  padding: 10px 6px;
  vertical-align: middle;
}
table.characteristic td:first-child {
  color: var(--rd-text2);
  width: 48%;
}
table.characteristic td:last-child { font-weight: 600; }
table.characteristic .season-icon {
  position: static;
  width: 18px; height: 18px;
  opacity: 1;
  vertical-align: middle;
  margin-right: 5px;
}
.flag-icon { height: 16px; vertical-align: middle; margin-left: 5px; border-radius: 2px; }

/* ---- ТАБЫ ---- */
ul.tabs.tabs_default {
  display: flex;
  list-style: none;
  padding: 0; margin: 0 0 0;
  border-bottom: 2px solid var(--rd-border);
  flex-wrap: wrap;
  gap: 0;
}
ul.tabs.tabs_default li a {
  display: block;
  padding: 10px 18px;
  font-size: 14px;
  font-weight: 600;
  color: var(--rd-text2);
  text-decoration: none;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  transition: color var(--rd-tr), border-color var(--rd-tr);
  white-space: nowrap;
}
ul.tabs.tabs_default li a:hover { color: var(--rd-red); }
ul.tabs.tabs_default li.active a {
  color: var(--rd-red);
  border-bottom-color: var(--rd-red);
}

.panes.panes_default .panes__item { padding: 20px 0 0; }

/* Фильтр по диаметру */
.radius-sort {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.radius-sort__item {
  display: inline-block;
  padding: 6px 14px;
  border: 1.5px solid var(--rd-border);
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  color: var(--rd-text2);
  text-decoration: none;
  background: #fff;
  transition: all var(--rd-tr);
  cursor: pointer;
}
.radius-sort__item:hover { border-color: var(--rd-red); color: var(--rd-red); }
.radius-sort__item.active,
.radius-sort__item.active .mob-hid {
  background: var(--rd-red); color: #fff !important; border-color: var(--rd-red); border-bottom-color: var(--rd-red);
}

/* ---- ТАБЛИЦА РАЗМЕРОВ ---- */
table.typesize_tbl {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.typesize_tbl__ttl td {
  background: var(--rd-gray2);
  font-weight: 700;
  font-size: 13px;
  color: var(--rd-text2);
  padding: 8px 14px;
  text-transform: uppercase;
  letter-spacing: .04em;
  border: 1px solid var(--rd-border);
}
.typesize_tbl__head td {
  background: var(--rd-gray);
  font-weight: 700;
  font-size: 12px;
  color: var(--rd-text3);
  padding: 9px 14px;
  text-transform: uppercase;
  letter-spacing: .04em;
  border: 1px solid var(--rd-border);
}
.typesize_tbl__item td {
  padding: 12px 14px;
  border: 1px solid var(--rd-border);
  vertical-align: middle;
}
.typesize_tbl__item:hover td { background: var(--rd-red-bg); }
.typesize_tbl__item-name a {
  font-weight: 600;
  color: var(--rd-dark);
  text-decoration: none;
  font-size: 14px;
}
.typesize_tbl__item-name a:hover { color: var(--rd-red); }
.typesize_tbl__item.hotoffer .typesize_tbl__item-name a { color: var(--rd-red); }
.typesize_tbl__item-price {
  font-size: 17px;
  font-weight: 800;
  color: var(--rd-dark);
  white-space: nowrap;
}
.typesize_tbl__item-price .rub { font-size: 13px; font-weight: 700; }
.typesize_tbl__item-price.red-text.bold { color: var(--rd-red) !important; }
.typesize_tbl__item-avail {
  text-align: center;
  font-size: 13px;
  color: var(--rd-text3);
}
.typesize_tbl__item-color { color: var(--rd-dark); font-weight: 600; }
.typesize_tbl__item-avail .avail-ok  { color: #1a9e5c !important; font-weight: 600; }
.typesize_tbl__item-avail .avail-low { color: #d97706 !important; font-weight: 600; }

/* SVG иконки наличия */
.svg-icon { width: 22px; height: 22px; display: inline-block; vertical-align: middle; }
.teal-text { color: #1a9e5c; }
.red-text { color: var(--rd-red) !important; }
svg.icon-check-circle use, svg.icon-check-circle { fill: none; stroke: #1a9e5c; stroke-width: 2; }
svg.icon-close-circle use, svg.icon-close-circle { fill: none; stroke: var(--rd-red); stroke-width: 2; }
svg.icon-basket use, svg.icon-basket { fill: none; stroke: currentColor; stroke-width: 2; }

/* Кнопка корзины в таблице */
.typesize_tbl__item-buy {
  white-space: nowrap;
}
.typesize_tbl__item-buy-counter {
  display: inline-flex;
  vertical-align: middle;
  margin-right: 8px;
}
.typesize_tbl__item-buy .item-counter { display: flex; }
button.addBasket.btn.btn_square {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px; height: 40px;
  background: var(--rd-red);
  color: #fff;
  border: none;
  border-radius: var(--rd-radius);
  cursor: pointer;
  transition: opacity .15s;
  vertical-align: middle;
  padding: 0;
  flex-shrink: 0;
}
button.addBasket.btn.btn_square:hover { opacity: .88; }
button.addBasket.btn.btn_square svg { width: 18px; height: 18px; stroke: #fff; fill: none; }
.inBasket { font-size: 11px; color: var(--rd-text2); margin-top: 3px; }
.inBasket a { color: var(--rd-red); }

/* ---- ОПИСАНИЕ ПРОИЗВОДИТЕЛЯ ---- */
.desc_full1 {
  font-size: 14px;
  color: var(--rd-red);
  text-decoration: none;
  border-bottom: 1px dashed var(--rd-red);
  cursor: pointer;
  display: inline-block;
  margin-top: 8px;
}

/* ---- ОТЗЫВЫ ---- */
.reviews-wrap { margin-top: 8px; }

/* ---- АДАПТИВ ---- */
@media (max-width: 1024px) {
  .product-layout { grid-template-columns: 280px 1fr; gap: 24px; }
}
@media (max-width: 768px) {
  .product-layout { grid-template-columns: 1fr; gap: 16px; }
  .product-img__pre { aspect-ratio: 1 / 1; min-height: 0; height: auto; }
  .product-layout__right-layout { flex-direction: column; gap: 12px; }
  table.typesize_tbl { font-size: 13px; }
  ul.tabs.tabs_default li.tab_mob_hidden { display: none; }
  ul.tabs.tabs_default li a { padding: 8px 12px; font-size: 13px; }
}

/* =============================================
   КАРТОЧКА ТОВАРА v2 — 3 колонки по макету
   ============================================= */

/* Layout: gallery | info | buy-block */
.product-layout {
  display: grid !important;
  grid-template-columns: 360px 1fr 300px !important;
  gap: 32px !important;
  margin-bottom: 40px !important;
  align-items: start !important;
}

/* --- ГАЛЕРЕЯ --- */
.prod-gallery {}
.gallery-main {
  position: relative;
  background: var(--rd-gray);
  border: 1px solid var(--rd-border);
  border-radius: 16px;
  height: 320px;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 12px;
  overflow: hidden;
  padding: 20px;
}
.gallery-main a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.gallery-main img {
  max-width: 100%; max-height: 280px;
  object-fit: contain;
  mix-blend-mode: multiply;
}
.prod-gallery .gallery-main span.gallery-badge {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 2;
  background: var(--rd-red);
  color: #fff !important;
  font-size: 11px;
  font-weight: 800;
  padding: 5px 12px;
  border-radius: 6px;
  text-transform: uppercase;
  letter-spacing: .06em;
  line-height: 1.4;
}
.gallery-thumbs {
  display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 12px;
}
.gallery-thumb {
  display: block;
  width: 68px; height: 68px;
  border: 2px solid var(--rd-border);
  border-radius: 10px;
  background: var(--rd-gray);
  overflow: hidden;
  transition: border-color var(--rd-tr);
  flex-shrink: 0;
}
.gallery-thumb:hover { border-color: var(--rd-red); }
.gallery-thumb img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.product-img__youtube { border-radius: 12px; overflow: hidden; margin-bottom: 12px; }
.product-img__youtube iframe { display: block; }
.prod-mfg-logo { margin-top: 16px; }
.prod-mfg-logo img { max-width: 140px; max-height: 56px; object-fit: contain; opacity: .8; }

/* --- ХАРАКТЕРИСТИКИ --- */
.prod-info {}
.prod-info h1 {
  font-size: 24px; font-weight: 800;
  color: var(--rd-dark); line-height: 1.25;
  margin: 0 0 20px;
}
table.chars-table {
  width: 100%; border-collapse: collapse;
  margin-bottom: 20px; font-size: 14px;
}
table.chars-table tr { border-bottom: 1px solid var(--rd-border); }
table.chars-table tr:last-child { border-bottom: none; }
table.chars-table td { padding: 10px 8px; vertical-align: middle; }
table.chars-table td:first-child { color: var(--rd-text2); width: 50%; }
table.chars-table td:last-child { font-weight: 600; }
table.chars-table a { color: var(--rd-red); text-decoration: none; }
table.chars-table a:hover { text-decoration: underline; }

.prod-desc { font-size: 14px; line-height: 1.7; color: var(--rd-text2); margin-top: 16px; }
.prod-desc p { margin-bottom: 10px; }
.desc_full1, a.dashed { font-size: 14px; color: var(--rd-red); border-bottom: 1px dashed var(--rd-red); cursor: pointer; text-decoration: none; }

/* --- BUY-BLOCK --- */
.buy-block {
  background: #fff;
  border: 2px solid var(--rd-border);
  border-radius: 16px;
  padding: 24px;
  position: sticky;
  top: 16px;
}
.buy-block-label {
  font-size: 12px; color: var(--rd-text3);
  text-transform: uppercase; letter-spacing: .06em; font-weight: 600;
  margin-bottom: 6px;
}
.buy-price-old {
  font-size: 15px; color: var(--rd-text3);
  text-decoration: line-through; margin-bottom: 2px;
  display: flex; align-items: baseline; gap: 3px;
}
.buy-price {
  font-size: 34px; font-weight: 800; color: var(--rd-dark);
  line-height: 1; margin-bottom: 8px;
  display: flex; align-items: baseline; gap: 4px;
}
.buy-price .rub { font-size: 22px; font-weight: 700; }
.buy-avail {
  display: flex; align-items: center; gap: 6px;
  font-size: 13px; font-weight: 600; color: #1a9e5c;
  margin-bottom: 16px;
}
.buy-avail::before { content: '●'; font-size: 9px; }
.buy-avail--no { color: var(--rd-text3); }
.buy-avail--no::before { display: none; }

/* Select размера */
.buy-size-select-wrap { margin-bottom: 16px; }
.buy-size-select {
  width: 100%;
  border: 1.5px solid var(--rd-border);
  border-radius: var(--rd-radius);
  padding: 9px 28px 9px 10px;
  font-size: 13px;
  font-family: 'Geologica', 'Segoe UI', Arial, sans-serif;
  appearance: none;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23888' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 8px center;
  cursor: pointer; outline: none;
}
.buy-size-select:focus { border-color: var(--rd-red); }

/* Счётчик */
.qty-label { font-size: 12px; color: var(--rd-text3); margin-bottom: 8px; }
.qty-row {
  display: flex; align-items: stretch;
  border: 1.5px solid var(--rd-border);
  border-radius: var(--rd-radius);
  overflow: hidden;
  margin-bottom: 10px;
  width: fit-content;
}
.qty-btn {
  width: 40px; height: 40px;
  background: var(--rd-gray);
  border: none; font-size: 20px; font-weight: 300;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; color: var(--rd-dark);
  text-decoration: none; flex-shrink: 0;
  transition: background var(--rd-tr);
  line-height: 1;
}
.qty-btn:hover { background: var(--rd-gray2); }
.qty-inp {
  width: 52px; height: 40px;
  border: none;
  border-left: 1.5px solid var(--rd-border);
  border-right: 1.5px solid var(--rd-border);
  text-align: center; font-size: 15px; font-weight: 700;
  font-family: 'Geologica', 'Segoe UI', Arial, sans-serif;
  background: #fff; outline: none;
}
.buy-total {
  font-size: 13px; color: var(--rd-text2); margin-bottom: 16px;
}
.buy-total strong { color: var(--rd-dark); font-size: 17px; font-weight: 800; }

/* Кнопки */
.buy-add-btn {
  display: block; width: 100%;
  background: var(--rd-red); color: #fff; border: none;
  border-radius: var(--rd-radius); padding: 15px;
  font-size: 16px; font-weight: 700;
  font-family: 'Geologica', 'Segoe UI', Arial, sans-serif;
  cursor: pointer; margin-bottom: 10px;
  transition: opacity .15s; text-align: center; box-sizing: border-box;
  line-height: 1.3;
}
.buy-add-btn:hover { opacity: .88; }
.buy-quick-btn {
  display: block; width: 100%; box-sizing: border-box;
  background: transparent; color: var(--rd-dark);
  border: 1.5px solid var(--rd-border); border-radius: var(--rd-radius);
  padding: 13px; font-size: 14px; font-weight: 600;
  font-family: 'Geologica', 'Segoe UI', Arial, sans-serif;
  cursor: pointer; margin-bottom: 20px; text-align: center;
  text-decoration: none; transition: all var(--rd-tr);
}
.buy-quick-btn:hover { border-color: var(--rd-dark); }

/* Features */
.buy-features { display: flex; flex-direction: column; gap: 10px; }
.buy-feat { display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--rd-text2); }
.buy-feat svg { width: 18px; height: 18px; stroke: var(--rd-red); fill: none; flex-shrink: 0; }
.buy-feat-sep { border-top: 1px solid var(--rd-border); margin: 2px 0; }

/* --- ТАБЛИЦА РАЗМЕРОВ (вне layout) --- */
.product-sizes { margin-bottom: 32px; }
.product-sizes__title { font-size: 20px; font-weight: 800; color: var(--rd-dark); margin-bottom: 16px; padding-left: 14px; border-left: 4px solid var(--rd-red); }
.avail-ok  { color: #1a9e5c; font-weight: 600; font-size: 13px; }
.avail-low { color: #d97706; font-weight: 600; font-size: 13px; }

/* --- ТАБЫ (вне layout) --- */
.product-tabs-wrap { margin-bottom: 32px; }

/* --- АДАПТИВ --- */
@media (max-width: 1200px) {
  .product-layout { grid-template-columns: 300px 1fr 280px !important; gap: 24px !important; }
}
@media (max-width: 1024px) {
  .product-layout { grid-template-columns: 260px 1fr 260px !important; gap: 20px !important; }
  .gallery-main { height: 260px !important; }
}
@media (max-width: 768px) {
  .product-layout { grid-template-columns: 1fr !important; gap: 16px !important; }
  .gallery-main { aspect-ratio: 1 / 1 !important; height: auto !important; }
  .buy-block { position: static !important; }
  .buy-price { font-size: 26px !important; }
}

/* =============================================
   FIX: product page layout + buy-block
   ============================================= */

/* cat-layout без aside = полная ширина */
.cat-layout:not(:has(.cat-layout__aside)) {
  grid-template-columns: 1fr !important;
}

/* qty-btn — убираем псевдоэлементы (текст уже в HTML) */
.qty-btn::before, .qty-btn::after { content: none !important; }
/* item-counter::after тоже убираем чтобы не дублировалось */
.item-counter__btn::before { content: none !important; }

/* product-layout — полная ширина контента */
.cat-layout__content .product-layout,
.cat-layout__content .product-sizes,
.cat-layout__content .product-tabs-wrap {
  max-width: 100%;
  width: 100%;
}

/* =============================================
   ДИАЛОГ "ТОВАР ДОБАВЛЕН В КОРЗИНУ"
   ============================================= */
.mycms-dialog-conteiner { min-width: 360px; max-width: 640px; width: auto; }

.buy-dialog { font-family: 'Geologica','Segoe UI',Arial,sans-serif; }

/* Таблица товаров в корзине */
#popupBasket { margin-bottom: 16px; }
.popupBasket__row,
#popupBasket .row {
  display: flex !important;
  gap: 12px;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid var(--rd-border);
  margin: 0 !important;
}
#popupBasket .row:last-child { border-bottom: none; }

/* Фото */
#popupBasket .col.m3, #popupBasket .col.l3,
#popupBasket .col.s12.m3.l3 {
  flex: 0 0 72px !important; width: 72px !important; padding: 0 !important;
}
#popupBasket .col.m3 img {
  width: 72px; height: 72px;
  object-fit: contain; border-radius: 8px;
  background: var(--rd-gray); mix-blend-mode: multiply;
  display: block;
}

/* Название */
#popupBasket .col.m6, #popupBasket .col.l4 {
  flex: 1 !important; padding: 0 !important; min-width: 0;
}
#popupBasket .col.m6 .bold a,
#popupBasket .col.l4 .bold a {
  font-weight: 700; font-size: 14px; color: var(--rd-dark); text-decoration: none;
}
#popupBasket .col.m6 .bold a:hover { color: var(--rd-red); }

/* Количество */
#popupBasket .col.m2.l2 {
  flex: 0 0 auto !important; padding: 0 !important;
}
input.speed.changeItemCount {
  width: 44px; height: 32px; text-align: center;
  border: 1.5px solid var(--rd-border); border-radius: 6px;
  font-size: 14px; font-weight: 700;
  font-family: 'Geologica','Segoe UI',Arial,sans-serif;
  outline: none; background: #fff;
}

/* Цена */
#popupBasket .col.m2.l2:nth-child(4) { text-align: right; }
#popupBasket .red-text.bold { color: var(--rd-red) !important; font-weight: 700; }

/* Удалить */
#popupBasket .col.m1.l1 { flex: 0 0 28px !important; padding: 0 !important; text-align: center; }
#popupBasket .col.m1.l1 a { color: var(--rd-text3); font-size: 16px; transition: color var(--rd-tr); }
#popupBasket .col.m1.l1 a:hover { color: var(--rd-red); }

/* Сопутствующие товары */
#popupAsc { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--rd-border); }
#popupAsc .ttl {
  font-size: 14px; font-weight: 700; color: var(--rd-dark);
  margin-bottom: 12px;
}
.popup-accessory .row {
  display: flex !important; gap: 8px; flex-wrap: wrap; margin: 0 !important;
}
.popup-accessory .col.s6.m4.l2 {
  flex: 0 0 calc(33% - 8px) !important; width: auto !important;
  padding: 0 !important; text-align: center;
  display: flex !important; flex-direction: column !important;
}
.popup-accessory .product_frame img {
  width: 100%; height: 80px; object-fit: contain;
  border-radius: 8px; background: var(--rd-gray); display: block;
}
.popup-accessory .product_frame_desc {
  font-size: 11px !important; line-height: 1.3 !important;
  margin-top: 4px; color: var(--rd-text2);
  min-height: 2.6em; display: flex; align-items: center; justify-content: center;
}
.popup-accessory .product_frame_desc a { color: var(--rd-text2); text-decoration: none; }
.popup-accessory .product_frame_desc a:hover { color: var(--rd-red); }
.popup-accessory .buy-block {
  /* переопределяем sticky buy-block стиль для этого контекста */
  position: static !important; border: none !important;
  padding: 4px 0 0 !important; background: transparent !important;
  margin-top: auto !important;
  display: flex !important; flex-direction: column !important; align-items: center !important; gap: 4px;
}
.popup-acc-counter {
  display: inline-flex; align-items: center;
  border: 1.5px solid var(--rd-border); border-radius: 6px; overflow: hidden;
}
.popup-acc-counter .item-counter__btn { flex: 0 0 26px; height: 26px; }
.popup-acc-counter .item-counter__inp { flex: 0 0 36px; }
.popup-acc-counter input.speed {
  width: 100%; height: 26px; border: none; text-align: center;
  font-size: 12px; box-sizing: border-box; padding: 0;
  font-family: 'Geologica','Segoe UI',Arial,sans-serif;
}
.popup-acc-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  width: 100%;
  background: var(--rd-red); color: #fff; border: none;
  border-radius: 6px; padding: 6px 8px; font-size: 11px; font-weight: 700;
  cursor: pointer; transition: opacity var(--rd-tr);
  font-family: 'Geologica','Segoe UI',Arial,sans-serif;
}
.popup-acc-btn:hover { opacity: .88; }
.popup-acc-btn svg { width: 14px; height: 14px; flex-shrink: 0; }

/* Ссылка на все аксессуары */
.pb20 > a.dashed {
  display: inline-block;
  font-size: 13px; color: var(--rd-text2);
  border-bottom: 1px dashed var(--rd-border);
  text-decoration: none;
  margin: 14px 0 0;
}
.buy-dialog .pb20 {
  margin-bottom: 4px;
}

/* Итого и кнопки внизу диалога */
.buy-dialog .right-align {
  display: flex; gap: 10px; justify-content: flex-end; flex-wrap: wrap;
  align-items: center; padding-top: 14px;
  border-top: 1px solid var(--rd-border); margin-top: 12px;
}
.buy-dialog .right-align .btn-small {
  display: inline-block; padding: 9px 18px;
  font-size: 13px; font-weight: 600;
  border-radius: 6px; text-decoration: none; cursor: pointer;
  transition: all var(--rd-tr);
  margin: 0 !important;
}
.buy-dialog .right-align .flow-text {
  margin: 0 !important;
}
@media (max-width: 480px){
  .buy-dialog .right-align { justify-content: center; }
  .buy-dialog .right-align .flow-text { width: 100%; text-align: center; order: -1; margin-bottom: 6px !important; }
}
.buy-dialog .right-align .btn-small#continue,
.buy-dialog .right-align .btn-small.black {
  border: 1.5px solid var(--rd-border); color: var(--rd-dark);
  background: #fff;
}
.buy-dialog .right-align .btn-small#continue:hover { border-color: var(--rd-dark); }
.buy-dialog .right-align a.btn-small:not(#continue):not(.black) {
  background: var(--rd-red); color: #fff; border: none;
}
.buy-dialog .right-align a.btn-small:not(#continue):not(.black):hover { opacity: .88; }
.buy-dialog .flow-text {
  font-size: 15px; font-weight: 700; color: var(--rd-dark);
}
.buy-dialog .flow-text .rub { font-size: 13px; }

/* =============================================
   FIX: product page — overflow, sticky, пустота
   ============================================= */

/* 1. Контент не выходит за пределы */
.product-layout {
  min-width: 0;
  overflow: hidden !important;
}
.product-layout > * { min-width: 0; }
.buy-block { overflow: hidden; }
.buy-size-select { max-width: 100%; }

/* 2. Убираем sticky — создаёт пустоту в grid-ячейке */
.buy-block {
  position: static !important;
  top: auto !important;
}

/* 3. product-layout не растягивается по высоте buy-block */
.product-layout { align-items: start !important; }

/* 4. Убираем лишнее пространство между layout и sizes */
.product-layout + .product-sizes { margin-top: 24px; }
.product-layout + .product-tabs-wrap { margin-top: 24px; }

/* GLightbox override — убираем старый lightbox CSS если остался */
.lb-overlay, .lb-container { display: none !important; }

/* GLightbox базовые настройки */
.glightbox-container { z-index: 99999 !important; }
.gslide-image img { object-fit: contain; }


/* =============================================
   FIX v2: ширина product-layout, табы, sticky
   ============================================= */

/* product-layout — строго в пределах контейнера */
.product-layout {
  overflow: visible !important; /* JS сам добавит overflowX:hidden если нужно */
  max-width: 100% !important;
  box-sizing: border-box !important;
}
/* Колонки не расширяются */
.prod-gallery, .prod-info, .buy-block {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
/* Select не расширяет колонку */
.buy-size-select {
  max-width: 100% !important;
  width: 100% !important;
}
/* Таблица характеристик не расширяет колонку */
table.chars-table {
  table-layout: fixed !important;
  word-break: break-word !important;
}

/* Табы — скрываем содержимое (JS управляет показом) */
/* Первый pane показываем по умолчанию до загрузки JS */
.panes_default .panes__item { display: none; }
.panes_default .panes__item:first-child { display: block; }

/* Sticky buy-block — пока не fixed через JS */
.buy-block {
  position: static !important;
  top: auto !important;
  width: 100% !important;
  max-width: 300px !important;
}
/* Когда JS делает fixed */
.buy-block[style*="position: fixed"],
.buy-block[style*="position:fixed"] {
  border-radius: 12px !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.15) !important;
  max-width: none !important;
}

/* =============================================
   ФИНАЛЬНЫЙ FIX: ширина + layout товара
   ============================================= */

/* 1. cat-layout--model = полная ширина (нет aside на страницах моделей/размеров) */
.cat-layout--model,
.cat-layout:not(:has(.cat-layout__aside)) {
  grid-template-columns: 1fr !important;
  display: block !important;
}
.cat-layout--model .cat-layout__content,
.cat-layout:not(:has(.cat-layout__aside)) .cat-layout__content {
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
}

/* 2. product-layout = 2 колонки: gallery | prod-right */
.product-layout {
  display: grid !important;
  grid-template-columns: 320px 1fr !important;
  gap: 32px !important;
  align-items: start !important;
  max-width: 100% !important;
  overflow: visible !important;
}

/* 3. prod-right = flex-row: info (flex:1) + buy-block (sticky, 280px) */
.prod-right {
  display: flex !important;
  flex-direction: row !important;
  gap: 28px !important;
  align-items: flex-start !important;
  min-width: 0 !important;
}
.prod-info {
  flex: 1 !important;
  min-width: 0 !important;
}

/* 4. buy-block: sticky внутри flex — нет пустоты, прилипает при скролле */
.buy-block {
  width: 280px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  position: sticky !important;
  top: 80px !important;
  align-self: flex-start !important;
  /* Убираем JS-sticky т.к. теперь CSS sticky */
  max-width: none !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

/* 5. prod-gallery не расширяется */
.prod-gallery {
  min-width: 0 !important;
  max-width: 320px !important;
  overflow: hidden !important;
}
.gallery-main { overflow: hidden !important; }
.gallery-main img { mix-blend-mode: multiply !important; }

/* Мобильные */
@media (max-width: 900px) {
  .product-layout {
    grid-template-columns: 1fr !important;
  }
  .prod-right {
    flex-direction: column !important;
  }
  .buy-block {
    width: 100% !important;
    position: static !important;
    top: auto !important;
  }
  .prod-gallery { max-width: 100% !important; }
}

/* =============================================
   КАРТОЧКА ТОВАРА — точные значения из макета
   ============================================= */
.cat-item__brand {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--rd-text3) !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  line-height: 1.2 !important;
}
.cat-item__ttl a {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--rd-dark) !important;
  line-height: 1.3 !important;
}
.cat-item__size {
  font-size: 13px !important;
  color: var(--rd-text2) !important;
}
/* price-row padding как в макете */
.cat-item__price-row {
  padding: 14px 16px !important;
  border-top: 1px solid var(--rd-border) !important;
  margin: auto -16px 0 !important;
}
.cat-item__price {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: var(--rd-dark) !important;
  line-height: 1 !important;
}
.cat-item__price-old {
  font-size: 13px !important;
  color: var(--rd-text3) !important;
  text-decoration: line-through !important;
}
.cat-item__buy {
  padding: 10px 18px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  border-radius: var(--rd-radius) !important;
}

/* =============================================
   PRODUCT PAGE — ОКОНЧАТЕЛЬНЫЕ ПРАВИЛА
   Перекрывают все предыдущие конфликты
   ============================================= */

/* Правая часть = flex-row: [info] [buy-block] */
.prod-right {
  display: flex !important;
  flex-direction: row !important;
  gap: 28px !important;
  align-items: flex-start !important;
  min-width: 0 !important;
  overflow: visible !important;
}
.prod-info {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  overflow: visible !important;
}

/* Buy-block — фиксированная ширина, CSS sticky */
.buy-block {
  width: 280px !important;
  min-width: 280px !important;
  flex-shrink: 0 !important;
  position: sticky !important;
  top: 80px !important;
  align-self: flex-start !important;
  overflow: visible !important;
  max-width: 280px !important;
  box-sizing: border-box !important;
}

/* Мобильные — в колонку */
@media (max-width: 900px) {
  .prod-right { flex-direction: column !important; }
  .buy-block {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    position: static !important;
    top: auto !important;
  }
}

/* =============================================
   PRODUCT PAGE — ТОЧНО ПО МАКЕТУ
   3 колонки: 380px | 1fr | 320px
   ============================================= */

/* Layout — 3 колонки, align-items:start убирает пустоту */
.product-layout {
  display: grid !important;
  grid-template-columns: 380px 1fr 320px !important;
  gap: 36px !important;
  align-items: start !important;
  overflow: visible !important;
  margin-bottom: 40px !important;
}

/* prod-right больше не нужен */
.prod-right {
  display: contents !important;
}

/* Gallery */
.prod-gallery {
  min-width: 0 !important;
  max-width: none !important;
  overflow: visible !important;
}
.gallery-main {
  border: 2px solid var(--rd-border) !important;
  border-radius: 16px !important;
  background: var(--rd-gray) !important;
  height: 340px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 12px !important;
  position: relative !important;
  overflow: hidden !important;
}
.gallery-main a { display: flex; align-items: center; justify-content: center; width:100%; height:100%; }
.gallery-main img {
  max-width: 100% !important;
  max-height: 300px !important;
  object-fit: contain !important;
  mix-blend-mode: multiply !important;
}

/* Prod info */
.prod-info {
  min-width: 0 !important;
  overflow: visible !important;
  flex: none !important;
  width: auto !important;
}
.prod-info h1 {
  font-size: 26px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  margin-bottom: 16px !important;
  color: var(--rd-dark) !important;
}
table.chars-table td {
  padding: 11px 4px !important;
  font-size: 15px !important;
}
table.chars-table td:first-child { color: var(--rd-text2) !important; }
table.chars-table td:last-child { font-weight: 600 !important; }
table.chars-table a { color: var(--rd-red) !important; text-decoration: none; }

/* Buy block — sticky в 3й колонке grid */
.buy-block {
  background: #fff !important;
  border: 2px solid var(--rd-border) !important;
  border-radius: 16px !important;
  padding: 24px !important;
  position: sticky !important;
  top: 100px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  flex: none !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}
.buy-block-label {
  font-size: 13px !important;
  color: var(--rd-text3) !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  font-weight: 600 !important;
  margin-bottom: 6px !important;
}
.buy-price-old {
  font-size: 16px !important;
  color: var(--rd-text3) !important;
  text-decoration: line-through !important;
  margin-bottom: 2px !important;
}
.buy-price {
  font-size: 36px !important;
  font-weight: 800 !important;
  color: var(--rd-dark) !important;
  line-height: 1 !important;
  margin-bottom: 8px !important;
  display: flex !important;
  align-items: baseline !important;
  gap: 4px !important;
}
.buy-price .rub { font-size: 22px !important; font-weight: 700 !important; }
.buy-avail {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1a9e5c !important;
  margin-bottom: 16px !important;
}
.buy-avail::before { content: '✓' !important; font-size: 14px !important; }
.buy-avail--no { color: var(--rd-text3) !important; }
.buy-avail--no::before { display: none !important; }
.buy-size-select {
  width: 100% !important;
  max-width: 100% !important;
  margin-bottom: 16px !important;
}
.qty-label { font-size: 13px !important; color: var(--rd-text3) !important; margin-bottom: 8px !important; }
.qty-row {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  margin-bottom: 8px !important;
  width: fit-content !important;
}
.qty-btn {
  width: 40px !important; height: 40px !important;
  border: 1.5px solid var(--rd-border) !important;
  background: var(--rd-gray) !important;
  font-size: 20px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  cursor: pointer !important; color: var(--rd-dark) !important; text-decoration: none !important;
  transition: background var(--rd-tr) !important;
  border-radius: 0 !important;
  line-height: 1 !important;
}
.qty-btn:first-child { border-radius: 8px 0 0 8px !important; }
.qty-btn:last-child  { border-radius: 0 8px 8px 0 !important; }
.qty-btn:hover { background: var(--rd-gray2) !important; }
.qty-inp {
  width: 52px !important; height: 40px !important;
  border: 1.5px solid var(--rd-border) !important;
  border-left: none !important; border-right: none !important;
  text-align: center !important; font-size: 15px !important; font-weight: 700 !important;
  font-family: 'Geologica','Segoe UI',Arial,sans-serif !important;
  background: #fff !important; outline: none !important;
  border-radius: 0 !important;
}
.buy-total { font-size: 14px !important; color: var(--rd-text2) !important; margin-bottom: 16px !important; }
.buy-total strong { font-size: 18px !important; font-weight: 800 !important; color: var(--rd-dark) !important; }
.buy-add-btn {
  display: block !important; width: 100% !important;
  background: var(--rd-red) !important; color: #fff !important; border: none !important;
  border-radius: var(--rd-radius) !important; padding: 15px !important;
  font-size: 16px !important; font-weight: 700 !important;
  font-family: 'Geologica','Segoe UI',Arial,sans-serif !important;
  cursor: pointer !important; margin-bottom: 10px !important;
  text-align: center !important; box-sizing: border-box !important; line-height: 1.3 !important;
  transition: opacity .15s !important;
}
.buy-add-btn:hover { opacity: .88 !important; }
.buy-quick-btn {
  display: block !important; width: 100% !important; box-sizing: border-box !important;
  background: transparent !important; color: var(--rd-dark) !important;
  border: 1.5px solid var(--rd-border) !important; border-radius: var(--rd-radius) !important;
  padding: 13px !important; font-size: 14px !important; font-weight: 600 !important;
  font-family: 'Geologica','Segoe UI',Arial,sans-serif !important;
  cursor: pointer !important; margin-bottom: 20px !important;
  text-align: center !important; text-decoration: none !important;
}
.buy-quick-btn:hover { border-color: var(--rd-dark) !important; }
.buy-features { display: flex !important; flex-direction: column !important; gap: 10px !important; }
.buy-feat { display: flex !important; align-items: center !important; gap: 10px !important; font-size: 13px !important; color: var(--rd-text2) !important; }
.buy-feat svg { width: 18px !important; height: 18px !important; stroke: var(--rd-red) !important; fill: none !important; flex-shrink: 0 !important; }
.buy-feat-sep { border-top: 1px solid var(--rd-border) !important; }

/* Адаптив */
@media (max-width: 1200px) {
  .product-layout { grid-template-columns: 320px 1fr 280px !important; gap: 24px !important; }
}
@media (max-width: 1024px) {
  .product-layout { grid-template-columns: 280px 1fr !important; gap: 20px !important; }
  .buy-block { grid-column: 1 / -1 !important; position: static !important; }
}
@media (max-width: 768px) {
  .product-layout { grid-template-columns: 1fr !important; gap: 16px !important; }
  .gallery-main { aspect-ratio: 1 / 1 !important; height: auto !important; }
  .buy-price { font-size: 28px !important; }
}

/* =============================================
   ASIDE FILTER — вертикальный layout
   Каждое поле в своей строке, кроме data-dbl=1
   ============================================= */

/* Обёртка */
.cat-layout__aside { position: sticky; top: 12px; }
.aside-filter.filter-df {
  background: #fff;
  border: 1px solid var(--rd-border);
  border-radius: 12px;
  overflow: hidden;
}

/* Табы фильтра (По параметрам / По авто / Каталог / Калькулятор) */
.aside-filter__tabs {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid var(--rd-border);
}
.aside-filter__tabs li { flex: 1 1 50%; }
.aside-filter__tabs li a {
  display: block;
  padding: 9px 8px;
  font-size: 12px;
  font-weight: 600;
  color: var(--rd-text2);
  text-decoration: none;
  text-align: center;
  border-right: 1px solid var(--rd-border);
  border-bottom: 1px solid var(--rd-border);
  transition: all var(--rd-tr);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.aside-filter__tabs li a:hover,
.aside-filter__tabs li.active a { color: var(--rd-red); background: var(--rd-red-bg); }

/* Секции */
.aside-filter__section { padding: 12px 14px; border-bottom: 1px solid var(--rd-border); }
.aside-filter__section:last-child { border-bottom: none; }

/* Радио-кнопки Легковое / Грузовое */
.aside-filter__gap-lbls {
  display: flex;
  gap: 6px;
  flex-direction: column;
}
.aside-filter__gap-lbls label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  cursor: pointer;
  color: var(--rd-text);
}
.aside-filter__gap-lbls input[type="radio"] { accent-color: var(--rd-red); width: 14px; height: 14px; }

/* filter-table → вертикальный список */
.aside-filter .filter-table-wrap { width: 100%; }
.aside-filter .filter-table         { display: block !important; width: 100% !important; border: none !important; }
.aside-filter .filter-table thead   { display: none !important; }
.aside-filter .filter-table tbody   { display: block !important; }
.aside-filter .filter-table tr      { display: block !important; }
.aside-filter .filter-table td      {
  display: block !important;
  width: 100% !important;
  padding: 0 0 10px !important;
  border: none !important;
  vertical-align: top !important;
}
.aside-filter .filter-table td.sm_last_td,
.aside-filter .filter-table .short_filter_hidden { display: none !important; }
.aside-filter .filter-table .hiddenn { display: none !important; }

/* Label из data-label атрибута */
.aside-filter .filter-table td[data-label]:not([data-label=""])::before {
  content: attr(data-label);
  display: block;
  font-size: 11px;
  font-weight: 700;
  color: var(--rd-text3);
  text-transform: uppercase;
  letter-spacing: .07em;
  margin-bottom: 5px;
}

/* Одиночное поле */
.aside-filter .filter-table td[data-dbl=""] .option-wrap,
.aside-filter .filter-table td:not([data-dbl]) .option-wrap {
  display: block !important;
}

/* Двойное поле (Ширина + Профиль / Вылет от + до) */
.aside-filter .filter-table td[data-dbl="1"] { }
.aside-filter .filter-table td[data-dbl="1"] .option-wrap {
  display: flex !important;
  gap: 6px !important;
}
.aside-filter .filter-table td[data-dbl="1"] .option-wrap__select {
  flex: 1 1 0 !important;
  min-width: 0 !important;
}

/* Select стиль */
.aside-filter select:not(.select2-hidden-accessible),
.aside-filter .browser-default:not(.select2-hidden-accessible),
.aside-filter .filter-table select:not(.select2-hidden-accessible) {
  width: 100% !important;
  border: 1.5px solid var(--rd-border) !important;
  border-radius: var(--rd-radius) !important;
  padding: 8px 28px 8px 10px !important;
  font-size: 13px !important;
  font-family: 'Geologica', 'Segoe UI', Arial, sans-serif !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23888' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 8px center !important;
  cursor: pointer !important;
  outline: none !important;
  color: var(--rd-text) !important;
  height: 36px !important;
}
.aside-filter select:focus { border-color: var(--rd-red) !important; }

/* Select2 внутри фильтра */
.aside-filter .select2-container { width: 100% !important; }
.aside-filter .select2-selection--single {
  height: 36px !important;
  border: 1.5px solid var(--rd-border) !important;
  border-radius: var(--rd-radius) !important;
  line-height: 34px !important;
}
.aside-filter .select2-selection__rendered { font-size: 13px !important; padding: 0 30px 0 10px !important; line-height: 34px !important; }
.aside-filter .select2-selection__arrow { height: 34px !important; }

/* Список брендов (scroll_wrap) */
.aside-filter .scroll_wrap {
  max-height: 160px !important;
  overflow-y: auto !important;
  border: 1px solid var(--rd-border) !important;
  border-radius: var(--rd-radius) !important;
  padding: 4px 0 !important;
  background: #fff !important;
  scrollbar-width: thin !important;
}
.aside-filter .scroll_wrap::-webkit-scrollbar { width: 4px; }
.aside-filter .scroll_wrap::-webkit-scrollbar-thumb { background: var(--rd-gray2); border-radius: 2px; }
.aside-filter .scroll_wrap label {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 5px 10px !important;
  font-size: 13px !important;
  cursor: pointer !important;
  transition: background var(--rd-tr) !important;
}
.aside-filter .scroll_wrap label:hover { background: var(--rd-gray) !important; }
.aside-filter .scroll_wrap input[type="checkbox"] { accent-color: var(--rd-red) !important; width: 14px !important; height: 14px !important; flex-shrink: 0 !important; }

/* Кнопки Подобрать / Сбросить */
.aside-filter .filter__btn { padding: 0 !important; display: flex !important; gap: 6px !important; flex-direction: column !important; }
.aside-filter .filter__btn input[type="submit"],
.aside-filter .filter__btn input[type="button"] {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 10px 0 !important;
  border: none !important;
  border-radius: var(--rd-radius) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  font-family: 'Geologica', 'Segoe UI', Arial, sans-serif !important;
  cursor: pointer !important;
  text-align: center !important;
  height: auto !important;
  line-height: 1.3 !important;
}
.aside-filter .filter__btn input[type="submit"] {
  background: var(--rd-red) !important;
  color: #fff !important;
}
.aside-filter .filter__btn input[type="submit"]:hover { opacity: .88 !important; }
.aside-filter .filter__btn input[type="button"] {
  background: var(--rd-gray2) !important;
  color: var(--rd-text2) !important;
}

/* Ссылки под фильтром */
.filter__info-links { padding-top: 10px !important; }
.filter__info-links a.info-link {
  display: block !important;
  font-size: 12px !important;
  color: var(--rd-text3) !important;
  text-decoration: none !important;
  padding: 3px 0 !important;
  transition: color var(--rd-tr) !important;
}
.filter__info-links a.info-link:hover { color: var(--rd-red) !important; }

/* Показать всех производителей */
.show-all-vendors-btn {
  background: none !important;
  border: none !important;
  color: var(--rd-red) !important;
  font-size: 12px !important;
  cursor: pointer !important;
  padding: 4px 0 !important;
  text-decoration: underline !important;
  display: block !important;
  margin-bottom: 6px !important;
}

/* =============================================
   СЕТКА КАТАЛОГА — 3 колонки при наличии aside
   ============================================= */
.cat-layout {
  display: grid !important;
  grid-template-columns: 268px 1fr !important;
  gap: 28px !important;
  align-items: start !important;
}
.cat-layout__content .cat-grid,
.cat-layout__content .cat-grid.cat-grid_4 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 18px !important;
  margin-bottom: 28px !important;
}

/* Сортировка */
.sorting_form { margin-bottom: 20px; }
.cat-sort { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.cat-sort__lbl { font-size: 14px; color: var(--rd-text2); }
.cat-sort select {
  border: 1.5px solid var(--rd-border) !important;
  border-radius: var(--rd-radius) !important;
  padding: 8px 28px 8px 12px !important;
  font-size: 14px !important;
  font-family: 'Geologica', 'Segoe UI', Arial, sans-serif !important;
  appearance: none !important;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23888' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center !important;
  cursor: pointer !important; outline: none !important;
}

@media (max-width: 1024px) {
  .cat-layout { grid-template-columns: 220px 1fr !important; }
  .cat-layout__content .cat-grid,
  .cat-layout__content .cat-grid.cat-grid_4 { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 768px) {
  .cat-layout { grid-template-columns: 1fr !important; }
  .cat-layout__aside { position: static !important; }
  .cat-layout__content .cat-grid,
  .cat-layout__content .cat-grid.cat-grid_4 { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
}

/* =============================================
   КАТАЛОГ — финальные правки
   ============================================= */

/* 1. 4 товара в ряду */
.cat-layout__content .cat-grid,
.cat-layout__content .cat-grid.cat-grid_4 {
  grid-template-columns: repeat(4, 1fr) !important;
}
@media (max-width: 1200px) {
  .cat-layout__content .cat-grid,
  .cat-layout__content .cat-grid.cat-grid_4 { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 768px) {
  .cat-layout__content .cat-grid,
  .cat-layout__content .cat-grid.cat-grid_4 { grid-template-columns: repeat(2, 1fr) !important; }
}

/* 2. Скрыть "Подбор по диаметру" в aside */
.aside-filter .disc_r { display: none !important; }
.aside-filter .disc_r + hr,
.aside-filter hr { display: none !important; }

/* 3. Кнопки производителей:
   - Скрываем старую статическую show-all-vendors-btn (без обработчика)
   - Оставляем только brands-toggle-btn (JS с toggle) */
.show-all-vendors-btn { display: none !important; }

.brands-toggle-btn {
  display: block !important;
  background: none !important;
  border: none !important;
  color: var(--rd-red) !important;
  font-size: 12px !important;
  font-family: 'Geologica','Segoe UI',Arial,sans-serif !important;
  cursor: pointer !important;
  padding: 6px 0 !important;
  text-decoration: underline !important;
  text-align: left !important;
  margin-top: 4px !important;
}
.brands-toggle-btn:hover { opacity: .8 !important; }

/* scroll_wrap: свёрнуто по умолчанию, раскрывается при .expanded */
.aside-filter .scroll_wrap:not(.__big) {
  max-height: 140px !important;
  overflow: hidden !important;
  border: 1px solid var(--rd-border) !important;
  border-radius: var(--rd-radius) !important;
}
.aside-filter .scroll_wrap:not(.__big).expanded {
  max-height: 400px !important;
  overflow-y: auto !important;
}

/* scroll_wrap expanded — фиксированная высота с прокруткой */
.aside-filter .scroll_wrap:not(.__big).expanded {
  max-height: 320px !important;
  overflow-y: scroll !important;
  overflow-x: hidden !important;
}

/* =============================================
   ФИЛЬТР — финальные правки
   ============================================= */

/* Кнопка "Показать всех производителей" — видима и стилизована */
.show-all-vendors-btn {
  display: block !important;
  width: 100% !important;
  margin-top: 6px !important;
  padding: 8px 0 !important;
  background: var(--rd-dark) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--rd-radius) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  font-family: 'Geologica','Segoe UI',Arial,sans-serif !important;
  cursor: pointer !important;
  transition: background var(--rd-tr) !important;
  text-align: center !important;
}
.show-all-vendors-btn:hover { background: var(--rd-red) !important; }

/* brands-toggle-btn — скрываем дубль созданный старым JS */
.brands-toggle-btn { display: none !important; }

/* scroll_wrap: свёрнут по умолчанию, раскрывается по клику */
.aside-filter .scroll_wrap:not(.__big) {
  max-height: 150px !important;
  overflow: hidden !important;
  border: 1px solid var(--rd-border) !important;
  border-radius: var(--rd-radius) !important;
  background: #fff !important;
}
.aside-filter .scroll_wrap:not(.__big).expanded {
  max-height: 600px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
.aside-filter .scroll_wrap::-webkit-scrollbar { width: 6px !important; }
.aside-filter .scroll_wrap::-webkit-scrollbar-track { background: #f0f0f0 !important; border-radius: 3px !important; }
.aside-filter .scroll_wrap::-webkit-scrollbar-thumb { background: #bbb !important; border-radius: 3px !important; }

/* Вылет у дисков: один option-wrap с двумя select — рядом */
.aside-filter .option-wrap:has(.option-wrap__separate),
.aside-filter td[data-label="Вылет"] .option-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}
.aside-filter .option-wrap:has(.option-wrap__separate) .option-wrap__select,
.aside-filter td[data-label="Вылет"] .option-wrap__select {
  flex: 1 1 0 !important;
  min-width: 0 !important;
}
.aside-filter .option-wrap__separate {
  font-size: 12px !important;
  color: var(--rd-text3) !important;
  flex-shrink: 0 !important;
}

/* =============================================
   VENDOR LIST — финальный вариант
   Управление через vendor-list-wrapper.expanded
   ============================================= */

/* По умолчанию — свёрнуто, показываем первые N брендов */
.vendor-list-wrapper .scroll_wrap:not(.__big) {
  max-height: 200px ;
  overflow: hidden ;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  /* Скрываем нативный скроллбар */
  scrollbar-width: none !important;
}
.vendor-list-wrapper .scroll_wrap:not(.__big)::-webkit-scrollbar {
  display: none !important;
}

/* При expanded — весь список со скроллом */
.vendor-list-wrapper.expanded .scroll_wrap:not(.__big) {
  max-height: 320px ;
  overflow-y: scroll ;
  /* Кастомный минималистичный скроллбар как на скриншоте */
  scrollbar-width: thin !important;
  scrollbar-color: #ccc transparent !important;
}
.vendor-list-wrapper.expanded .scroll_wrap:not(.__big)::-webkit-scrollbar {
  display: block !important;
  width: 4px !important;
}
.vendor-list-wrapper.expanded .scroll_wrap:not(.__big)::-webkit-scrollbar-track {
  background: transparent !important;
}
.vendor-list-wrapper.expanded .scroll_wrap:not(.__big)::-webkit-scrollbar-thumb {
  background: #ccc !important;
  border-radius: 2px !important;
}
.vendor-list-wrapper.expanded .scroll_wrap:not(.__big)::-webkit-scrollbar-thumb:hover {
  background: #aaa !important;
}

/* Скрываем ссылки "Таблица соответствия" и "Полезная информация" в aside-filter */
.aside-filter .filter__info-links { display: none !important; }

/* select2 — не ломаем нативные стили, убираем переопределение appearance */
.aside-filter .select2-container { width: 100% !important; }
.aside-filter .select2-selection--single {
  height: 36px !important;
  border: 1.5px solid var(--rd-border) !important;
  border-radius: var(--rd-radius) !important;
  outline: none !important;
}
.aside-filter .select2-selection--single:focus { border-color: var(--rd-red) !important; }
.aside-filter .select2-selection__rendered {
  line-height: 34px !important;
  padding: 0 30px 0 10px !important;
  font-size: 13px !important;
  color: var(--rd-text) !important;
}
.aside-filter .select2-selection__arrow { height: 34px !important; }
/* Оригинальный select скрываем но не трогаем его appearance */
.aside-filter .select2-hidden-accessible { appearance: auto !important; -webkit-appearance: auto !important; }

/* =============================================
   VENDOR LIST — финальный чистый блок
   ============================================= */

/* Свёрнуто: показываем первые ~5 строк */
.vendor-list-wrapper .scroll_wrap:not(.__big) {
  max-height: 180px ;
  overflow: hidden ;
  scrollbar-width: none !important;
}
.vendor-list-wrapper .scroll_wrap:not(.__big)::-webkit-scrollbar {
  display: none !important;
}

/* Развёрнуто: фиксированная высота + скролл внутри блока */
.vendor-list-wrapper.expanded .scroll_wrap:not(.__big) {
  max-height: 420px ;
  overflow-x: hidden ;
  overflow-y: auto ;
  scrollbar-width: thin !important;
  scrollbar-color: #c0c0c0 transparent !important;
}
.vendor-list-wrapper.expanded .scroll_wrap:not(.__big)::-webkit-scrollbar {
  display: block !important;
  width: 4px !important;
}
.vendor-list-wrapper.expanded .scroll_wrap:not(.__big)::-webkit-scrollbar-track {
  background: transparent !important;
}
.vendor-list-wrapper.expanded .scroll_wrap:not(.__big)::-webkit-scrollbar-thumb {
  background: #c0c0c0 !important;
  border-radius: 4px !important;
}

/* =============================================
   ПАГИНАЦИЯ — по макету
   ============================================= */
.cat-layout__content > div:has(a.number),
.cat-layout__content > div > div:has(a.number) {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
  margin: 24px 0 16px !important;
  font-size: 0 !important; /* убираем текст "Страницы:" */
}
/* Ссылки на страницы */
.cat-layout__content a.number {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 40px !important;
  height: 40px !important;
  padding: 0 10px !important;
  border: 1.5px solid var(--rd-border) !important;
  border-radius: var(--rd-radius) !important;
  background: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--rd-text2) !important;
  text-decoration: none !important;
  transition: all var(--rd-tr) !important;
  line-height: 1 !important;
}
.cat-layout__content a.number:hover {
  border-color: var(--rd-red) !important;
  color: var(--rd-red) !important;
}
/* Текущая страница */
.cat-layout__content span.btn-small {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 40px !important;
  height: 40px !important;
  padding: 0 10px !important;
  border: 1.5px solid var(--rd-red) !important;
  border-radius: var(--rd-radius) !important;
  background: var(--rd-red) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #fff !important;
  line-height: 1 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  letter-spacing: 0 !important;
}
/* Многоточие */
.cat-layout__content > div span:not(.btn-small),
.cat-layout__content > div > div span:not(.btn-small) {
  font-size: 14px !important;
  color: var(--rd-text3) !important;
  padding: 0 4px !important;
}

/* =============================================
   VENDOR LIST — логика как на проде
   По умолчанию: список виден весь (нет max-height)
   .expanded: компактный блок 420px со скроллом
   ============================================= */

/* Снимаем все наши предыдущие ограничения */
/* aside-filter: scroll_wrap управляется через vendors_catalog.js */
.aside-filter .scroll_wrap:not(.__big) {
  max-height: none !important;
  overflow: visible !important;
  overflow-y: visible !important;
}

/* При expanded — компактный блок с прокруткой */
.aside-filter .scroll_wrap.expanded,
.vendor-list-wrapper .scroll_wrap.expanded {
  max-height: 420px ;
  overflow-y: auto ;
  overflow-x: hidden ;
  /* Кастомный тонкий скроллбар */
  scrollbar-width: thin !important;
  scrollbar-color: #c0c0c0 transparent !important;
}
.aside-filter .scroll_wrap.expanded::-webkit-scrollbar {
  width: 4px !important;
  background: transparent !important;
}
.aside-filter .scroll_wrap.expanded::-webkit-scrollbar-thumb {
  background: #c0c0c0 !important;
  border-radius: 4px !important;
}

/* Aside фильтр — статичный, не прилипает при скролле */
.cat-layout__aside {
  position: static !important;
  top: auto !important;
}

/* filter-table_fixed блок удалён, см. :not() ниже */

/* select2 внутри filter-table_fixed */
.aside-filter .filter-table.filter-table_fixed .select2-container { width: 100% !important; }

/* filter-table_fixed: vertical layout — see :not() rules above */

/* По авто: select одинаковой ширины, растянуты на всю колонку */
.aside-filter .selection_auto .select2-container,
.aside-filter .selection_auto select:not(.select2-hidden-accessible),
.filter .selection_auto .select2-container,
.filter .selection_auto select:not(.select2-hidden-accessible) {
  width: 100% !important;
  min-width: 0 !important;
}
.aside-filter .selection_auto .filter-table td,
.filter .selection_auto .filter-table td {
  width: 100% !important;
  box-sizing: border-box !important;
}


/* Для дисков на главной — кнопка "показать всех" не нужна */
.disc_tabs .show-all-vendors-btn { display: none !important; }

/* Для дисков на главной — кнопка "Показать всех" не нужна */
.disc_tabs .show-all-vendors-btn { display: none !important; }

/* =============================================
   ТИПОГРАФИКА — контентные блоки
   Применяется к .content-style, .corners, .panes__item
   ============================================= */

.content-style,
.corners.mb20.content-style,
.panes__item,
.product-tabs-wrap .panes__item {
  font-size: 15px;
  line-height: 1.7;
  color: var(--rd-text);
}

/* Параграфы */
.content-style p,
.panes__item p {
  margin: 0 0 14px;
  line-height: 1.7;
}
.content-style p:last-child,
.panes__item p:last-child { margin-bottom: 0; }

/* Заголовки */
.content-style h1, .panes__item h1 { font-size: 28px; font-weight: 800; margin: 0 0 20px; color: var(--rd-dark); line-height: 1.2; }
.content-style h2, .panes__item h2 { font-size: 22px; font-weight: 700; margin: 24px 0 12px; color: var(--rd-dark); line-height: 1.3; }
.content-style h3, .panes__item h3 { font-size: 18px; font-weight: 700; margin: 20px 0 10px; color: var(--rd-dark); line-height: 1.3; }
.content-style h4, .panes__item h4 { font-size: 16px; font-weight: 700; margin: 16px 0 8px;  color: var(--rd-dark); }
.content-style h5, .panes__item h5 { font-size: 14px; font-weight: 700; margin: 12px 0 6px;  color: var(--rd-dark); }

/* Маркированный список */
.content-style ul,
.panes__item ul {
  list-style: none !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
}
.content-style ul li,
.panes__item ul li {
  position: relative;
  padding: 3px 0 3px 20px !important;
  margin: 0 !important;
  line-height: 1.6;
}
.content-style ul li::before,
.panes__item ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 11px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--rd-red);
  flex-shrink: 0;
}

/* Вложенные ul */
.content-style ul ul,
.panes__item ul ul {
  margin: 6px 0 6px !important;
}
.content-style ul ul li::before,
.panes__item ul ul li::before {
  background: transparent;
  border: 2px solid var(--rd-red);
  width: 6px;
  height: 6px;
  top: 11px;
}

/* Нумерованный список */
.content-style ol,
.panes__item ol {
  list-style: none !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  counter-reset: rd-ol;
}
.content-style ol li,
.panes__item ol li {
  position: relative;
  padding: 3px 0 3px 28px !important;
  margin: 0 !important;
  line-height: 1.6;
  counter-increment: rd-ol;
}
.content-style ol li::before,
.panes__item ol li::before {
  content: counter(rd-ol);
  position: absolute;
  left: 0;
  top: 3px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--rd-red);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

/* Ссылки в контенте */
.content-style a:not(.radius-sort__item):not(.item-counter__btn):not(.addBasket):not(.btn):not(.btn-small):not(.btn-large),
.panes__item a:not(.radius-sort__item):not(.item-counter__btn):not(.addBasket):not(.btn):not(.btn-small):not(.btn-large) {
  color: var(--rd-red);
  text-decoration: none;
  border-bottom: 1px solid rgba(216,46,46,.3);
  transition: border-color var(--rd-tr);
}
.content-style a:hover:not(.radius-sort__item):not(.item-counter__btn):not(.addBasket):not(.btn):not(.btn-small):not(.btn-large),
.panes__item a:hover:not(.radius-sort__item):not(.item-counter__btn):not(.addBasket):not(.btn):not(.btn-small):not(.btn-large) {
  border-bottom-color: var(--rd-red);
}

/* Выделения */
.content-style strong, .content-style b,
.panes__item strong, .panes__item b {
  font-weight: 700;
  color: var(--rd-dark);
}
.content-style em, .content-style i,
.panes__item em, .panes__item i {
  font-style: italic;
}

/* Цитата */
.content-style blockquote,
.panes__item blockquote {
  margin: 20px 0;
  padding: 16px 20px;
  border-left: 4px solid var(--rd-red);
  background: var(--rd-red-bg);
  border-radius: 0 8px 8px 0;
  font-size: 15px;
  color: var(--rd-text);
}

/* Таблицы в контенте */
.content-style table,
.panes__item table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 20px;
  font-size: 14px;
}
.content-style table th,
.panes__item table th {
  background: var(--rd-gray);
  font-weight: 700;
  color: var(--rd-dark);
  padding: 10px 12px;
  border: 1px solid var(--rd-border);
  text-align: left;
}
.content-style table td,
.panes__item table td {
  padding: 9px 12px;
  border: 1px solid var(--rd-border);
  vertical-align: top;
}
.content-style table tr:nth-child(even) td,
.panes__item table tr:nth-child(even) td {
  background: var(--rd-gray);
}

/* Разделитель */
.content-style hr,
.panes__item hr {
  border: none;
  border-top: 1px solid var(--rd-border);
  margin: 24px 0;
}

/* Изображения */
.content-style img,
.panes__item img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

/* Код */
.content-style code,
.panes__item code {
  background: var(--rd-gray);
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 13px;
  font-family: monospace;
}


/* =============================================
   ASIDE FILTER — ФИНАЛЬНЫЕ ПРАВКИ
   ============================================= */

/* 1. ТАБЫ — вертикальный список */
.aside-filter__tabs {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  padding: 0 !important;
  margin: 0 !important;
  border-bottom: none !important;
}
.aside-filter__tabs li {
  flex: none !important;
  width: 100% !important;
  border-bottom: 1px solid var(--rd-border) !important;
}
.aside-filter__tabs li:last-child { border-bottom: none !important; }
.aside-filter__tabs li a {
  display: block !important;
  padding: 10px 14px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--rd-text2) !important;
  text-decoration: none !important;
  border: none !important;
  border-radius: 0 !important;
  text-align: left !important;
  white-space: nowrap !important;
  transition: all var(--rd-tr) !important;
}
.aside-filter__tabs li a:hover,
.aside-filter__tabs li.active a,
.aside-filter__tabs li a.active {
  color: var(--rd-red) !important;
  font-weight: 700 !important;
  border-color: var(--rd-red) !important;
}

/* 2. Кнопка Подобрать — всегда видима при переключении легков/груз (только в aside-фильтре /tire/) */
.aside-filter .tire_tabs .filter__btn,
.aside-filter #tire_param .filter__btn,
.aside-filter #tire_param_trucks .filter__btn,
.aside-filter #tire_param_suv .filter__btn {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  padding: 0 !important;
  margin-top: 12px !important;
}

/* 3. Виджет Сезон — скрываем td, виджет рисует JS */
.aside-filter td[data-label="Сезон"],
.aside-filter td[data-label="Шипы"] {
  display: none !important;
}

/* =============================================
   ASIDE FILTER — правки по скриншоту
   ============================================= */

/* 1. Табы фильтра — вертикальный список */
.aside-filter__tabs {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  border-bottom: 1px solid var(--rd-border);
  padding: 8px 0 !important;
  gap: 0 !important;
}
.aside-filter__tabs li {
  flex: none !important;
  width: 100% !important;
}
.aside-filter__tabs li a {
  display: block !important;
  padding: 7px 14px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--rd-text2) !important;
  text-decoration: none !important;
  border: none !important;
  border-radius: 6px !important;
  transition: all var(--rd-tr) !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.aside-filter__tabs li a:hover,
.aside-filter__tabs li.active a {
  color: var(--rd-red) !important;
  background: var(--rd-red-bg) !important;
}

/* 2. Кнопка Подобрать/Сбросить — всегда видима для грузовых (только в aside-фильтре /tire/) */
.aside-filter .filter__btn,
.aside-filter #tire_param .filter__btn,
.aside-filter #tire_param_trucks .filter__btn,
.aside-filter #tire_param_suv .filter__btn {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  padding: 0 !important;
}
.aside-filter #tire_param_trucks .filter__btn input,
.aside-filter #tire_param_suv .filter__btn input {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 10px 0 !important;
  border: none !important;
  border-radius: var(--rd-radius) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  font-family: 'Geologica','Segoe UI',Arial,sans-serif !important;
  cursor: pointer !important;
  text-align: center !important;
  height: auto !important;
  line-height: 1.3 !important;
}
.aside-filter #tire_param_trucks .filter__btn input[type="submit"],
.aside-filter #tire_param_suv .filter__btn input[type="submit"] {
  background: var(--rd-red) !important;
  color: #fff !important;
}
.aside-filter #tire_param_trucks .filter__btn input[type="button"],
.aside-filter #tire_param_suv .filter__btn input[type="button"] {
  background: var(--rd-gray2) !important;
  color: var(--rd-text2) !important;
}

/* Оставшиеся табы: По параметрам / По авто / Разноширокие
   Кнопки в 2 колонки + Разноширокие — отдельная строка */
.aside-filter__tabs {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  padding: 12px !important;
  gap: 8px !important;
  border-bottom: none !important;
  list-style: none !important;
}
.aside-filter__tabs li {
  flex: none !important;
  width: auto !important;
  border: none !important;
  margin: 0 !important;
  list-style: none !important;
}
/* По параметрам и По авто — в первой строке, по 1 колонке */
.aside-filter__tabs li:nth-child(1),
.aside-filter__tabs li:nth-child(2) { grid-column: span 1; }
/* Разноширокие (содержит a[data-type="different_width"]) — на всю ширину */
.aside-filter__tabs li:has(a[data-type="different_width"]) { grid-column: 1 / -1; }
/* Если "По авто" скрыт (Грузовые, класс ставит JS) — "По параметрам" на всю строку */
.aside-filter__tabs.vf-no-auto-tab li:nth-child(1) {
  grid-column: 1 / -1;
}
.aside-filter__tabs li a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 10px 6px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: -0.2px !important;
  color: var(--rd-text2) !important;
  text-decoration: none !important;
  border: 1.5px solid var(--rd-border) !important;
  border-radius: 8px !important;
  transition: all var(--rd-tr) !important;
  text-align: center !important;
  background: #fff !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-shadow: none !important;
}
@media (max-width: 380px) {
  .aside-filter__tabs li a { font-size: 11px !important; padding: 10px 4px !important; }
}
.aside-filter__tabs li a:hover {
  color: var(--rd-red) !important;
  border-color: var(--rd-red) !important;
  border-width: 1.5px !important;
  background: #fff !important;
}
.aside-filter__tabs li.active a {
  color: #fff !important;
  border-color: var(--rd-red) !important;
  border-width: 2px !important;
  background: var(--rd-red) !important;
}

/* Услуги dropdown — подстраховка: явный display+visibility+opacity */
.nav-item .nav-dropdown {
  display: none !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .15s ease;
}
.nav-item:hover .nav-dropdown,
.nav-item:focus-within .nav-dropdown {
  display: flex !important;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}


/* TalkMe виджет — не должен создавать горизонтальный скролл */
[id^="talkme"], [class*="talkme"] {
  max-width: 100vw !important;
}

/* =============================================
   Кнопки Избранное / Сравнить на карточках
   ============================================= */
.cat-item { position: relative; }
.cat-item__fc {
  position: absolute; top: 10px; right: 10px; z-index: 5;
  display: flex; flex-direction: column; gap: 6px;
}
.cat-item__fc-btn {
  width: 34px; height: 34px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: #fff; border: 1.5px solid var(--rd-border);
  color: var(--rd-text2); cursor: pointer;
  transition: all var(--rd-tr);
  box-shadow: 0 2px 6px rgba(0,0,0,.06);
}
.cat-item__fc-btn svg { width: 17px; height: 17px; }
.cat-item__fc-btn:hover {
  border-color: var(--rd-red); color: var(--rd-red);
}
.cat-item__fc-btn.is-active {
  background: var(--rd-red); border-color: var(--rd-red); color: #fff;
}
.cat-item__fc-btn--cmp.is-active {
  background: var(--rd-dark); border-color: var(--rd-dark);
}

/* Бейджи Избранное/Сравнение в шапке */
.hdr-badge--hidden { display: none; }

/* cat-grid_4 на страницах без sidebar (/favorites/, /compare/) — 4 колонки */
.container > .cat-grid.cat-grid_4,
.container .content-style > .cat-grid.cat-grid_4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin-bottom: 32px;
}
@media (max-width: 1024px) {
  .container > .cat-grid.cat-grid_4,
  .container .content-style > .cat-grid.cat-grid_4 { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
  .container > .cat-grid.cat-grid_4,
  .container .content-style > .cat-grid.cat-grid_4 { grid-template-columns: repeat(2, 1fr); gap: 10px; }
}

/* =============================================
   FIX: горизонтальный скролл на мобиле из-за
   #tire_param_trucks / #tire_param_suv filter-table
   Эти формы лежат ВНЕ .aside-filter, поэтому
   вертикальный мобильный layout filter-table
   к ним не применялся — таблица оставалась
   горизонтальной и расширяла body.
   ============================================= */
.aside-filter #tire_param_trucks .filter-table-wrap,
.aside-filter #tire_param_suv .filter-table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}
.aside-filter #tire_param_trucks .filter-table,
.aside-filter #tire_param_suv .filter-table {
  display: block !important;
  width: 100% !important;
  border: none !important;
}
.aside-filter #tire_param_trucks .filter-table thead,
.aside-filter #tire_param_suv .filter-table thead { display: none !important; }
.aside-filter #tire_param_trucks .filter-table tbody,
.aside-filter #tire_param_suv .filter-table tbody { display: block !important; }
.aside-filter #tire_param_trucks .filter-table tr,
.aside-filter #tire_param_suv .filter-table tr { display: block !important; }
.aside-filter #tire_param_trucks .filter-table td,
.aside-filter #tire_param_suv .filter-table td {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 0 0 10px !important;
  border: none !important;
  vertical-align: top !important;
  box-sizing: border-box !important;
}
.aside-filter #tire_param_trucks .filter-table td.sm_last_td,
.aside-filter #tire_param_suv .filter-table td.sm_last_td,
.aside-filter #tire_param_trucks .filter-table .short_filter_hidden,
.aside-filter #tire_param_suv .filter-table .short_filter_hidden { display: none !important; }
.aside-filter #tire_param_trucks .filter-table .hiddenn,
.aside-filter #tire_param_suv .filter-table .hiddenn { display: none !important; }
.aside-filter #tire_param_trucks .filter-table td[data-label]:not([data-label=""])::before,
.aside-filter #tire_param_suv .filter-table td[data-label]:not([data-label=""])::before {
  content: attr(data-label);
  display: block;
  font-size: 11px;
  font-weight: 700;
  color: var(--rd-text3);
  text-transform: uppercase;
  letter-spacing: .07em;
  margin-bottom: 5px;
}
.aside-filter #tire_param_trucks .filter-table .option-wrap,
.aside-filter #tire_param_suv .filter-table .option-wrap {
  width: 100% !important;
  max-width: 100% !important;
  flex-wrap: nowrap !important;
}
.aside-filter #tire_param_trucks .filter-table .option-wrap__select,
.aside-filter #tire_param_suv .filter-table .option-wrap__select {
  min-width: 0 !important;
  flex: 1 1 0 !important;
}
.aside-filter #tire_param_trucks .filter-table select,
.aside-filter #tire_param_suv .filter-table select,
.aside-filter #tire_param_trucks .filter-table .select2-container,
.aside-filter #tire_param_suv .filter-table .select2-container {
  width: 100% !important;
  max-width: 100% !important;
}

/* Общая страховка: ни одна форма фильтра не шире контейнера */
.tire_tabs, .disc_tabs {
  max-width: 100% !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

/* =============================================
   FIX: горизонтальный скролл на /tire/ /disc/ мобиле
   .aside-filter__tabs { grid-template-columns: 1fr 1fr } —
   grid-элементы по умолчанию min-width:auto (= max-content),
   из-за чего длинный текст "Разноширокие"/"По параметрам"
   расширяет grid-track за пределы контейнера несмотря на
   overflow:hidden/ellipsis на <a>. min-width:0 решает.
   ============================================= */
.aside-filter__tabs li {
  min-width: 0 !important;
}
.aside-filter__tabs {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

/* Общая страховка для всего бокового фильтра и каталога на мобиле */
@media (max-width: 768px) {
  .cat-layout, .cat-layout__aside, .cat-layout__content,
  .aside-filter, .aside-filter.filter-df,
  .aside-filter__section, .aside-filter__tabs,
  .filter-table-wrap, .filter-table, .option-wrap {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  .container { max-width: 100% !important; }
}

/* =============================================
   FIX: "В корзину" накладывается на цену
   на главной (Новинки/Спецпредложения), когда
   есть cat-item__price-old (2 строки цены).
   Решение: price-row в колонку, кнопка — отдельной
   строкой на всю ширину, всегда внизу блока.
   ============================================= */
.cat-item__price-row {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 8px !important;
}
.cat-item__price-block {
  display: flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}
.cat-item__buy {
  width: 100% !important;
  text-align: center !important;
  flex-shrink: 0 !important;
}

/* =============================================
   FIX: горизонтальный скролл на ВСЕХ страницах
   товара — блок "Похожие товары" имеет inline
   style="grid-template-columns:repeat(4,1fr)"
   (без !important), который невозможно
   переопределить обычным media-query правилом —
   inline без !important всё равно перебивает
   media query без !important.
   Нужен !important чтобы перебить inline.
   ============================================= */
@media (max-width: 1100px) {
  .cat-grid[style*="repeat(4"] {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 768px) {
  .cat-grid[style*="repeat(4"] {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
}
@media (max-width: 420px) {
  .cat-grid[style*="repeat(4"] {
    grid-template-columns: 1fr !important;
  }
}

/* =============================================
   FIX: window.innerWidth=591 при device-width=390
   на страницах каталога (с .aside-filter/.cat-layout).
   app.css подключается ДО redesign.css и, видимо,
   на момент первого layout даёт html.scrollWidth>390,
   из-за чего Safari залочивает layout viewport на
   большем значении (innerWidth=591), хотя финальный
   CSS укладывает всё в 390px (html.clientWidth=390).
   Принудительно фиксируем html/body в 100vw — это
   заставляет браузер пересчитать layout viewport под
   физическую ширину экрана.
   ============================================= */
html, body {
  width: 100vw !important;
  max-width: 100vw !important;
}

/* =============================================
   FIX: select2 при инициализации с width:'element'
   мог проставлять inline style="width:NNNpx" на
   .select2-container, рассчитанный из computed-width
   оригинального <select> ДО перестройки layout
   (vendors_catalog.js перестраивает .aside-filter в
   .vf-widget асинхронно). Если это значение больше
   реальной ширины контейнера — html.scrollWidth
   увеличивается, и Safari залочивает layout viewport
   (window.innerWidth) на этом большем значении.
   Принудительно игнорируем любой inline width у
   select2-контейнера внутри фильтра — всегда 100%.
   ============================================= */
.aside-filter .select2-container,
.filter .select2-container,
.option-wrap .select2-container {
  width: 100% !important;
  max-width: 100% !important;
}
@media (max-width: 768px) {
  /* 1. ЛЕЧИМ БОКОВОЕ МЕНЮ (чтобы выезжало полностью и не распирало html) */
  .mob-menu {
    right: 0 !important;
    transform: translateX(100%) !important;
    visibility: hidden !important;
    transition: transform .3s cubic-bezier(.32,.72,0,1), visibility .3s !important;
  }
  .mob-menu.is-open {
    transform: translateX(0) !important;
    visibility: visible !important;
  }

  /* 2. ЖЕСТКАЯ БЛОКИРОВКА КОРНЯ (отлавливаем "сбежавшие" абсолютные элементы) */
  html {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    /* position: relative - самое важное! Удерживает абсолютные попапы внутри ширины экрана */
    position: relative !important; 
    margin: 0 !important;
    padding: 0 !important;
  }

  /* 3. Скрываем "невидимые" попапы CMS, которые могут давать ширину 591px */
  .mycms-dialog-conteiner:not(.opened),
  .hdr-city-popup:not(.is-open) {
    display: none !important;
    left: 0 !important;
  }
}
/* =============================================
   FIX: на страницах с is_group=no (/tire/summer/,
   /tire/winter/ и т.д.) =false →
   ранее кнопка "В корзину" отсутствовала вовсе.
   Теперь рендерится отдельным вариантом
   .cat-item__price-row--buy-only (только кнопка,
   цена уже показана в .cat-item__count выше).
   ============================================= */
.cat-item__price-row--buy-only {
  margin-top: auto;
}
.cat-item__price-row--buy-only .cat-item__buy {
  width: 100%;
}

/* =============================================
   FIX: .cat-item__count / .item-counter / .cat-item__total
   На узких карточках (2 колонки на мобиле) счётчик
   "−4+" и "=25 320 ₽" в одну строку (flex, gap:10px)
   не помещались — кнопка "+" обрезалась, появлялся
   горизонтальный скролл карточки.
   Решение: счётчик и сумма — раздельные строки,
   .item-counter не растягивается шире доступного.
   ============================================= */
.cat-item__count {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  margin: 6px 0 2px;
  width: 100%;
}
.item-counter {
  display: inline-flex;
  align-items: center;
  border: 1.5px solid var(--rd-border);
  border-radius: 6px;
  overflow: hidden;
  max-width: 100%;
  flex-shrink: 0;
}
.item-counter__btn {
  flex: 0 0 32px;
}
.item-counter__inp {
  flex: 0 0 44px;
  min-width: 0;
  background: var(--rd-gray);
}
.item-counter__inp input {
  width: 100%;
  box-sizing: border-box;
}
.cat-item__total {
  width: 100%;
}

/* =============================================
   FIX: счётчик "−4+" по центру карточки,
   "Общая сумма" крупнее, по центру, акцентным
   цветом (как на проде), а не мелким серым.
   ============================================= */
.cat-item__count {
  align-items: center;
}
.item-counter {
  margin: 0 auto;
}
.cat-item__total {
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  color: var(--rd-dark);
}
.cat-item__total .rub {
  font-size: 13px;
}
.cat-item__total-sum,
.cat-item__total [data-price="sum"] {
  color: var(--rd-red);
  font-size: 18px;
  font-weight: 800;
}

/* =============================================
   .cat-item__price-row--solo — цена за 1шт внутри
   .cat-item__count (на страницах is_group=no, типа
   /tire/summer/), без отступов/границы обычного
   price-row, по центру.
   ============================================= */
.cat-item__price-row--solo {
  border-top: none !important;
  margin: 0 !important;
  padding: 0 0 4px !important;
  display: block !important;
  text-align: center;
  width: 100%;
}
.cat-item__price-row--solo .cat-item__price-block {
  justify-content: center;
}

/* =============================================
   /accessory/ — сетка категорий аксессуаров
   (старая разметка .accs/.accs__item без стилей)
   ============================================= */
.accs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin: 8px 0;
}
.accs__item-inner {
  display: flex; flex-direction: column; align-items: center; text-align: center;
  gap: 12px; padding: 18px 14px; border: 1.5px solid var(--rd-border);
  border-radius: 12px; background: #fff; text-decoration: none !important;
  color: var(--rd-dark); transition: all var(--rd-tr); height: 100%; box-sizing: border-box;
}
.accs__item-inner:hover {
  border-color: var(--rd-red); box-shadow: 0 4px 16px rgba(216,46,46,.12); transform: translateY(-2px);
}
.accs__item-img {
  display: block; width: 100%; aspect-ratio: 1/1; border-radius: 8px;
  overflow: hidden; background: var(--rd-gray);
}
.accs__item-img img {
  width: 100%; height: 100%; object-fit: cover; display: block;
}
.accs__item-name {
  font-size: 14px; font-weight: 700; line-height: 1.3; color: var(--rd-dark) !important;
}
@media (max-width: 1024px) {
  .accs { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
  .accs { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .accs__item-inner { padding: 12px 10px; gap: 8px; }
  .accs__item-name { font-size: 13px; }
}

/* =============================================
   /accessory/sendvalues/{category}/ — список
   товаров аксессуаров (.accs-item, без стилей)
   ============================================= */
.accs-item {
  display: flex; flex-wrap: wrap; gap: 16px;
  align-items: center; justify-content: space-between;
  padding: 16px; border: 1px solid var(--rd-border);
  border-radius: 12px; margin-bottom: 14px; background: #fff;
}
.accs-item__left {
  display: flex; align-items: center; gap: 16px; flex: 1 1 320px; min-width: 0;
}
.accs-item__img {
  flex-shrink: 0; width: 80px; height: 80px; border-radius: 8px;
  overflow: hidden; background: var(--rd-gray);
}
.accs-item__img img { width: 100%; height: 100%; object-fit: contain; }
.accs-item__name { font-size: 15px; font-weight: 700; margin-bottom: 4px; }
.accs-item__name a { color: var(--rd-dark) !important; text-decoration: none; }
.accs-item__name a:hover { color: var(--rd-red) !important; }
.accs-item__desc p { font-size: 13px; color: var(--rd-text2); margin: 2px 0; line-height: 1.4; }
.accs-item__right {
  display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
  flex-shrink: 0;
}
.accs-item__price {
  font-size: 20px; font-weight: 800; color: var(--rd-dark); white-space: nowrap;
}
.accs-item__price .rub { font-size: 14px; font-weight: 700; }
.accs-item__count .item-counter { margin: 0; }
.accs-item__btn .addBasket {
  background: var(--rd-red); color: #fff; border: none; border-radius: 8px;
  padding: 10px 18px; font-size: 13px; font-weight: 700;
  font-family: 'Geologica','Segoe UI',Arial,sans-serif;
  cursor: pointer; white-space: nowrap; transition: opacity .15s;
}
.accs-item__btn .addBasket:hover { opacity: .88; }

@media (max-width: 768px) {
  .accs-item { flex-direction: column; align-items: stretch; gap: 12px; }
  .accs-item__left { flex: 1 1 auto; }
  .accs-item__right { justify-content: space-between; width: 100%; }
  .accs-item__btn .addBasket { width: 100%; }
}

/* =============================================
   /basket/ — корзина и форма заказа
   ============================================= */
.container.pb20 > .corners {
  background: #fff; border-radius: 12px; padding: 24px; border: 1px solid var(--rd-border);
}
.container.pb20 h1 { font-size: 24px; font-weight: 800; color: var(--rd-dark); margin: 0 0 18px; }

/* Таблица товаров */
#table-basket-page { margin-bottom: 24px; overflow-x: auto; }
.cart_table { width: 100%; border-collapse: collapse; font-size: 14px; }
.cart_table thead tr th {
  text-align: left; font-size: 12px; font-weight: 700; color: var(--rd-text2);
  text-transform: uppercase; padding: 10px 8px; border-bottom: 2px solid var(--rd-border);
  white-space: nowrap;
}
.cart_table tbody tr:not(.bb1-grey) td {
  padding: 12px 8px; border-bottom: 1px solid var(--rd-border); vertical-align: middle;
}
.cart_table td.ct-header {
  padding: 16px 8px 8px; font-size: 15px; font-weight: 800; color: var(--rd-dark);
  border-bottom: 1px solid var(--rd-border);
}
.cart_table a { color: var(--rd-dark); text-decoration: none; }
.cart_table a:hover { color: var(--rd-red); }
.cart_table .rub { font-size: 12px; font-weight: 700; }
.cart_table input.changeItemCount {
  width: 56px; height: 36px; text-align: center; border: 1.5px solid var(--rd-border);
  border-radius: 6px; font-size: 14px; font-family: 'Geologica','Segoe UI',Arial,sans-serif;
}
.cart_table .red-last-item { color: var(--rd-red); font-size: 12px; }
.basket-delete-btn {
  display: inline-flex; align-items: center; justify-content: center;
  width: 36px; height: 36px; border-radius: 8px; color: var(--rd-text3);
  transition: all var(--rd-tr); flex-shrink: 0;
}
.basket-delete-btn:hover { background: var(--rd-red-bg); color: var(--rd-red); }
.basket-delete-btn svg { width: 18px; height: 18px; }
#table-basket-page p.right-align {
  text-align: right; margin-top: 12px; font-size: 16px; font-weight: 700; color: var(--rd-dark);
}
#table-basket-page #basket_total { color: var(--rd-red); font-size: 20px; font-weight: 800; }

/* Пустая корзина */
.container.pb20 p.center-align { margin: 12px 0; }
.container.pb20 p.center-align img { display: block; margin: 0 auto 12px; opacity: .7; }
.container.pb20 p.center-align a.btn-large {
  display: inline-block; background: var(--rd-red); color: #fff !important; border: none;
  border-radius: var(--rd-radius); padding: 12px 32px; font-size: 14px; font-weight: 700;
  text-decoration: none; margin-top: 8px;
}
.container.pb20 p.center-align a.btn-large:hover { opacity: .88; }

/* Форма заказа */
.order-form h3 { font-size: 18px; font-weight: 800; color: var(--rd-dark); margin: 24px 0 14px; }
.order-form hr { border: none; border-top: 1px solid var(--rd-border); margin: 20px 0; }
.form__row { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 14px; }
.form__col { flex: 1 1 220px; display: flex; flex-direction: column; gap: 6px; }
.form__col_1-3 { flex: 1 1 100%; max-width: 260px; }
.form__col_empty { flex: 1 1 220px; }
.form__inp-lbl { font-size: 13px; font-weight: 700; color: var(--rd-text2); }
.order-form input[type="text"],
.order-form input[type="email"],
.order-form input[type="tel"],
.order-form textarea {
  width: 100%; padding: 10px 12px; border: 1.5px solid var(--rd-border); border-radius: 8px;
  font-size: 14px; font-family: 'Geologica','Segoe UI',Arial,sans-serif; box-sizing: border-box;
  background: #fff; color: var(--rd-dark);
}
.order-form input:focus, .order-form textarea:focus { outline: none; border-color: var(--rd-red); }
.order-form textarea { min-height: 90px; resize: vertical; }
.order-form label { display: flex; align-items: center; gap: 8px; font-size: 14px; cursor: pointer; margin: 10px 0; }
.order-form input[type="checkbox"], .order-form input[type="radio"] { width: 16px; height: 16px; accent-color: var(--rd-red); }

/* Радио-табы (Самовывоз / Доставка) */
.tabs-radio { display: flex; flex-wrap: wrap; gap: 10px; margin: 12px 0 16px; }
.tabs-radio__item { position: relative; cursor: pointer; margin: 0; }
.tabs-radio__inp {
  position: absolute; opacity: 0 !important; width: 0 !important; height: 0 !important;
  margin: 0; padding: 0; border: none; pointer-events: none;
  -webkit-appearance: none; appearance: none;
}
.tabs-radio__lbl {
  padding: 10px 18px; border: 1.5px solid var(--rd-border); border-radius: var(--rd-radius);
  font-size: 13px; font-weight: 700; color: var(--rd-text2); transition: all var(--rd-tr); white-space: nowrap;
}
.tabs-radio__inp:checked + .tabs-radio__lbl { border-color: var(--rd-red); background: var(--rd-red-bg); color: var(--rd-red); }

/* Чекбоксы способа оплаты */
.form__checkboxes { display: flex; flex-direction: column; gap: 4px; }
.form__checkboxes-item.hide { display: none; }

/* Информационные блоки */
.info-block {
  display: flex; gap: 12px; align-items: flex-start; background: var(--rd-gray);
  border-radius: 10px; padding: 14px 16px; margin: 14px 0; font-size: 13px; color: var(--rd-text2); line-height: 1.5;
}
.info-block__icon { flex-shrink: 0; width: 20px; height: 20px; }
.info-block__icon img { width: 100%; height: 100%; }
.info-block.mt-0 { margin-top: 0; }
.info-block_s { padding: 10px 14px; }

/* Блоки с условиями доставки */
.border-blocks { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 16px 0; }
.border-blocks__item { border: 1px solid var(--rd-border); border-radius: 10px; padding: 16px; }
.border-blocks__item h2 { font-size: 14px; font-weight: 800; color: var(--rd-dark); margin: 0 0 8px; }
.border-blocks__item p { font-size: 13px; color: var(--rd-text2); line-height: 1.5; margin: 0; }

/* Контакты (самовывоз) */
.contacts-block { display: flex; flex-direction: column; gap: 14px; margin: 12px 0; }
.contacts-block__item { display: flex; gap: 12px; align-items: flex-start; }
.contacts-block__item-icon { flex-shrink: 0; width: 22px; height: 22px; }
.contacts-block__item-icon img { width: 100%; height: 100%; }
.contacts-block__item-ttl { font-weight: 700; color: var(--rd-dark); margin-bottom: 2px; }
.contacts-block__item-content { font-size: 13px; color: var(--rd-text2); line-height: 1.6; }

/* Транспортные компании */
.companies {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 14px; margin: 12px 0;
}
.companies__item {
  position: relative; display: flex; align-items: flex-start; gap: 10px; cursor: pointer;
}
/* Радио — кружок слева от карточки (как на проде), без точки внутри при выборе —
   вместо неё подсвечивается вся карточка акцентной рамкой/фоном. */
.companies__item-inp {
  position: relative; appearance: none; -webkit-appearance: none; -moz-appearance: none;
  width: 20px !important; height: 20px !important;
  min-width: 20px !important; max-width: 20px !important;
  min-height: 20px !important; max-height: 20px !important;
  flex: 0 0 20px !important;
  box-sizing: border-box !important;
  margin: 2px 0 0 0; padding: 0;
  border-radius: 50% !important; outline: none; box-shadow: none;
  border: 1.5px solid var(--rd-border); background: #fff; background-clip: padding-box;
  cursor: pointer; transition: border-color var(--rd-tr);
}
.companies__item-inp::-ms-check { display: none; }
.companies__item-inp:checked { border-color: var(--rd-red); }
.companies__item-inp:checked::after {
  content: ""; position: absolute; inset: 4px; border-radius: 50%; background: var(--rd-red);
}
.companies__item-inner {
  flex: 1 1 auto; min-width: 0; border: 1.5px solid var(--rd-border); border-radius: 10px;
  padding: 14px; text-align: center; transition: all var(--rd-tr);
}
.companies__item-inp:checked ~ .companies__item-inner { border-color: var(--rd-red); background: var(--rd-red-bg); }
.companies__item-img { height: 36px; display: flex; align-items: center; justify-content: center; margin-bottom: 8px; }
.companies__item-img img { max-height: 100%; max-width: 100%; }
.companies__item-ttl { font-weight: 700; font-size: 14px; margin-bottom: 4px; }
.companies__item-text { font-size: 12px; color: var(--rd-text2); margin-bottom: 10px; line-height: 1.4; }
.companies__item-text .gray { color: var(--rd-text3); }
.companies__item-checkbox { display: none; }
.companies__item-btn .btn {
  width: 100%; box-sizing: border-box; white-space: normal !important;
  line-height: 1.3 !important; height: auto !important;
  display: inline-block; background: var(--rd-red); color: #fff !important; border: none;
  border-radius: 8px; text-decoration: none; font-size: 12px; font-weight: 700; padding: 10px 12px !important;
  transition: opacity .15s;
}
.companies__item-btn .btn:hover { opacity: .88; }

/* Submit-кнопка */
.form__btns { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-top: 16px; }
.form__btns-item { flex: 1 1 auto; }
.order-form input.btn-large[type="submit"] {
  background: var(--rd-red); color: #fff; border: none; border-radius: var(--rd-radius);
  padding: 14px 36px; font-size: 14px; font-weight: 800; cursor: pointer; transition: opacity .15s;
  font-family: 'Geologica','Segoe UI',Arial,sans-serif;
}
.order-form input.btn-large[type="submit"]:hover { opacity: .88; }
.grey-text { color: var(--rd-text3); font-size: 12px; }
.grey-text a { color: var(--rd-text2); }

/* Подарок */
.basket-gift { border: 1.5px solid var(--rd-red); border-radius: 12px; padding: 16px; margin: 16px 0; background: var(--rd-red-bg); }
.basket-gift__ttl { font-weight: 800; color: var(--rd-dark); margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }
.basket-gift__ttl img { width: 24px; height: 24px; }
.basket-gift__list { display: flex; flex-wrap: wrap; gap: 12px; }
.basket-gift__label { display: flex; align-items: center; gap: 10px; cursor: pointer; background: #fff; border-radius: 10px; padding: 10px 14px; flex: 1 1 240px; }
.basket-gift__label-text { display: flex; align-items: center; gap: 10px; font-size: 13px; }
.basket-gift__label-text img { width: 40px; height: 40px; object-fit: contain; }

/* Сообщения об ошибках */
.message-error { display: block; }

/* Мобильная адаптация */
@media (max-width: 768px) {
  .container.pb20 > .corners { padding: 14px; border-radius: 10px; }
  .cart_table { font-size: 12px; }
  .cart_table thead tr th { padding: 6px 4px; font-size: 10px; }
  .cart_table tbody tr td { padding: 8px 4px; }
  .cart_table input.changeItemCount { width: 44px; height: 32px; font-size: 12px; }
  .form__row { flex-direction: column; gap: 10px; }
  .form__col { flex: 1 1 auto; }
  .tabs-radio { flex-direction: column; }
  .tabs-radio__lbl { text-align: center; }
  .border-blocks { grid-template-columns: 1fr; }
  .companies { grid-template-columns: 1fr; }
  .form__btns { flex-direction: column; align-items: stretch; }
  .order-form input.btn-large[type="submit"] { width: 100%; }
}

/* =============================================
   FIX: "Карта постоянного клиента" / "E-mail"
   обёрнуты в доп. <div class="not2phone">,
   из-за чего .form__col gap:6px не применяется
   к label+input внутри (gap работает только
   между прямыми детьми) — поле визуально смещено
   относительно ФИО/Телефон.
   ============================================= */
.form__col > .not2phone {
  display: flex; flex-direction: column; gap: 6px; width: 100%;
}

/* =============================================
   Админ-блок "Остатки поставщиков" / лог расчёта цены —
   во всю ширину контейнера (вне .container.corners)
   ============================================= */
.admin-block {
  width: 100%; max-width: var(--rd-max); margin: 0 auto 20px; padding: 0 16px; box-sizing: border-box;
}
.admin-block .h_title {
  font-size: 18px; font-weight: 800; color: var(--rd-dark); margin: 0 0 10px;
}
.item_sizes {
  width: 100%; border-collapse: collapse; font-size: 12px; background: #fff;
}
.item_sizes th, .item_sizes td {
  border: 1px solid var(--rd-border); padding: 6px 8px; text-align: left; vertical-align: top;
}
.item_sizes th {
  background: var(--rd-gray); font-weight: 700; color: var(--rd-text2);
}
.item_sizes tr.even td { background: #fafafa; }
.item_sizes .center, .item_sizes .center-align { text-align: center; }
.item_sizes .w1per { white-space: nowrap; width: 1%; }
.supplier-balances-wrap { overflow-x: auto; }


/* =============================================
   .filter__actions-row — ссылки 'Таблица соответствия
   шин и дисков'/'Полезная информация' слева,
   кнопки 'Подобрать'/'Сбросить' справа, в одну строку
   (как на проде).
   ============================================= */
.filter__actions-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  margin: 14px 0;
}
.filter__actions-row .filter__info-links {
  margin: 0; padding: 0; flex: 1 1 auto;
}
.filter__actions-row .filter__btn {
  margin: 0; flex: 0 0 auto;
}
.filter__actions-row .filter__btn input[type=submit],
.filter__actions-row .filter__btn .btn.btn_l {
  padding: 14px 36px;
  font-size: 15px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
@media (max-width: 768px) {
  .filter__actions-row {
    flex-direction: column;
    align-items: stretch;
  }
  .filter__actions-row .filter__btn {
    width: 100%;
  }
  .filter__actions-row .filter__btn input[type=submit],
  .filter__actions-row .filter__btn .btn.btn_l {
    width: 100%;
    text-align: center;
  }
}

.aside-filter .filter__actions-row {
  display: block !important;
  margin: 0 !important;
}


/* =============================================
   FIX: .companies__item-inp внутри .order-form
   получал accent-color и конфликт с нативным
   рендером радио (овал вместо круга). Полный сброс
   с максимальной специфичностью.
   ============================================= */
.order-form .companies__item-inp,
.order-form input.companies__item-inp[type=radio] {
  -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important;
  accent-color: unset !important;
  width: 20px !important; height: 20px !important;
  min-width: 20px !important; max-width: 20px !important;
  min-height: 20px !important; max-height: 20px !important;
  border-radius: 50% !important;
  box-sizing: border-box !important;
  border: 1.5px solid var(--rd-border) !important;
  background: #fff !important;
  margin: 2px 0 0 0 !important; padding: 0 !important;
  flex: 0 0 20px !important;
}
.order-form .companies__item-inp:checked,
.order-form input.companies__item-inp[type=radio]:checked {
  border-color: var(--rd-red) !important;
}


/* =============================================
   Сетка логотипов брендов под товарами на
   /disc/, /replica/ (templates/block/catalog.php,
   старая Materialize-разметка .row > .col.s3,
   без стилей после отключения app.css).
   ============================================= */
.disc_tabs .row {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 14px;
  margin: 16px 0;
}
.disc_tabs .row .col.s3.center-align {
  text-align: center;
  width: auto;
  padding: 0;
}
.disc_tabs .row .col.s3.center-align a {
  text-decoration: none;
  color: var(--rd-text2);
  font-size: 12px;
  display: block;
}
.disc_tabs .row .col.s3.center-align a:hover {
  color: var(--rd-red);
}
.disc_tabs .row .product_frame {
  display: block;
  width: 100%;
  height: 56px;
  object-fit: contain;
  padding: 8px;
  border: 1.5px solid var(--rd-border);
  border-radius: 10px;
  background: #fff;
  margin-bottom: 6px;
  transition: border-color var(--rd-tr);
}
.disc_tabs .row .col.s3.center-align:hover .product_frame {
  border-color: var(--rd-red);
}
@media (max-width: 1024px) {
  .disc_tabs .row { grid-template-columns: repeat(5, 1fr); }
}
@media (max-width: 768px) {
  .disc_tabs .row { grid-template-columns: repeat(3, 1fr); gap: 10px; }
  .disc_tabs .row .product_frame { height: 44px; padding: 6px; }
}

/* =============================================
   Пагинация /hotoffer/
   ============================================= */
.hotoffer-pagination {
  display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
  margin: 24px 0 16px;
}
.hotoffer-pagination a.number {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 40px; height: 40px; padding: 0 10px;
  border: 1.5px solid var(--rd-border); border-radius: var(--rd-radius);
  background: #fff; font-size: 14px; font-weight: 600; color: var(--rd-text2);
  text-decoration: none; transition: all var(--rd-tr); line-height: 1;
}
.hotoffer-pagination a.number:hover { border-color: var(--rd-red); color: var(--rd-red); }
.hotoffer-pagination span.btn-small {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 40px; height: 40px; padding: 0 10px;
  border: 1.5px solid var(--rd-red); border-radius: var(--rd-radius);
  background: var(--rd-red); color: #fff; font-size: 14px; font-weight: 700; line-height: 1;
}
.hotoffer-pagination__dot {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 24px; height: 40px; color: var(--rd-text3); font-size: 14px;
}

/* =============================================
   Цвет диска — крупное превью при наведении/тапе
   ============================================= */
.typesize_tbl__item-color {
  white-space: nowrap;
}
.disc-color-swatch {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  cursor: pointer;
}
.disc-color-swatch__thumb {
  display: block;
  width: 28px; height: 28px;
  border-radius: 4px;
  object-fit: cover;
  border: 1px solid var(--rd-border);
}
@media (max-width: 768px) {
  .disc-color-swatch__thumb {
    width: 70px; height: 70px;
    border-radius: 8px;
  }
  .disc-color-swatch__big { display: none !important; }
}
.disc-color-swatch__big {
  display: none;
  position: absolute;
  z-index: 20;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  width: 120px; height: 120px;
  object-fit: cover;
  border-radius: 8px;
  border: 2px solid #fff;
  box-shadow: 0 4px 16px rgba(0,0,0,.25);
}
.disc-color-swatch:hover .disc-color-swatch__big,
.disc-color-swatch:focus .disc-color-swatch__big,
.disc-color-swatch:active .disc-color-swatch__big {
  display: block;
}
.disc-color-swatch__name {
  vertical-align: middle;
  color: var(--rd-dark);
  font-weight: 600;
}

/* =============================================
   Таблица размеров на мобильных — карточки вместо
   горизонтальной таблицы. Каждый <tr> становится
   блоком-карточкой, каждый <td> — строкой
   "подпись: значение" (подпись из data-label,
   SEO-текст остаётся в DOM, просто переставлен
   CSS-ом через display).
   ============================================= */
@media (max-width: 768px) {
  table.typesize_tbl,
  table.typesize_tbl tbody {
    display: block;
    width: 100%;
  }
  .typesize_tbl__head { display: none; }
  .typesize_tbl__ttl {
    display: block;
    margin: 16px 0 10px;
  }
  .typesize_tbl__ttl td {
    display: block;
    background: none;
    border: none;
    padding: 0;
    font-size: 17px;
    font-weight: 800;
    color: var(--rd-dark);
    text-transform: none;
    letter-spacing: normal;
  }
  .typesize_tbl__ttl:first-child { margin-top: 0; }
  .typesize_tbl__item {
    display: block;
    background: #fff;
    border: 1.5px solid var(--rd-border);
    border-radius: 12px;
    margin-bottom: 12px;
    overflow: hidden;
  }
  .typesize_tbl__item:hover td { background: none; }
  .typesize_tbl__item.hotoffer {
    border-color: var(--rd-red);
  }
  .typesize_tbl__item td {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px 12px;
    width: 100%;
    padding: 10px 14px;
    border: none;
    border-bottom: 1px solid var(--rd-border);
    text-align: right;
  }
  .typesize_tbl__item td:last-child { border-bottom: none; }
  .typesize_tbl__item td::before {
    content: attr(data-label);
    flex: 0 0 auto;
    margin-right: auto;
    font-size: 12px;
    font-weight: 700;
    color: var(--rd-text3);
    text-transform: uppercase;
    letter-spacing: .04em;
    text-align: left;
  }
  /* Типоразмер — заголовок карточки, без подписи, на всю ширину */
  .typesize_tbl__item-name {
    background: var(--rd-gray);
    justify-content: flex-start !important;
  }
  .typesize_tbl__item-name::before { content: none; }
  .typesize_tbl__item-name a {
    font-size: 15px;
    text-align: left;
    display: inline-block;
    border-bottom: none !important;
  }
  /* Цвет диска — крупное превью + название, прижаты к правому краю */
  .typesize_tbl__item-color { gap: 10px; }
  .typesize_tbl__item-color .disc-color-swatch { order: 2; margin-right: 0; }
  .typesize_tbl__item-color .disc-color-swatch__name { order: 1; }
  /* Стоимость крупнее */
  .typesize_tbl__item-price {
    font-size: 20px !important;
  }
  .price-value-wrap {
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
    flex-wrap: nowrap;
    white-space: nowrap;
  }
  /* Кол-во + кнопка — справа, счётчик снова виден */
  .typesize_tbl__item-buy {
    flex-wrap: wrap;
    justify-content: flex-end !important;
  }
  .typesize_tbl__item-buy::before {
    flex: 1 1 auto;
  }
  .typesize_tbl__item-buy-counter {
    display: inline-flex;
    flex: 0 0 auto;
    margin-right: 8px;
  }
  .typesize_tbl__item-buy .item-counter {
    flex: 0 0 auto;
  }
  .typesize_tbl__item-buy .item-counter__inp {
    flex: 0 0 44px;
  }
  .typesize_tbl__item-buy .item-counter__inp input {
    width: 44px;
  }
  button.addBasket.btn.btn_square {
    width: 40px; height: 40px;
  }
  .inBasket {
    flex: 1 1 100%;
    text-align: right;
    margin-top: 6px;
  }
  .disc-color-swatch__big {
    width: 100px; height: 100px;
    right: 0; left: auto; transform: none;
  }
}

/* =============================================
   Страница /search/ — заголовок и метаданные
   ============================================= */
.search-title {
  font-size: 24px;
  font-weight: 800;
  color: var(--rd-dark);
  margin: 16px 0;
}
.search-results-meta {
  color: var(--rd-text2);
  font-size: 14px;
  margin-bottom: 14px;
}
.search-empty {
  color: var(--rd-text2);
  font-size: 15px;
  padding: 20px 0;
}

/* =============================================
   FIX: счётчик "−4+" на /tire/summer/ (и аналогичных
   страницах с .cat-item__count) — фиксированная
   ширина по содержимому + явное центрирование,
   чтобы рамка не растягивалась с пустым местом справа.
   ============================================= */
.cat-item__count > .item-counter {
  width: 111px; box-sizing: border-box;
  max-width: 111px;
  flex: 0 0 auto;
  align-self: center;
  margin: 0 auto;
}

/* =============================================
   Кнопки "Избранное"/"Сравнить" на странице
   товара (рядом с H1) и в таблице "Все размеры"
   (.typesize_tbl__item-name) — переопределяем
   absolute-позиционирование из .cat-item__fc,
   рассчитанное на карточки каталога.
   ============================================= */
.prod-info {
  position: relative;
}
.prod-info > .cat-item__fc {
  position: absolute;
  top: 0;
  right: 0;
  flex-direction: row;
  gap: 8px;
}
.prod-info h1 {
  padding-right: 90px;
}
@media (max-width: 768px) {
  .prod-info > .cat-item__fc {
    position: static;
    flex-direction: row;
    justify-content: flex-end;
    margin: -12px 0 12px;
  }
  .prod-info h1 {
    padding-right: 0;
  }
}

.typesize_tbl__item-name {
  position: relative;
}
.typesize_tbl__item-name .cat-item__fc {
  position: static;
  flex-direction: row;
  display: inline-flex;
  gap: 6px;
  margin-left: 10px;
  vertical-align: middle;
}
.typesize_tbl__item-name .cat-item__fc-btn {
  width: 28px; height: 28px;
}
.typesize_tbl__item-name .cat-item__fc-btn svg {
  width: 14px; height: 14px;
}
@media (max-width: 768px) {
  .typesize_tbl__item-name {
    flex-wrap: wrap;
    gap: 8px;
  }
  .typesize_tbl__item-name .cat-item__fc {
    margin-left: auto;
  }
}

/* =============================================
   СТАТИЧЕСКИЕ СТРАНИЦЫ — типографика
   .hdr-c.corners.mb20 — обёртка контента для page_type=static
   Расширяем уже существующие .content-style правила.
   ============================================= */
.hdr-c.corners.mb20 {
  font-size: 15px;
  line-height: 1.7;
  color: var(--rd-text);
}
.hdr-c.corners.mb20 h2 { font-size: 22px; font-weight: 700; margin: 28px 0 12px; color: var(--rd-dark); line-height: 1.3; }
.hdr-c.corners.mb20 h3 { font-size: 18px; font-weight: 700; margin: 22px 0 10px; color: var(--rd-dark); line-height: 1.3; }
.hdr-c.corners.mb20 h4 { font-size: 16px; font-weight: 700; margin: 18px 0 8px; color: var(--rd-dark); }
.hdr-c.corners.mb20 p  { margin: 0 0 16px; }
.hdr-c.corners.mb20 p:last-child { margin-bottom: 0; }
.hdr-c.corners.mb20 ul { list-style: none !important; margin: 0 0 18px !important; padding: 0 !important; }
.hdr-c.corners.mb20 ul li { position: relative; padding: 4px 0 4px 22px !important; margin: 0 !important; }
.hdr-c.corners.mb20 ul li::before {
  content: '';
  position: absolute;
  left: 0; top: 12px;
  width: 7px; height: 7px;
  border-radius: 50%;
  background: var(--rd-red);
}
.hdr-c.corners.mb20 ol { list-style: none !important; counter-reset: rd-ol; margin: 0 0 18px !important; padding: 0 !important; }
.hdr-c.corners.mb20 ol li { position: relative; padding: 4px 0 4px 30px !important; margin: 0 !important; counter-increment: rd-ol; }
.hdr-c.corners.mb20 ol li::before {
  content: counter(rd-ol);
  position: absolute; left: 0; top: 4px;
  width: 20px; height: 20px; border-radius: 50%;
  background: var(--rd-red); color: #fff;
  font-size: 11px; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
}
.hdr-c.corners.mb20 strong, .hdr-c.corners.mb20 b { font-weight: 700; color: var(--rd-dark); }
.hdr-c.corners.mb20 a {
  color: var(--rd-red); text-decoration: none;
  border-bottom: 1px solid rgba(216,46,46,.3);
  transition: border-color .2s;
}
.hdr-c.corners.mb20 a:hover { border-bottom-color: var(--rd-red); }
.hdr-c.corners.mb20 hr { border: none; border-top: 1px solid var(--rd-border); margin: 24px 0; }
.hdr-c.corners.mb20 blockquote {
  margin: 20px 0; padding: 16px 20px;
  border-left: 4px solid var(--rd-red);
  background: var(--rd-gray); border-radius: 0 8px 8px 0;
}

/* .static-content — обёртка для нового контента страниц */
.static-content { padding: 4px 0 8px; }
.static-content > *:first-child { margin-top: 0; }

/* =============================================
   ТАБЛИЦА СООТВЕТСТВИЯ ШИН И ДИСКОВ
   .fitment-table-wrap / .fitment-table
   ============================================= */

/* Обёртка с горизонтальным скроллом на маленьких экранах */
.fitment-table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 12px;
  border: 1px solid var(--rd-border);
  margin: 6px 0 24px;
  box-shadow: 0 2px 12px rgba(0,0,0,.06);
}

.fitment-table {
  width: 100%;
  min-width: 480px;
  border-collapse: collapse;
  font-size: 14px;
  line-height: 1.5;
}

/* Шапка */
.fitment-table thead th {
  background: var(--rd-gray);
  color: var(--rd-dark);
  font-weight: 700;
  font-size: 13px;
  padding: 10px 12px;
  text-align: center;
  border: 1px solid var(--rd-border);
  white-space: nowrap;
  position: sticky;
  top: 0;
  z-index: 2;
  vertical-align: middle;
}
.fitment-table thead th:first-child {
  text-align: center;
  min-width: 76px;
}
.fitment-table thead th:nth-child(2) {
  text-align: center;
  min-width: 160px;
}
.fitment-table thead th:nth-child(n+3) {
  min-width: 72px;
}

/* Строки-разделители диаметров */
.fitment-table__group td {
  background: #f0f0f0;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--rd-dark);
  padding: 7px 12px;
  border: 1px solid var(--rd-border);
  text-align: center;
}

/* Обычные ячейки */
.fitment-table tbody tr:not(.fitment-table__group) td {
  padding: 8px 10px;
  border: 1px solid var(--rd-border);
  vertical-align: middle;
  text-align: center;
  color: var(--rd-text);
}
.fitment-table tbody tr:not(.fitment-table__group) td:nth-child(2) {
  text-align: left;
}

/* Чередование строк */
.fitment-table tbody tr:not(.fitment-table__group):nth-child(even) td {
  background: #fafafa;
}
.fitment-table tbody tr:not(.fitment-table__group):hover td {
  background: #f0f0f0;
}


/* Размер шины — span-строки внутри ячеек */
.fitment-table__line {
  display: block;
  white-space: nowrap;
  line-height: 1.8;
}
.fitment-table__line:not(:last-child) {
  border-bottom: 1px dotted var(--rd-border);
  padding-bottom: 2px;
  margin-bottom: 2px;
}

/* Рекомендуемая ширина — выделяем */
.fitment-table tbody tr:not(.fitment-table__group) td:nth-child(3) {
  font-weight: 600;
  color: var(--rd-dark);
}

/* Профиль (высота боковины) — жирный */
.fitment-table tbody tr:not(.fitment-table__group) td:first-child strong {
  font-size: 17px;
  font-weight: 800;
  color: var(--rd-red);
}

/* Адаптив — на мобиле уменьшаем шрифт чуть */
@media (max-width: 600px) {
  .fitment-table { font-size: 13px; min-width: 420px; }
  .fitment-table thead th { padding: 8px 8px; font-size: 12px; }
  .fitment-table tbody tr:not(.fitment-table__group) td { padding: 6px 8px; }
  .fitment-table__line { font-size: 12px; }
  .fitment-table tbody tr:not(.fitment-table__group) td:first-child strong { font-size: 15px; }
  .hdr-c.corners.mb20 h2 { font-size: 19px; margin-top: 22px; }
  .hdr-c.corners.mb20 h3 { font-size: 16px; }
}

/* Заголовок страницы — div.h1 (старый паттерн сайта, используется на
   статических страницах и /search/). Раньше класс .h1 был только в
   отключённом app.css и не имел стилей — выглядел как обычный текст. */
.h1 {
  display: block;
  font-size: 28px;
  font-weight: 800;
  color: var(--rd-dark);
  margin: 0 0 14px;
  line-height: 1.25;
}
@media (max-width: 600px) {
  .h1 { font-size: 22px; margin-bottom: 10px; }
}


/* В шапке таблицы соответствия весь текст одинаково жирный — включая
   точку после <strong>, которая не была обёрнута в исходных данных */
.fitment-table thead th { font-weight: 700; }

.fitment-table__dash { color: var(--rd-text3); }

/* =============================================
   КАРТА САЙТА — modules/sitemap.php
   ============================================= */
.sitemap-wrap { padding: 20px; }
.sitemap-section { margin-bottom: 28px; }
.sitemap-section:last-child { margin-bottom: 0; }
.sitemap-section h2 {
  font-size: 20px;
  font-weight: 700;
  color: var(--rd-dark);
  margin: 0 0 16px;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--rd-border);
}

.sitemap-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.sitemap-card {
  border: 1px solid var(--rd-border);
  border-radius: 10px;
  padding: 14px;
  background: #fff;
}

.sitemap-card__head {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  margin-bottom: 8px;
}
.sitemap-card__head img {
  width: 36px;
  height: 36px;
  object-fit: contain;
  flex-shrink: 0;
}
.sitemap-card__head h3 {
  font-size: 15px;
  font-weight: 700;
  color: var(--rd-dark);
  margin: 0;
}
.sitemap-card__head:hover h3 { color: var(--rd-red); }

.sitemap-card__list {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 220px;
  overflow-y: auto;
}
.sitemap-card__list li {
  padding: 3px 0;
  font-size: 13px;
}
.sitemap-card__list a {
  color: var(--rd-text);
  text-decoration: none;
}
.sitemap-card__list a:hover { color: var(--rd-red); }

@media (max-width: 1100px) {
  .sitemap-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 800px) {
  .sitemap-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .sitemap-wrap { padding: 14px; }
  .sitemap-grid { grid-template-columns: 1fr; gap: 12px; }
  .sitemap-section h2 { font-size: 18px; }
}

/* Honeypot-поле для защиты форм callback/quick_order от ботов.
   Визуально скрыто через позиционирование за пределами экрана —
   не display:none/visibility:hidden, чтобы не отфильтровывалось
   простыми бот-скриптами, которые это проверяют. */
.hp-field {
  position: absolute !important;
  left: -9999px !important;
  top: -9999px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* =============================================
   ФИКС: форма подбора по авто (.selection_auto) на /tire/auto/ и /disc/auto/
   — двойная рамка (карточка <tr> + рамка select/select2 внутри)
   — горизонтальный скролл из-за select2, не получившего width:100%
   ============================================= */
.disc_tabs .selection_auto .filter-table,
.tire_tabs .selection_auto .filter-table {
  width: 100% !important;
  max-width: 100% !important;
}
.disc_tabs .selection_auto select:not(.select2-hidden-accessible),
.tire_tabs .selection_auto select:not(.select2-hidden-accessible),
.disc_tabs .selection_auto .select2-container,
.tire_tabs .selection_auto .select2-container {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
@media (max-width: 768px) {
  .disc_tabs .selection_auto .filter-table-wrap,
  .tire_tabs .selection_auto .filter-table-wrap {
    overflow-x: hidden !important;
  }
  /* Убираем рамку у карточки-строки — рамка остаётся только у самого select/select2,
     чтобы не было визуального "двойного ободка" */
  .disc_tabs .selection_auto .filter-table tbody tr,
  .tire_tabs .selection_auto .filter-table tbody tr {
    border: none !important;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
    background: transparent !important;
  }
  .disc_tabs .selection_auto .filter-table tbody td,
  .tire_tabs .selection_auto .filter-table tbody td {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 0 12px !important;
    border: none !important;
    box-sizing: border-box !important;
  }
  .disc_tabs .selection_auto .filter-table tbody td:last-child {
    padding-bottom: 0 !important;
  }
  .disc_tabs .selection_auto select:not(.select2-hidden-accessible),
  .tire_tabs .selection_auto select:not(.select2-hidden-accessible) {
    border: 1.5px solid var(--rd-border) !important;
  }
}

/* =============================================
   ФИКС: авто-zoom на iOS при фокусе на поле ввода Select2
   (тот же эффект, что чинили для поиска в шапке) —
   Safari зумит страницу, если у активного input font-size < 16px.
   На мобиле принудительно держим 16px именно во время фокуса/ввода,
   остальной вид (высота, паддинги) не трогаем.
   ============================================= */
@media (max-width: 768px) {
  .select2-container--default .select2-search--dropdown .select2-search__field {
    font-size: 16px !important;
  }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 16px !important;
  }
}

/* =============================================
   СТРАНИЦА "РЕМОНТ КОЛЁСНЫХ ДИСКОВ" и похожие
   (форма feedback используется на нескольких страницах)
   ============================================= */

/* Таблица цен ремонта — данные не менялись, только оформление */
.repair-table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 12px;
  border: 1px solid var(--rd-border);
  margin: 6px 0 20px;
  box-shadow: 0 2px 12px rgba(0,0,0,.06);
}
.repair-table {
  width: 100%;
  min-width: 360px;
  border-collapse: collapse;
  font-size: 14px;
}
.repair-table thead th {
  background: var(--rd-gray);
  color: var(--rd-dark);
  font-weight: 700;
  font-size: 13px;
  padding: 10px 14px;
  text-align: center;
  border: 1px solid var(--rd-border);
}
.repair-table tbody td {
  padding: 9px 14px;
  border: 1px solid var(--rd-border);
  text-align: center;
  color: var(--rd-text);
}
.repair-table tbody td:first-child strong {
  font-size: 16px;
  font-weight: 800;
  color: var(--rd-red);
}
.repair-table tbody tr:nth-child(even) td { background: #fafafa; }
.repair-table tbody tr:hover td { background: #f0f0f0; }

/* Доп. условия по ремонту — карточка с акцентом на скидке */
.repair-note {
  background: var(--rd-gray);
  border-radius: 10px;
  padding: 16px 18px;
  margin: 0 0 18px;
}
.repair-note p { margin: 0 0 8px; }
.repair-note ul { margin: 0 !important; }
.repair-note__accent {
  color: var(--rd-red);
  font-weight: 800;
}

/* Предупреждение про гарантии */
.repair-warning {
  border: 1px dashed var(--rd-border);
  background: #fffdf0;
  border-radius: 10px;
  padding: 14px 18px;
  margin: 0 0 24px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--rd-text);
}
.repair-warning strong { color: var(--rd-dark); }

/* Галерея примеров работ */
.repair-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin: 12px 0 28px;
}
.repair-gallery__item {
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid var(--rd-border);
  aspect-ratio: 4/3;
}
.repair-gallery__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Форма "Записаться на ремонт" / "Заказать обратный звонок" (.feedback) */
.feedback {
  background: var(--rd-gray);
  border-radius: 12px;
  padding: 24px;
  margin: 0 0 24px;
}
.feedback__ttl {
  font-size: 20px;
  font-weight: 800;
  color: var(--rd-dark);
  margin-bottom: 16px;
}
.feedback__fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-bottom: 14px;
}
.feedback__fields-item { display: flex; flex-direction: column; }
.feedback__fields-lbl {
  font-size: 13px;
  font-weight: 600;
  color: var(--rd-text2);
  margin-bottom: 6px;
}
.feedback__fields-lbl sup { color: var(--rd-red); }
.feedback__fields-inp input.browser-default {
  width: 100%;
  box-sizing: border-box;
  border: 1.5px solid var(--rd-border);
  border-radius: 6px;
  padding: 10px 12px;
  font-size: 14px;
  font-family: 'Geologica', 'Segoe UI', Arial, sans-serif;
  background: #fff;
  outline: none;
  transition: border-color var(--rd-tr);
}
.feedback__fields-inp input.browser-default:focus {
  border-color: var(--rd-red);
}
.feedback__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.feedback__foot-agree {
  font-size: 12px;
  color: var(--rd-text3);
  max-width: 380px;
  line-height: 1.5;
}
.feedback__foot-agree a { color: var(--rd-red); text-decoration: none; }
.feedback__foot-agree a:hover { text-decoration: underline; }
.feedback__foot-btn .btn-large {
  background: var(--rd-red);
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 12px 32px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: background var(--rd-tr);
}
.feedback__foot-btn .btn-large:hover { background: #b82424; }

@media (max-width: 600px) {
  .feedback { padding: 18px; }
  .feedback__fields { grid-template-columns: 1fr; }
  .repair-gallery { grid-template-columns: 1fr 1fr; gap: 10px; }
  .feedback__foot { flex-direction: column; align-items: stretch; }
  .feedback__foot-btn .btn-large { width: 100%; text-align: center; }
}
@media (max-width: 420px) {
  .repair-gallery { grid-template-columns: 1fr; }
}

/* =============================================
   СТРАНИЦА "ПРИМЕРКА КОЛЁСНЫХ ДИСКОВ / КОНФИГУРАТОРЫ"
   ============================================= */
.brand-config-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin: 12px 0 24px;
}
.brand-config-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  text-align: center;
  text-decoration: none;
  border: 1px solid var(--rd-border);
  border-radius: 10px;
  padding: 20px 14px;
  background: #fff;
  transition: border-color var(--rd-tr), box-shadow var(--rd-tr), transform var(--rd-tr);
  min-height: 88px;
}
.brand-config-card:hover {
  border-color: var(--rd-red);
  box-shadow: 0 4px 16px rgba(0,0,0,.08);
  transform: translateY(-2px);
}
.brand-config-card__name {
  font-size: 16px;
  font-weight: 800;
  color: var(--rd-dark);
}
.brand-config-card__sub {
  font-size: 12px;
  color: var(--rd-text3);
}

@media (max-width: 1100px) {
  .brand-config-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 800px) {
  .brand-config-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 460px) {
  .brand-config-grid { grid-template-columns: 1fr; gap: 10px; }
}

/* =============================================
   ФИКС: цена в карточке товара на /tire/ и /disc/ становилась
   серой и мелкой из-за широкого правила
   .cat-layout__content > div span:not(.btn-small) { font-size:14px; color:var(--rd-text3) }
   которое перебивало .cat-item__price span. Возвращаем крупный
   тёмный вид, как на главной странице.
   ============================================= */
.cat-layout__content .cat-item__price span[data-price="price"],
.cat-layout__content .cat-item__price span.rub {
  font-size: inherit !important;
  color: inherit !important;
  padding: 0 !important;
}