/**
 * Макет страницы «только диски»: вьюер ~62–68% высоты, полка опций на всю ширину снизу.
 * Подключается только при body.wheels-model-page.
 */

body.wheels-model-page.model-configurator-page,
body.page-template-page-wheels-model {
    --cn-wheels-shelf-max: min(36vh, 500px);
    --cn-wheels-shelf-bg: #f7f6f4;
    --cn-wheels-border: rgba(0, 0, 0, 0.08);
    --cn-wheels-pill-border: rgba(0, 0, 0, 0.12);
    --cn-wheels-text-muted: #6b6b6b;
    --cn-wheels-text: #1a1a1a;
}

/* Те же базовые правила, что и у page-template-page-model в overrides */
body.wheels-model-page.model-configurator-page,
body.wheels-model-page.page-template-page-wheels-model,
body.page-template-page-wheels-model.model-configurator-page {
    --cn-header-overlay-height: 43px;
    --cn-bottom-overlay-height: 0px;
    --cn-viewer-bg-top: rgb(204, 204, 204);
    --cn-skfb-bottom-mask-color: rgb(207, 207, 205);
}

body.wheels-model-page.model-configurator-page #cn-header,
body.wheels-model-page.page-template-page-wheels-model #cn-header,
body.page-template-page-wheels-model.model-configurator-page #cn-header {
    background: var(--cn-viewer-bg-top) !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1302 !important;
}

/* Вьюер: область над нижней полкой */
body.wheels-model-page.model-configurator-page #rec983400361,
body.wheels-model-page.page-template-page-wheels-model #rec983400361,
body.page-template-page-wheels-model.model-configurator-page #rec983400361 {
    background: var(--cn-viewer-bg-top) !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: var(--cn-wheels-shelf-max) !important;
    height: auto !important;
    z-index: 1 !important;
}

/* Плавающая икон-панель как у полного конфигуратора — на странице дисков не нужна */
body.wheels-model-page.model-configurator-page #bottom-section,
body.wheels-model-page.model-configurator-page #section-navigation,
body.wheels-model-page.page-template-page-wheels-model #bottom-section,
body.wheels-model-page.page-template-page-wheels-model #section-navigation,
body.page-template-page-wheels-model.model-configurator-page #bottom-section,
body.page-template-page-wheels-model.model-configurator-page #section-navigation {
    display: none !important;
}

/* Нижняя полка: полная ширина (перебиваем style.css / theme.css / mobile). */
body.wheels-model-page #options-sidebar,
body.page-template-page-wheels-model #options-sidebar {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: var(--cn-wheels-shelf-max) !important;
    transform: translate3d(0, 0, 0) !important;
    transition: none !important;
    z-index: 1300 !important;
    display: flex !important;
    flex-direction: column !important;
    border-left: none !important;
    border-top: 1px solid var(--cn-wheels-border) !important;
    border-radius: 12px 12px 0 0 !important;
    box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.12) !important;
    background: var(--cn-wheels-shelf-bg) !important;
    overflow: hidden !important;
}

/* На wheels-странице вертикальный скролл в полке запрещён:
   скроллим только горизонтально (цвета/диски). */
body.wheels-model-page #options-sidebar *,
body.page-template-page-wheels-model #options-sidebar * {
    overscroll-behavior: contain !important;
}

body.wheels-model-page #wheels-panel,
body.page-template-page-wheels-model #wheels-panel {
    overflow: hidden !important;
}

body.wheels-model-page #wheels-panel .items-scroller,
body.page-template-page-wheels-model #wheels-panel .items-scroller {
    overflow-y: hidden !important;
}

body.wheels-model-page #options-sidebar.open,
body.wheels-model-page #options-sidebar,
body.page-template-page-wheels-model #options-sidebar.open,
body.page-template-page-wheels-model #options-sidebar {
    transform: translate3d(0, 0, 0) !important;
}

