/* SUNMAN стиль A — собрано build_theme.py; правки вносить в исходники, не сюда */
@font-face{font-family:'Onest';src:url('onest.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
html:root{--body:'Onest',sans-serif;--display:'Onest',sans-serif;--page:#faf9f6;--surface:#faf9f6;--white:#ffffff;--ink:#181817;--muted:#62605a;--line:#d4d1c8;--field:#62605a;--accent:#b79a5f;--sticker-ink:#181817;--head:#181817;--head-ink:#ffffff;--head-line:#62605a;--foot:#181817;--foot-ink:#ffffff;--r:0px;--edge:48px;--t-body:16px;--t-small:14px;--t-title:42px;--t-price:36px;--t-section:22px;--t-heading:36px;--title-weight:500;--title-tracking:-.02em;}
/* Общая геометрия и доступность. Этот исходник включается в каждый site.css сборкой. */
html:root {scroll-behavior:auto;scroll-padding-block:32px 110px}
html:root body {background:var(--page)!important;color:var(--ink)!important;font:400 var(--t-body)/1.5 var(--body)!important}
html:root body :where(*:not([class*="icon-"]):not([class~="icon"]):not(svg):not(path)) {font-family:var(--body)!important}
html:root body :where(p,span,div,a,label,button,input,select,li,td,th) {color:inherit!important}
html:root body a {color:inherit}
html:root :is(.page_layout,.layout,.layout__content) {background-color:transparent}
html:root :is(.button,.form-control) {box-shadow:none!important;border-radius:var(--r)!important}
html:root .button {background:var(--ink)!important;color:var(--white)!important;border:1px solid var(--ink)!important;font-size:var(--t-small)!important;font-weight:500!important}
html:root :is(a,button,input,select):focus-visible {outline:2px solid var(--ink)!important;outline-offset:4px}
html:root .button:hover {opacity:.84}
html:root .header {box-shadow:none!important}
html:root .header-part-main {padding-inline:var(--edge)!important;background:var(--head)!important;color:var(--head-ink)!important}
html:root .header-part-main__inner {grid-template-columns:180px 100px minmax(180px,1fr) auto!important;gap:24px!important;align-items:center;padding:16px 0!important;min-height:92px}
html:root .header__logo {max-width:160px!important;width:160px!important;margin:0!important}
html:root .header__area-logo {padding:0!important}
html:root .header__area-controls {margin:0!important}
html:root .header__search-field {height:44px!important;background:transparent!important;border:1px solid var(--head-line)!important;color:var(--head-ink)!important;font-size:var(--t-small)!important;padding-inline:16px!important}
html:root .header__search-field::placeholder {color:var(--head-ink)!important;opacity:1}
html:root .header__search-btn {height:44px!important;background:transparent!important;border:0!important;color:var(--head-ink)!important}
html:root .header :is(.header__control-btn,.header__show-collection-btn) {background:transparent!important;color:var(--head-ink)!important;border:0!important;font-size:var(--t-small)!important;box-shadow:none!important}
html:root .header__control-bage-cart {background:transparent!important;color:var(--head-ink)!important}
html:root .header__compare {display:none!important}
html:root .header-part-top {background:var(--head)!important;color:var(--head-ink)!important;border-top:1px solid var(--head-line)!important;box-shadow:none!important;padding-inline:var(--edge)!important}
html:root .header-part-top__inner {padding-block:12px!important}
html:root .header__menu-link,html:root .header__phone-value {font-size:var(--t-small)!important;color:var(--head-ink)!important}
html:root .header__menu-item {margin-right:22px!important}
html:root .header__menu {gap:0!important}
html:root .layout[class*="breadcrumbs"] .layout__content {padding:18px var(--edge)!important;margin:0!important;max-width:none!important}
html:root .breadcrumb {font-size:var(--t-small)!important;color:var(--muted)!important}
html:root .breadcrumb a {color:var(--muted)!important}
html:root .layout[class*="product_6"]>.layout__content {padding:0 var(--edge) 64px!important;max-width:none!important}
html:root .product {grid-template-columns:minmax(0,1.18fr) minmax(0,1fr)!important;column-gap:64px!important;align-items:start}
html:root .product__area-photo {min-width:0;background:var(--white)!important;border:1px solid var(--line)!important}
html:root .product__gallery {position:static!important;min-width:0}
html:root .product__gallery-main .product__photo {padding:0!important;height:auto!important;aspect-ratio:1.18!important;background:var(--white)!important}
html:root .product__gallery-main .product__photo img {object-fit:contain!important}
html:root .product__gallery-tumbs {padding:12px!important;margin:0!important;border-top:1px solid var(--line)!important;--img-ratio:1}
html:root .product__photo-tumb {border:1px solid var(--line)!important;background:var(--white)!important}
html:root .product__gallery-tumbs .is-active .product__photo-tumb {border-color:var(--ink)!important}
html:root .product__back-btn,html:root .product__compare-btn {display:none!important}
html:root .product-form {min-width:0;grid-template-areas:'rating sku' 'title title' 'price price' 'variants-bundle variants-bundle' 'accessories accessories' 'controls controls' 'bundle bundle' 'short-description short-description'!important;grid-template-columns:1fr auto!important}
html:root .product__title.heading {font-family:var(--display)!important;font-size:var(--t-title)!important;font-weight:var(--title-weight)!important;line-height:1.16!important;letter-spacing:var(--title-tracking)!important;color:var(--ink)!important;margin:14px 0 20px!important}
html:root .product-form__area-price {margin-bottom:24px!important}
html:root :is(.product__price,.product-preview__price) {display:flex;align-items:baseline;gap:12px}
html:root :is(.product__price-cur,.product-preview__price-cur,.product-preview__price-min) {color:var(--ink)!important;font-size:var(--t-price)!important;font-weight:500!important;font-variant-numeric:lining-nums tabular-nums!important;line-height:1.2!important}
html:root :is(.product__price-old,.product-preview__price-old) {color:var(--muted)!important;font-size:var(--t-small)!important;font-variant-numeric:lining-nums tabular-nums!important}
html:root :is(.product__rating-star,.product__reviews-count,.product__sku,.sku-label,.sku-value) {color:var(--muted)!important;font-size:var(--t-small)!important}
html:root .product__reviews-count {text-decoration:underline;text-underline-offset:4px}
html:root .product .option {margin:0 0 20px!important}
html:root .product .option-label {display:block!important;margin:0 0 10px!important;font-size:var(--t-small)!important;font-weight:500!important;color:var(--muted)!important}
html:root .product .option-value {min-width:44px!important;min-height:44px!important;margin:0 4px 6px 0!important;padding:10px 12px!important;background:transparent!important;color:var(--ink)!important;border:1px solid var(--field)!important;border-radius:var(--r)!important;font-size:var(--t-small)!important;font-weight:400!important;line-height:1.3!important;scroll-margin-block:110px}
html:root .product .option-value.is-active {background:var(--ink)!important;border-color:var(--ink)!important;color:var(--white)!important}
html:root .product .option-value:hover {border-color:var(--ink)!important}
html:root .product__controls {display:flex!important;width:100%!important;gap:12px!important;margin-bottom:0!important}
html:root .product__controls-left {height:auto!important;flex:1!important;width:auto!important;max-width:none!important;min-width:0}
html:root .product__buy-btn-area {height:auto!important;width:100%!important}
html:root .product__buy-btn-area-inner {width:100%!important;gap:12px!important}
html:root .product__controls-right {display:none!important}
html:root .product :is(.add-cart-counter__btn,.add-cart-counter__controls,.product__preorder-btn) {height:56px!important;min-height:56px!important;border-radius:var(--r)!important;background:var(--ink)!important;color:var(--white)!important}
html:root .product :is(.add-cart-counter__btn,.add-cart-counter__detail) {font-size:var(--t-body)!important;font-weight:500!important;letter-spacing:.06em!important}
html:root .add-cart-counter__controls {align-items:stretch!important;overflow:hidden}
html:root .add-cart-counter__controls .button {height:56px!important;min-height:56px!important;background:transparent!important;color:var(--white)!important}
html:root .add-cart-counter__detail-text {font-size:var(--t-small)!important}
html:root .add-cart-counter__detail-dop-text {font-size:var(--t-small)!important}
html:root .product .favorites_btn {width:56px!important;height:56px!important;min-width:56px!important;border:1px solid var(--field)!important;background:transparent!important;color:var(--ink)!important;border-radius:var(--r)!important;box-shadow:none!important}
html:root .product .favorites_btn .btn-icon {color:var(--ink)!important;background:transparent!important}
html:root .product__block-title {padding:22px 0!important;margin:0!important;border-color:var(--line)!important;font-size:var(--t-section)!important;font-weight:400!important;color:var(--ink)!important}
html:root .product__block-title-value {font-size:var(--t-small)!important;color:var(--muted)!important}
html:root :is(.product__description-content,.product__properties-content,.product__description-content p) {font-size:var(--t-body)!important;line-height:1.7!important;color:var(--ink)!important}
html:root :is(.product__full-description,.product__properties,.product__reviews) {border-color:var(--line)!important}
html:root .product__property {border-bottom:1px solid var(--line);padding-block:8px;font-size:var(--t-small)!important}
html:root .insales_widget-delivery {background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;box-shadow:none!important;padding:20px!important;color:var(--ink)!important;font-size:var(--t-small)!important}
html:root .insales_widget-delivery * {color:var(--ink)!important;font-size:var(--t-small)!important;border-color:var(--line)!important;box-shadow:none!important}
html:root .insales_widget-delivery_header {background:transparent!important;font-weight:500!important}
html:root .insales_widget-open_modal {text-decoration:underline;text-underline-offset:4px;background:transparent!important}
html:root .product__area-calculate-delivery {margin-top:24px!important}
html:root .sticker {background:var(--accent)!important;color:var(--sticker-ink)!important;font:500 var(--t-small)/1.3 var(--body)!important;padding:6px 8px!important;border-radius:var(--r)!important}
html:root .sticker-preorder {display:none!important}
html:root .product__available {color:var(--muted)!important;background:var(--white)!important;font-size:var(--t-small)!important}
html:root .layout[class*="products_similar"] {background:var(--surface)!important;border-top:1px solid var(--line)!important}
html:root .layout[class*="products_similar"]>.layout__content {padding:48px var(--edge)!important;max-width:none!important}
html:root :is(.special-products__title.heading,.widget_heading,.review__title) {font-family:var(--display)!important;font-size:var(--t-heading)!important;font-weight:var(--title-weight)!important;line-height:1.2!important;color:var(--ink)!important;margin-bottom:28px!important}
html:root .product-preview {background:transparent!important;color:var(--ink)!important;border:0!important;box-shadow:none!important}
html:root .product-preview__photo {background:var(--white)!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;overflow:hidden}
html:root .product-preview__title {font-size:var(--t-body)!important;font-weight:400!important;line-height:1.5!important;color:var(--ink)!important}
html:root .product-preview__content {padding:16px 0!important;border:0!important}
html:root .product-preview :is(.product-preview__price-cur,.product-preview__price-min) {font-size:var(--t-section)!important;font-weight:500!important}
html:root .product-preview__price-label {font-size:var(--t-small)!important;color:var(--muted)!important}
html:root .product-preview :is(.favorites_btn,.product-preview__compare-btn) {background:var(--white)!important;border:1px solid var(--line)!important;color:var(--ink)!important;border-radius:var(--r)!important;box-shadow:none!important}
html:root .product-preview .favorites_btn .btn-icon {color:var(--ink)!important;background:transparent!important}
html:root .product-preview__compare-btn {display:none!important}
html:root :is(.splide__arrow,.splide__pagination__page) {background:var(--white)!important;color:var(--ink)!important;border:1px solid var(--field)!important;box-shadow:none!important}
html:root .splide__pagination__page.is-active {background:var(--ink)!important}
html:root .layout[class*="product-reviews"]>.layout__content {padding:48px var(--edge)!important;max-width:none!important}
html:root .splide__slide-review {background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;color:var(--ink)!important;box-shadow:none!important}
html:root .review__title-date {color:var(--muted)!important;font-size:var(--t-small)!important}
html:root .review__title-product {font-size:var(--t-body)!important;color:var(--ink)!important}
html:root :is(.review__content,.reviews-item__content) {font-size:var(--t-body)!important;color:var(--ink)!important}
html:root .layout[class*="footer_17"] {background:var(--foot)!important;color:var(--foot-ink)!important;border-top:1px solid var(--line)!important}
html:root .footer-wrap {padding:48px var(--edge)!important;background:transparent!important;color:inherit!important}
html:root .footer-wrap :is(a,div,span) {color:var(--foot-ink)!important;font-size:var(--t-small)!important}
html:root .footer__phone-value {font-size:var(--t-section)!important}
html:root .dialogs__widget_btn {background:var(--ink)!important;box-shadow:none!important}
html:root .layout[class*="button_on_top"] {display:none!important}
@media(min-width:768px){
html:root .header__collections {background:var(--page)!important;color:var(--ink)!important;border:1px solid var(--line)!important}
html:root .header__collections a {color:var(--ink)!important}
}
@media(max-width:767px){
html:root {--edge:20px;--t-title:27px;--t-price:28px;--t-heading:28px;--t-section:18px}
html:root .header-mobile-panel {background:var(--head)!important;color:var(--head-ink)!important;box-shadow:none!important;border-bottom:1px solid var(--head-line)!important}
html:root .header-mobile-panel__content {min-height:68px!important;padding-inline:var(--edge)!important;align-items:center!important}
/* Логотип ровно по центру экрана: крайние колонки равной ширины. */
html:root .header-mobile-panel__content {grid-template-columns:1fr auto 1fr!important}
html:root .header-mobile-panel__logo {width:124px!important;justify-self:center!important;margin:0!important}
html:root .header-mobile-panel__controls {justify-self:end!important}
html:root .header-mobile-panel__logo .header__logo {width:100%!important;max-width:100%!important;justify-items:center}
html:root .header-mobile-panel__logo img {margin-inline:auto!important}
html:root .header-mobile-panel :is(.button,a) {background:transparent!important;color:var(--head-ink)!important;border:0!important}
html:root .header-mobile-panel .header__control-bage-cart {color:var(--head-ink)!important}
html:root .layout[class*="breadcrumbs"] .layout__content {padding-block:12px!important}
html:root .layout[class*="product_6"]>.layout__content {padding-bottom:32px!important}
html:root .product {grid-template-columns:minmax(0,1fr)!important;gap:0!important;padding-bottom:0!important}
html:root .product__area-photo {margin:0 0 20px!important;border-radius:var(--r)!important;overflow:hidden}
html:root .product__gallery-main .product__photo {aspect-ratio:1.5!important}
html:root .product__gallery-tumbs {display:none!important}
html:root .product__gallery-main {margin:0!important}
html:root .product__gallery-main .splide__pagination {bottom:8px!important}
html:root .product__title.heading {margin:10px 0 16px!important}
html:root .product-form__area-price {margin-bottom:20px!important}
html:root .product-form__area-controls {min-height:72px!important;padding-bottom:12px!important}
html:root .product__controls,html:root .product__controls-left {height:auto!important}
/* Существующая панель покупки остаётся закреплённой над штатной нижней навигацией
(28.10, слово Александра: навигацию вернуть); прокрутка любого размера выше обеих панелей. */
html:root .layout[class*="bottom_navigation_bar"] {background:var(--page)!important;border-top:1px solid var(--line)!important;box-shadow:none!important}
html:root .navigation-bar {background:transparent!important;color:var(--ink)!important}
html:root .navigation-bar__item,html:root .navigation-bar__icon,html:root .navigation-bar__title {color:var(--ink)!important}
html:root .navigation-bar__title {font-family:var(--body)!important;font-size:11px!important}
html:root .navigation-bar__bage {background:var(--ink)!important;color:var(--white)!important}
html:root body:has(.product) {padding-bottom:156px!important}
html:root .product__buy-btn-area.is-fixed-state .product__buy-btn-area-inner {position:fixed!important;inset:auto 0 62px!important;width:100%!important;padding:12px var(--edge)!important;height:auto!important;background:var(--page)!important;border-top:1px solid var(--line)!important;box-shadow:none!important;z-index:109!important;transform:none!important}
html:root .product__buy-btn-area:not(.is-fixed-state) .product__buy-btn-area-inner {position:static!important;padding:0!important;background:transparent!important}
html:root .product .option-value {scroll-margin-top:100px;scroll-margin-bottom:120px}
html:root .product-form__area-variants-bundle {scroll-margin-block:100px 120px}
html:root .dialogs__widget {bottom:102px!important}
html:root .dialogs__widget_btn {width:44px!important;height:44px!important}
html:root .layout[class*="products_similar"]>.layout__content,html:root .layout[class*="product-reviews"]>.layout__content {padding-block:32px!important}
html:root .product-preview__title {font-size:var(--t-small)!important}
html:root .product-preview__price {gap:6px;flex-wrap:wrap}
html:root .product-preview :is(.product-preview__price-cur,.product-preview__price-min) {font-size:var(--t-section)!important}
html:root .product-preview .sticker {font-size:12px!important}
html:root .footer-wrap {padding-block:32px!important}
}
@media(prefers-reduced-motion:reduce){html:root *,html:root *::before,html:root *::after {scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Согласование с внешними отступами и flex-раскладкой исходного виджета. */
html:root .layout:is([class*="product_6"],[class*="breadcrumbs"],[class*="products_similar"],[class*="product-reviews"]) {padding-inline:0!important}
html:root .product__gallery {margin:0!important}
html:root .product__gallery-main {max-width:none!important}
html:root .product .option-selector {display:flex!important;flex-wrap:wrap!important;gap:0 24px!important}
html:root .product .option-selector .option {max-width:100%!important}
html:root .product .option-selector :is(.option-razmer_proizvoditelya,.option-cvet) {flex-basis:100%!important}
html:root .product__photo-tumb .img-ratio__inner {border-color:var(--line)!important}
html:root .product__slide-tumbs.is-active .img-ratio__inner {border-color:var(--ink)!important}
@media(max-width:767px){
html:root .product__gallery-main .splide__track {padding-bottom:0!important}
html:root .product__area-photo .stickers {position:absolute!important;top:12px!important;left:12px!important;bottom:auto!important}
html:root .dialogs__widget_btn {position:fixed!important;right:12px!important;bottom:100px!important}
}
html:root .product__gallery-tumbs .splide__slide {border-color:var(--line)!important}html:root .product__gallery-tumbs .splide__slide.is-active {border-color:var(--ink)!important}
/* Убираем остаточные цвета исходной темы, включая стрелки рекомендаций. */
html:root .special-products__slider-arrow {background:var(--ink)!important;color:var(--white)!important;box-shadow:none!important}
html:root :is(.product__property-name,.reviews-item__date) {color:var(--muted)!important;font-size:var(--t-small)!important}
html:root .reviews-item {border-color:var(--line)!important}
html:root .reviews-item :is(p,div,span,a) {font-size:var(--t-body)!important}
html:root :is(.reviews__show-all-btn,.show-review-form-btn,.cut-block__show-btn) {color:var(--ink)!important;font-size:var(--t-small)!important}
html:root .product-preview__title a {font-size:inherit!important}
/* 28.10: кнопка чата Telegram — над полосой покупки и нижней навигацией, не поверх «Избранного». */
@media(max-width:767px){html:root body:has(.product) .dialogs__widget_btn {bottom:160px!important}}
/* 28.10, выбор Александра: логотип без плашки — чёрный фон картинки растворяется в шапке, светлый угол срезан; золотая линия под шапкой */
html:root :is(.header__logo,.header-mobile-panel__logo,.footer__logo) img {mix-blend-mode:lighten;clip-path:inset(16% 2% 10% 4%)}
html:root .header-part-top {border-bottom:1px solid var(--accent)!important}
html:root .header-mobile-panel {border-bottom-color:var(--accent)!important}
html:root .product {grid-template-columns:minmax(0,1.18fr) minmax(0,1fr)!important}
html:root .product__area-photo {border-bottom:2px solid var(--accent)!important}
html:root .product__gallery-tumbs .splide__slide {max-width:88px!important}
html:root .product__area-form {padding-top:8px}
html:root .product__title {text-wrap:balance}
html:root .product__block-title {font-family:var(--display)!important;font-size:24px!important}
html:root .header__show-collection-btn {text-transform:uppercase;letter-spacing:.08em}
html:root .product .add-cart-counter__btn {text-transform:uppercase}
html:root .product-preview__content {border-top:1px solid var(--line)!important}
@media(max-width:767px){html:root .product {grid-template-columns:minmax(0,1fr)!important}html:root .product__block-title {font-size:20px!important}}
/* Промежуточная ширина: шапка остаётся внутри экрана без скрытия поиска. */
@media(min-width:768px) and (max-width:1100px){
html:root {--edge:24px;--t-title:32px}
html:root .header-part-main__inner {grid-template-areas:'logo catalog search controls'!important;grid-template-columns:120px 84px minmax(100px,1fr) auto!important;gap:12px!important}
html:root .header__logo {width:120px!important;max-width:120px!important}
html:root .header__control-text {display:none!important}
html:root .header__area-controls {justify-self:end!important}
html:root .product {column-gap:32px!important}
html:root .layout[class*="product-reviews"] .special-products__slider-arrow-next {right:0!important;left:auto!important}
html:root .layout[class*="product-reviews"] .special-products__slider-arrow-prev {left:0!important;right:auto!important}
}
/* Стиль A — дополнения для разделов кроме карточки (28.10). */
/* Отзывы на главной: имя автора — не заголовок раздела. */
html:root .review__title:has(.review__title-author) {font-size:18px!important;font-weight:500!important;margin-bottom:4px!important;font-family:var(--body)!important}
/* Корзина: «В избранное», «Удалить» — тихие текстовые ссылки, а не плашки. */
html:root .cart-item :is(.favorites_btn,.js-item-delete) {background:transparent!important;color:var(--muted)!important;border:0!important;padding:0!important;font-weight:400!important}
html:root .cart-item :is(.favorites_btn,.js-item-delete) :is(.btn-text,.icon) {color:var(--muted)!important}
html:root .cart__area-coupon {background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--r)!important}
html:root .coupon-header {color:var(--ink)!important;text-decoration:underline;text-underline-offset:4px}
/* Оформление заказа (системная страница InSales): кнопки в цвет A, текст виден. */
html:root .co-button {background:var(--ink)!important;color:var(--white)!important;border:1px solid var(--ink)!important;border-radius:var(--r)!important;box-shadow:none!important}
html:root .co-button * {color:var(--white)!important}
html:root .co-button--checkout-login {background:transparent!important;color:var(--ink)!important}
html:root .co-button--checkout-login * {color:var(--ink)!important}
html:root #create_order {background:var(--ink)!important;min-height:56px;font-size:16px!important;font-weight:500!important}
html:root :is(.co-input,.co-textarea,input.co-input-field,.co-input-field) {border-radius:var(--r)!important;border-color:var(--line)!important;background:var(--white)!important}
html:root .co-checkout-block-title, html:root .co-title {font-family:var(--display)!important;font-weight:500!important;color:var(--ink)!important}
html:root .co-delivery_method, html:root .co-payment_method {border-color:var(--line)!important}
html:root .co-tabs-node--active, html:root .co-delivery_method--selected {border-color:var(--accent)!important}
html:root .co-checkout-block a:not(.co-button) {color:var(--ink)!important;text-decoration-color:var(--accent)!important}
html:root .back_to_catalog {background:transparent!important;color:var(--ink)!important;border:0!important;padding-left:0!important;font-weight:400!important}
html:root .back_to_catalog * {color:var(--ink)!important}
html:root .co-input-field {border-radius:var(--r)!important;border-color:var(--line)!important;background:var(--white)!important}
html:root .co-title--h1 {font-family:var(--display)!important;font-size:32px!important;font-weight:var(--title-weight)!important;letter-spacing:var(--title-tracking)!important}
html:root .co-toggable_field--bordered {border-color:var(--line)!important;border-radius:var(--r)!important}
html:root .co-delivery_method-title {font-size:16px!important;font-weight:500!important;line-height:1.35!important}
html:root .co-basket_total-title, html:root .co-sidebar-toggler_title {font-weight:500!important}
/* Текстовые страницы: заголовок как у разделов, строка не шире 760 px. */
html:root .page-headding.heading {font-family:var(--display)!important;font-size:var(--t-title)!important;font-weight:var(--title-weight)!important;letter-spacing:var(--title-tracking)!important;line-height:1.15!important;margin-bottom:24px!important}
html:root .static-text {max-width:760px;font-size:var(--t-body)!important;line-height:1.6!important;color:var(--ink)!important}
html:root .static-text :is(h1,h2,h3) {font-family:var(--display)!important;font-weight:500!important;letter-spacing:-.01em;line-height:1.25!important}
html:root .static-text a {color:var(--ink)!important;text-decoration-color:var(--accent)!important}
html:root .co-modal-button {background:var(--ink)!important;color:var(--white)!important}
@media(max-width:767px){html:root .page-headding.heading {font-size:28px!important}}
/* Пиктограммы стиля A — build_icons.py. Классы темы icon-* остаются, рисунок заменён маской. */
html:root :is([class^="icon-"],[class*=" icon-"])::before {content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.14em;background-color:currentColor;-webkit-mask:var(--sm-i) center/contain no-repeat;mask:var(--sm-i) center/contain no-repeat}
html:root .icon-cart {--sm-i:url("data:image/svg+xml,")}
html:root .icon-favorites {--sm-i:url("data:image/svg+xml,")}
html:root .icon-favorites-o {--sm-i:url("data:image/svg+xml,")}
html:root .icon-favorites-f {--sm-i:url("data:image/svg+xml,")}
html:root .icon-user {--sm-i:url("data:image/svg+xml,")}
html:root .icon-search {--sm-i:url("data:image/svg+xml,")}
html:root .icon-bars {--sm-i:url("data:image/svg+xml,")}
html:root .icon-times {--sm-i:url("data:image/svg+xml,")}
html:root .icon-check {--sm-i:url("data:image/svg+xml,")}
html:root .icon-eye {--sm-i:url("data:image/svg+xml,")}
html:root .icon-view {--sm-i:url("data:image/svg+xml,")}
html:root .icon-angle-down {--sm-i:url("data:image/svg+xml,")}
html:root .icon-angle-right {--sm-i:url("data:image/svg+xml,")}
html:root .icon-angle-left {--sm-i:url("data:image/svg+xml,")}
html:root .icon-arrow-left {--sm-i:url("data:image/svg+xml,")}
html:root .icon-arrow-right {--sm-i:url("data:image/svg+xml,")}
html:root .icon-arrow-up {--sm-i:url("data:image/svg+xml,")}
html:root .icon-home {--sm-i:url("data:image/svg+xml,")}
html:root .icon-trash {--sm-i:url("data:image/svg+xml,")}
html:root .icon-plus {--sm-i:url("data:image/svg+xml,")}
html:root .icon-minus {--sm-i:url("data:image/svg+xml,")}
html:root .icon-star {--sm-i:url("data:image/svg+xml,")}
html:root .icon-star-o {--sm-i:url("data:image/svg+xml,")}
html:root .icon-link {--sm-i:url("data:image/svg+xml,")}
html:root .icon-camera {--sm-i:url("data:image/svg+xml,")}
html:root .icon-sliders {--sm-i:url("data:image/svg+xml,")}
html:root .icon-ellipsis-h {--sm-i:url("data:image/svg+xml,")}
html:root .icon-exclamation-triangle {--sm-i:url("data:image/svg+xml,")}
html:root .icon-sort-asc {--sm-i:url("data:image/svg+xml,")}
html:root .icon-sort-desc {--sm-i:url("data:image/svg+xml,")}
html:root .icon-star.active,html:root .rating .icon-star {color:var(--accent)!important}
/* [2026-10-28][CLX][SUNMAN-стиль A] Слой дизайна страниц поверх A/site.css и sections.css.
Токены — из A (--ink, --muted, --line, --accent, --page, --white, --r, --edge). */
html:root {--tint:rgba(183,154,95,.09)}
.sm-hidden {display:none!important}
/* ===== Общие мелочи: полоса прогресса, подсказка о бесплатной доставке ===== */
html:root .sm-free-hint {padding:16px 0 0;border-top:1px solid var(--line);margin-top:16px}
html:root .sm-free-hint[hidden] {display:none!important}
html:root .sm-free-hint p {margin:0 0 10px!important;font-size:14px!important;line-height:1.4}
html:root .sm-free-hint b {font-weight:600}
html:root .sm-free-hint small {display:block;margin-top:8px;color:var(--muted)!important;font-size:13px}
html:root .sm-bar {height:3px;background:var(--line)}
html:root .sm-bar i {display:block;height:100%;background:var(--accent)}
/* ===== Корзина ===== */
html:root.sm-cart form.cart {display:grid!important;grid-template-columns:minmax(0,1fr) 400px!important;gap:56px!important;align-items:start}
html:root.sm-cart .cart__area-items {border-top:1px solid var(--ink)}
html:root.sm-cart .cart-item {display:grid!important;grid-template-columns:120px minmax(0,1fr) auto!important;grid-template-areas:'img title total' 'img price total' 'img counter del'!important;gap:6px 24px!important;padding:24px 0!important;border-bottom:1px solid var(--line)!important;align-items:start}
html:root.sm-cart .cart-item .item-image {grid-area:img;width:120px!important;background:var(--white);border:1px solid var(--line)}
html:root.sm-cart .cart-item .item-title {grid-area:title;font-size:18px!important;font-weight:500!important;line-height:1.35!important;text-decoration:none!important}
html:root.sm-cart .cart-item .variant-title {display:block;margin-top:6px;font-size:14px!important;font-weight:400!important;color:var(--muted)!important}
html:root.sm-cart .cart-item .item-rating {display:none!important}
html:root.sm-cart .cart-item .item-price {grid-area:price;font-size:14px!important;color:var(--muted)!important}
html:root.sm-cart .cart-item .item-price .price::after {content:' за шт.'}
html:root.sm-cart .cart-item .item-total {grid-area:total;font-size:20px!important;font-weight:500!important;text-align:right;white-space:nowrap}
html:root.sm-cart .cart-item .item-counter {grid-area:counter;align-self:end;margin-top:12px;border:0!important;padding:0!important}
html:root.sm-cart .cart-item .counter {display:inline-flex!important;border:1px solid var(--line);height:40px}
html:root.sm-cart .cart-item .counter-button {width:40px!important;height:38px!important;min-height:0!important;background:transparent!important;color:var(--ink)!important;border:0!important}
html:root.sm-cart .cart-item .counter-input {width:44px!important;height:38px!important;border:0!important;background:transparent!important;text-align:center;font-size:15px!important;padding:0!important}
html:root.sm-cart .cart-item .item-delete {grid-area:del;align-self:end;display:flex!important;gap:20px;justify-content:flex-end}
html:root.sm-cart .cart-item .item-delete .favorites_btn {display:none!important}
html:root.sm-cart .cart-item .js-item-delete {font-size:14px!important;color:var(--muted)!important;height:auto!important;min-height:0!important}
html:root.sm-cart .cart__area-controls-sticky {position:sticky;top:24px;background:var(--white)!important;border:1px solid var(--line)!important;padding:28px!important}
html:root.sm-cart .cart__area-count {padding:0!important;margin:0 0 20px!important;background:transparent!important}
html:root.sm-cart .sidebar_header {font-size:24px!important;font-weight:500!important;letter-spacing:-.02em;display:flex;justify-content:space-between;align-items:baseline}
html:root.sm-cart .sidebar_header small {font-size:14px;font-weight:400;color:var(--muted)}
html:root.sm-cart .sidebar-size-items {display:none!important}
html:root.sm-cart .sm-delivery__city {font-size:14px;color:var(--muted);margin-bottom:12px}
html:root.sm-cart .sm-delivery__city b {color:var(--ink);font-weight:500}
html:root.sm-cart .sm-delivery__city :is(button,a) {background:none;border:0;padding:0;margin-left:6px;color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px;cursor:pointer;font:inherit}
html:root.sm-cart .sm-delivery__list {border-top:1px solid var(--line)}
html:root.sm-cart .sm-dm {display:grid;grid-template-columns:18px 1fr auto;gap:12px;align-items:start;padding:11px 8px;border-bottom:1px solid var(--line);cursor:pointer;font-size:14px;line-height:1.3}
html:root.sm-cart .sm-dm:has(input:checked) {background:var(--tint)}
html:root.sm-cart .sm-dm input {appearance:none;width:18px;height:18px;margin:1px 0 0;border:1px solid var(--muted);border-radius:50%;display:grid;place-items:center}
html:root.sm-cart .sm-dm input:checked {border-color:var(--ink)}
html:root.sm-cart .sm-dm input:checked::after {content:'';width:8px;height:8px;border-radius:50%;background:var(--ink)}
html:root.sm-cart .sm-dm input:focus-visible {outline:2px solid var(--ink);outline-offset:3px}
html:root.sm-cart .sm-dm small {display:block;color:var(--muted);font-size:12px;margin-top:2px}
html:root.sm-cart .sm-dm__price {text-align:right;white-space:nowrap;font-weight:500}
html:root.sm-cart .sm-dm__price small {font-weight:400}
html:root.sm-cart .sm-dm:has(input:checked) .sm-dm__name {font-weight:500}
html:root.sm-cart .cart__area-coupon {background:transparent!important;border:0!important;padding:16px 0 0!important;margin:0!important}
html:root.sm-cart .coupon-header {display:inline-block;font-size:14px!important;text-decoration-color:var(--accent)!important}
html:root.sm-cart .cart__area-coupon .total {display:none!important}
html:root.sm-cart .sm-sum {margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:14px}
html:root.sm-cart .sm-sum div {display:flex;justify-content:space-between;padding:3px 0}
html:root.sm-cart .sm-sum div span:first-child {color:var(--muted)}
html:root.sm-cart .sm-sum .sm-sum__total {margin-top:10px;font-size:24px;font-weight:500;letter-spacing:-.02em}
html:root.sm-cart .sm-sum .sm-sum__total span:first-child {color:var(--ink);font-size:16px;align-self:center}
html:root.sm-cart .cart-controls {margin-top:20px!important}
html:root.sm-cart .cart-controls .button {height:56px!important;width:100%!important;font-size:15px!important;letter-spacing:.06em;text-transform:uppercase}
html:root.sm-cart h1.heading {margin:8px 0 28px!important;font-size:42px!important;font-weight:500!important;letter-spacing:-.02em!important}
/* ===== Оформление заказа ===== */
/* Сосредоточенная шапка: без меню, каталога и поиска; внизу нет навигации поверх кнопки. */
html:root.sm-checkout :is(.header-part-top,.header__area-catalog,.header__area-search,.header__favorite) {display:none!important}
html:root.sm-checkout .header-part-main__inner {grid-template-columns:180px 1fr auto!important;min-height:76px!important;padding-block:10px!important}
html:root.sm-checkout .header-part-main {border-bottom:1px solid var(--accent)}
html:root.sm-checkout .layout[class*="bottom_navigation_bar"] {display:none!important}
html:root.sm-checkout .dialogs__widget_btn {display:none!important}
html:root.sm-checkout .checkout-v2-wrapper {max-width:none!important;margin:0!important;padding:48px var(--edge) 72px!important}
html:root.sm-checkout main .layout__content {max-width:none!important;padding:0!important}
html:root.sm-checkout .co-section--checkout_order_sided {width:100%!important;max-width:none!important;flex:1 1 100%!important;margin:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) 400px!important;grid-template-areas:'head side' 'err side' 'form side' 'pick side'!important;column-gap:72px!important;align-items:start}
html:root.sm-checkout .co-section--checkout_header {grid-area:head;padding:0!important;margin:0 0 8px!important}
html:root.sm-checkout #checkout_order_errors {grid-area:err}
html:root.sm-checkout #order_form {grid-area:form;padding:0!important;margin:0!important;max-width:none!important;width:auto!important}
html:root.sm-checkout .co-sidebar-wrapper {grid-area:side;position:sticky;top:24px;width:auto!important;max-width:none!important;margin:0!important;padding:0!important}
html:root.sm-checkout #picker-container {grid-area:pick}
html:root.sm-checkout .co-title--h1 {font-size:42px!important;line-height:1.1!important;margin:0!important}
html:root.sm-checkout .sm-login {margin:12px 0 0!important;font-size:15px;color:var(--muted)}
html:root.sm-checkout .sm-login .co-button {display:inline!important;width:auto!important;min-height:0!important;height:auto!important;padding:0!important;border:0!important;background:none!important;color:var(--ink)!important;font:inherit!important;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}
/* Шаги 01–03 */
html:root.sm-checkout #order_form {counter-reset:step}
html:root.sm-checkout #order_form :is(.co-delivery_method-list>h2.co-title,#customer-fields>.co-tabs-header,#payment_gateways .co-input-label) {counter-increment:step;display:flex!important;color:var(--ink)!important;background:transparent!important;align-items:baseline;gap:14px;font-size:24px!important;font-weight:500!important;letter-spacing:-.02em;margin:40px 0 18px!important;padding:0!important;border:0!important}
html:root.sm-checkout #order_form :is(.co-delivery_method-list>h2.co-title,#customer-fields>.co-tabs-header,#payment_gateways .co-input-label)::before {content:counter(step,decimal-leading-zero);font-size:13px;font-weight:500;color:var(--accent);letter-spacing:.04em}
html:root.sm-checkout .co-delivery_method-list>h2.co-title {margin-top:28px!important}
html:root.sm-checkout #payment_gateways .co-input-label::after {content:none!important}
/* Поля */
html:root.sm-checkout .co-input-label {background:transparent!important;font-size:13px!important;color:var(--muted)!important;margin-bottom:6px!important;font-weight:400!important}
html:root.sm-checkout .co-input-field, html:root.sm-checkout .co-input textarea {height:48px!important;border:1px solid var(--line)!important;background:var(--white)!important;font-size:15px!important;padding:0 14px!important;box-shadow:none!important}
html:root.sm-checkout .co-input textarea {height:80px!important;padding:12px 14px!important}
html:root.sm-checkout .co-input-field:focus, html:root.sm-checkout .co-input textarea:focus {border-color:var(--ink)!important;outline:0}
/* Ниже первого экрана: без белых полос под подписями, подсказка — мелко, согласие — одной строкой */
html:root.sm-checkout #order_form :is(.co-input,.co-checkout-block,.co-tabs-content,.co-input-information) {background:transparent!important;box-shadow:none!important}
html:root.sm-checkout .co-input-description {font-size:13px!important;color:var(--muted)!important;margin-top:6px!important;background:transparent!important}
html:root.sm-checkout .co-input--consent_to_personal_data .co-toggable_field-title {display:none!important}
html:root.sm-checkout .co-input--consent_to_personal_data .co-toggable_field {display:flex!important;gap:12px;align-items:flex-start}
html:root.sm-checkout .co-input--consent_to_personal_data .co-toggable_field-description {font-size:14px!important;color:var(--ink)!important;margin:0!important;line-height:1.45}
html:root.sm-checkout #delivery_address {margin-bottom:16px!important}
/* Способы доставки и оплаты — тонкие строки, цена справа */
html:root.sm-checkout #delivery_variants .co-tabs-content {display:block!important;border-top:1px solid var(--line)}
html:root.sm-checkout :is(.co-delivery_method,.co-payment_method) {display:grid!important;grid-template-columns:18px minmax(0,1fr) auto!important;gap:14px!important;align-items:start!important;margin:0!important;padding:14px 16px!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;min-height:0!important}
html:root.sm-checkout :is(.co-delivery_method,.co-payment_method):has(input:checked) {background:var(--tint)!important}
html:root.sm-checkout :is(.co-delivery_method-input,.co-payment_method-input) {position:static!important;margin:2px 0 0!important;width:18px;height:18px}
html:root.sm-checkout :is(.co-delivery_method,.co-payment_method) input[type=radio] {appearance:none;-webkit-appearance:none;width:18px!important;height:18px!important;margin:0!important;border:1px solid var(--muted);border-radius:50%;display:grid;place-items:center;position:static!important;opacity:1!important}
html:root.sm-checkout :is(.co-delivery_method,.co-payment_method) input[type=radio]:checked {border-color:var(--ink)}
html:root.sm-checkout :is(.co-delivery_method,.co-payment_method) input[type=radio]:checked::after {content:'';width:8px;height:8px;border-radius:50%;background:var(--ink)}
html:root.sm-checkout :is(.co-delivery_method-input,.co-payment_method-input) > span {display:none!important}
html:root.sm-checkout :is(.co-delivery_method-information,.co-payment_method-information) {padding:0!important;margin:0!important}
html:root.sm-checkout .co-delivery_method-title, html:root.sm-checkout .co-payment_method-title {display:inline!important;font-size:16px!important;font-weight:400!important;line-height:1.35!important}
html:root.sm-checkout :is(.co-delivery_method,.co-payment_method):has(input:checked) :is(.co-delivery_method-title,.co-payment_method-title) {font-weight:500!important}
html:root.sm-checkout .sm-free {display:inline-block;margin-left:12px;font-size:13px;color:var(--muted)}
html:root.sm-checkout .sm-free--accent {color:var(--ink);background:rgba(183,154,95,.18);padding:2px 8px}
html:root.sm-checkout [data-sm="pickup"] .sm-free {display:block;margin:4px 0 0}
html:root.sm-checkout .co-delivery_method-description {font-size:13px!important;color:var(--muted)!important;margin-top:6px!important;line-height:1.45}
html:root.sm-checkout .co-delivery_method-description:empty {display:none!important}
html:root.sm-checkout .co-delivery_method-description p {margin:0!important}
html:root.sm-checkout .co-delivery_method-description a, html:root.sm-checkout .co-delivery_method .co-link {color:var(--ink)!important;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}
html:root.sm-checkout .co-delivery_method:not(:has(input:checked)) :is(.co-delivery_method-description,.co-link) {display:none!important}
html:root.sm-checkout .co-delivery_method-price, html:root.sm-checkout .co-payment_method .co-toggable_field-price {font-size:15px!important;font-weight:500!important;white-space:nowrap;text-align:right;align-self:start!important;margin:0!important;padding:0!important}
html:root.sm-checkout .co-delivery_method-price:empty {display:none!important}
/* служебный способ «Доставка не требуется» видит только админ в предпросмотре */
html:root.sm-checkout .co-delivery_method[data-sm="other"]:has(#delivery_title_24884385) {display:none!important}
html:root.sm-checkout .co-payment_method .co-toggable_field-price {display:none!important}
html:root.sm-checkout .co-payment_method-description {font-size:13px!important;color:var(--muted)!important}
html:root.sm-checkout .co-payment_method-description img {display:none!important}
html:root.sm-checkout #payment_gateways .co-payment_method:first-of-type {border-top:1px solid var(--line)!important}
html:root.sm-checkout .co-tabs-controls--customer {margin-bottom:16px!important}
/* Согласие и кнопка */
html:root.sm-checkout .consent_to_personal_data_checkbox {margin:28px 0 16px!important;font-size:13px!important;color:var(--muted)!important}
html:root.sm-checkout #create_order {width:100%!important;height:56px!important;font-size:15px!important;letter-spacing:.06em;text-transform:uppercase}
/* Итог справа */
html:root.sm-checkout .co-sidebar-toggler {display:none!important}
html:root.sm-checkout .co-sidebar {position:static!important;width:auto!important;height:auto!important;max-height:none!important;overflow:visible!important;transform:none!important;inset:auto!important;display:block!important;background:var(--white)!important;border:1px solid var(--line)!important;padding:0!important;margin:0!important}
html:root.sm-checkout .co-basket {padding:28px!important}
html:root.sm-checkout .sm-basket-head {display:flex;justify-content:space-between;align-items:baseline;margin-bottom:20px;font-size:24px;font-weight:500;letter-spacing:-.02em}
html:root.sm-checkout .sm-basket-head a {font-size:14px;font-weight:400;letter-spacing:0;color:var(--ink)!important;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}
html:root.sm-checkout .co-basket_item {display:grid!important;grid-template-columns:64px 1fr auto!important;gap:14px!important;align-items:start!important;padding:0 0 16px!important;margin:0 0 16px!important;border-bottom:1px solid var(--line)!important}
html:root.sm-checkout .co-basket_item-image_container {width:64px!important;border:1px solid var(--line)}
html:root.sm-checkout .co-basket_item-description {font-size:14px!important;line-height:1.4!important;padding:0!important}
html:root.sm-checkout .co-basket_item-total, html:root.sm-checkout .co-basket_item-total * {font-size:14px!important;font-weight:400!important;white-space:nowrap}
html:root.sm-checkout .sm-var {display:block;margin-top:4px;color:var(--muted);font-size:13px}
html:root.sm-checkout .co-basket_subtotal {display:flex!important;justify-content:space-between;font-size:14px!important;padding:4px 0!important;margin:0!important;border:0!important}
html:root.sm-checkout .co-basket_subtotal-title {color:var(--muted)!important;font-size:14px!important}
html:root.sm-checkout .co-basket_subtotal-price {font-size:14px!important;font-weight:400!important}
html:root.sm-checkout #payment_way_block {display:none!important}
html:root.sm-checkout .co-basket_subtotal-list {padding:0!important;border:0!important;margin:0!important}
html:root.sm-checkout .co-basket_total {display:flex!important;justify-content:space-between;align-items:baseline;margin-top:12px!important;padding:16px 0 0!important;border-top:1px solid var(--line)!important}
html:root.sm-checkout .co-basket_total-title {font-size:16px!important;font-weight:500!important}
html:root.sm-checkout .co-basket_total-price {font-size:28px!important;font-weight:500!important;letter-spacing:-.02em}
@media(max-width:767px){
html:root.sm-cart form.cart {grid-template-columns:minmax(0,1fr)!important;gap:28px!important}
html:root.sm-cart .cart-item {grid-template-columns:88px minmax(0,1fr)!important;grid-template-areas:'img title' 'img price' 'img total' 'counter del'!important;gap:4px 16px!important;padding:20px 0!important}
html:root.sm-cart .cart-item .item-image {width:88px!important}
html:root.sm-cart .cart-item .item-title {font-size:16px!important}
html:root.sm-cart .cart-item .item-total {text-align:left;font-size:18px!important;margin-top:4px}
html:root.sm-cart .cart__area-controls-sticky {position:static;padding:20px!important}
html:root.sm-cart h1.heading {font-size:28px!important;margin:4px 0 16px!important}
/* [2026-10-30][CLX][О-01-261030] При ширине 320px учитываем место видимой полосы прокрутки. */
html:root.sm-checkout body {min-width:0}
/* [2026-10-29][CLX][О-19-261029] Уведомление SmartCaptcha остаётся доступным внизу; кнопка заказа прокручивается выше него. */
html:root.sm-checkout body > .SmartCaptcha-Shield {bottom:calc(12px + env(safe-area-inset-bottom,0px))!important}
html:root.sm-checkout .checkout-v2-wrapper {padding:20px var(--edge) calc(72px + env(safe-area-inset-bottom,0px))!important}
html:root.sm-checkout .co-section--checkout_order_sided {grid-template-columns:minmax(0,1fr)!important;grid-template-areas:'head' 'side' 'err' 'form' 'pick'!important}
html:root.sm-checkout .co-title--h1 {font-size:28px!important}
html:root.sm-checkout .co-sidebar-wrapper {position:static;margin:16px 0 0!important}
html:root.sm-checkout .co-sidebar-toggler {display:flex!important;justify-content:space-between;align-items:center;width:100%;padding:14px 16px!important;background:var(--white)!important;border:1px solid var(--line)!important;font-size:15px!important}
html:root.sm-checkout .co-sidebar-toggler .co-icon {display:none}
html:root.sm-checkout .co-sidebar-toggler_title::after {content:' ▾';color:var(--muted)}
html:root.sm-checkout .co-sidebar-toggler .co-basket_total-price {font-size:18px!important;font-weight:500!important}
html:root.sm-checkout .co-sidebar.co-sidebar--hidden\@sm {display:none!important}
html:root.sm-checkout .co-sidebar {border-top:0!important}
html:root.sm-checkout .co-basket {padding:20px 16px!important}
html:root.sm-checkout .header-part-main__inner {min-height:60px!important}
html:root.sm-checkout :is(.co-delivery_method,.co-payment_method) {padding:13px 12px!important}
html:root.sm-checkout .sm-free {display:block;margin:3px 0 0}
html:root.sm-checkout .sm-free--accent {display:inline-block}
html:root.sm-checkout #order_form :is(.co-delivery_method-list>h2.co-title,#customer-fields>.co-tabs-header,#payment_gateways .co-input-label) {font-size:20px!important;margin:32px 0 14px!important}
}
/* [2026-10-31][CLX][О-05-261031] Сохраняем штатное скрытие недоступных способов доставки. */
html:root.sm-checkout .co-delivery_method.not_available {display:none!important}
/* [2026-10-28][CLX][SUNMAN-стиль A] Общие элементы, главная, подвал. Токены — из A. */
/* ===== Заголовки разделов — слева, одна система ===== */
html:root :is(.main-caption,.special-products__title.heading,.tabs__head .splide__slide) {font-family:var(--display)!important;font-size:var(--t-heading)!important;font-weight:500!important;letter-spacing:-.02em!important;line-height:1.15!important;text-align:left!important;color:var(--ink)!important}
html:root .main-caption {display:block!important;margin:0 0 28px!important}
/* Одна колонка 1264 px для всех разделов главной — как баннер и подвал */
html:root .layout:is([class*="collections_and_subcollections"],[class*="special_products_tabs"],[class*="viewed_products"],[class*="product-reviews"])>.layout__content {padding:56px var(--edge)!important;max-width:none!important}
html:root body:has(.sunman-why) .layout:is([class*="collections_and_subcollections"],[class*="special_products_tabs"],[class*="viewed_products"],[class*="product-reviews"])>.layout__content {padding:56px 0!important;max-width:1264px!important;margin:0 auto!important}
html:root .tabs__head {margin:0 0 28px!important;justify-content:flex-start!important}
html:root .tabs__head .splide__slide {background:none!important;border:0!important;padding:0!important}
html:root .tabs__head :is(.splide,.splide__track) {margin:0!important;width:100%}
html:root .tabs__head .splide__list {justify-content:flex-start!important}
/* ===== Плитка товара ===== */
html:root .product-preview__content {border-top:0!important}
html:root .product-preview__photo {border-color:var(--line)!important}
html:root .product-preview__title a {text-decoration:none!important}
html:root .product-preview__area-rating {display:none!important}
html:root .product-preview__controls .button {width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;background:transparent!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:0!important;display:grid!important;place-items:center}
html:root .product-preview__controls .button:hover {border-color:var(--ink)!important;opacity:1}
html:root .product-preview__controls .button [class*="icon-"] {font-size:20px!important;color:var(--ink)!important}
html:root .product-preview .favorites_btn {width:36px!important;height:36px!important;min-height:36px!important;border:0!important;background:rgba(255,255,255,.9)!important}
html:root .product-preview__price-old {text-decoration:line-through}
html:root :is(.icon-star.is-active,.review__rating-star.is-active) {color:var(--accent)!important}
html:root .product-preview__available {display:none!important}
/* Одна кнопка (корзина) в строке с ценой; «глаз» лишний — переход в карточку и так по фото и названию */
html:root .product-preview__controls :is(.product-preview__detail-select-btn,.button:has(.icon-eye)) {display:none!important}
html:root .product-preview__buy {display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px;flex-wrap:nowrap!important}
html:root .product-preview__price {flex:1 1 auto;min-width:0;display:flex!important;flex-wrap:wrap;align-items:baseline;column-gap:6px}
html:root .product-preview__controls {flex:none;margin:0!important}
html:root .product-has-many-variants {display:flex!important;flex-direction:row!important}
/* ===== Стрелки и точки слайдеров ===== */
html:root :is(.splide__arrow,.special-products__slider-arrow) {width:44px!important;height:44px!important;border-radius:0!important;background:var(--page)!important;color:var(--ink)!important;border:1px solid var(--line)!important;box-shadow:none!important;opacity:1!important}
html:root :is(.splide__arrow,.special-products__slider-arrow):hover {border-color:var(--ink)!important}
html:root :is(.splide__arrow,.special-products__slider-arrow) svg {fill:var(--ink)!important;width:14px}
html:root .splide__pagination__page {width:24px!important;height:2px!important;border-radius:0!important;border:0!important;background:var(--line)!important}
html:root .splide__pagination__page.is-active {background:var(--ink)!important;transform:none!important}
/* ===== Отзывы ===== */
html:root .splide__slide-review {border-radius:0!important;background:var(--white)!important;padding:24px!important}
html:root .review img {border:1px solid var(--line)}
/* [2026-10-31][CLX][Р-02-261031] Общие отзывы отделены от отзывов текущего товара на всех экранах. */
html:root .sm-other-reviews-section[hidden] {display:none!important}
html:root .sm-other-reviews {margin:24px var(--edge);box-sizing:border-box}
html:root .sm-other-reviews-toggle {min-height:48px;max-width:100%;padding:12px 18px;border:1px solid var(--ink);border-radius:var(--r);background:var(--page);color:var(--ink);font:500 15px/1.4 var(--body);cursor:pointer;box-sizing:border-box}
html:root .sm-other-reviews-toggle:focus-visible {outline:2px solid var(--ink);outline-offset:3px}
html:root .sm-other-reviews-note {margin:0 0 20px;color:var(--muted);font:400 14px/1.5 var(--body)}
html:root .sm-other-reviews-section .splide__list {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px!important;transform:none!important;width:100%!important;height:auto!important;transition:none!important}
html:root .sm-other-reviews-section .splide__track {overflow:visible!important}
html:root .sm-other-reviews-section .splide__slide-review {width:100%!important;max-width:100%!important;margin:0!important;box-sizing:border-box}
html:root .sm-other-reviews-section :is(.splide__arrows,.splide__pagination,.special-products__slider-controls,.splide__slide--clone,.sm-other-review-excluded,.sm-review-collapsed) {display:none!important}
html:root .sm-other-reviews-section .special-products__head {padding-right:0!important}
html:root .sm-other-reviews-section .sm-reviews-toggle {display:block;min-height:48px;margin-top:16px;padding:12px 18px;border:1px solid var(--ink);border-radius:var(--r);background:var(--page);color:var(--ink);font:500 15px/1.4 var(--body);cursor:pointer}
@media(max-width:767px){html:root .sm-other-reviews-section .splide__list {grid-template-columns:minmax(0,1fr)}}
@media(max-width:767px){html:root .sm-other-reviews-toggle {width:100%}}
/* [2026-10-31][CLX][Д-06-261031] Вертикальные отзывы на телефоне; компьютерная карусель сохранена. */
html:root .sm-reviews-toggle[hidden] {display:none!important}
/* [2026-10-31][CLX][Р-02-261031] Заголовок управляет разделом целиком, эта кнопка — только отзывами сверх первых трёх. */
html:root .product__reviews .reviews-list>.sm-review-collapsed {display:none!important}
html:root .product__reviews .reviews-list.sm-reviews-stack~.reviews__show-controls {display:none!important}
html:root .product__reviews .sm-reviews-toggle {display:block;width:100%;min-height:48px;margin:16px 0;padding:12px 16px;border:1px solid var(--ink);border-radius:var(--r);background:var(--page);color:var(--ink);font:500 15px/1.4 var(--body);cursor:pointer;box-sizing:border-box}
html:root .product__reviews .sm-reviews-toggle:focus-visible {outline:2px solid var(--ink);outline-offset:3px}
@media(max-width:767px){
html:root .sm-reviews-stack .splide__track {overflow:visible!important}
html:root .sm-reviews-stack .splide__list {display:grid!important;grid-template-columns:minmax(0,1fr);gap:12px!important;transform:none!important;width:100%!important;height:auto!important;transition:none!important}
html:root .sm-reviews-stack .splide__slide-review {width:100%!important;max-width:100%!important;margin:0!important;flex:none!important;box-sizing:border-box;min-height:0!important}
html:root .sm-reviews-stack .splide__slide--clone,
html:root .sm-reviews-stack .splide__arrows,
html:root .sm-reviews-stack .splide__pagination,
html:root .sm-mobile-reviews-list>.sm-review-collapsed {display:none!important}
html:root .special-products:has(.sm-reviews-stack) .special-products__slider-controls {display:none!important}
html:root .layout[class*="product-reviews"]:has(.sm-reviews-stack) .special-products__head {padding-right:0!important}
html:root .sm-reviews-toggle {display:block;width:100%;min-height:48px;margin:16px 0 0;padding:12px 16px;border:1px solid var(--ink);border-radius:var(--r);background:var(--page);color:var(--ink);font:500 15px/1.4 var(--body);cursor:pointer;box-sizing:border-box}
html:root .sm-reviews-toggle:focus-visible {outline:2px solid var(--ink);outline-offset:3px}
html:root .reviews-list>.sm-reviews-toggle {margin-bottom:16px}
html:root .reviews-list.sm-reviews-stack~.reviews__show-controls {display:none!important}
}
/* ===== Главная: баннер и три обещания ===== */
html:root .sunman-why>.layout__content {padding:24px var(--edge) 0!important;max-width:none!important}
html:root .sunman-why__ban {border-radius:0!important;overflow:hidden;position:relative}
html:root .sunman-why__pic,html:root .sunman-why__pic img {border-radius:0!important}
html:root .sm-hero-copy {position:absolute;left:56px;top:50%;transform:translateY(-50%);width:44%;z-index:1}
html:root .sunman-why__title {position:static!important;transform:none!important;width:auto!important;margin:0!important;font-family:var(--display)!important;font-weight:500!important;letter-spacing:-.02em!important;font-size:48px!important;line-height:1.1!important;max-width:560px}
html:root .sm-hero-cta {display:inline-flex;align-items:center;gap:12px;margin-top:28px;height:52px;padding:0 28px;background:var(--accent);color:var(--ink)!important;font-size:14px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;text-decoration:none!important}
html:root .sm-hero-cta:hover {background:#c9ad74}
html:root .sunman-why__list {gap:0!important;margin-top:0!important;border-bottom:1px solid var(--line);background:transparent!important}
html:root .sunman-why__item {background:transparent!important;border-radius:0!important;border:0!important;border-right:1px solid var(--line)!important;padding:22px 24px!important;box-shadow:none!important}
html:root .sunman-why__item:last-child {border-right:0!important}
html:root .sunman-why__icon {color:var(--accent)!important}
html:root .sunman-why__text b {font-weight:500!important;font-size:15px!important}
html:root .sunman-why__text small {color:var(--muted)!important;font-size:13px!important}
/* ===== Категории — три плитки ===== */
/* [2026-10-30][CLX][О-04-261030] Планшету нужны две колонки; min-content текста не раздвигает внешнюю сетку. */
html:root .collection-list.grid-list {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}
html:root .collection-item {display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;min-width:0;grid-template-areas:'img title' 'img subs'!important;gap:6px 20px!important;align-items:start;padding:20px!important;background:var(--white)!important;border:1px solid var(--line)!important;border-radius:0!important;margin:0!important}
@media(min-width:768px) and (max-width:1023px){html:root .collection-list.grid-list {grid-template-columns:repeat(2,minmax(0,1fr))!important}}
html:root .collection-img {grid-area:img;width:96px!important;margin:0!important;border:0!important;border-radius:0!important;overflow:hidden}
html:root .collection-title {grid-area:title;padding:0!important}
html:root .collection-title a {font-size:22px!important;font-weight:500!important;letter-spacing:-.02em;text-decoration:none!important}
html:root .subcollection-items {grid-area:subs;display:flex!important;flex-direction:column;gap:4px}
html:root .subcollection-link {font-size:14px!important;color:var(--muted)!important;text-decoration:none!important}
html:root .subcollection-link:hover {color:var(--ink)!important}
/* ===== Блок «Ткань» (добавляет design.js) ===== */
html:root .sm-material {display:grid;grid-template-columns:1.1fr 1fr;min-height:440px;max-width:1264px;margin:0 auto;background:var(--head);color:var(--head-ink)}
html:root .sm-material__img {background:#2a2925 center/cover no-repeat}
html:root .sm-material__txt {padding:56px;display:flex;flex-direction:column;justify-content:center}
html:root .sm-material__eyebrow {font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)!important}
html:root .sm-material h2 {font-family:var(--display)!important;font-size:36px!important;font-weight:500!important;letter-spacing:-.02em;line-height:1.15!important;margin:14px 0 16px!important;color:var(--head-ink)!important}
html:root .sm-material p {color:#d4d1c8!important;font-size:16px;line-height:1.6;margin:0 0 10px;max-width:460px}
html:root .sm-material ul {list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}
html:root .sm-material li {display:flex;gap:12px;align-items:baseline;font-size:15px;color:var(--head-ink)!important}
html:root .sm-material li::before {content:'';width:16px;height:1px;background:var(--accent);flex:none;transform:translateY(-4px)}
/* ===== Подвал — одна тёмная плоскость ===== */
html:root .sunman-foot {background:var(--foot)!important;color:var(--foot-ink)!important}
html:root .sunman-foot>.layout__content {padding:56px var(--edge) 32px!important;max-width:none!important}
html:root .sunman-foot :is(a,div) {color:#d4d1c8!important;text-decoration:none}
html:root .sunman-foot a:hover {color:var(--foot-ink)!important}
html:root .sunman-foot .sunman-foot__title {color:var(--accent)!important;font-size:12px!important;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px!important}
html:root .sunman-foot .sunman-foot__phone {color:var(--foot-ink)!important;font-size:22px!important;font-weight:500}
html:root .layout[class*="footer_17"] {border-top:1px solid #33322e!important}
html:root .footer-wrap {padding-block:24px!important}
html:root .footer__area-logo img {max-height:28px!important;width:auto!important}
html:root .footer_copyright a {color:#8a877e!important}
@media(max-width:767px){
html:root .sm-hero-copy {position:static;transform:none;width:auto;margin:0 0 16px}
html:root .sunman-why__title {font-size:30px!important;color:var(--ink)!important}
html:root .sm-hero-cta {height:48px;margin-top:20px;padding:0 20px}
html:root .sunman-why__list {display:grid!important;grid-template-columns:1fr!important}
html:root .sunman-why__item {border-right:0!important;border-bottom:1px solid var(--line)!important;padding:14px 0!important}
html:root .sunman-why__item:last-child {border-bottom:0!important}
html:root .collection-list.grid-list {grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
html:root .collection-item {grid-template-columns:72px minmax(0,1fr)!important;padding:14px!important}
html:root .collection-img {width:72px!important}
html:root .layout:is([class*="collections_and_subcollections"],[class*="special_products_tabs"],[class*="viewed_products"],[class*="product-reviews"])>.layout__content {padding:36px var(--edge)!important;max-width:none!important}
html:root .sm-material {grid-template-columns:1fr;margin:0}
html:root .sm-material__img {min-height:260px}
html:root .sm-material__txt {padding:36px var(--edge)}
html:root .sm-material h2 {font-size:28px!important}
}
/* ===== Каталог: плитка в одну колонку, «избранное» на фото, без сравнения ===== */
html:root .product-preview__content:has(.product-preview__controls-left) {grid-template-columns:minmax(0,1fr)!important;grid-template-areas:'photo' 'title' 'rating' 'description' 'bottom' 'bnpl'!important}
html:root .product-preview__controls-left {position:absolute!important;top:24px!important;right:8px!important;left:auto!important;width:auto!important;height:auto!important;z-index:2}
html:root .product-preview__controls-left .favorites_btn {width:36px!important;height:36px!important;min-height:36px!important;border:0!important;background:rgba(255,255,255,.9)!important}
html:root .product-preview__controls .button.product-preview__compare-btn {display:none!important}
html:root .product-preview__area-bottom {align-items:center!important;gap:8px}
/* ===== Каталог: фильтр слева — без коробки, разделы линиями ===== */
html:root .layout[class*="sidebar_filter"]>.layout__content {padding:0 24px 0 0!important}
html:root .layout[class*="sidebar_filter"] :is(.filter,.filter__content,.filter-item) {background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
html:root .layout[class*="sidebar_filter"] .filter-item {border-top:1px solid var(--line)!important;padding:20px 0!important;margin:0!important}
html:root .layout[class*="sidebar_filter"] .filter-item:first-of-type {border-top:1px solid var(--ink)!important}
html:root .layout[class*="sidebar_filter"] .filter-item__head {padding:0!important;margin:0 0 12px!important}
html:root .layout[class*="sidebar_filter"] :is(.filter-item__name,.filter-item__name .text) {font-size:15px!important;font-weight:500!important;color:var(--ink)!important}
html:root .layout[class*="sidebar_filter"] .sidebar-collections__link {font-size:14px!important;color:var(--muted)!important;text-decoration:none!important;padding:4px 0!important}
html:root .layout[class*="sidebar_filter"] .sidebar-collections__link:hover,html:root .layout[class*="sidebar_filter"] .is-current>.sidebar-collections__controls .sidebar-collections__link {color:var(--ink)!important}
html:root .layout[class*="sidebar_filter"] .count {color:var(--muted)!important;font-size:13px!important}
html:root .filter-option__btn {width:18px!important;height:18px!important;border:1px solid var(--muted)!important;border-radius:0!important;background:var(--white)!important;color:transparent!important;font-size:12px!important;display:inline-grid!important;place-items:center}
html:root .filter-option__field:checked+.filter-option__content .filter-option__btn {background:var(--ink)!important;border-color:var(--ink)!important;color:var(--white)!important}
html:root .filter-option__label {font-size:14px!important;color:var(--ink)!important}
html:root .filter-range__field {height:40px!important;border:1px solid var(--line)!important;border-radius:0!important;background:var(--white)!important;font-size:14px!important}
html:root .filter-range__slider.noUi-target {height:2px!important;border:0!important;background:var(--line)!important;box-shadow:none!important;margin:20px 8px 4px!important}
html:root .filter-range__slider .noUi-connect {background:var(--ink)!important}
html:root .filter-range__slider .noUi-handle {width:14px!important;height:14px!important;right:-7px!important;top:-6px!important;border-radius:0!important;border:0!important;background:var(--ink)!important;box-shadow:none!important}
html:root .filter-range__slider .noUi-handle::before,html:root .filter-range__slider .noUi-handle::after {display:none!important}
html:root .collection-sort .form-control,html:root .show-mobile-filter-btn {border-radius:0!important;height:44px!important;border:1px solid var(--line)!important}
html:root .show-mobile-filter-btn {background:var(--ink)!important;color:var(--white)!important;border-color:var(--ink)!important;width:44px!important}
/* ===== Хлебные крошки: один разделитель «/» на всех страницах; «Показать все» в фильтре — как ссылка ===== */
html:root .breadcrumb-wrapper.delemeter_2 .breadcrumb-item:not(:last-child)::after {content:'/'!important;width:auto!important;height:auto!important;margin:0 12px!important;background:none!important;border:0!important;color:var(--muted)!important}
html:root .layout[class*="sidebar_filter"] .reveal-button {font-size:13px!important;color:var(--ink)!important;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px;margin-top:8px}
@media(max-width:767px){
html:root .product-preview__area-bottom,html:root .product-preview__buy {display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:flex-end!important;justify-content:space-between!important}
html:root .product-preview__controls {width:auto!important;margin:0!important}
html:root .product-preview__price {flex-direction:column;align-items:flex-start!important;row-gap:2px}
html:root .product-preview__controls-left {top:20px!important;right:4px!important}
}
/* ===== Карточка товара: блок доставки компактный, в стиле A; отзывы по краю страницы ===== */
html:root .product__area-calculate-delivery {align-self:start!important;height:auto!important}
html:root .product__calculate-delivery .insales_widget-delivery {height:auto!important;min-height:0!important;box-shadow:none!important;border-radius:0!important;border:1px solid var(--line)!important;background:var(--white)!important;padding:16px 20px!important}
html:root .product__calculate-delivery :is(.insales_widget-label,.insales_widget-delivery_info) {font-size:14px!important;color:var(--muted)!important}
html:root .product__calculate-delivery .insales_widget-current_address span {font-weight:500;color:var(--ink)}
html:root .product__calculate-delivery .insales_widget-open_modal {color:var(--ink)!important;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px;background:none!important}
/* Отзывы: узкая карточка — миниатюра 40 px, название товара мелко вторичным цветом */
html:root .splide__slide-review {padding:18px!important}
html:root .review__content-top {display:flex!important;gap:10px!important;align-items:flex-start}
html:root .review__content-photo {flex:none!important;width:40px!important;min-width:40px!important}
html:root .review__content-top :is(a,div):not(.review__content-photo):not(.review__content-photo *) {font-size:13px!important;line-height:1.35!important;color:var(--muted)!important;text-decoration:none!important}
html:root .review__title-author {font-size:15px!important;font-weight:500!important}
html:root .review :is(.review__show-more,[class*="show-full"],[data-ajax-reviews-list-item-show-more]) {font-size:14px!important;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}
/* ===== Текстовые страницы (О нас, Контакты, Доставка и оплата, оферта) ===== */
html:root .layout[class*="page_content"]>.layout__content {padding-top:8px!important;padding-bottom:72px!important}
html:root .static-text {font-size:16px!important;line-height:1.65!important;color:var(--ink)!important;max-width:820px}
html:root .static-text :is(h2,h3) {font-family:var(--display)!important;font-weight:500!important;letter-spacing:-.02em;color:var(--ink)!important}
html:root .static-text h2 {font-size:24px!important;margin:40px 0 14px!important}
html:root .static-text ul {list-style:none!important;padding:0!important;margin:0 0 8px!important}
html:root .static-text li {position:relative;padding-left:28px!important;margin:0 0 8px!important}
html:root .static-text li::before {content:'';position:absolute;left:0;top:.8em;width:16px;height:1px;background:var(--accent)}
html:root .static-text .sm-eyebrow {display:block;font-size:12px!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--accent)!important;margin-bottom:16px}
html:root .static-text :is(.sm-contacts,.sm-about) * {letter-spacing:normal}
html:root .static-text .sm-contacts dt {font-weight:400!important}
/* О нас */
html:root .static-text:has(.sm-about) {max-width:none}
html:root .sm-about {display:grid;grid-template-columns:1fr 1fr;gap:48px 56px;align-items:center}
html:root .sm-about__big {font-family:var(--display);font-size:28px;line-height:1.3;letter-spacing:-.02em;margin:0 0 16px}
html:root .sm-about__lead p:not(.sm-about__big) {color:var(--muted);margin:0}
html:root .sm-about__img {min-height:360px;background:#2a2925 center/cover no-repeat}
html:root .sm-about__cards {grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink)}
html:root .sm-about__card {padding:24px 24px 8px 0;border-right:1px solid var(--line);margin-right:24px}
html:root .sm-about__card:last-child {border-right:0;margin-right:0}
html:root .sm-about__card h3 {font-size:18px!important;margin:0 0 10px!important}
html:root .sm-about__card p {font-size:14px;line-height:1.6;color:var(--muted);margin:0}
html:root .sm-about__end {grid-column:1/-1;font-size:18px;margin:0;padding-top:24px;border-top:1px solid var(--line)}
html:root .layout[class*="page_content"]+.sm-material {max-width:1360px;width:calc(100% - 80px);margin:0 auto 72px}
/* Контакты */
html:root .static-text:has(.sm-contacts) {max-width:none}
html:root .sm-contacts {display:grid;grid-template-columns:1fr 1.3fr;gap:24px}
html:root .sm-contacts section {background:var(--white);border:1px solid var(--line);padding:32px}
html:root .sm-contacts__phone {display:block;font-family:var(--display);font-size:32px;font-weight:500;letter-spacing:-.02em;color:var(--ink)!important;text-decoration:none!important;margin-bottom:20px}
html:root .sm-contacts dl {display:grid;grid-template-columns:200px 1fr;margin:0}
html:root .sm-contacts :is(dt,dd) {padding:10px 0;border-top:1px solid var(--line);margin:0;font-size:15px}
html:root .sm-contacts dt {color:var(--muted)}
html:root .sm-contacts dd {font-variant-numeric:tabular-nums}
html:root .sm-contacts dd a {color:var(--ink)!important;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}
/* Доставка и оплата */
html:root .static-text.sm-delivery h2:first-child {margin-top:0!important}
@media(max-width:767px){
html:root .layout[class*="page_content"]>.layout__content {padding-bottom:48px!important}
html:root .layout[class*="page_content"]+.sm-material {width:auto;margin:0 0 48px}
html:root .sm-about,html:root .sm-contacts {grid-template-columns:1fr;gap:24px}
html:root .sm-about__big {font-size:22px}
html:root .sm-about__img {min-height:220px;order:-1}
html:root .sm-about__cards {grid-template-columns:1fr}
html:root .sm-about__card {border-right:0;margin:0;padding:18px 0;border-bottom:1px solid var(--line)}
html:root .sm-contacts section {padding:20px}
html:root .sm-contacts__phone {font-size:26px}
html:root .sm-contacts dl {grid-template-columns:1fr}
html:root .sm-contacts dt {padding-bottom:0}
html:root .sm-contacts dd {border-top:0;padding-top:2px}
}
/* ===== Вход в кабинет (шаблон client_account) ===== */
html:root .co-login {max-width:440px}
html:root .co-login :is(.co-input,.co-checkout-block,.co-input-label,.co-login-form_placeholder) {background:transparent!important;box-shadow:none!important}
html:root .co-login .co-input-label {font-size:13px!important;color:var(--muted)!important;margin-bottom:6px!important}
html:root .co-login .co-input-field {height:48px!important;border:1px solid var(--line)!important;border-radius:0!important;background:var(--white)!important;font-size:15px!important}
html:root .co-login .co-input-field:focus {border-color:var(--ink)!important;outline:0}
html:root .co-login :is(button[type=submit],.co-button) {height:52px!important;border-radius:0!important;background:var(--ink)!important;color:var(--white)!important;font-size:14px!important;font-weight:500!important;letter-spacing:.08em;text-transform:uppercase}
html:root:not(.sm-checkout) .co-checkout-title {font-family:var(--display)!important;font-size:36px!important;font-weight:500!important;letter-spacing:-.02em}
html:root .static-text p>strong:only-child {display:block;font-family:var(--display);font-size:18px;font-weight:500;margin-top:28px}
/* ===== Правки по аудиту 29.10 ===== */
/* Один край страницы: 48 / 20 px у всех разделов (шапка, крошки, контент, главная, подвал); оформление и кабинет — своей обёрткой */
html:root .layout:not(:has(.checkout-v2-wrapper))>.layout__content {max-width:none!important;padding-left:var(--edge)!important;padding-right:var(--edge)!important}
html:root body:has(.sunman-why) .layout:is([class*="collections_and_subcollections"],[class*="special_products_tabs"],[class*="viewed_products"],[class*="product-reviews"])>.layout__content {max-width:none!important;margin:0!important;padding:56px var(--edge)!important}
html:root .sm-material,html:root .layout[class*="page_content"]+.sm-material {max-width:none!important;width:auto!important;margin:0 var(--edge)!important}
html:root .layout[class*="page_content"]+.sm-material {margin-bottom:72px!important}
html:root .sunman-why__list {border-radius:0!important}
/* [29.10] Край давал 88 вместо 48: тема добавляет .layout свои 40 px, шапка получала отступ дважды, боковой фильтр стоит в 40-px колонке сетки */
html:root .layout:not(:has(.checkout-v2-wrapper)) {padding-left:0!important;padding-right:0!important}
html:root .layout[class*="v4_head"]:not(:has(.checkout-v2-wrapper))>.layout__content {padding-left:0!important;padding-right:0!important}
@media(min-width:768px){html:root .layout[class*="sidebar_filter"]:not(:has(.checkout-v2-wrapper))>.layout__content {padding-left:calc(var(--edge) - 40px)!important}}
/* [29.10] Карточка, товар в корзине: «−» и «+» — квадраты 56 по краям, посередине одна строка «В корзине 1 шт · Перейти» */
@media(min-width:768px){
html:root .product .add-cart-counter.is-add-cart .add-cart-counter__controls {display:grid!important;grid-template-columns:56px minmax(0,1fr) 56px;gap:8px;background:transparent!important;border:0!important}
html:root .product .add-cart-counter__controls .add-cart-counter__controls-btn {width:56px!important;padding:0!important;background:var(--white)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:0!important;font-size:22px!important;font-weight:400!important}
html:root .product .add-cart-counter__controls .add-cart-counter__controls-btn:hover {border-color:var(--ink)!important}
html:root .product .add-cart-counter__controls .fixed-add-text {display:none!important}
html:root .product .add-cart-counter__controls .add-cart-counter__controls-btn {font-size:0!important}
html:root .product .add-cart-counter__controls [data-add-cart-counter-minus]::before {content:'−';font-size:22px}
html:root .product .add-cart-counter__controls [data-add-cart-counter-plus]::before {content:'+';font-size:22px}
html:root .product .add-cart-counter__controls .add-cart-counter__detail {display:flex!important;flex-direction:row!important;align-items:center;justify-content:center;gap:8px;background:var(--ink)!important;color:var(--white)!important;border-radius:0!important;text-transform:uppercase;letter-spacing:.06em}
html:root .product .add-cart-counter__detail :is(.add-cart-counter__detail-text,.add-cart-counter__detail-dop-text) {font-size:14px!important;font-weight:500!important;line-height:1!important;margin:0!important;padding:0!important;display:inline!important}
html:root .product .add-cart-counter__detail-dop-text::before {content:'·';margin-right:8px;color:var(--accent)}
}
/* [29.10] Каталог, ПК: сортировка (штатно только в мобильном блоке) — первой строкой колонки фильтра; «Показать/Свернуть все» — по логике темы (своё display убрано) */
@media(min-width:768px){
html:root .layout[class*="sidebar_filter"] .filter-mobile-controls {display:block!important;margin:0 0 24px!important;padding:0!important;background:transparent!important}
html:root .layout[class*="sidebar_filter"] .filter-mobile-controls>:not(.collection-sort) {display:none!important}
html:root .layout[class*="sidebar_filter"]>.layout__content {display:flex!important;flex-direction:column}
html:root .layout[class*="sidebar_filter"] .filter-mobile-controls {order:-1}
html:root .layout[class*="sidebar_filter"] .collection-sort :is(.collection-order,.select-wrapper) {display:block!important;width:100%!important}
html:root .layout[class*="sidebar_filter"] .collection-sort .form-control {width:100%!important;background-color:var(--white)!important;font-size:14px!important}
}
/* «Сравнение» скрыто во всех плитках, в т.ч. в каруселях корзины и карточки */
html:root body .product-preview .button.product-preview__compare-btn {display:none!important}
/* Стикеры не залезают под «избранное»; цена «от» строчными */
html:root .product-preview .stickers {max-width:calc(100% - 48px);display:flex;flex-wrap:wrap;gap:4px}
html:root .product-preview__price-label {text-transform:lowercase}
/* Отзывы: строка рейтинга всегда занимает место — имена на одной высоте; название без разрыва слов, не больше 2 строк */
html:root .review__title-rating {display:block!important;min-height:18px}
html:root .review__content-top :is(a,div):not(.review__content-photo):not(.review__content-photo *) {overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* [2026-10-29][CLX][Д-10] Карточка: новая цена слева, старая справа — как в выбранном A. */
html:root .product__price {display:flex!important;align-items:baseline;gap:12px}
html:root .product .product__price-old {order:0;text-decoration:line-through;color:var(--muted)!important}
/* Оформление: согласие — флажок и текст рядом; подписи способов одного вида */
html:root.sm-checkout .co-input--consent_to_personal_data :is(.co-toggable_field-information,.co-input-information) {padding-left:0!important;margin-left:0!important}
html:root.sm-checkout .co-input--consent_to_personal_data .co-toggable_field-input {flex:none;margin:2px 0 0!important}
html:root.sm-checkout .sm-free--accent {background:none!important;padding:0!important;color:var(--muted)!important}
html:root.sm-checkout .co-delivery_method-information {min-width:0;flex:1 1 auto}
/* Вход в кабинет: заголовок как H1 страниц, форма на всю ширину до 440 px */
html:root:not(.sm-checkout) .co-checkout-title {font-size:42px!important;margin:24px 0 8px!important}
html:root .co-login,html:root .co-login :is(form,.co-input,.co-input-field,button[type=submit]) {width:100%!important;max-width:440px}
/* Тексты: заключение «О нас» по мерке текста; оферта без лишнего зазора сверху; контакты без растяжки */
html:root .sm-about__end {max-width:820px;font-size:18px!important;border-top:0!important;padding-top:0!important}
html:root .static-text>:first-child {margin-top:0!important}
html:root .sm-contacts {align-items:start}
html:root .sm-contacts dd {font-variant-numeric:normal}
@media(max-width:767px){
html:root:not(.sm-checkout) .co-checkout-title {font-size:27px!important}
html:root .product-preview__price {flex-direction:row!important;flex-wrap:wrap;align-items:baseline!important;column-gap:4px}
html:root.sm-checkout .sm-free {white-space:normal!important}
html:root .review__content-top {flex-direction:column!important}
html:root .sm-about__end {font-size:16px!important}
}
/* [29.10] Кабинет и вход: тот же край 48/20, что у страниц (шаблон кабинета — своя обёртка checkout-v2) */
html:root:not(.sm-checkout) main>.layout:has(.checkout-v2-wrapper) {padding-left:0!important;padding-right:0!important}
html:root:not(.sm-checkout) main>.layout>.layout__content:has(.checkout-v2-wrapper) {max-width:none!important;padding-left:var(--edge)!important;padding-right:var(--edge)!important}
html:root:not(.sm-checkout) .checkout-v2-wrapper {max-width:none!important;margin:0!important;padding-left:0!important;padding-right:0!important}
html:root:not(.sm-checkout) .co-section--checkout_header {padding-left:0!important;padding-right:0!important}
/* Крошки в шаблоне кабинета (стили виджета крошек там не грузятся) — как на страницах */
html:root .sunman-crumbs .breadcrumb {display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;font-size:14px;color:var(--muted)}
html:root .sunman-crumbs .breadcrumb-item+.breadcrumb-item::before {content:'/';margin:0 14px;color:var(--muted)}
html:root .sunman-crumbs .breadcrumb-link {color:var(--muted)!important;text-decoration:none!important}
html:root:not(.sm-checkout) .checkout-v2-wrapper .co-checkout-block--padded {padding-left:0!important;padding-right:0!important}
/* [29.10] Оформление: тот же край 48/20 (тема добавляла .layout свои 40 px) */
html:root.sm-checkout .layout:has(.checkout-v2-wrapper) {padding-left:0!important;padding-right:0!important}
/* [29.10] Кнопка чата: тонкое золотое кольцо — не теряется на тёмном подвале (аудит №15) */
html:root .dialogs__widget_btn {box-shadow:0 0 0 1px var(--accent)!important}
/* [2026-10-30][CLX][Д-01-261030] Штатные стрелки остаются в карусели с её обработчиками,
но их общий позиционирующий предок — внешний блок, поэтому они находятся над карточками. */
html:root .layout[class*="product-reviews"]>.layout__content {position:relative!important}
html:root .layout[class*="product-reviews"] :is(.special-products,.special-products__slider,.special-products__slider-controls,.js-special-products-slider) {position:static!important}
html:root .layout[class*="product-reviews"] .special-products__head {padding-right:104px;box-sizing:border-box}
html:root .layout[class*="product-reviews"] .special-products__slider-arrow {position:absolute!important;top:56px!important;bottom:auto!important;transform:none!important;margin:0!important}
html:root .layout[class*="product-reviews"] .special-products__slider-arrow:first-child {left:auto!important;right:calc(var(--edge) + 43px)!important}
html:root .layout[class*="product-reviews"] .special-products__slider-arrow:last-child {left:auto!important;right:var(--edge)!important}
@media(max-width:767px){html:root .layout[class*="product-reviews"] .special-products__slider-arrow {top:36px!important}}
html:root .layout:has(.splide)>.layout__content {overflow-x:clip}
/* [2026-10-29][CLX][SUNMAN-Д-02] Телефон: короткий вход в каталог вместо высокого фото. Компоновка ПК сохраняется. */
@media(max-width:767px){
html:root .sunman-why__pic {display:none!important}
html:root .sm-hero-copy {margin:0 0 24px!important}
html:root .sunman-why__title {font-size:27px!important;line-height:1.15!important;max-width:350px}
html:root .sm-hero-cta {margin-top:20px!important;height:52px!important}
/* Карусель: штатные контролы позиционировались поверх фото; цена и покупка остаются в пределах карточки. */
html:root .product-preview__area-bottom {display:grid!important;grid-template-columns:minmax(0,1fr) 44px;min-width:0;gap:8px!important;align-items:end!important}
html:root .product-preview__area-bottom>[itemprop="offers"] {display:none!important}
html:root .product-preview__buy {min-width:0;max-width:100%;flex:1 1 auto;flex-wrap:wrap!important;gap:8px}
html:root .product-preview__controls {position:static!important;inset:auto!important;transform:none!important;flex:0 0 44px!important}
html:root .product-preview__price {min-width:0;flex:1 1 70px!important}
/* Штатный счётчик: крупные кнопки по краям и читаемый переход в корзину. */
html:root .product .add-cart-counter.is-add-cart .add-cart-counter__controls {display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px;gap:4px;width:100%!important}
html:root .product .add-cart-counter__controls [data-add-cart-counter-minus] {grid-column:1!important}
html:root .product .add-cart-counter__controls .add-cart-counter__detail {grid-column:2!important}
html:root .product .add-cart-counter__controls [data-add-cart-counter-plus] {grid-column:3!important}
html:root .product .add-cart-counter__controls .add-cart-counter__controls-btn {width:44px!important;min-width:44px!important;max-width:44px!important;padding:0!important;font-size:22px!important}
html:root .product .add-cart-counter__controls .fixed-add-text {display:none!important}
html:root .product .add-cart-counter__detail {display:flex!important;flex-direction:column;justify-content:center;padding:0 4px!important;letter-spacing:0!important}
html:root .product .add-cart-counter__detail :is(.add-cart-counter__detail-text,.add-cart-counter__detail-dop-text) {font-size:13px!important;line-height:1.3!important;white-space:nowrap}
}
/* [2026-10-29][CLX][SUNMAN-аудит15] Одинаковая кнопка чата, выше нижнего меню и безопасной зоны телефона. */
html:root body .dialogs__widget_btn {width:48px!important;height:48px!important;right:20px!important;bottom:24px!important;border-radius:50%!important}
@media(max-width:767px){html:root body .dialogs__widget_btn {right:20px!important;bottom:calc(88px + env(safe-area-inset-bottom,0px))!important}}
/* [2026-10-29][CLX][О-12/О-13] Штатное состояние покупки и место чата без перекрытия размеров. */
html:root .product .add-cart-counter__detail {min-width:0;flex-wrap:wrap}
html:root .product .product__buy-btn-area.is-fixed-state .add-cart-counter.is-add-cart .add-cart-counter__controls {grid-template-columns:minmax(0,1fr) 56px}
html:root .product .product__buy-btn-area.is-fixed-state .add-cart-counter__controls .add-cart-counter__detail {grid-column:1!important}
html:root .product .product__buy-btn-area.is-fixed-state .add-cart-counter__controls [data-add-cart-counter-plus] {grid-column:2!important;width:56px!important;min-width:56px!important;max-width:56px!important}
.sm-product-chat {display:none}
@media(max-width:767px){
html:root .product .product__buy-btn-area.is-fixed-state .add-cart-counter.is-add-cart .add-cart-counter__controls {grid-template-columns:minmax(0,1fr) 44px}
html:root .product .product__buy-btn-area.is-fixed-state .add-cart-counter__controls [data-add-cart-counter-plus] {width:44px!important;min-width:44px!important;max-width:44px!important}
html:root .product .add-cart-counter__detail {flex-wrap:nowrap}
html:root .product .add-cart-counter__detail :is(.add-cart-counter__detail-text,.add-cart-counter__detail-dop-text) {max-width:100%;white-space:normal}
html:root body.sm-product-chat-ready .product .add-cart-counter {flex:1 1 0%;min-width:0!important}
html:root body.sm-product-chat-ready .product__buy-btn-area-inner {gap:12px!important}
html:root body.sm-product-chat-ready .product__buy-btn-area-inner>.sm-product-chat {display:inline-flex;flex:0 0 48px;width:48px;min-width:48px;height:56px;align-items:center;justify-content:center;padding:0;border:1px solid var(--line);border-radius:var(--r);background:var(--white);color:var(--ink);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer}
html:root body.sm-product-chat-ready .sm-product-chat:focus-visible {outline:2px solid var(--ink);outline-offset:2px}
html:root body.sm-product-chat-ready img[data-sm-chat-close] {box-sizing:content-box!important;padding:17px!important;margin:-17px!important;cursor:pointer}
html:root body.sm-product-chat-ready img[data-sm-chat-close]:focus-visible {outline:2px solid var(--ink);outline-offset:0}
html:root body.sm-product-chat-ready .dialogs__widget_btn {visibility:hidden!important;pointer-events:none!important}
}
/* [2026-10-29][CLX][SUNMAN-аудит21–28] Число товаров читается на тёмной шапке; штатное скрытие нуля не меняем. */
html:root .header__control-bage[data-cart-positions-count] {width:auto!important;min-width:18px!important;height:18px!important;box-sizing:border-box;padding:0 3px!important;font-size:10px!important;line-height:18px!important;text-align:center;background:var(--accent)!important;color:var(--ink)!important;border-radius:var(--r)!important}
/* [2026-10-29][CLX][SUNMAN-Д-06] Родные полосы прокрутки: токены A, обе оси и внутренние области. */
:where(html,html *) {scrollbar-width:thin;scrollbar-color:var(--muted) var(--page)}
@supports selector(::-webkit-scrollbar){
:where(html,html *) {scrollbar-width:auto;scrollbar-color:auto}
:where(html,html *)::-webkit-scrollbar {width:8px;height:8px}
:where(html,html *)::-webkit-scrollbar-track {background:var(--page)}
:where(html,html *)::-webkit-scrollbar-thumb {background:var(--muted);border-radius:var(--r);border:1px solid var(--page)}
:where(html,html *)::-webkit-scrollbar-thumb:hover {background:var(--ink)}
:where(html,html *)::-webkit-scrollbar-corner {background:var(--page)}
}
/* Системный повышенный контраст использует родную полосу и цвета ОС. */
@media(forced-colors:active){
:where(html,html *) {scrollbar-width:auto!important;scrollbar-color:auto!important}
:where(html,html *)::-webkit-scrollbar,
:where(html,html *)::-webkit-scrollbar-track,
:where(html,html *)::-webkit-scrollbar-thumb,
:where(html,html *)::-webkit-scrollbar-corner {all:revert!important}
}
/* [2026-10-30][CLX][SUNMAN-Р-01] Ограничиваем сам кадр галереи по высоте окна.
Нативные height:auto и aspect-ratio сохраняются: узкая колонка не растягивается. */
@media(min-width:768px){
html:root .product .product__gallery-main .product__photo {width:100%!important;max-height:clamp(320px,calc(100vh - 420px),680px)!important;min-height:0!important}
}
/* [2026-10-30][CLX][SUNMAN-Н-01] Раздел Дилерам: принятый стиль A. */
html:root body:has(.dl) .layout[class*="page_title"] {display:none!important}
html:root .layout[class*="page_content"]:has(.dl)>.layout__content {max-width:1360px!important;margin:0 auto!important;padding:0 var(--edge)!important}
/* Раздел «Дилерам» в стиле A (28.10). Только токены A из site.css. */
html:root .dl {color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6}
html:root .dl * {box-sizing:border-box}
html:root .dl img {display:block;width:100%;height:100%;object-fit:cover}
html:root .dl p {margin:0 0 12px}
html:root .dl-eyebrow {font-size:13px!important;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)!important;font-weight:500;margin-bottom:12px!important}
html:root .dl-h1 {font-family:var(--display)!important;font-size:var(--t-title)!important;line-height:1.1!important;font-weight:var(--title-weight)!important;letter-spacing:var(--title-tracking)!important;margin:0 0 20px!important;color:var(--head-ink)!important}
html:root .dl-h2 {font-family:var(--display)!important;font-size:var(--t-heading)!important;line-height:1.15!important;font-weight:var(--title-weight)!important;letter-spacing:var(--title-tracking)!important;margin:0 0 28px!important;color:inherit!important}
html:root .dl h3 {font-family:var(--display);font-size:var(--t-section);font-weight:500;line-height:1.3;margin:0 0 8px}
html:root .dl-btn {display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 32px;background:var(--accent);color:var(--ink)!important;font-weight:500;text-decoration:none!important;border:0;border-radius:var(--r);cursor:pointer;font-size:16px;font-family:var(--body)}
html:root .dl-link {color:var(--head-ink)!important;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:5px}
html:root .dl-actions {display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:28px}
/* hero: чёрный, как шапка */
html:root .dl-hero {display:grid;grid-template-columns:1.1fr 1fr;background:var(--head);color:var(--head-ink);margin:0 0 72px}
html:root .dl-hero__text {padding:64px 56px;align-self:center}
html:root .dl-lead {color:#d9d6cf!important;font-size:18px;max-width:520px}
html:root .dl-hero__img {position:relative;min-height:440px}
html:root .dl-hero__img img {position:absolute;inset:0}
html:root .dl-section {margin:0 0 72px}
html:root .dl-grid {display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
html:root .dl-card {padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--white)}
html:root .dl-card p {color:var(--muted)}
html:root .dl-num {display:block;font-size:13px;color:var(--accent);letter-spacing:.1em;margin-bottom:20px}
html:root .dl-split {display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin:0 0 72px}
html:root .dl-split--rev .dl-split__img {order:2}
html:root .dl-split__img {aspect-ratio:4/3}
html:root .dl-steps {margin:0;padding:0;list-style:none;counter-reset:s}
html:root .dl-steps li {counter-increment:s;position:relative;padding:0 0 18px 48px;border-bottom:1px solid var(--line);margin-bottom:18px}
html:root .dl-steps li::before {content:counter(s);position:absolute;left:0;top:0;width:30px;height:30px;border:1px solid var(--accent);color:var(--accent);display:grid;place-items:center;font-size:14px}
html:root .dl-price {background:var(--head);color:var(--head-ink);padding:56px;margin:0 0 72px}
html:root .dl-price__cols {display:grid;grid-template-columns:1fr 1fr;gap:40px;color:#d9d6cf}
html:root .dl-note {color:var(--accent)!important;margin-top:12px!important}
html:root .dl-terms {display:grid;grid-template-columns:repeat(5,1fr);margin:0;border-top:1px solid var(--line)}
html:root .dl-terms div {padding:20px 20px 20px 0}
html:root .dl-terms dt {font-size:14px;color:var(--muted);margin-bottom:6px}
html:root .dl-terms dd {margin:0;font-weight:500}
html:root .dl-tbd {color:var(--muted)!important;font-weight:400!important;font-style:italic}
html:root .dl-faq {max-width:820px}
html:root .dl-faq details {border-bottom:1px solid var(--line);padding:18px 0}
html:root .dl-faq summary {cursor:pointer;font-weight:500;font-size:18px;list-style:none;display:flex;justify-content:space-between;gap:16px}
html:root .dl-faq summary::after {content:'+';color:var(--accent);font-size:22px;line-height:1}
html:root .dl-faq details[open] summary::after {content:'–'}
html:root .dl-faq details p {color:var(--muted);margin:12px 0 0}
html:root .dl-form {display:grid;grid-template-columns:1fr 1.4fr;gap:56px;background:var(--white);border:1px solid var(--line);padding:56px;margin:0 0 72px}
html:root .dl-contact a {color:var(--ink)!important;text-decoration-color:var(--accent)!important}
html:root .dl-form__fields {display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}
html:root .dl-form__fields label {display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted)}
html:root .dl-form__fields :is(input[type=text],textarea) {font:inherit;font-size:16px;color:var(--ink);padding:14px 16px;border:1px solid var(--line);border-radius:var(--r);background:var(--page)}
html:root .dl-form__fields fieldset {grid-column:1/-1;border:0;padding:0;margin:0;display:flex;gap:24px;flex-wrap:wrap}
html:root .dl-form__fields legend {font-size:14px;color:var(--muted);margin-bottom:8px;width:100%}
html:root .dl-form__fields .dl-radio {flex-direction:row;align-items:center;gap:8px;color:var(--ink);font-size:16px}
html:root .dl-form__fields .dl-radio input {accent-color:var(--ink)}
html:root .dl-wide {grid-column:1/-1}
html:root .dl :is(.dl-form__fields, .dl-hero__text, .dl-card) {min-width:0}
html:root .dl-form__fields :is(input,textarea) {min-width:0;width:100%}
html:root .dl-form__fields .dl-radio input {width:auto}
html:root .dl .dl-demo-note {color:var(--muted);font-size:var(--t-small);border-left:2px solid var(--accent);padding-left:16px}
html:root .dl .dl-btn:disabled {background:var(--line);color:var(--muted)!important;cursor:default}
html:root .dl-consent {font-size:13px;color:var(--muted)}
html:root .dl-consent a {color:var(--muted)!important}
/* Живая форма: родная валидация и сообщения InSales, без макетных состояний. */
html:root .dl [hidden] {display:none!important}
html:root .dl .dl-form__fields :is(input[type=tel],input[type=email]) {font:inherit;font-size:16px;color:var(--ink);padding:14px 16px;border:1px solid var(--line);border-radius:var(--r);background:var(--page)}
html:root .dl .dl-form__fields :is(input,textarea):focus-visible {outline:2px solid var(--ink);outline-offset:3px}
html:root .dl .dl-form__fields .dl-agree {display:flex;flex-direction:row;align-items:flex-start;gap:10px;color:var(--muted);font-size:var(--t-small);line-height:1.5}
html:root .dl .dl-agree input {flex:0 0 auto;width:18px;height:18px;margin:2px 0 0;accent-color:var(--ink)}
html:root .dl .dl-agree a {color:var(--ink);text-decoration:underline;text-underline-offset:3px}
html:root .dl .dl-field-error {margin:6px 0 0;font-size:var(--t-small);color:var(--ink)}
html:root .dl .is-error :is(input,textarea) {outline:1px solid var(--ink)}
html:root .dl .dl-feedback-success {display:none;padding:16px;border:1px solid var(--accent);background:var(--page)}
html:root .dl .dl-feedback-success.is-show {display:block}
html:root .dl .dl-feedback-error {padding:16px;border-left:3px solid var(--ink);background:var(--page)}
html:root .dl .dl-form__fields .dl-optional {font-size:var(--t-small);margin-left:.4em}
html:root .dl .dl-form__fields label:has(#dl-email) {display:block}
html:root .dl #dl-email {display:block;margin-top:6px}
@media(max-width:767px){
html:root .dl-hero, html:root .dl-split, html:root .dl-price__cols, html:root .dl-form, html:root .dl-form__fields {grid-template-columns:1fr}
html:root .dl-hero__text {padding:40px 20px}
html:root .dl-hero__img {min-height:180px;height:180px;order:-1}
html:root .dl-h1 {font-size:27px!important}
html:root .dl-h2 {font-size:28px!important}
html:root .dl-grid {grid-template-columns:1fr}
html:root .dl-split {gap:24px}
html:root .dl-split--rev .dl-split__img {order:0}
html:root .dl-price, html:root .dl-form {padding:32px 20px}
html:root .dl-price__cols {gap:0}
html:root .dl-terms {grid-template-columns:1fr 1fr}
html:root .dl-section, html:root .dl-split, html:root .dl-price, html:root .dl-form, html:root .dl-hero {margin-bottom:48px}
html:root .dl-btn {width:100%}
}
/* [2026-10-30][CLX][О-05-261030] Точная штатная зависимость крошек; область — только дилерская страница. */
html:root body:has(.dl) .widget-type_system_widget_v4_breadcrumbs_1 { background-color: var(--bg); }
html:root body:has(.dl) .widget-type_system_widget_v4_breadcrumbs_1[style*="--bg-is-dark:true"] { color: var(--color-text-light); --color-text: var(--color-text-light); --color-text-minor-shade: var(--color-text-light-minor-shade); --color-text-major-shade: var(--color-text-light-major-shade); --color-text-half-shade: var(--color-text-light-half-shade); }
html:root body:has(.dl) .widget-type_system_widget_v4_breadcrumbs_1[style*="--bg-is-light:true"] { color: var(--color-text-dark); --color-text: var(--color-text-dark); --color-text-minor-shade: var(--color-text-dark-minor-shade); --color-text-major-shade: var(--color-text-dark-major-shade); --color-text-half-shade: var(--color-text-dark-half-shade); }
html:root body:has(.dl) .widget-type_system_widget_v4_breadcrumbs_1[style*="--delemeter:1"] .breadcrumb-wrapper ul > :not(:last-child)::after { content: "/"; }
html:root body:has(.dl) .widget-type_system_widget_v4_breadcrumbs_1[style*="--delemeter:2"] .breadcrumb-wrapper ul > :not(:last-child)::after { content: "-"; font-size: 1.5rem; vertical-align: middle; line-height: 0; font-family: auto; }
html:root body:has(.dl) .widget-type_system_widget_v4_breadcrumbs_1[style*="--delemeter:3"] .breadcrumb-wrapper ul > :not(:last-child)::after { content: ">"; }
html:root body:has(.dl) .widget-type_system_widget_v4_breadcrumbs_1[style*="--delemeter:4"] .breadcrumb-wrapper ul > :not(:last-child)::after { content: "•"; }
@media screen and (min-width: 769px) {html:root body:has(.dl) .widget-type_system_widget_v4_breadcrumbs_1 .breadcrumb-wrapper ul .button-breadcrumb { display: none; }}
html:root body:has(.dl) .widget-type_system_widget_v4_breadcrumbs_1 .breadcrumb-item.hidden { display: none; }
html:root body:has(.dl) .widget-type_system_widget_v4_breadcrumbs_1 .bttn-hidden-breadcrumbs { border: none; line-height: 1; background: none; }
html:root body:has(.dl) .widget-type_system_widget_v4_breadcrumbs_1 .breadcrumb-wrapper { display: grid; justify-content: var(--align); }
html:root body:has(.dl) .widget-type_system_widget_v4_breadcrumbs_1 .breadcrumb-wrapper ul { margin: 0px; padding: 0px; }
html:root body:has(.dl) .widget-type_system_widget_v4_breadcrumbs_1 .breadcrumb-wrapper ul li { display: inline-block; vertical-align: top; color: var(--breadcrumb-color, var(--color-text-half-shade)); }
html:root body:has(.dl) .widget-type_system_widget_v4_breadcrumbs_1 .breadcrumb-wrapper ul li a { text-decoration: none; color: var(--breadcrumb-color, var(--color-text-half-shade)); }
html:root body:has(.dl) .widget-type_system_widget_v4_breadcrumbs_1 .breadcrumb-wrapper ul > :not(:last-child)::after { content: "/"; display: inline-block; vertical-align: top; opacity: 0.7; margin: 0px 10px; }
@media screen and (max-width: 768px) {html:root body:has(.dl) .widget-type_system_widget_v4_breadcrumbs_1 .breadcrumb-wrapper ul > :not(:last-child)::after { margin: 0px 5px; }}
/* [2026-10-30][CLX][Д-02-261030] Утверждённая композиция. После design-pages.css. */
/* Штатные формы, ссылки, корзина, меню и карточки не заменяются. Checkout исключён. */
html:root.sm-hh-ready:not(.sm-checkout) .sm-hh-header-layout>.layout__content {max-width:none!important;width:100%!important;margin-inline:0!important;padding-inline:0!important;box-sizing:border-box}
html:root.sm-hh-ready:not(.sm-checkout) :is(.header-part-main,.header-part-top) {padding-inline:var(--edge)!important}
html:root.sm-hh-ready:not(.sm-checkout) :is(.header-part-main__inner,.header-part-top__inner) {max-width:none!important;width:100%!important;margin-inline:0!important;box-sizing:border-box}
html:root.sm-hh-ready:not(.sm-checkout) .header__area-logo {display:flex!important;align-items:center!important;gap:22px!important;min-width:0}
html:root.sm-hh-ready .sm-header-tagline {display:block;color:var(--line)!important;font:400 13px/1.4 var(--body)!important;border-left:1px solid var(--head-line);padding-left:22px;white-space:normal}
html:root.sm-hh-ready .sm-header-tagline span {display:block}
html:root.sm-hh-ready .sm-hero-title-line {display:block}
html:root.sm-hh-ready :is(.sunman-foot,.layout[class*="footer_17"])>.layout__content {max-width:none!important;width:100%!important;margin-inline:0!important;padding-inline:var(--edge)!important;box-sizing:border-box}
html:root.sm-hh-ready .layout[class*="footer_17"] .footer-wrap {padding-inline:0!important}
/* [2026-10-30][CLX][О-12-261030] Утверждённая верхняя брендовая строка; родной JPG и узлы сохранены. */
html:root .sunman-foot.sm-footer-brand-ready>.layout__content {padding-top:35px!important}
html:root .sunman-foot .sm-footer-brandline {display:flex;align-items:center;gap:22px;padding-bottom:24px;margin-bottom:30px;border-bottom:1px solid var(--head-line)}
html:root .sm-footer-brandline .footer__area-logo {grid-area:auto!important;justify-self:auto!important;margin:0!important;padding:0!important;flex:none}
html:root .sm-footer-brandline .footer__logo {display:block!important;position:relative;width:148px!important;max-width:148px!important;height:44px!important;margin:0!important;padding:0!important;overflow:hidden}
html:root .sm-footer-brandline .footer__logo img {display:block!important;position:absolute!important;width:194px!important;max-width:none!important;height:auto!important;max-height:none!important;left:-21.68px!important;top:-21px!important;margin:0!important;transform:none!important}
html:root .sm-footer-brandline .sm-footer-tagline {display:block;color:var(--line)!important;font:400 13px/1.4 var(--body)!important;border-left:1px solid var(--head-line);padding-left:22px}
html:root .layout.sm-footer-brand-ready[class*="footer_17"]>.layout__content {padding-block:0!important}
html:root .layout.sm-footer-brand-ready[class*="footer_17"] .footer-wrap {display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap;gap:12px 0;padding-block:20px!important}
html:root .layout.sm-footer-brand-ready[class*="footer_17"] .footer_copyright {order:-1;margin-inline-end:auto!important}
html:root .layout.sm-footer-brand-ready[class*="footer_17"] .footer__area-pay {padding:0!important;margin:0!important}
@media(max-width:767px){
html:root .sunman-foot.sm-footer-brand-ready>.layout__content {padding-top:28px!important}
html:root .sunman-foot .sm-footer-brandline {gap:12px;padding-bottom:20px;margin-bottom:24px}
html:root .sm-footer-brandline .footer__logo {width:124px!important;max-width:124px!important}
html:root .sm-footer-brandline .footer__logo img {width:163px!important;left:-18.22px!important;top:-14px!important}
html:root .sm-footer-brandline .sm-footer-tagline {font-size:10px!important;padding-left:12px}
}
@media(min-width:1024px){
html:root.sm-hh-ready:not(.sm-checkout) .header-part-main__inner {display:grid!important;grid-template-areas:'logo catalog search controls'!important;grid-template-columns:340px 100px minmax(180px,1fr) auto!important;gap:28px!important;min-height:108px!important;padding-block:16px!important}
html:root.sm-hh-ready:not(.sm-checkout) .header__logo {width:160px!important;max-width:160px!important;flex:0 0 160px!important}
html:root.sm-hh-ready:not(.sm-checkout) .header__area-search {min-width:0!important;width:100%!important}
html:root.sm-hh-ready:not(.sm-checkout) .header__area-controls {justify-self:end!important;min-width:0!important}
}
/* [2026-10-30][CLX][О-09-261030] Компенсируем пустое поле внутри исходного JPG, сохраняя сам логотип и его узел. */
@media(min-width:768px){html:root.sm-hh-ready:not(.sm-checkout) .header__area-logo .header__logo img {transform:translateX(-11.25%)}}
@media(min-width:768px){
html:root.sm-hh-ready .sunman-why {padding-block:0!important}
html:root.sm-hh-ready .sunman-why>.layout__content {max-width:none!important;width:100%!important;margin-inline:0!important;padding:24px var(--edge) 0!important;box-sizing:border-box}
html:root.sm-hh-ready .sunman-why__ban {height:360px!important;min-height:0!important;aspect-ratio:auto!important;background:#202020!important}
html:root.sm-hh-ready .sunman-why__pic {display:block!important;position:absolute!important;inset:0 0 0 auto!important;width:1080px!important;height:360px!important;max-width:none!important;mask-image:linear-gradient(to right,transparent,#000 28%)}
html:root.sm-hh-ready .sunman-why__pic img {display:block!important;position:static!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;max-width:none!important;aspect-ratio:auto!important}
html:root.sm-hh-ready .sm-hero-copy {left:56px!important;top:50%!important;transform:translateY(-50%)!important;width:min(560px,46%)!important;margin:0!important}
html:root.sm-hh-ready .sunman-why__title {font-size:44px!important;line-height:1.08!important;max-width:560px!important}
html:root.sm-hh-ready .sm-hero-subtitle {font-size:18px!important;line-height:1.45!important;color:var(--line)!important;margin:17px 0 0!important}
html:root.sm-hh-ready .sm-hero-cta {margin-top:27px!important;height:52px!important}
html:root.sm-hh-ready .sunman-why__list {margin-top:14px!important;margin-bottom:0!important}
html:root.sm-hh-ready .sunman-why__item {padding-block:18px!important}
html:root.sm-hh-ready body:has(.sunman-why) .layout[class*="collections_and_subcollections"] {padding-block:0!important}
html:root.sm-hh-ready body:has(.sunman-why) .layout[class*="collections_and_subcollections"]>.layout__content {max-width:none!important;width:100%!important;margin-inline:0!important;padding:36px var(--edge) 48px!important;box-sizing:border-box}
}
@media(min-width:768px) and (max-width:1199px){
html:root.sm-hh-ready:not(.sm-checkout) .header-part-main__inner {grid-template-columns:250px 112px minmax(100px,1fr) auto!important;gap:16px!important}
html:root.sm-hh-ready:not(.sm-checkout) .header__logo {width:120px!important;max-width:120px!important;flex:0 0 120px!important}
html:root.sm-hh-ready:not(.sm-checkout) .header__area-logo {gap:14px!important}
html:root.sm-hh-ready .sm-header-tagline {font-size:11px!important;padding-left:14px}
html:root.sm-hh-ready:not(.sm-checkout) .header__control-text {display:none!important}
html:root.sm-hh-ready .sm-hero-copy {left:40px!important;width:48%!important}
html:root.sm-hh-ready .sunman-why__title {font-size:36px!important}
html:root.sm-hh-ready .sunman-why__pic {right:-100px!important}
}
/* [2026-10-30][CLX][О-20-261030] Родные дети планшетной шапки помещаются в свои grid-ячейки. */
@media(min-width:768px) and (max-width:1199px){
html:root.sm-hh-ready:not(.sm-checkout) .header__area-search {min-width:0!important;width:100%!important}
html:root.sm-hh-ready:not(.sm-checkout) .header__search {min-width:0!important;width:100%!important;margin-inline:0!important}
html:root.sm-hh-ready:not(.sm-checkout) .header__search form {display:flex;min-width:0;width:100%;max-width:100%}
html:root.sm-hh-ready:not(.sm-checkout) .header__search-field {flex:1 1 0!important;min-width:0!important;width:0!important;max-width:100%;box-sizing:border-box}
html:root.sm-hh-ready:not(.sm-checkout) .header__search-btn {flex:0 0 44px!important;width:44px!important;min-width:44px!important;padding-inline:0!important}
html:root.sm-hh-ready:not(.sm-checkout) .header__show-collection-btn {width:100%!important;min-width:0!important;min-height:44px;padding-inline:0!important}
html:root.sm-hh-ready:not(.sm-checkout) .header__area-controls {gap:8px!important}
html:root.sm-hh-ready:not(.sm-checkout) .header__area-controls .header__control-btn {flex:0 0 auto;min-width:44px!important;min-height:44px!important;margin-inline:0!important;padding-inline:0!important}
}
@media(min-width:768px) and (max-height:950px){
html:root.sm-hh-ready .sunman-why__ban {height:340px!important}
html:root.sm-hh-ready .sunman-why__pic {width:1020px!important;height:340px!important}
html:root.sm-hh-ready body:has(.sunman-why) .layout[class*="collections_and_subcollections"]>.layout__content {padding-top:20px!important}
}
@media(max-width:767px){
/* Штатная мобильная шапка сохраняет центрированный логотип и все кнопки. */
html:root.sm-hh-ready .header__area-logo>.sm-header-tagline {display:none!important}
html:root.sm-hh-ready .sm-hero-subtitle {font-size:14px!important;line-height:1.45!important;color:var(--muted)!important;margin:12px 0 0!important}
html:root.sm-hh-ready .sm-hero-cta {margin-top:20px!important}
}
/* [2026-10-31][CLX][Д-01-261031] Центрируем заголовок в существующей композиции, без смены оформления. */
html:root.sm-hh-ready .sunman-why__title {text-align:center!important;margin-inline:auto!important}
@media(max-width:767px){
/* Увеличиваем реальный JPG; пустые поля не меняют высоту строки и области соседних кнопок. */
html:root.sm-hh-ready:not(.sm-checkout) .header-mobile-panel__logo {width:min(180px,calc(100vw - 156px))!important}
html:root.sm-hh-ready:not(.sm-checkout) .header-mobile-panel__logo .header__logo {position:relative;height:48px!important}
html:root.sm-hh-ready:not(.sm-checkout) .header-mobile-panel__logo img {position:absolute;left:0;top:50%;width:100%!important;max-height:none!important;height:auto!important;transform:translateY(-50%)}
}
/* [2026-10-30][CLX][О-15-261030] Общая поверхность крошек без случайной белой полосы. */
html:root .widget-type_system_widget_v4_breadcrumbs_1 {background-color:var(--page)!important}
/* [2026-10-30][CLX][Д-06-261030] Каталог — одна поверхность, родные узлы и открытия сохранены. */
/* [2026-10-30][CLX][О-23-261030] Д13 оставил юридические ссылки в подвале; CutList не должен показывать пустое «ещё». */
@media(min-width:768px){
html:root .widget-type_system_widget_v4_header_6 .header__menu .cut-list__dropdown:not(:has(a[href]:not([href="/page/oferta"],[href="/page/terms-of-use"]))) {display:none!important}
html:root .widget-type_system_widget_v4_header_6 .header__menu .cut-list__more {background:var(--head)!important;color:var(--head-ink)!important;border:1px solid var(--head-line)!important;min-width:200px;padding:12px!important}
html:root .widget-type_system_widget_v4_header_6 .header__menu .cut-list__more .header__menu-link {display:block;color:var(--head-ink)!important;padding:6px 0}
}
html:root .widget-type_system_widget_v4_header_6 .header__collections {background:var(--page)!important;border:0!important;box-shadow:none!important}
html:root .widget-type_system_widget_v4_header_6 .header__collections-content {width:100%!important;max-width:none!important;margin-inline:0!important;background:transparent!important;border:0!important;box-shadow:none!important;box-sizing:border-box}
html:root .widget-type_system_widget_v4_header_6 .header__collections :is(.header__collections-link,.js-show-mobile-submenu) {color:var(--ink)!important}
@media(min-width:768px){
/* [2026-10-30][CLX][Д-10-261030] Масштаб и края совпадают с категориями под баннером. */
html:root .widget-type_system_widget_v4_header_6 .header__collections-content {padding:24px 0!important;min-height:0!important}
html:root .widget-type_system_widget_v4_header_6 .header__collections-menu {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}
html:root .widget-type_system_widget_v4_header_6 .header__collections-item {min-width:0}
html:root .widget-type_system_widget_v4_header_6 .header__collections-menu>.is-level-1 {display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto 1fr auto;gap:6px 20px;align-content:start;padding:20px;box-sizing:border-box}
html:root .widget-type_system_widget_v4_header_6 .header__collections-photo {display:block;grid-column:1;grid-row:1/4;align-self:start;max-width:96px;width:100%;height:auto!important;margin:0!important;padding:0!important;aspect-ratio:1}
html:root .widget-type_system_widget_v4_header_6 .header__collections-photo::before {content:none!important;padding:0!important}
html:root .widget-type_system_widget_v4_header_6 .is-level-1>.header__collections-controls {grid-column:2;margin:0!important}
html:root .widget-type_system_widget_v4_header_6 .is-level-1>.header__collections-controls>.header__collections-link {font:500 22px/1.3 var(--body)!important}
html:root .widget-type_system_widget_v4_header_6 .is-level-1>.header__collections-submenu {grid-column:2;margin:0!important;padding:0!important}
html:root .widget-type_system_widget_v4_header_6 .header__collections-submenu .header__collections-link {font:400 14px/1.75 var(--body)!important;color:var(--muted)!important}
html:root .widget-type_system_widget_v4_header_6 .is-level-1>.header__collections-show-more {grid-column:2;margin:0!important}
}
@media(min-width:768px) and (max-width:1199px){
html:root .widget-type_system_widget_v4_header_6 .header__collections-menu>.is-level-1 {grid-template-columns:64px minmax(0,1fr);gap:6px 12px;padding:12px}
html:root .widget-type_system_widget_v4_header_6 .is-level-1>.header__collections-controls>.header__collections-link {font-size:18px!important}
}
@media(max-width:767px){
html:root .widget-type_system_widget_v4_header_6 .header.is-show-mobile,
html:root .widget-type_system_widget_v4_header_6 .header.is-show-mobile :is(.header__content,.header__mobile-head,.header__mobile-head-content,.header-part-main,.header-part-main__inner,.header-part-top,.header-part-top__inner) {background:var(--page)!important;color:var(--ink)!important}
html:root .widget-type_system_widget_v4_header_6 .header.is-show-mobile :is(a,.header__control-btn,.header__control-icon,.js-show-mobile-submenu) {color:var(--ink)!important}
html:root .widget-type_system_widget_v4_header_6 .header.is-show-mobile :is(.header__area-controls,.header__area-search,.header__collections-content) {background:transparent!important;box-shadow:none!important}
html:root .widget-type_system_widget_v4_header_6 .header__collections-content {padding:0!important}
html:root .widget-type_system_widget_v4_header_6 .header__collections-item {border-color:var(--line)!important}
html:root .widget-type_system_widget_v4_header_6 .header__mobile-head-content {padding-inline:var(--edge)!important}
}
/* [2026-10-30][CLX][Д-07-261030] Телефон и подтверждённые часы в общей шапке, без второго экземпляра ссылки. */
html:root .sm-header-contacts {display:flex!important;align-items:center!important;gap:20px;min-width:0;white-space:nowrap;color:var(--head-ink)!important}
/* [2026-10-30][CLX][Д-10-261030] Убираем только родной разделитель телефона и его отступ. */
html:root .sm-header-contacts .header__phone {display:flex!important;align-items:center;gap:7px;margin:0!important;border-right:0!important;padding-right:0!important}
html:root .sm-header-contacts .header__phone-value {display:inline-flex!important;align-items:center;min-height:44px;color:inherit!important;font:500 14px/1.2 var(--body)!important;text-decoration:none!important}
html:root .sm-header-contacts svg {display:block;flex:none;width:16px;height:16px;color:inherit}
html:root .sm-contact-hours {display:flex;align-items:center;gap:7px;color:var(--line);font:400 13px/1.3 var(--body)}
html:root .sm-header-contactbar {display:none}
html:root.sm-checkout .header-part-main__inner>.sm-header-contacts {grid-area:search;justify-self:end;margin-inline:20px}
@media(min-width:768px){
html:root .widget-type_system_widget_v4_header_6 .header-part-top__inner.sm-contact-nav {padding-block:0!important;min-height:max(44px,var(--sm-contact-nav-height,48px))!important}
}
@media(max-width:767px){
/* Резерв до выполнения JS равен высоте реальной строки; при замене высота шапки не скачет. */
html:root .widget-type_system_widget_v4_header_6:not(.sm-contact-ready) .header-mobile-panel::after {content:'';display:block;height:44px;background:var(--head)}
html:root .widget-type_system_widget_v4_header_6 .sm-header-contactbar {display:block;min-height:44px;padding:0 var(--edge);background:var(--head);box-shadow:inset 0 1px var(--head-line);box-sizing:border-box}
/* Родные 15px с двух сторон не дублируют уже заданные края20px контактной полосы. */
html:root .sm-header-contactbar .sm-header-contacts {justify-content:space-between;gap:4px;min-height:44px;padding-inline:0!important}
html:root .sm-header-contactbar .header__phone {gap:5px}
html:root .sm-header-contactbar .header__phone-value {font-size:13px!important}
html:root .sm-header-contactbar .sm-contact-hours {gap:5px;font-size:12px}
html:root .sm-header-contactbar svg {width:14px;height:14px}
html:root .sm-header-contactbar .sm-contact-days {display:inline}
}
/* [2026-10-30][CLX][О-19-261030] На узком телефоне день виден сокращённо; полное доступное имя сохранено. */
@media(max-width:359px){
html:root .sm-header-contactbar .sm-header-contacts {gap:4px}
html:root .sm-header-contactbar .sm-contact-hours {gap:3px}
html:root .sm-header-contactbar .sm-contact-days {font-size:0}
html:root .sm-header-contactbar .sm-contact-days::after {content:'Еж. ';font-size:12px}
}
/* [2026-10-30][CLX][Д-03-261030] Согласованный A; только карточка товара. */
html:root .sm-pdp-layout .product__block-title {min-height:56px!important;padding:13px 0!important;line-height:29px!important;font-size:24px!important;box-sizing:border-box}
html:root .sm-pdp-layout .product__block-title .menu-show-submenu-btn {width:44px!important;height:44px!important;min-height:44px!important;margin-top:-22px!important;display:grid;place-items:center}
html:root .sm-pdp-layout .product__block-title button:focus-visible {outline:2px solid var(--ink)!important;outline-offset:2px}
html:root .sm-pdp-layout .toggle-menu.is-show :is(.cut-block__content-wrapper,.cut-block__content) {height:auto!important;max-height:none!important;overflow:visible!important}
html:root .sm-pdp-layout .toggle-menu.is-show .cut-block__content-wrapper::before {display:none!important}
html:root .sm-pdp-layout .toggle-menu.is-show .cut-block__controls {display:none!important}
html:root .sm-pdp-layout .product__area-form {min-width:0}
html:root .sm-pdp-pairs-ready .sm-pdp-native-size {display:none!important}
html:root .sm-pdp-choice {font-family:var(--body,Onest,sans-serif);color:var(--ink);min-width:0;margin:0 0 12px}
html:root .sm-pdp-size-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;font-size:14px;font-weight:500;line-height:20px}
html:root .sm-pdp-size-heading .sunman-sizes-btn {position:static!important;inset:auto!important;float:none!important;min-height:44px!important;max-width:70%;margin:0!important;padding:0!important;font-size:14px!important;text-align:right!important;border:0!important;background:transparent!important;box-shadow:none!important;text-decoration:underline!important;text-underline-offset:3px}
html:root .sm-pdp-size-matrix {display:grid;grid-template-columns:140px repeat(var(--sm-pair-count,8),minmax(var(--sm-cell-min,44px),1fr));gap:6px;min-width:0}
html:root .sm-pdp-size-labels {display:grid;grid-template-rows:44px 44px;gap:4px;align-items:center;font-size:14px;line-height:20px;color:var(--muted)}
html:root .sm-pdp-pair {display:grid;grid-template-rows:44px 44px;gap:4px;min-width:0}
html:root .sm-pdp-choice button {min-height:44px;min-width:44px;margin:0;padding:10px 3px;border:1px solid var(--field);border-radius:var(--r);background:transparent;color:var(--ink);font:400 14px/1.3 var(--body,Onest,sans-serif);cursor:pointer;box-sizing:border-box}
html:root .sm-pdp-choice button[aria-pressed="true"] {background:var(--ink);border-color:var(--ink);color:var(--white)!important;font-weight:500}
html:root .sm-pdp-choice button:disabled {opacity:.4;cursor:default}
html:root .sm-pdp-choice button:focus-visible {outline:2px solid var(--ink);outline-offset:3px}
html:root .sm-pdp-compact-fields {display:none}
html:root .sm-pdp-compact .sm-pdp-size-matrix {display:none}
html:root .sm-pdp-compact .sm-pdp-compact-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
html:root .sm-pdp-choice[data-sm-switching="compact"] .sm-pdp-compact-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
html:root .sm-pdp-field {min-width:0}
html:root .sm-pdp-field--wide {grid-column:1/-1}
html:root .sm-pdp-field-label {display:block;font-size:14px;line-height:20px;margin-bottom:8px;color:var(--muted)}
html:root .sm-pdp-select {width:100%;min-width:0;min-height:52px;border:1px solid var(--field);border-radius:var(--r);padding:10px 22px 10px 10px;appearance:none;-webkit-appearance:none;background-color:var(--page);background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 13px) center,calc(100% - 9px) center;background-size:4px 4px,4px 4px;background-repeat:no-repeat;color:var(--ink);font:400 16px/1.4 var(--body,Onest,sans-serif);box-sizing:border-box;text-overflow:ellipsis}
/* Родной widget скрывает ВСЕ select внутри variants; раскрываем только наши поля. */
html:root .sm-pdp-choice select.sm-pdp-select {display:block!important}
/* [2026-10-31][CLX][Д-05-261031] Не раскрывать резервный список при коротком выборе упаковки. */
html:root .sm-pdp-choice select.sm-pdp-select[hidden] {display:none!important}
html:root .sm-pdp-pack-buttons {display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
html:root .sm-pdp-choice .sm-pdp-pack-button {min-width:64px;min-height:48px;padding:10px 14px;font-size:16px}
html:root .sm-pdp-pack-buttons:has(>button:only-child) button:disabled {opacity:1;cursor:default}
html:root .sm-pdp-select:focus-visible {outline:2px solid var(--ink);outline-offset:3px}
html:root .sm-pdp-compact .sm-pdp-native-compact {display:none!important}
/* [2026-10-31][CLX][PDP-A] Все реальные пары видны; упаковка ниже, цвет под родной галереей. */
html:root .sm-pdp-size-tiles {display:none}
html:root .sm-pdp-compact .sm-pdp-size-tiles {display:grid;grid-template-columns:repeat(var(--sm-tile-columns,4),minmax(0,1fr));gap:8px}
html:root .sm-pdp-choice[data-sm-switching="compact"] .sm-pdp-size-tiles {display:grid;grid-template-columns:repeat(var(--sm-tile-columns,4),minmax(0,1fr));gap:8px}
html:root .sm-pdp-pair-caption {grid-column:1/-1;font-size:14px;line-height:1.4;color:var(--muted);padding:4px 0}
html:root .sm-pdp-size--combined {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:58px!important;overflow-wrap:anywhere}
html:root .sm-pdp-size--combined strong {font-weight:500;font-size:16px}
html:root .sm-pdp-size--combined span {font-size:12px}
html:root .sm-pdp-compact .sm-pdp-compact-fields {margin-top:18px;grid-template-columns:minmax(0,1fr)}
html:root .sm-pdp-choice .sm-pdp-field[hidden] {display:none!important}
html:root .sm-pdp-pairs-ready .sm-pdp-native-color {display:none!important}
html:root .sm-pdp-colors {min-width:0;max-width:100%;margin:16px 0 24px;color:var(--ink);font:400 14px/1.4 var(--body,Onest,sans-serif)}
html:root .sm-pdp-color-heading {margin-bottom:10px;overflow-wrap:anywhere}
html:root .sm-pdp-color-strip {display:flex;gap:10px;overflow-x:auto;padding:3px 3px 8px;scroll-padding-inline:3px}
html:root .sm-pdp-color {flex:0 0 88px;min-width:44px;min-height:44px;max-width:120px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:7px;padding:4px;border:1px solid var(--field);border-radius:var(--r);background:transparent;color:inherit;font:inherit;cursor:pointer;overflow-wrap:anywhere}
html:root .sm-pdp-color img {width:100%;height:92px;object-fit:contain;background:var(--white)}
html:root .sm-pdp-color img[hidden] {display:none}
html:root .sm-pdp-color[aria-pressed="true"] {border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
html:root .sm-pdp-color:disabled {opacity:.45;cursor:default}
html:root .sm-pdp-color:focus-visible {outline:2px solid var(--ink);outline-offset:2px}
html:root .sm-pdp-choice-notice {font-size:14px;line-height:1.5;overflow-wrap:anywhere}
html:root .sm-pdp-choice-notice:empty {display:none}
/* [2026-10-31][CLX][О-02-261031] В preview нижнее меню поднято над служебной панелью той же переменной. */
@media(max-width:767px){
html:root .sm-pdp-layout .product__buy-btn-area.is-fixed-state .product__buy-btn-area-inner {bottom:calc(62px + var(--shop-insales-panel-height,0px))!important}
}
@media(min-width:768px){
html:root .sm-pdp-pairs-ready .product-form__area-price {margin-bottom:0!important}
html:root .sm-pdp-pairs-ready .option-selector {gap:0 24px!important}
html:root .sm-pdp-pairs-ready .option-selector .option {margin:0 0 12px!important;flex:0 1 auto!important;max-width:100%!important}
html:root .sm-pdp-pairs-ready .option-selector .option:is(.option-cvet,.option-nazvanie_cveta) {flex:1 1 240px!important}
html:root .sm-pdp-pairs-ready .option-selector .option-label {font-size:14px!important;line-height:20px!important;margin-bottom:10px!important}
html:root .sm-pdp-pairs-ready .product-form__area-controls {margin-bottom:12px!important}
}
/* [2026-10-30][CLX][Д-05-261030] Всё изображение помещается в область под управлением; родное окно и close сохранены. */
html:root .sunman-sizes-modal[data-sm-guide] {z-index:2147483647;height:100vh;height:100dvh;box-sizing:border-box;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));font-family:var(--body,Onest,sans-serif);color:var(--ink)}
html:root .sunman-sizes-modal[data-sm-guide] .sunman-sizes-modal__inner {display:grid;grid-template-rows:auto minmax(0,1fr);width:var(--sm-guide-compact-width,480px);max-width:min(100%,860px);height:70vh;height:70dvh;max-height:100%;min-width:0;min-height:0;overflow:visible;box-sizing:border-box;border-radius:var(--r);background:var(--white)}
html:root .sunman-sizes-modal[data-sm-guide] .sm-guide-toolbar {display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;min-height:56px;padding:6px 12px;box-sizing:border-box;border-bottom:1px solid var(--field)}
html:root .sunman-sizes-modal[data-sm-guide] .sm-guide-title {min-width:0;font:500 14px/20px var(--body,Onest,sans-serif);overflow-wrap:normal}
html:root .sunman-sizes-modal[data-sm-guide] .sm-guide-toolbar button {position:static;inset:auto;display:block;width:auto;height:44px;min-height:44px;min-width:44px;margin:0;padding:8px;border:1px solid var(--field);border-radius:var(--r);box-sizing:border-box;background:var(--page);color:var(--ink);font:400 14px/1.2 var(--body,Onest,sans-serif);cursor:pointer;white-space:nowrap}
html:root .sunman-sizes-modal[data-sm-guide] .sm-guide-toolbar button:focus-visible {outline:2px solid var(--ink);outline-offset:2px}
html:root .sunman-sizes-modal[data-sm-guide] .sm-guide-image {position:relative;min-height:0;min-width:0;padding:8px 12px 12px;box-sizing:border-box}
html:root .sunman-sizes-modal[data-sm-guide] .sm-guide-image img {display:block;width:100%;height:100%;max-width:100%;max-height:100%;min-width:0;min-height:0;object-fit:contain;cursor:zoom-in}
html:root .sunman-sizes-modal[data-sm-guide] .sm-guide-status {position:absolute;inset:12px;display:grid;align-content:center;margin:0;font:400 14px/20px var(--body,Onest,sans-serif);text-align:center;overflow-wrap:anywhere}
html:root .sunman-sizes-modal[data-sm-guide] .sm-guide-status[hidden] {display:none!important}
html:root .sunman-sizes-modal[data-sm-guide]:not([data-sm-guide-state="ready"]) .sm-guide-image img {visibility:hidden}
html:root .sunman-sizes-modal[data-sm-guide][data-sm-guide-mode="full"] {padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
html:root .sunman-sizes-modal[data-sm-guide][data-sm-guide-mode="full"] .sunman-sizes-modal__inner {width:100%;max-width:none;height:100%;max-height:100%;border-radius:0}
html:root .sunman-sizes-modal[data-sm-guide][data-sm-guide-mode="full"] .sm-guide-image img {cursor:default}
@media(max-width:767px){
html:root .sm-pdp-layout .product__block-title {font-size:20px!important;min-height:64px!important;padding:17px 0!important}
html:root .sm-pdp-choice {margin-bottom:16px}
}
/* [2026-10-31][CLX][Р-03-261031] Крупнее главный кадр; исходники и пропорции изображений сохранены. */
html:root .sm-pdp-layout .sm-pdp-color {gap:5px}
html:root .sm-pdp-layout .sm-pdp-color img {height:64px;object-fit:contain}
@media(max-width:767px){
html:root .product .product__gallery-main .product__photo {aspect-ratio:1.18!important}
}
@media(min-width:768px){
html:root .product .product__gallery-main .product__photo {max-height:clamp(360px,calc(100vh - 300px),680px)!important}
html:root .product .product__gallery-tumbs .product__photo-tumb {height:64px!important;aspect-ratio:auto!important;padding:0!important}
html:root .product .product__gallery-tumbs .product__photo-tumb img {object-fit:contain!important}
}
/* [2026-11-01][CLX][Д-12-261101] Принятый макет карточки: белым только фото; миниатюры слева и цвет — на бежевом в одном каркасе. */
html:root .product__area-photo {background:var(--page)!important}
html:root .product__gallery-main {background:var(--white);min-width:0;max-width:100%;overflow:hidden}
html:root .sm-pdp-colors {margin:0!important;padding:16px 20px 20px;border-top:1px solid var(--line)}
html:root .sm-pdp-color-heading {font-size:18px;font-weight:500;margin-bottom:12px}
html:root .sm-pdp-color-strip {padding:0 0 8px;scroll-padding-inline:0}
html:root .sm-pdp-color {border-color:var(--line);background:var(--white);padding:8px;gap:6px}
html:root .sm-pdp-color span {font-size:13px;line-height:1.3;color:var(--muted);text-align:center}
html:root .sm-pdp-color[aria-pressed="true"] {border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
html:root .sm-pdp-color[aria-pressed="true"] span {color:var(--ink)}
@media(min-width:768px){
/* [2026-11-01][CLX][Д-13-261101] Сетка галереи и скрытие native миниатюр включаются только
после успешного раннего bootstrap (класс .sm-pdp-early ставит pdp-early.js): без него
базовый CSS native галерею не скрывает и не перестраивает. */
html:root .product__gallery.sm-pdp-early {display:grid;grid-template-columns:100px minmax(0,1fr)}
/* Одно фото: своей ленты нет, но сетка стабильна и native-лента не всплывает при смене цвета. */
html:root .product__gallery.sm-pdp-early--single {grid-template-columns:minmax(0,1fr)}
html:root .product__area-photo:has(.sm-pdp-thumbs) .stickers {left:112px!important}
html:root .product__gallery.sm-pdp-early .product__gallery-tumbs {position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden;visibility:hidden;border:0!important;padding:0!important}
html:root .sm-pdp-thumbs {grid-row:1;display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--page);border-right:1px solid var(--line);max-height:660px;overflow-y:auto}
html:root .sm-pdp-thumb {flex:none;aspect-ratio:1;border:1px solid var(--line);background:var(--white);padding:6px;cursor:pointer;box-sizing:border-box}
html:root .sm-pdp-thumb img {width:100%;height:100%;object-fit:contain;display:block}
html:root .sm-pdp-thumb:hover {border-color:var(--ink)}
html:root .sm-pdp-thumb.is-active {border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
html:root .sm-pdp-thumb:focus-visible {outline:2px solid var(--ink);outline-offset:2px}
}
@media(max-width:767px){
html:root .sm-pdp-thumbs {display:none}
}
/* Первый экран: шапка + крошки + счётчик + цвет ≈490px; лента не должна растягивать галерею ниже фото. */
@media(min-width:768px){
html:root .product .product__gallery-main .product__photo {max-height:clamp(300px,calc(100vh - 490px),520px)!important}
html:root .sm-pdp-thumbs {max-height:clamp(300px,calc(100vh - 490px),520px)}
}
/* [2026-11-01][CLX][Д-13-261101] Ранняя стабильная галерея (pdp-early.js).
Постер повторяет классы native слайда (.img-ratio.img-fit.product__photo), поэтому
занимает ровно конечную высоту кадра; пока постер виден, native Splide смонтирован,
но не показан — промежуточной горизонтальной карусели нет. Постер не ловит клики. */
html:root .sm-pdp-poster {position:relative;background:var(--white);pointer-events:none}
html:root .sm-pdp-poster .sm-pdp-poster__photo {display:block;width:100%;pointer-events:auto;cursor:zoom-in}
html:root .sm-pdp-poster .img-ratio__inner img {width:100%;height:100%;object-fit:contain;display:block}
html:root .product__gallery-main.sm-pdp-poster-on {position:relative}
html:root .product__gallery-main.sm-pdp-poster-on > .js-product-gallery-main {position:absolute;inset:0;visibility:hidden!important}
/* Ранние стрелки поверх постера (native стрелки скрыты вместе с native контейнером). */
html:root .sm-pdp-arrows {position:absolute;inset:0;pointer-events:none;z-index:2}
html:root .sm-pdp-arrow {position:absolute;top:50%;transform:translateY(-50%);pointer-events:auto;width:44px;height:44px;min-width:44px;display:grid;place-items:center;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--r);background:var(--white);color:var(--ink);cursor:pointer;box-sizing:border-box}
html:root .sm-pdp-arrow--prev {left:8px}
html:root .sm-pdp-arrow--next {right:8px}
html:root .sm-pdp-arrow:hover {border-color:var(--ink)}
html:root .sm-pdp-arrow:focus-visible {outline:2px solid var(--ink);outline-offset:2px}
html:root .sm-pdp-arrow .splide__arrow-icon {font-size:14px;line-height:1}
/* Slot цвета: высота зарезервирована с первого кадра, чтобы монтирование свотчей не сдвигало страницу;
--free ставит основной модуль, когда свотчи смонтированы или точно не появятся. */
html:root .sm-pdp-color-slot {min-width:0;max-width:100%}
@media(min-width:768px){
html:root .sm-pdp-color-slot:not(.sm-pdp-color-slot--free) {min-height:180px}
}
/* [2026-11-01][CLX][Д-13-261101] Mobile: замеренная высота блока цвета 210.97px (390px вьюпорт);
длинные имена не обрезаются — блок растёт поверх резерва. */
@media(max-width:767px){
html:root .sm-pdp-color-slot:not(.sm-pdp-color-slot--free) {min-height:212px}
}
/* [2026-11-01][CLX][О-23-261101] Планшет: native-галерея без poster/vertical-ленты.
Ранний DOM не мешает Splide: main виден с первого кадра, при resize desktop↔tablet сетка не взрывается. */
@media(min-width:768px) and (max-width:1024px){
html:root .product__gallery.sm-pdp-early {display:block}
html:root .sm-pdp-thumbs {display:none}
html:root .sm-pdp-poster {display:none!important}
html:root .product__gallery-main.sm-pdp-poster-on > .js-product-gallery-main {position:static;visibility:visible!important}
html:root .product__area-photo:has(.sm-pdp-thumbs) .stickers {left:5px!important}
}
/* [2026-11-03][CLX][Д-01-261103] Компактнее цветовые плитки; освободившиеся 12px — по 6px над и под главным фото. */
html:root .sm-pdp-layout .sm-pdp-color {padding-block:2px}
html:root .product__gallery-main {padding-block:6px}
@media(min-width:768px){
html:root .sm-pdp-color-slot:not(.sm-pdp-color-slot--free) {min-height:168px}
}
@media(max-width:767px){
html:root .sm-pdp-color-slot:not(.sm-pdp-color-slot--free) {min-height:200px}
}
/* [2026-11-05][CLX][О-01-261105] Штатный выбор цены и текстовые кнопки рекомендаций. */
html:root .widget-type_system_widget_v4_products_related_1[style*="--hide-variants:true"] .product-preview__price {display:none!important}
html:root .widget-type_system_widget_v4_products_related_1[style*="--hide-variants:true"] .product-preview__area-bottom {display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;min-width:0}
html:root .widget-type_system_widget_v4_products_related_1[style*="--hide-variants:true"] .product-preview__price-range {margin:0!important;text-align:left;min-width:0;max-width:100%}
html:root .widget-type_system_widget_v4_products_related_1[style*="--hide-variants:true"] .product-preview__controls {width:100%!important;min-width:0;max-width:100%;flex:none!important}
html:root .widget-type_system_widget_v4_products_related_1[style*="--hide-variants:true"] .product-preview__controls .button:is(.product-preview__detail-btn,.product-preview__detail-select-btn,.product-preview__preorder-btn) {width:100%!important;max-width:100%;box-sizing:border-box;height:auto!important;min-height:44px!important;padding:10px 12px!important;white-space:normal;line-height:1.3;overflow-wrap:break-word}
/* [2026-11-06][CLX][Д-01-261106] Полные названия, общие линии цены и заметная корзина. */
html:root .grid-list:has(> .product-preview-elem),
html:root .grid-list:has(> .product-preview) {row-gap:24px!important}
html:root .product-preview-elem {display:flex;min-width:0}
html:root .product-preview {
--sm-card-action:48px;
--sm-card-price-line:26px;
--sm-card-old-line:18px;
--sm-card-price-inset:calc((var(--sm-card-action) - var(--sm-card-price-line))/2);
height:100%;width:100%;min-width:0;
}
html:root .product-preview .product-preview__content {
display:flex!important;flex-direction:column!important;height:100%;width:100%;
min-width:0;gap:0!important;padding:0!important;
}
html:root .product-preview .product-preview__area-photo {flex:none}
html:root .product-preview .product-preview__area-title {margin:10px 0 12px!important;min-width:0}
html:root .product-preview .product-preview__title,
html:root .product-preview .product-preview__title a {
max-height:none!important;-webkit-line-clamp:unset!important;white-space:normal!important;
overflow:visible!important;overflow-wrap:break-word;
}
html:root .product-preview .product-preview__area-bottom {
margin-top:auto!important;display:grid!important;
grid-template-columns:minmax(0,1fr) var(--sm-card-action);gap:8px!important;
align-items:end!important;min-width:0;
}
html:root .product-preview .product-preview__buy {
grid-column:1/-1;display:grid!important;grid-template-columns:minmax(0,1fr) var(--sm-card-action);
gap:8px!important;align-items:end!important;min-width:0;width:100%;
}
html:root .product-preview .product-preview__price {
position:relative;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
align-items:baseline!important;column-gap:4px!important;row-gap:0!important;
min-width:0;min-height:calc(var(--sm-card-old-line) + var(--sm-card-action));
padding:calc(var(--sm-card-old-line) + var(--sm-card-price-inset)) 0 var(--sm-card-price-inset)!important;
margin:0!important;
}
html:root .product-preview .product-preview__price-old {
position:absolute!important;top:0;left:0;margin:0!important;
line-height:var(--sm-card-old-line)!important;white-space:nowrap;
}
html:root .product-preview :is(.product-preview__price-cur,.product-preview__price-min) {
line-height:var(--sm-card-price-line)!important;white-space:nowrap;
}
html:root .product-preview .product-preview__price-label {white-space:nowrap}
html:root .product-preview .product-preview__controls {width:var(--sm-card-action)!important;min-width:var(--sm-card-action)!important;flex:none!important;margin:0!important}
html:root .product-preview .product-preview__controls :is(.product-preview__show-modal-variants-btn,.add-cart-counter__btn,.product-preview__buy-btn) {
width:var(--sm-card-action)!important;height:var(--sm-card-action)!important;min-height:var(--sm-card-action)!important;
min-width:var(--sm-card-action)!important;flex:0 0 var(--sm-card-action)!important;
margin:0!important;padding:0!important;background:var(--ink)!important;color:var(--white)!important;border:1px solid var(--ink)!important;
}
html:root .product-preview .product-preview__controls :is(.product-preview__show-modal-variants-btn,.add-cart-counter__btn,.product-preview__buy-btn) [class*="icon-"] {color:var(--white)!important}
/* [2026-11-06][CLX][Д-01-261106] Контурная корзина по верхнему краю всего блока цен. */
html:root .product-preview {
--sm-card-price-inset:0px;
}
html:root .product-preview .product-preview__area-title {
flex:1;
display:flex;
flex-direction:column;
justify-content:center;
}
html:root .product-preview .product-preview__price {
min-height:var(--sm-card-action);
padding:var(--sm-card-old-line) 0 calc(var(--sm-card-action) - var(--sm-card-old-line) - var(--sm-card-price-line))!important;
}
html:root .product-preview .product-preview__controls :is(.product-preview__show-modal-variants-btn,.add-cart-counter__btn,.product-preview__buy-btn) {
background:transparent!important;
color:var(--ink)!important;
}
html:root .product-preview .product-preview__controls :is(.product-preview__show-modal-variants-btn,.add-cart-counter__btn,.product-preview__buy-btn) [class*="icon-"] {
color:var(--ink)!important;
}