body.wheels-model-page.model-configurator-page #options-sidebar #sidebar-content,
body.page-template-page-wheels-model.model-configurator-page #options-sidebar #sidebar-content,
body.page-template-page-wheels-model #options-sidebar #sidebar-content {
    position: relative !important;
    height: auto !important;
    max-height: var(--cn-wheels-shelf-max) !important;
    min-height: 0 !important;
    flex: 1 1 auto !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: var(--cn-wheels-shelf-bg) !important;
}

/* Панели не тянуть на всю высоту полки */
body.wheels-model-page #sidebar-content > .sidebar-panel,
body.page-template-page-wheels-model #sidebar-content > .sidebar-panel {
    height: auto !important;
    min-height: 0 !important;
    flex: 0 0 auto !important;
}

body.wheels-model-page #sidebar-content > #exterior-panel.cn-wheels-layout-exterior-placeholder,
body.page-template-page-wheels-model #sidebar-content > #exterior-panel.cn-wheels-layout-exterior-placeholder {
    display: none !important;
}

/* Порядок: покрытие/цвет → карусель дисков → заказ */
body.wheels-model-page #sidebar-content > #colors-panel,
body.page-template-page-wheels-model #sidebar-content > #colors-panel {
    order: 1 !important;
}

body.wheels-model-page #sidebar-content > #wheels-panel,
body.page-template-page-wheels-model #sidebar-content > #wheels-panel {
    order: 2 !important;
}

body.wheels-model-page #sidebar-content > .sidebar-order-block,
body.page-template-page-wheels-model #sidebar-content > .sidebar-order-block {
    order: 3 !important;
    margin-top: 0 !important;
    flex-shrink: 0 !important;
}

/* —— Верхняя полоса полки: тип покрытия + свотчи цвета дисков (как options-bar в макете) —— */
body.wheels-model-page #colors-panel .configurator-header,
body.page-template-page-wheels-model #colors-panel .configurator-header,
body.wheels-model-page #colors-panel .colors-tabs-nav-v2,
body.page-template-page-wheels-model #colors-panel .colors-tabs-nav-v2,
body.wheels-model-page #colors-panel .colors-tab-content-v2:not([data-tab-content="wheels"]),
body.page-template-page-wheels-model #colors-panel .colors-tab-content-v2:not([data-tab-content="wheels"]),
body.wheels-model-page #colors-panel .action-buttons-icons,
body.page-template-page-wheels-model #colors-panel .action-buttons-icons,
body.wheels-model-page #colors-panel .separator-line,
body.page-template-page-wheels-model #colors-panel .separator-line,
body.wheels-model-page #colors-panel .sidebar-close-btn,
body.page-template-page-wheels-model #colors-panel .sidebar-close-btn {
    display: none !important;
}

body.wheels-model-page #colors-panel .colors-tab-content-v2[data-tab-content="wheels"],
body.page-template-page-wheels-model #colors-panel .colors-tab-content-v2[data-tab-content="wheels"] {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 10px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}

body.wheels-model-page #colors-panel .colors-tab-content-v2[data-tab-content="wheels"] .tab-title-section,
body.page-template-page-wheels-model #colors-panel .colors-tab-content-v2[data-tab-content="wheels"] .tab-title-section,
body.wheels-model-page #colors-panel .colors-tab-content-v2[data-tab-content="wheels"] .color-picker-card,
body.page-template-page-wheels-model #colors-panel .colors-tab-content-v2[data-tab-content="wheels"] .color-picker-card {
    display: none !important;
}

body.wheels-model-page #colors-panel .colors-tab-content-v2[data-tab-content="wheels"] .base-colors-card,
body.page-template-page-wheels-model #colors-panel .colors-tab-content-v2[data-tab-content="wheels"] .base-colors-card {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

body.wheels-model-page #colors-panel .colors-tab-content-v2[data-tab-content="wheels"] .base-colors-card > label,
body.page-template-page-wheels-model #colors-panel .colors-tab-content-v2[data-tab-content="wheels"] .base-colors-card > label {
    display: none !important;
}

body.wheels-model-page #colors-panel .colors-tab-content-v2[data-tab-content="wheels"] .colors-grid-v2,
body.page-template-page-wheels-model #colors-panel .colors-tab-content-v2[data-tab-content="wheels"] .colors-grid-v2 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    align-items: center !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    padding: 0 4px 2px !important;
    margin: 0 !important;
}

body.wheels-model-page #colors-panel .colors-tab-content-v2[data-tab-content="wheels"] .colors-grid-v2::-webkit-scrollbar,
body.page-template-page-wheels-model #colors-panel .colors-tab-content-v2[data-tab-content="wheels"] .colors-grid-v2::-webkit-scrollbar {
    display: none !important;
}

body.wheels-model-page #colors-panel .colors-tab-content-v2[data-tab-content="wheels"] .color-item-v2,
body.page-template-page-wheels-model #colors-panel .colors-tab-content-v2[data-tab-content="wheels"] .color-item-v2 {
    flex: 0 0 auto !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    border: 2px solid transparent !important;
    box-sizing: border-box !important;
    position: relative !important;
}

body.wheels-model-page #colors-panel .colors-tab-content-v2[data-tab-content="wheels"] .color-item-v2 .color-swatch-v2,
body.page-template-page-wheels-model #colors-panel .colors-tab-content-v2[data-tab-content="wheels"] .color-item-v2 .color-swatch-v2 {
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
}

body.wheels-model-page #colors-panel .colors-tab-content-v2[data-tab-content="wheels"] .color-item-v2 .color-name-label,
body.page-template-page-wheels-model #colors-panel .colors-tab-content-v2[data-tab-content="wheels"] .color-item-v2 .color-name-label,
body.wheels-model-page #colors-panel .colors-tab-content-v2[data-tab-content="wheels"] .color-item-v2 .color-overlay,
body.page-template-page-wheels-model #colors-panel .colors-tab-content-v2[data-tab-content="wheels"] .color-item-v2 .color-overlay {
    display: none !important;
}

body.wheels-model-page #colors-panel .colors-tab-content-v2[data-tab-content="wheels"] .color-item-v2._active,
body.page-template-page-wheels-model #colors-panel .colors-tab-content-v2[data-tab-content="wheels"] .color-item-v2._active,
body.wheels-model-page #colors-panel .colors-tab-content-v2[data-tab-content="wheels"] .color-item-v2.active,
body.page-template-page-wheels-model #colors-panel .colors-tab-content-v2[data-tab-content="wheels"] .color-item-v2.active {
    border-color: var(--cn-wheels-text) !important;
}

body.wheels-model-page #colors-panel,
body.page-template-page-wheels-model #colors-panel {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 0 !important;
    padding: 10px 20px !important;
    margin: 0 !important;
    background: var(--cn-wheels-shelf-bg) !important;
    border-bottom: 1px solid var(--cn-wheels-border) !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
}

body.wheels-model-page #colors-panel::-webkit-scrollbar,
body.page-template-page-wheels-model #colors-panel::-webkit-scrollbar {
    display: none !important;
}

body.wheels-model-page #colors-panel .finish-card,
body.page-template-page-wheels-model #colors-panel .finish-card {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
}

body.wheels-model-page #colors-panel .finish-card .card-header,
body.page-template-page-wheels-model #colors-panel .finish-card .card-header {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: var(--cn-wheels-text-muted) !important;
    gap: 6px !important;
    background: transparent !important;
    border: none !important;
}

body.wheels-model-page #colors-panel .finish-card .card-header svg,
body.page-template-page-wheels-model #colors-panel .finish-card .card-header svg {
    display: none !important;
}

body.wheels-model-page #colors-panel .finish-card .finish-toggle,
body.page-template-page-wheels-model #colors-panel .finish-card .finish-toggle {
    display: flex !important;
    gap: 6px !important;
    margin: 0 !important;
}

body.wheels-model-page #colors-panel .finish-card .finish-btn,
body.page-template-page-wheels-model #colors-panel .finish-card .finish-btn {
    height: 30px !important;
    padding: 0 14px !important;
    border-radius: 20px !important;
    border: 1px solid var(--cn-wheels-pill-border) !important;
    background: #fff !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: var(--cn-wheels-text-muted) !important;
    box-shadow: none !important;
}

body.wheels-model-page #colors-panel .finish-card .finish-btn svg,
body.page-template-page-wheels-model #colors-panel .finish-card .finish-btn svg {
    display: none !important;
}

body.wheels-model-page #colors-panel .finish-card .finish-btn._active,
body.page-template-page-wheels-model #colors-panel .finish-card .finish-btn._active {
    background: var(--cn-wheels-text) !important;
    color: #fff !important;
    border-color: var(--cn-wheels-text) !important;
}

/* Пресеты диска — отдельный блок в верхней строке */
body.wheels-model-page #cn-wheels-presets-bar,
body.page-template-page-wheels-model #cn-wheels-presets-bar {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-left: 10px !important;
    flex: 0 0 auto !important;
}

body.wheels-model-page #cn-wheels-presets-bar.is-empty,
body.page-template-page-wheels-model #cn-wheels-presets-bar.is-empty {
    opacity: 0.35 !important;
    pointer-events: none !important;
}

body.wheels-model-page #cn-wheels-presets-bar .cn-wheels-presets-label,
body.page-template-page-wheels-model #cn-wheels-presets-bar .cn-wheels-presets-label {
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: var(--cn-wheels-text-muted) !important;
    white-space: nowrap !important;
}

body.wheels-model-page #cn-wheels-presets-bar .cn-wheels-presets-track,
body.page-template-page-wheels-model #cn-wheels-presets-bar .cn-wheels-presets-track {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

body.wheels-model-page #cn-wheels-presets-bar .cn-wheels-preset,
body.page-template-page-wheels-model #cn-wheels-presets-bar .cn-wheels-preset {
    width: 28px !important;
    height: 28px !important;
    border-radius: 8px !important;
    border: 2px solid transparent !important;
    background: #fff !important;
    padding: 0 !important;
    overflow: hidden !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

body.wheels-model-page #cn-wheels-presets-bar .cn-wheels-preset img,
body.page-template-page-wheels-model #cn-wheels-presets-bar .cn-wheels-preset img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

body.wheels-model-page #cn-wheels-presets-bar .cn-wheels-preset .cn-wheels-preset-fill,
body.page-template-page-wheels-model #cn-wheels-presets-bar .cn-wheels-preset .cn-wheels-preset-fill {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
}

body.wheels-model-page #cn-wheels-presets-bar .cn-wheels-preset.is-active,
body.page-template-page-wheels-model #cn-wheels-presets-bar .cn-wheels-preset.is-active {
    border-color: var(--cn-wheels-text) !important;
}

body.wheels-model-page #colors-panel .cn-wheels-options-divider,
body.page-template-page-wheels-model #colors-panel .cn-wheels-options-divider {
    width: 1px !important;
    height: 22px !important;
    background: var(--cn-wheels-border) !important;
    margin: 0 12px !important;
    flex-shrink: 0 !important;
}

/* Разделитель между покрытием и цветом (псевдо у полки цветов) */
body.wheels-model-page #colors-panel .colors-tab-content-v2[data-tab-content="wheels"]::before,
body.page-template-page-wheels-model #colors-panel .colors-tab-content-v2[data-tab-content="wheels"]::before {
    content: "" !important;
    display: block !important;
    width: 1px !important;
    height: 22px !important;
    background: var(--cn-wheels-border) !important;
    margin-right: 4px !important;
    flex-shrink: 0 !important;
}

body.wheels-model-page #colors-panel .colors-tab-content-v2[data-tab-content="wheels"],
body.page-template-page-wheels-model #colors-panel .colors-tab-content-v2[data-tab-content="wheels"] {
    position: relative !important;
}

body.wheels-model-page #colors-panel .colors-tab-content-v2[data-tab-content="wheels"] .cn-wheels-swatch-heading,
body.page-template-page-wheels-model #colors-panel .colors-tab-content-v2[data-tab-content="wheels"] .cn-wheels-swatch-heading {
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: var(--cn-wheels-text-muted) !important;
    margin-right: 8px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    align-self: center !important;
}

body.wheels-model-page #colors-panel .colors-tab-content-v2[data-tab-content="wheels"] .base-colors-card,
body.page-template-page-wheels-model #colors-panel .colors-tab-content-v2[data-tab-content="wheels"] .base-colors-card {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

/* Подпись «Покрытие» */
body.wheels-model-page #colors-panel .finish-card .card-header span,
body.page-template-page-wheels-model #colors-panel .finish-card .card-header span {
    white-space: nowrap !important;
}

/* Карусель дисков */
body.wheels-model-page #wheels-panel.cn-wheels-shelf-wheels,
body.page-template-page-wheels-model #wheels-panel.cn-wheels-shelf-wheels {
    background: transparent !important;
    padding: 10px 20px 12px !important;
    border-bottom: 1px solid var(--cn-wheels-border) !important;
}

body.wheels-model-page #wheels-panel .cn-wheels-shelf-wheel-head,
body.page-template-page-wheels-model #wheels-panel .cn-wheels-shelf-wheel-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
}

body.wheels-model-page #wheels-panel .cn-wheels-shelf-wheel-title,
body.page-template-page-wheels-model #wheels-panel .cn-wheels-shelf-wheel-title {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--cn-wheels-text) !important;
    margin: 0 !important;
}

body.wheels-model-page #wheels-panel .cn-wheels-shelf-wheel-head .sidebar-close-btn,
body.page-template-page-wheels-model #wheels-panel .cn-wheels-shelf-wheel-head .sidebar-close-btn {
    display: none !important;
}

body.wheels-model-page #wheels-panel .brand-filter,
body.page-template-page-wheels-model #wheels-panel .brand-filter {
    flex-wrap: nowrap !important;
    gap: 6px !important;
    margin: 0 0 10px !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
    padding-bottom: 2px !important;
}

body.wheels-model-page #wheels-panel .brand-filter::-webkit-scrollbar,
body.page-template-page-wheels-model #wheels-panel .brand-filter::-webkit-scrollbar {
    display: none !important;
}

body.wheels-model-page #wheels-panel .wheel-filter-btn,
body.page-template-page-wheels-model #wheels-panel .wheel-filter-btn {
    height: 30px !important;
    padding: 0 14px !important;
    border-radius: 20px !important;
    border: 1px solid var(--cn-wheels-pill-border) !important;
    background: #fff !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    flex-shrink: 0 !important;
}

body.wheels-model-page #wheels-panel .wheel-filter-btn._active,
body.page-template-page-wheels-model #wheels-panel .wheel-filter-btn._active {
    background: var(--cn-wheels-text) !important;
    color: #fff !important;
    border-color: var(--cn-wheels-text) !important;
}

body.wheels-model-page #wheels-panel .items-scroller,
body.page-template-page-wheels-model #wheels-panel .items-scroller {
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    padding-bottom: 6px !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x !important;
}

body.wheels-model-page #wheels-panel .items-scroller::-webkit-scrollbar,
body.page-template-page-wheels-model #wheels-panel .items-scroller::-webkit-scrollbar {
    display: none !important;
}

body.wheels-model-page #wheels-panel .options-grid--wheels,
body.page-template-page-wheels-model #wheels-panel .options-grid--wheels {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    padding: 2px 0 8px !important;
}

body.wheels-model-page #wheels-panel .options-grid--wheels > .wheel-card,
body.page-template-page-wheels-model #wheels-panel .options-grid--wheels > .wheel-card,
body.wheels-model-page #wheels-panel .options-grid--wheels > .wheel-bundle-row,
body.page-template-page-wheels-model #wheels-panel .options-grid--wheels > .wheel-bundle-row {
    flex: 0 0 216px !important;
    max-width: 216px !important;
    scroll-snap-align: start !important;
}

/* Вынесенные пресеты: внутри карточек скрываем (только wheels-шаблон) */
body.wheels-model-page #wheels-panel .wheel-card .option-variants-container.wheel-color-presets,
body.page-template-page-wheels-model #wheels-panel .wheel-card .option-variants-container.wheel-color-presets {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
}

/* Если theme-logic насильно ставит display:grid — перебиваем и открытое состояние */
body.wheels-model-page #wheels-panel .wheel-card .option-variants-container.wheel-color-presets.cn-wheel-presets--open,
body.page-template-page-wheels-model #wheels-panel .wheel-card .option-variants-container.wheel-color-presets.cn-wheel-presets--open {
    display: none !important;
}

/* Стрелки слайдера дисков */
body.wheels-model-page #wheels-panel .cn-wheels-shelf-wheel-nav,
body.page-template-page-wheels-model #wheels-panel .cn-wheels-shelf-wheel-nav {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-left: auto !important;
}

body.wheels-model-page #wheels-panel .cn-wheels-shelf-arrow,
body.page-template-page-wheels-model #wheels-panel .cn-wheels-shelf-arrow {
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
    border: 1px solid var(--cn-wheels-pill-border) !important;
    background: #fff !important;
    color: var(--cn-wheels-text) !important;
    font-size: 20px !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

body.wheels-model-page #wheels-panel .wheel-card img,
body.page-template-page-wheels-model #wheels-panel .wheel-card img {
    max-height: 140px !important;
    object-fit: contain !important;
}

body.wheels-model-page #wheels-panel .wheel-card .option-label,
body.page-template-page-wheels-model #wheels-panel .wheel-card .option-label {
    font-size: 13px !important;
    line-height: 1.3 !important;
    text-align: center !important;
}

body.wheels-model-page #wheels-panel .wheel-card,
body.page-template-page-wheels-model #wheels-panel .wheel-card {
    border-radius: 12px !important;
    padding: 16px 10px 12px !important;
    background: rgba(255, 255, 255, 0.52) !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.10) !important;
    backdrop-filter: blur(14px) saturate(130%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(130%) !important;
}

body.wheels-model-page #wheels-panel .wheel-card.active,
body.page-template-page-wheels-model #wheels-panel .wheel-card.active {
    border-width: 2px !important;
    border-color: var(--cn-wheels-text) !important;
    box-shadow: 0 16px 42px rgba(0, 0, 0, 0.14) !important;
}

/* Glass style: фильтры-пилюли тоже */
body.wheels-model-page #wheels-panel .wheel-filter-btn,
body.page-template-page-wheels-model #wheels-panel .wheel-filter-btn {
    background: rgba(255, 255, 255, 0.62) !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    backdrop-filter: blur(12px) saturate(120%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(120%) !important;
}

body.wheels-model-page #wheels-panel .wheel-filter-btn._active,
body.page-template-page-wheels-model #wheels-panel .wheel-filter-btn._active {
    background: rgba(20, 20, 20, 0.9) !important;
    border-color: rgba(20, 20, 20, 0.9) !important;
}

/* —— Футер полки: итого + кнопки —— */
body.wheels-model-page .cn-wheels-shelf-order,
body.page-template-page-wheels-model .cn-wheels-shelf-order {
    background: var(--cn-wheels-shelf-bg) !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.wheels-model-page .cn-wheels-shelf-footer,
body.page-template-page-wheels-model .cn-wheels-shelf-footer {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 12px 20px 14px !important;
    border-top: 1px solid var(--cn-wheels-border) !important;
    flex-wrap: wrap !important;
}

body.wheels-model-page .cn-wheels-shelf-footer-left,
body.page-template-page-wheels-model .cn-wheels-shelf-footer-left {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    min-width: 0 !important;
}

body.wheels-model-page .cn-wheels-footer-label,
body.page-template-page-wheels-model .cn-wheels-footer-label {
    font-size: 10px !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    color: var(--cn-wheels-text-muted) !important;
}

body.wheels-model-page .cn-wheels-footer-price,
body.page-template-page-wheels-model .cn-wheels-footer-price,
body.wheels-model-page .cn-wheels-footer-price #exterior-total-sum,
body.page-template-page-wheels-model .cn-wheels-footer-price #exterior-total-sum {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--cn-wheels-text) !important;
}

body.wheels-model-page .cn-wheels-shelf-footer-right,
body.page-template-page-wheels-model .cn-wheels-shelf-footer-right {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

body.wheels-model-page .cn-wheels-shelf-footer-icons,
body.page-template-page-wheels-model .cn-wheels-shelf-footer-icons {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

body.wheels-model-page .cn-wheels-footer-icon-btn,
body.page-template-page-wheels-model .cn-wheels-footer-icon-btn {
    width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    border: 1px solid var(--cn-wheels-pill-border) !important;
    border-radius: 10px !important;
    background: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

body.wheels-model-page .cn-wheels-btn-ghost,
body.page-template-page-wheels-model .cn-wheels-btn-ghost {
    height: 40px !important;
    padding: 0 18px !important;
    border-radius: 20px !important;
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
    background: transparent !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--cn-wheels-text-muted) !important;
    cursor: pointer !important;
    font-family: inherit !important;
}

body.wheels-model-page .cn-wheels-btn-ghost:hover,
body.page-template-page-wheels-model .cn-wheels-btn-ghost:hover {
    border-color: rgba(0, 0, 0, 0.28) !important;
    color: var(--cn-wheels-text) !important;
}

body.wheels-model-page .cn-wheels-btn-primary,
body.page-template-page-wheels-model .cn-wheels-btn-primary {
    height: 40px !important;
    padding: 0 24px !important;
    border-radius: 20px !important;
    border: none !important;
    background: var(--cn-wheels-text) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    font-family: inherit !important;
}

body.wheels-model-page .cn-wheels-btn-primary:hover,
body.page-template-page-wheels-model .cn-wheels-btn-primary:hover {
    opacity: 0.88 !important;
}

body.wheels-model-page .cn-wheels-shelf-order-body,
body.page-template-page-wheels-model .cn-wheels-shelf-order-body {
    padding: 0 20px 16px !important;
    border-top: 1px solid var(--cn-wheels-border) !important;
    background: rgba(255, 255, 255, 0.45) !important;
}

/* В wheels-шаблоне этот блок всегда скрыт: заказ оформляется через общую корзину в шапке */
body.wheels-model-page .cn-wheels-shelf-order-body,
body.page-template-page-wheels-model .cn-wheels-shelf-order-body {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    height: 0 !important;
    overflow: hidden !important;
}

body.wheels-model-page .cn-wheels-install-card img,
body.page-template-page-wheels-model .cn-wheels-install-card img {
    max-height: 100px !important;
}

body.wheels-model-page .cn-wheels-order-form-title,
body.page-template-page-wheels-model .cn-wheels-order-form-title {
    font-size: 15px !important;
    margin: 12px 0 8px !important;
}

/* Мобильные правки overrides: полка всегда «открыта» */
@media (max-width: 991.9px) {
    body.wheels-model-page #options-sidebar,
    body.page-template-page-wheels-model #options-sidebar {
        max-height: min(52vh, 560px) !important;
    }

    body.wheels-model-page.sb-open #rec983400361,
    body.page-template-page-wheels-model.sb-open #rec983400361 {
        height: auto !important;
    }
}

/* theme.css: bottom sheet translateY(100%) до .open — для wheels полка всегда видима */
@media (max-width: 767px) {
    body.wheels-model-page #options-sidebar,
    body.page-template-page-wheels-model #options-sidebar {
        transform: translate3d(0, 0, 0) !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: none !important;
        position: fixed !important;
        max-height: min(54vh, 520px) !important;
    }

    body.wheels-model-page #colors-panel,
    body.page-template-page-wheels-model #colors-panel {
        flex-wrap: wrap !important;
        padding: 10px 14px !important;
        gap: 8px 10px !important;
    }

    /* Верхняя строка: компактнее лейблы + свотчи */
    body.wheels-model-page #colors-panel .finish-card .card-header,
    body.page-template-page-wheels-model #colors-panel .finish-card .card-header,
    body.wheels-model-page #colors-panel .colors-tab-content-v2[data-tab-content="wheels"] .cn-wheels-swatch-heading,
    body.page-template-page-wheels-model #colors-panel .colors-tab-content-v2[data-tab-content="wheels"] .cn-wheels-swatch-heading,
    body.wheels-model-page #cn-wheels-presets-bar .cn-wheels-presets-label,
    body.page-template-page-wheels-model #cn-wheels-presets-bar .cn-wheels-presets-label {
        font-size: 10px !important;
        letter-spacing: 0.05em !important;
    }

    body.wheels-model-page #colors-panel .finish-card .finish-btn,
    body.page-template-page-wheels-model #colors-panel .finish-card .finish-btn {
        height: 28px !important;
        padding: 0 12px !important;
        font-size: 12px !important;
    }

    body.wheels-model-page #cn-wheels-presets-bar,
    body.page-template-page-wheels-model #cn-wheels-presets-bar {
        margin-left: 0 !important;
    }

    body.wheels-model-page #cn-wheels-presets-bar .cn-wheels-preset,
    body.page-template-page-wheels-model #cn-wheels-presets-bar .cn-wheels-preset,
    body.wheels-model-page #colors-panel .colors-tab-content-v2[data-tab-content="wheels"] .color-item-v2,
    body.page-template-page-wheels-model #colors-panel .colors-tab-content-v2[data-tab-content="wheels"] .color-item-v2 {
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
    }

    /* Панель дисков: больше воздуха и нормальный свайп */
    body.wheels-model-page #wheels-panel.cn-wheels-shelf-wheels,
    body.page-template-page-wheels-model #wheels-panel.cn-wheels-shelf-wheels {
        padding: 10px 14px 12px !important;
    }

    body.wheels-model-page #wheels-panel .brand-filter,
    body.page-template-page-wheels-model #wheels-panel .brand-filter {
        margin-bottom: 10px !important;
    }

    body.wheels-model-page #wheels-panel .items-scroller,
    body.page-template-page-wheels-model #wheels-panel .items-scroller {
        padding-bottom: 10px !important;
    }

    /* Карточки дисков: не гигантские, но крупные для тапа */
    body.wheels-model-page #wheels-panel .options-grid--wheels > .wheel-card,
    body.page-template-page-wheels-model #wheels-panel .options-grid--wheels > .wheel-card,
    body.wheels-model-page #wheels-panel .options-grid--wheels > .wheel-bundle-row,
    body.page-template-page-wheels-model #wheels-panel .options-grid--wheels > .wheel-bundle-row {
        flex: 0 0 68vw !important;
        max-width: 68vw !important;
    }

    body.wheels-model-page #wheels-panel .wheel-card img,
    body.page-template-page-wheels-model #wheels-panel .wheel-card img {
        max-height: 180px !important;
    }

    body.wheels-model-page .cn-wheels-shelf-footer,
    body.page-template-page-wheels-model .cn-wheels-shelf-footer {
        padding: 10px 14px 12px !important;
        padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
    }

    body.wheels-model-page .cn-wheels-shelf-footer-right,
    body.page-template-page-wheels-model .cn-wheels-shelf-footer-right {
        width: 100% !important;
        justify-content: stretch !important;
    }

    body.wheels-model-page .cn-wheels-btn-ghost,
    body.page-template-page-wheels-model .cn-wheels-btn-ghost,
    body.wheels-model-page .cn-wheels-btn-primary,
    body.page-template-page-wheels-model .cn-wheels-btn-primary {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }
}