[data-up-theme=dark] .fancybox-skin {
background: var(--fancybox-bg)
}
.productfilters-feature-value-link {
text-decoration:underline;
}
.ob-notice-order-item {
background: none!important;
}
.icon {
justify-content: center;
}
.wa-order-dialog .wa-button.gray[type=button] {
color: var(--up-body-color);
}
/* Plugin - https://28bit.ru/zakaz/ */
.s-plugin-orderstatus-container {
color: inherit !important;
}
.s-plugin-orderstatus-container h5 {
margin-top: 0;
}
/* Plugin - https://28bit.ru/zakaz/ */
/* Plugin - https://28bit.ru/webasyst/shop/?action=plugins#/wsearch */
.wsearch_dropdown_search_wrapper {
border-radius: var(--up-border-radius) !important;
}
[data-up-theme=dark] .wsearch_dropdown_search_wrapper {
background: var(--up-children-bg);
border: var(--up-border);
}
[data-up-theme=dark] .wsearch_dropdown_list {
background: var(--up-children-bg) !important;
}
.wsearch_dropdown_search_wrapper .wsearch_dropdown_header {
border-bottom: var(--up-border) !important;
}
.wsearch_dropdown_search_showall {
border-top: var(--up-border) !important;
}
.wsearch_dropdown_search_wrapper em {
color: inherit !important;
}
/* Plugin - https://28bit.ru/webasyst/shop/?action=plugins#/wsearch */
/* START! Plugin https://28bit.ru/webasyst/shop/?action=plugins#/psets */
.up-itemsets {
--up-flex-direction: column;
--up-flex-gap: var(--up-rem-xl);
}
.up-itemsets__item {
--up-flex-direction: column;
--up-flex-gap: var(--up-rem-xl);
--up-flex-align-items: center;
border-top: var(--up-border);
padding-top: var(--up-rem-xl);
}
.up-itemsets__item:first-child {
border-top: none;
padding-top: 0;
}
.up-itemsets__img {
flex: 1;
}
.up-itemsets__img img {
border-radius: var(--up-border-radius);
width: 100%;
}
.up-itemsets__content {
--up-flex-direction: column;
--up-flex-gap: var(--up-rem-xl);
flex: 1;
}
.up-itemsets__name {
font-size: 24px;
font-weight: 600;
}
.up-itemsets__name a {
text-decoration: none!important;
}
.up-itemsets__description {
color: var(--up-color-gray-600);
}
@media (min-width: 767.98px) {
.up-itemsets__item {
--up-flex-direction: row;
}
.up-itemsets__item.reverse {
--up-flex-direction: row-reverse;
}
.up-itemsets__img {
flex: none;
width: 25%;
}
}
/* END! Plugin https://28bit.ru/webasyst/shop/?action=plugins#/psets */
/* START! Cart */
.js-checkout-order-cart-clear {
--up-btn-color: var(--up-color-error) !important;
--up-btn-color-hover: var(--up-color-error) !important;
--up-btn-color-active: var(--up-color-error) !important;
}
.wa-order-cart-wrapper .wa-products .wa-product .wa-actions .wa-action {
color: var(--up-color-error) !important;
}
.wa-order-cart-wrapper .wa-products .wa-product .wa-actions .wa-action:hover .wa-icon {
background: none !important;
}
/* END! Cart */
/* START! Switch */
[data-up-theme=dark] input[type=checkbox].switch,
input[type=checkbox].switch {
--up-checkbox-switch-bg-checked: var(--up-accent-color)!important;
--up-checkbox-switch-image: url("data:image/svg+xml,")!important;
--up-checkbox-switch-border-color: var(--up-accent-color)!important;
--up-checkbox-switch-border-color-hover: var(--up-accent-light-20)!important;
--up-checkbox-switch-border-color-checked: var(--up-accent-color)!important;
}
[data-up-theme=dark] input[type=checkbox].switch:checked,
input[type=checkbox].switch:checked {
--up-checkbox-switch-image: url("data:image/svg+xml,")!important;
--up-checkbox-switch-bg-checked: var(--up-accent-color)!important;
}
/* EDN! Switch */
/* START! Sorting */
@media (max-width: 1179.98px) {
html .up-mobile.js-mobile-filter.active {
z-index: 101;
}
/* Keep unavailable smart-filter values below selected and available values. */
html .up-mobile.js-mobile-filter .filters.value-top .filters-left__value.disabled,
html .up-mobile.js-mobile-filter .filters.value-top .filters__value.disabled {
order: 3;
}
html.m28-catalog-sticky-sorting .c-sorting {
margin: var(--up-wrap-gap) 0;
position: sticky;
top: calc(4.125rem + var(--up-wrap-gap));
z-index: 11;
}
html.m28-catalog-sticky-sorting .c-sorting > .c-sorting_filter {
order: 1;
}
html.m28-catalog-sticky-sorting .c-sorting > .c-sorting_first {
order: 2;
}
html.m28-catalog-sticky-sorting .c-sorting > .c-sorting_switch {
order: 3;
}
html.m28-catalog-sticky-sorting .c-sorting:before {
background: var(--up-color-gray-100);
content: '';
position:absolute;
left: calc(-1*var(--up-wrap-gap));
right: calc(-1*var(--up-wrap-gap));
top: calc(-1*var(--up-wrap-gap));
bottom: calc(-1*var(--up-wrap-gap));
}
html.m28-catalog-sticky-sorting[data-up-theme=dark] .c-sorting:before {
background-color: var(--up-theme-blocks-bg);
}
}
/* EDN! Sorting */
/* START! Category */
html.m28-catalog-feature-cards .pr-features__item.flex {
--up-flex-gap: 8px;
--up-flex-align-items: center;
background: var(--up-children-bg);
border-radius: 8px;
padding: 8px;
}
html.m28-catalog-feature-cards .pr-features__icon {
flex: none;
width: 16px;
}
html.m28-catalog-feature-cards .pr-features__name,
html.m28-catalog-feature-cards .pr-features__value {
/*font-size:11px;*/
}
html.m28-catalog-feature-cards[data-up-theme="light"] .pr-features__item.flex {
background: var(--up-scheme-light);
}
@media (min-width: 992.98px) {
html.m28-catalog-typography .products__name {
font-size: 20px;
}
html.m28-catalog-typography .products .prices__price {
font-size: 24px;
font-weight: 600;
}
html.m28-catalog-typography .products .prices__compare {
font-size: 18px;
font-weight: 600;
}
}
/* END! Category */
/* START! Product */
html.m28-product-title-compact .product h1 {
font-size: 20px;
}
@media (min-width: 767.98px) {
html.m28-product-title-compact .product h1 {
font-size: 20px;
}
}
html.m28-product-price-types .pricetype-radio-container {
display: flex !important;
flex-direction: row !important;
align-items: stretch;
gap: 0;
width: 100%;
overflow: hidden;
border: var(--up-border);
border-radius: .625rem;
background: transparent;
}
html.m28-product-price-types .pricetype-radio-item {
position: relative;
display: block;
flex: 1 1 0;
min-width: 0;
align-items: center;
border-left: var(--up-border);
}
html.m28-product-price-types .pricetype-radio-item:has(.pricetype-radio-button[data-name*="рознич"]) {
order: 1;
border-left: 0;
}
html.m28-product-price-types .pricetype-radio-item:has(.pricetype-radio-button[data-name*="оптов"]) {
order: 2;
}
html.m28-product-price-types .pricetype-radio-item:has(.pricetype-radio-button[data-name*="юр"]) {
order: 3;
flex-grow: 1.55;
}
html.m28-product-price-types .pricetype-radio-button {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
opacity: 0;
pointer-events: none;
}
html.m28-product-price-types .pricetype-radio-label {
display: flex;
align-items: center;
justify-content: center;
min-height: 2.5rem;
height: 100%;
padding: .5rem .25rem;
border: 0;
border-radius: 0;
background: transparent;
color: var(--up-body-color);
font-size: .75rem;
line-height: 1.2;
text-align: center;
white-space: nowrap;
cursor: pointer;
transition: background-color .18s, color .18s;
}
html.m28-product-price-types .pricetype-radio-button:focus-visible + .pricetype-radio-label {
outline: 2px solid var(--up-accent-color);
outline-offset: -2px;
}
html.m28-product-price-types .pricetype-radio-button:checked + .pricetype-radio-label,
html.m28-product-price-types .pricetype-radio-button[checked] + .pricetype-radio-label {
background: var(--up-accent-color);
color: #fff;
}
html[data-up-theme="dark"].m28-product-price-types .pricetype-radio-container,
html.dark.m28-product-price-types .pricetype-radio-container {
background: var(--up-theme-blocks-bg);
}
@media (hover: hover) {
html.m28-product-price-types .pricetype-radio-label:hover {
background: var(--up-color-gray-200);
}
html[data-up-theme="dark"].m28-product-price-types .pricetype-radio-label:hover,
html.dark.m28-product-price-types .pricetype-radio-label:hover {
background: var(--up-children-bg);
}
html.m28-product-price-types .pricetype-radio-button:checked + .pricetype-radio-label:hover,
html.m28-product-price-types .pricetype-radio-button[checked] + .pricetype-radio-label:hover {
background: var(--up-accent-color);
color: #fff;
}
}
/* END! Product */
/* START! Кнопка с обводкой красным фирменным цветом */
.btn-outline-scheme {
--up-btn-bg: transparent;
--up-btn-bg-hover: transparent;
--up-btn-bg-active: transparent;
--up-btn-focus-bg: transparent;
--up-btn-focus-color: var(--up-accent-color);
--up-btn-focus-shadow: rgba(var(--up-accent-color-rgb), .4);
--up-btn-border-color: var(--up-accent-color);
--up-btn-border-color-hover: var(--up-accent-dark-10);
--up-btn-border-color-active: var(--up-accent-dark-20);
--up-btn-color: var(--up-accent-color);
--up-btn-color-hover: var(--up-accent-dark-10);
--up-btn-color-active:var(--up-accent-dark-20);
}
/* END! Кнопка с обводкой красным фирменным цветом */
/* START! Список товаров вы смотрели */
html.m28-product-viewed-compact .s-products__item:not(.blocks__item-viewed *) {
--up-flex-direction: row;
}
html.m28-product-viewed-compact .s-products__img-height:not(.blocks__item-viewed *) {
height: auto;
width: 50px;
}
html.m28-product-viewed-compact .s-products__name:not(.blocks__item-viewed *) {
font-size: .75rem;
-webkit-line-clamp: 2;
}
html.m28-product-viewed-compact .s-products__prices .prices__compare:not(.blocks__item-viewed *) {
font-size: .75rem;
}
html.m28-product-viewed-compact .s-products__prices .prices__price:not(.blocks__item-viewed *) {
font-size: .875rem;
}
/* END! Список товаров вы смотрели */
[data-up-theme=dark] .wa-order-form-wrapper .wa-step-details-section .wa-details-rates-section .wa-schedule-wrapper .wa-days-wrapper .wa-day-wrapper .wa-value .wa-time {
color: var(--up-body-color)
}
/* START! Плагин комплекты */
.n-card {
--n-bezier: cubic-bezier(.4, 0, .2, 1);
--n-border-radius: var(--up-border-radius) !important;
--n-color: transparent !important;
--n-text-color: var(--up-body-color) !important;
--n-action-color: rgb(250, 250, 252);
--n-title-text-color: var(--up-body-color) !important;
border: var(--up-border) !important;
}
.n-divider:not(.n-divider--dashed) .n-divider__line {
background-color: var(--up-border-color) !important;;
}
.n-input {
background-color: transparent !important;
border-radius: var(--up-border-radius) !important;
}
/* END! Плагин комплекты */
/* START! Плагин скидки */
.upsell-flexdiscount {
--up-flex-gap: 10px;
--up-flex-direction: column;
border-radius: var(--up-border-radius);
background: #ffcd39;
padding: 16px;
color: #252525;
}
.upsell-flexdiscount__item {
--up-flex-gap: 10px;
}
.upsell-flexdiscount__name {
font-size: 14px;
flex: 1;
}
.upsell-flexdiscount__discount {
font-size: 18px;
font-weight: var(--up-font-weight);
white-space: nowrap;
}
.upsell-flexdiscount-link {
margin-top: 4px;
text-align: right;
}
/* END! Плагин скидки */
/* webry релевантный поиск. Начало */
@media (min-width: 1179.98px) {
.search__form {
z-index: 15;
}
}
/* webry релевантный поиск. Конец */
/* =========================================================
28BIT — кнопка "Купить" на странице товара
Desktop + Mobile + фиксированная кнопка
========================================================= */
/* Обычная кнопка товара */
html.m28-product-buy-buttons .product-cart__submit .js-product-button-submit.btn-theme,
/* Фиксированная мобильная кнопка */
html.m28-product-buy-buttons .product__fix-cart-submit .js-product-button-submit.btn-theme,
/* Фиксированная кнопка в шапке товара */
html.m28-product-buy-buttons .pr-fix__button .js-product-button-submit.btn-theme {
background-color: #012bdc !important;
border-color: #012bdc !important;
color: #fff !important;
}
/* Наведение */
html.m28-product-buy-buttons .product-cart__submit .js-product-button-submit.btn-theme:hover,
html.m28-product-buy-buttons .product__fix-cart-submit .js-product-button-submit.btn-theme:hover,
html.m28-product-buy-buttons .pr-fix__button .js-product-button-submit.btn-theme:hover {
background-color: #0024bc !important;
border-color: #0024bc !important;
color: #fff !important;
}
/* Нажатие */
html.m28-product-buy-buttons .product-cart__submit .js-product-button-submit.btn-theme:active,
html.m28-product-buy-buttons .product__fix-cart-submit .js-product-button-submit.btn-theme:active,
html.m28-product-buy-buttons .pr-fix__button .js-product-button-submit.btn-theme:active {
background-color: #001f9f !important;
border-color: #001f9f !important;
color: #fff !important;
}
/* Mobile header: menu, logo, phone, theme, city. */
@media (max-width: 1179.98px) {
html.m28-mobile-header-order .header-mobile__header > * {
order: 6;
}
html.m28-mobile-header-order .header-mobile__header > .h-m-item-bars {
order: 1;
}
html.m28-mobile-header-order .header-mobile__header > .up-logo-img {
order: 2;
}
html.m28-mobile-header-order .header-mobile__header > .h-m-item-phone {
order: 3;
}
html.m28-mobile-header-order .header-mobile__header > .h-m-item-mode-theme {
order: 4;
}
html.m28-mobile-header-order .header-mobile__header > .h-m-item-location {
order: 5;
flex: 0 1 auto;
min-width: 0;
}
html.m28-mobile-header-order .header-mobile__header > .h-m-item-location .location__city {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
/* Dark mobile logo: keep vertical centering. */
html.m28-mobile-header-order[data-up-theme=dark] header.header-mobile .header-mobile__header > .up-logo-img.dark {
display: flex;
}
html.m28-mobile-header-order[data-up-theme=dark] .up-mobile .up-logo-img.dark { display: flex; }
/* Mobile drawer header: logo, search, close. */
@media (max-width: 1179.98px) {
html.m28-mobile-menu-header-search .up-mobile__menu-search {
--up-btn-color: var(--up-body-color);
--up-btn-color-hover: var(--up-body-color);
--up-btn-color-active: var(--up-body-color);
--up-btn-focus-shadow: rgba(var(--up-scheme-color-rgb), .35);
align-self: center;
flex: 0 0 2.75rem;
width: 2.75rem;
height: 2.75rem;
border-radius: 50%;
transition: background-color .15s ease-out, color .15s ease-out;
}
html.m28-mobile-menu-header-search .up-mobile__menu-search:hover,
html.m28-mobile-menu-header-search .up-mobile__menu-search:active {
background: var(--up-color-gray-200);
}
html.m28-mobile-menu-header-search[data-up-theme=dark] .up-mobile__menu-search:hover,
html.m28-mobile-menu-header-search[data-up-theme=dark] .up-mobile__menu-search:active {
background: var(--up-children-ch-bg);
}
}
/* Mobile drawer primary actions: catalog, configurator, order status. */
@media (max-width: 1179.98px) {
html.m28-mobile-menu-primary-actions .m28-mobile-menu-primary .mobile-nav-row__wrap {
gap: .25rem;
}
html.m28-mobile-menu-primary-actions .m28-mobile-menu-primary .mobile-nav-row__item {
min-height: 3.5rem;
padding: .375rem .5rem;
border-radius: var(--up-border-radius);
transition: background-color .15s ease-out, color .15s ease-out;
}
html.m28-mobile-menu-primary-actions .m28-mobile-menu-primary .mobile-nav-row__item:hover,
html.m28-mobile-menu-primary-actions .m28-mobile-menu-primary .mobile-nav-row__item:active {
background: var(--up-color-gray-200);
}
html.m28-mobile-menu-primary-actions[data-up-theme=dark] .m28-mobile-menu-primary .mobile-nav-row__item:hover,
html.m28-mobile-menu-primary-actions[data-up-theme=dark] .m28-mobile-menu-primary .mobile-nav-row__item:active {
background: var(--up-children-ch-bg);
}
html.m28-mobile-menu-primary-actions .m28-mobile-menu-primary .mobile-nav-row__name {
font-weight: var(--up-font-weight);
}
html.m28-mobile-menu-primary-actions .m28-mobile-orderstatus__form {
border: var(--up-border);
border-radius: var(--up-border-radius);
padding: var(--up-rem-l);
}
html.m28-mobile-menu-primary-actions[data-up-theme=dark] .m28-mobile-orderstatus__form {
background: var(--up-children-bg);
border-color: transparent;
}
html.m28-mobile-menu-primary-actions .m28-mobile-orderstatus .s-plugin-orderstatus-container {
margin: 0;
}
html.m28-mobile-menu-primary-actions .m28-mobile-orderstatus .s-plugin-orderstatus-container h5 {
display: none;
}
html.m28-mobile-menu-primary-actions .m28-mobile-orderstatus .s-plugin-orderstatus-container form {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: .625rem;
}
html.m28-mobile-menu-primary-actions .m28-mobile-orderstatus .field-label {
display: block;
font-weight: var(--up-font-weight);
width: 100%;
}
html.m28-mobile-menu-primary-actions .m28-mobile-orderstatus input.s-plugin-orderstatus-order_id-input {
flex: 1 1 9rem;
min-width: 0;
width: auto;
}
html.m28-mobile-menu-primary-actions .m28-mobile-orderstatus input[type="submit"] {
background: var(--up-scheme-color);
border: .0625rem solid var(--up-scheme-color);
border-radius: var(--up-form-radius);
color: #fff;
cursor: pointer;
padding: .55rem 1rem;
}
html.m28-mobile-menu-primary-actions .m28-mobile-orderstatus .result {
line-height: var(--up-line-height-xl);
}
}
/* Mobile drawer pages section. */
@media (max-width: 1179.98px) {
html.m28-mobile-menu-pages .m28-mobile-menu-pages .mobile-nav-row__wrap {
gap: 0;
}
html.m28-mobile-menu-pages .m28-mobile-menu-pages .mobile-nav-row__item {
min-height: 3.125rem;
padding: .75rem .5rem;
border-radius: var(--up-border-radius);
font-size: 1rem;
font-weight: var(--up-font-weight);
transition: background-color .15s ease-out, color .15s ease-out;
}
html.m28-mobile-menu-pages .m28-mobile-menu-pages .mobile-nav-row__item:hover,
html.m28-mobile-menu-pages .m28-mobile-menu-pages .mobile-nav-row__item:active {
background: var(--up-color-gray-200);
}
html.m28-mobile-menu-pages[data-up-theme=dark] .m28-mobile-menu-pages .mobile-nav-row__item:hover,
html.m28-mobile-menu-pages[data-up-theme=dark] .m28-mobile-menu-pages .mobile-nav-row__item:active {
background: var(--up-children-ch-bg);
}
html.m28-mobile-menu-pages .m28-mobile-menu-pages .mobile-nav-row__childs {
padding: 0 .5rem .75rem;
}
}
/* Mobile drawer catalog: dividers between category values. */
@media (max-width: 1179.98px) {
.up-mobile__block[data-block-id="catalog-all"] > .up-mobile__content > .mobile-nav-row__wrap {
gap: 0;
}
.up-mobile__block[data-block-id="catalog-all"] > .up-mobile__content > .mobile-nav-row__wrap > .mobile-nav-row__item {
min-height: 3.25rem;
padding: .75rem .25rem;
}
.up-mobile__block[data-block-id="catalog-all"] > .up-mobile__content > .mobile-nav-row__wrap > .mobile-nav-row__item:not(:first-child) {
border-top: var(--up-border);
}
.up-mobile__block[data-block-id="catalog-all"] .mobile-nav-row__childs {
gap: 0;
padding-bottom: .5rem;
}
.up-mobile__block[data-block-id="catalog-all"] .mobile-nav-row__childs-item {
align-items: center;
min-height: 2.75rem;
padding: .625rem .25rem;
}
.up-mobile__block[data-block-id="catalog-all"] .mobile-nav-row__childs-item:not(:first-child) {
border-top: var(--up-border);
}
}
/* Mobile compact header on scroll. */
@media (max-width: 1179.98px) {
html.m28-mobile-compact-header .header-mobile.m3-header-compact .header-mobile__header {
--up-flex-gap: .75rem;
--up-flex-justify-content: flex-start;
}
html.m28-mobile-compact-header .header-mobile.m3-header-compact .h-m-item-phone,
html.m28-mobile-compact-header .header-mobile.m3-header-compact .h-m-item-location {
display: none;
}
html.m28-mobile-compact-header .header-mobile.m3-header-compact .h-m-item-bars {
order: 1;
flex: none;
}
html.m28-mobile-compact-header .header-mobile.m3-header-compact .up-logo-img {
order: 2;
flex: none;
}
html.m28-mobile-compact-header .header-mobile.m3-header-compact .search {
order: 3;
flex: 1 1 auto;
min-width: 0;
width: auto;
}
html.m28-mobile-compact-header .header-mobile.m3-header-compact .h-m-item-mode-theme {
order: 4;
flex: none;
}
html.m28-mobile-compact-header .header-mobile-search.m3-search-placeholder {
height: 4.125rem;
padding: 0;
}
}
/* Compact header search dropdown. */
@media (max-width: 1179.98px) {
html.m28-mobile-compact-header .header-mobile.m3-header-compact .wsearch_dropdown_search_wrapper,
html.m28-mobile-compact-header .header-mobile.m3-header-compact .search__dropdown {
position: fixed !important;
top: 4.125rem !important;
right: var(--up-wrap-gap) !important;
left: var(--up-wrap-gap) !important;
width: auto !important;
max-height: calc(100dvh - 4.125rem - var(--up-wrap-gap)) !important;
overflow-y: auto;
z-index: 82 !important;
}
}
/* Mobile fixed panel active section. */
@media (max-width: 1179.98px) {
html.m28-mobile-fixed-panel .mobile-fixed-panel__item.active {
--up-a-color: var(--up-scheme-color);
--up-a-color-hover: var(--up-scheme-color);
--up-a-color-focus: var(--up-scheme-color);
--up-btn-color: var(--up-scheme-color);
--up-btn-color-hover: var(--up-scheme-color);
--up-btn-color-active: var(--up-scheme-color);
color: var(--up-scheme-color);
}
}
/* Mobile fixed panel over catalog menu. */
@media (max-width: 1179.98px) {
html.m28-mobile-fixed-panel .mobile-fixed-panel {
z-index: 100;
}
/* Keep bonus bottom sheets above the fixed mobile navigation. */
html.m28-mobile-fixed-panel .product-cart__bonus .dropdown.dr-active::after,
html.m28-mobile-fixed-panel .products__footer-meta--bonus .dropdown.dr-active::after {
z-index: 101;
}
html.m28-mobile-fixed-panel .product-cart__bonus .dropdown__content,
html.m28-mobile-fixed-panel .products__footer-meta--bonus .dropdown__content {
bottom: calc(3.125rem + env(safe-area-inset-bottom, 0px));
max-height: calc(80dvh - 3.125rem - env(safe-area-inset-bottom, 0px));
z-index: 102;
}
html.m28-mobile-fixed-panel .up-mobile.active .up-mobile__content {
padding-bottom: calc(3.125rem + var(--up-wrap-gap));
}
html.m28-mobile-fixed-panel[data-up-theme=dark] .mobile-fixed-panel__item.active {
--up-a-color: var(--up-color-gray-100);
--up-a-color-hover: var(--up-color-gray-100);
--up-a-color-focus: var(--up-color-gray-100);
--up-btn-color: var(--up-color-gray-100);
--up-btn-color-hover: var(--up-color-gray-100);
--up-btn-color-active: var(--up-color-gray-100);
color: var(--up-color-gray-100);
}
}
@media (max-width: 1179.98px) {
html.m28-mobile-fixed-panel[data-up-theme=dark] .mobile-fixed-panel__item.active {
--up-btn-focus-box-shadow: 0 0 0 .125rem var(--up-color-gray-500);
}
}
/* Narrow compact header search. */
@media (max-width: 399.98px) {
html.m28-mobile-compact-header .header-mobile.m3-header-compact .search__input {
padding-left: .625rem;
padding-right: 2rem;
}
html.m28-mobile-compact-header .header-mobile.m3-header-compact .search__button {
--up-btn-padding-x: .375rem;
}
}
/* Hide only the extra mobile "See all" link under popular categories. */
@media (max-width: 767.97px) {
html.m28-mobile-hide-popular-more .blocks__item-categories-1 > .button-all {
display: none !important;
}
}
/* Catalog filter: use the same surface as product cards. */
@media (min-width: 1179.98px) {
html.m28-catalog-filter-surface .c-filters__form.filters-left {
border: var(--up-border);
border-radius: var(--up-border-radius);
padding: var(--up-rem-l);
}
html.m28-catalog-filter-surface[data-up-theme=light] .c-filters__form.filters-left {
background: #fff;
}
html.m28-catalog-filter-surface[data-up-theme=dark] .c-filters__form.filters-left {
background: var(--up-theme-blocks-bg);
border-color: transparent;
}
/* Compact, centered dividers between filter groups. */
html.m28-catalog-filter-surface .c-filters__form.filters-left {
gap: .875rem;
}
html.m28-catalog-filter-surface .c-filters__form.filters-left > .filters-left__item + .filters-left__item {
padding-top: .875rem;
position: relative;
}
html.m28-catalog-filter-surface .c-filters__form.filters-left > .filters-left__item + .filters-left__item::before {
position: absolute;
top: 0;
left: 50%;
width: calc(100% - 1rem);
height: 1px;
background: rgba(128, 128, 128, .22);
content: "";
transform: translateX(-50%);
}
html.m28-catalog-filter-surface[data-up-theme=dark] .c-filters__form.filters-left > .filters-left__item + .filters-left__item::before {
background: rgba(255, 255, 255, .12);
}
/* The modal filter drawer keeps its native edge-to-edge layout. */
html.m28-catalog-filter-surface .up-mobile__content .c-filters__form.filters-left {
background: transparent;
border: 0;
border-radius: 0;
padding: 0;
}
html.m28-catalog-filter-surface .filters-left__footer-clear {
margin-top: 0;
text-align: center;
width: 100%;
}
html.m28-catalog-filter-surface .filters-left__footer-clear .btn {
justify-content: center;
width: 100%;
}
}
/* M28 catalog sorting toolbar card. */
@media (min-width: 768px) {
html.m28-catalog-sorting-surface .c-sorting {
box-sizing: border-box;
padding: var(--up-rem-s, .625rem);
border: var(--up-border, 1px solid #ededed);
border-radius: var(--up-border-radius, 1rem);
background: #fff;
}
html.m28-catalog-sorting-surface[data-up-theme=light] .c-sorting {
background: #fff;
}
html.m28-catalog-sorting-surface[data-up-theme=dark] .c-sorting,
html.m28-catalog-sorting-surface.dark .c-sorting {
border: 0;
background: var(--up-theme-blocks-bg, #272727);
}
}
/* M28 hide the original catalog filter clear; keep the footer copy. */
@media (min-width: 1179.98px) {
html.m28-catalog-filter-surface .c-filters__form.filters-left .filters-left__clear-all.js-filter-clear:not(.filters-left__footer-clear) {
display: none !important;
}
}
/* M28 compact catalog product cards without truncating names. */
html.m28-catalog-compact-cards .products.grid > .products__item.products__item--footer-layout {
gap: .75rem;
}
html.m28-catalog-compact-cards .products.grid > .products__item.products__item--footer-layout .products__content {
gap: .5rem;
}
html.m28-catalog-compact-cards .products.grid > .products__item.products__item--footer-layout .products__name,
html.m28-catalog-compact-cards main.product .product__blocks > .blocks__item.products .swiper-slide > .products__item--footer-layout .products__name {
font-size: 1rem;
line-height: 1.35;
}
/* M28 homepage product names: match the compact catalog-card typography. */
html.m28-catalog-compact-cards main.up-home .blocks__item-reviews .up-reviews__product-name {
font-size: 1rem;
line-height: 1.35;
}
html.m28-catalog-compact-cards .products.grid > .products__item.products__item--footer-layout .pr-features {
gap: .25rem;
}
html.m28-catalog-compact-cards .products.grid > .products__item.products__item--footer-layout .products__footer {
gap: .5rem;
padding-top: .5rem;
}
/* M28 stock and bonus in one shared product-card row, 2026-10-17: grid and sliders. */
html.m28-catalog-stock-bonus .products__item .m28-stock-bonus-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: .25rem;
min-width: 0;
}
html.m28-catalog-stock-bonus .products__item .m28-stock-bonus-row .products__stocks,
html.m28-catalog-stock-bonus .products__item .m28-stock-bonus-row .products__footer-meta--bonus,
html.m28-catalog-stock-bonus .products__item .m28-stock-bonus-row .products__bonus {
width: auto;
margin: 0;
padding: 0;
}
html.m28-catalog-stock-bonus .products__item .m28-stock-bonus-row .bonus__wrap {
white-space: nowrap;
}
html.m28-catalog-stock-bonus .products__item .m28-stock-bonus-row .products__stocks,
html.m28-catalog-stock-bonus .products__item .m28-stock-bonus-row .products__stock,
html.m28-catalog-stock-bonus .products__item .m28-stock-bonus-row .stock {
flex-wrap: nowrap;
white-space: nowrap;
}
html.m28-catalog-stock-bonus .products__item .m28-stock-bonus-row .products__stocks {
flex: none;
}
/* M28 compact vertical spacing inside the two contact columns. */
.m28-stores-centered .up-stores__content,
.m28-stores-centered .up-stores__contact {
--up-flex-gap: .75rem;
}
.m28-stores-centered .up-stores__address p {
margin: 0 0 .5rem;
}
.m28-stores-centered .up-stores__address p:last-child {
margin-bottom: 0;
}
.m28-stores-centered .up-stores__bottom {
margin-top: 0;
}
.m28-stores-centered .up-stores__phones > br {
display: none;
}
.m28-stores-centered .up-stores__phones > .social,
.m28-stores-centered .up-stores__phones > p {
margin: .75rem 0 0;
}
@media (max-width: 399.98px) {
html.m28-catalog-stock-bonus .products__item .m28-stock-bonus-row {
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
gap: .45rem;
}
html.m28-catalog-stock-bonus .products__item .m28-stock-bonus-row .products__footer-meta--bonus,
html.m28-catalog-stock-bonus .products__item .m28-stock-bonus-row .products__bonus {
align-self: flex-start;
}
}
/* M28 replace catalog Buy with stock-notification button. */
.products__item .products__footer-buy:has(> .pnotice__buttonView) > .products__add-to-cart {
display: none !important;
}
.products__item .products__footer-buy > .pnotice__buttonView {
display: flex;
justify-content: center;
width: 100%;
}
/* 28BIT theme integration for configurator blocks. */
html.m28-configurator-top-preview[data-up-theme=light] .cfg-top-preview {
padding: var(--up-rem-l, 1rem);
border: var(--up-border, 1px solid rgba(128, 128, 128, .22));
border-radius: var(--up-border-radius, 1rem);
background: transparent;
}
html.m28-configurator-top-preview[data-up-theme=dark] .cfg-top-preview,
html.m28-configurator-top-preview.dark .cfg-top-preview {
padding: 0;
border: 0;
background: transparent;
}
html.m28-configurator-sidebar .cfg-sidebar-preview {
background: transparent;
}
html.m28-configurator-sidebar[data-up-theme=light] .cfg-sidebar-preview {
border-color: var(--up-border-color, rgba(128, 128, 128, .22));
}
html.m28-configurator-sidebar[data-up-theme=dark] .cfg-sidebar-preview,
html.m28-configurator-sidebar.dark .cfg-sidebar-preview {
border-color: transparent;
background: transparent;
}
html.m28-configurator-compatibility .configurator-compat-filter {
border-radius: var(--up-border-radius, 1rem);
}
/* The Upsell Site-block wrapper repeats the compatibility block name. */
html.m28-configurator-compatibility .sidebar__item[class~="s-up-configurator.catalog.compatible.filter"] > .sidebar__title {
display: none !important;
}
html.m28-configurator-compatibility[data-up-theme=light] .configurator-compat-filter {
border-color: var(--up-border-color, rgba(128, 128, 128, .22));
background: transparent;
}
html.m28-configurator-compatibility[data-up-theme=dark] .configurator-compat-filter,
html.m28-configurator-compatibility.dark .configurator-compat-filter {
border-color: transparent;
background: var(--up-theme-blocks-bg, #272727);
}
/* M28 mobile category/search filters: stay above bottom browser UI. */
@media (max-width: 1179.98px) {
:root {
--m28-mobile-browser-bottom: max(0px, calc(100vh - 100dvh));
}
.up-mobile.js-mobile-filter .filters-left__mobile {
bottom: var(--m28-mobile-browser-bottom, 0px);
bottom: max(var(--m28-mobile-browser-bottom, 0px), env(safe-area-inset-bottom, 0px));
}
}
/* Cart: plain article and darker light-theme text. */
#wa-order-cart-wrapper .ob-notice-order-item .pr-features__item.flex {
padding: 0 !important;
border-radius: 0 !important;
background: transparent !important;
background-image: none !important;
}
html[data-up-theme=light] #wa-order-cart-wrapper .ob-notice-order-item .pr-features__name,
html[data-up-theme=light] #wa-order-cart-wrapper .ob-notice-order-item .pr-features__value {
color: var(--up-body-color, #252525) !important;
}
/* M28 checkout: collapse product services after the first item. */
#wa-order-cart-wrapper .wa-services > .wa-service.m28-order-service-hidden {
display: none !important;
}
#wa-order-cart-wrapper .m28-order-services-toggle {
align-self: flex-start;
margin-top: .25rem;
}
/* m28-configurator-row-clickable */
.wb-configurator li.rootItem > div > :first-child {
cursor: pointer;
}
/* m28-configurator-row-radius */
.wb-configurator li.rootItem > div > :first-child,
.wb-configurator li.rootItem > div > :last-child {
border-radius: 8px;
}
/* M28 desktop header: reserve the final calculated nav height to prevent CLS. */
@media (min-width: 1179.98px) {
.header__top .js-nav.up-nav-bg-button {
--up-nav-height: 2.274375rem;
--up-nav-min-height: 2.274375rem;
}
}
/* 28BIT shared blog article framework 20260921 */
/* =========================================================
28BIT BLOG ARTICLE
RTX 3060 / RTX 4060 / RTX 5060
Светлая + темная тема
Accent: #012bdc
========================================================= */
.bit-article {
--bit-blue: #012bdc;
--bit-green: #20a85a;
--bit-red: #e5484d;
/* fallback */
--bit-surface: rgba(127,127,127,.055);
--bit-surface-2: rgba(127,127,127,.09);
--bit-border: rgba(127,127,127,.20);
--bit-blue-bg: rgba(1,43,220,.075);
--bit-blue-border: rgba(1,43,220,.20);
/* цвета автоматически строятся от текущей темы сайта */
--bit-surface: color-mix(in srgb, currentColor 5%, transparent);
--bit-surface-2: color-mix(in srgb, currentColor 9%, transparent);
--bit-border: color-mix(in srgb, currentColor 17%, transparent);
--bit-blue-bg: color-mix(in srgb, #012bdc 8%, transparent);
--bit-blue-border: color-mix(in srgb, #012bdc 23%, transparent);
/* На светлой теме цвет темнее, на темной становится светлее */
--bit-accent-text:
color-mix(in srgb, #012bdc 78%, currentColor 22%);
max-width: 1120px;
margin: 0 auto;
padding: 0;
color: inherit !important;
background: transparent !important;
font-size: 16px;
line-height: 1.65;
}
.bit-article *,
.bit-article *:before,
.bit-article *:after {
box-sizing: border-box;
}
.bit-article .bit-hero__title,
.bit-article h2,
.bit-article h3 {
color: inherit !important;
line-height: 1.18;
font-weight: 800;
}
.bit-article .bit-hero__title {
margin: 0 0 20px;
font-size: clamp(32px, 5vw, 52px);
letter-spacing: -1.4px;
}
.bit-article h2 {
margin: 50px 0 20px;
font-size: clamp(25px, 3.5vw, 34px);
letter-spacing: -.5px;
}
.bit-article h3 {
margin: 28px 0 12px;
font-size: 21px;
}
.bit-article p {
margin: 0 0 18px;
}
.bit-article strong {
color: inherit;
font-weight: 800;
}
.bit-article a {
color: var(--bit-accent-text);
}
/* =========================================================
HERO
========================================================= */
.bit-hero {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1.08fr) minmax(300px, .92fr);
gap: 40px;
align-items: center;
margin: 0 0 35px;
padding: 38px;
background:
linear-gradient(
135deg,
var(--bit-blue-bg) 0%,
transparent 65%
);
border: 1px solid var(--bit-border);
border-radius: 22px;
overflow: hidden;
}
.bit-hero:after {
content: "";
position: absolute;
top: -180px;
right: -130px;
width: 280px;
height: 280px;
background: var(--bit-blue-bg);
border-radius: 50%;
pointer-events: none;
}
.bit-hero__content {
position: relative;
z-index: 2;
}
.bit-hero__label {
display: inline-flex;
margin: 0 0 17px;
padding: 7px 11px;
background: var(--bit-blue-bg);
border: 1px solid var(--bit-blue-border);
border-radius: 8px;
color: var(--bit-accent-text);
font-size: 12px;
line-height: 1;
font-weight: 800;
letter-spacing: .05em;
text-transform: uppercase;
}
.bit-hero__lead {
max-width: 630px;
margin-bottom: 20px !important;
opacity: .72;
font-size: 18px;
line-height: 1.55;
}
.bit-hero__meta {
display: flex;
flex-wrap: wrap;
gap: 6px 18px;
opacity: .55;
font-size: 13px;
}
.bit-hero__image {
position: relative;
z-index: 2;
display: flex;
min-height: 270px;
align-items: center;
justify-content: center;
}
.bit-hero__image img {
display: block;
width: 100%;
max-width: 500px;
max-height: 360px;
object-fit: contain;
background: transparent;
}
/* =========================================================
SUMMARY
========================================================= */
.bit-summary {
display: grid;
grid-template-columns: minmax(0, 1fr) 310px;
gap: 17px;
margin: 34px 0;
}
.bit-summary__main,
.bit-summary__aside {
padding: 24px 26px;
border: 1px solid var(--bit-border);
border-radius: 15px;
}
.bit-summary__main {
background: var(--bit-surface);
}
.bit-summary__aside {
display: flex;
align-items: center;
background: var(--bit-blue-bg);
border-color: var(--bit-blue-border);
font-size: 15px;
font-weight: 600;
}
.bit-summary__main h2 {
margin: 0 0 12px;
font-size: 25px;
}
/* =========================================================
QUICK CARDS
========================================================= */
.bit-pills {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
margin: 28px 0 8px;
}
.bit-pill {
padding: 19px 20px;
background: var(--bit-surface);
border: 1px solid var(--bit-border);
border-radius: 13px;
}
.bit-pill__title {
margin-bottom: 4px;
opacity: .52;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
}
.bit-pill__value {
font-size: 21px;
line-height: 1.25;
font-weight: 800;
}
.bit-pill--best {
background: var(--bit-blue-bg);
border-color: var(--bit-blue-border);
}
.bit-pill--best .bit-pill__value {
color: var(--bit-accent-text);
}
/* =========================================================
TABLES
========================================================= */
.bit-table-wrap {
width: 100%;
margin: 22px 0 30px;
overflow-x: auto;
background: transparent;
border: 1px solid var(--bit-border);
border-radius: 14px;
-webkit-overflow-scrolling: touch;
}
.bit-table {
width: 100%;
min-width: 720px;
border-collapse: collapse;
color: inherit;
font-size: 14px;
}
.bit-table th {
padding: 14px 15px;
background: var(--bit-surface-2);
color: inherit;
text-align: left;
font-weight: 800;
white-space: nowrap;
}
.bit-table td {
padding: 13px 15px;
border-top: 1px solid var(--bit-border);
color: inherit;
vertical-align: middle;
}
.bit-table tbody tr {
transition: background .15s ease;
}
.bit-table tbody tr:hover {
background: var(--bit-surface);
}
.bit-table .bit-best {
color: var(--bit-accent-text);
font-weight: 800;
}
.bit-table .bit-game {
font-weight: 700;
}
/* =========================================================
NOTE
========================================================= */
.bit-note {
position: relative;
margin: 26px 0;
padding: 21px 24px 21px 29px;
background: var(--bit-blue-bg);
border: 1px solid var(--bit-blue-border);
border-radius: 12px;
}
.bit-note:before {
content: "";
position: absolute;
top: 12px;
bottom: 12px;
left: -1px;
width: 4px;
background: var(--bit-blue);
border-radius: 0 4px 4px 0;
}
.bit-note strong {
color: var(--bit-accent-text);
}
/* =========================================================
IMAGE + TEXT
========================================================= */
.bit-split {
display: grid;
grid-template-columns:
minmax(0, 1.1fr)
minmax(280px, .9fr);
gap: 28px;
align-items: center;
margin: 36px 0;
padding: 25px;
background: var(--bit-surface);
border: 1px solid var(--bit-border);
border-radius: 17px;
}
.bit-split--reverse {
grid-template-columns:
minmax(280px, .9fr)
minmax(0, 1.1fr);
}
.bit-split__content h2,
.bit-split__content h3 {
margin-top: 0;
}
.bit-split__image {
display: flex;
align-items: center;
justify-content: center;
}
.bit-split__image img {
display: block;
width: 100%;
max-width: 440px;
max-height: 330px;
object-fit: contain;
border-radius: 13px;
background: transparent;
}
/* =========================================================
ARTICLE IMAGE
========================================================= */
.bit-media {
margin: 32px 0;
}
.bit-media img {
display: block;
width: 100%;
max-height: 500px;
object-fit: cover;
border: 1px solid var(--bit-border);
border-radius: 16px;
}
.bit-media figcaption {
margin-top: 9px;
opacity: .52;
font-size: 13px;
text-align: center;
}
/* =========================================================
DLSS CARDS
========================================================= */
.bit-tech-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 14px;
margin: 24px 0 30px;
}
.bit-tech {
padding: 21px;
background: var(--bit-surface);
border: 1px solid var(--bit-border);
border-radius: 14px;
}
.bit-tech__icon {
display: flex;
width: 43px;
height: 43px;
margin-bottom: 13px;
align-items: center;
justify-content: center;
background: var(--bit-blue-bg);
border: 1px solid var(--bit-blue-border);
border-radius: 10px;
color: var(--bit-accent-text);
font-size: 12px;
font-weight: 900;
}
.bit-tech h3 {
margin: 0 0 6px;
font-size: 17px;
}
.bit-tech p {
margin: 0;
opacity: .67;
font-size: 14px;
}
/* =========================================================
GPU CARDS
========================================================= */
.bit-card-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
margin: 24px 0 35px;
}
.bit-card {
padding: 23px;
background: var(--bit-surface);
border: 1px solid var(--bit-border);
border-radius: 15px;
}
.bit-card--recommended {
background:
linear-gradient(
145deg,
var(--bit-blue-bg),
var(--bit-surface)
);
border: 2px solid var(--bit-blue);
}
.bit-card__badge {
display: inline-block;
margin-bottom: 12px;
padding: 5px 9px;
background: var(--bit-blue);
border-radius: 6px;
color: #fff;
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
}
.bit-card h3 {
margin: 0 0 7px;
font-size: 22px;
}
.bit-card__sub {
margin-bottom: 17px;
opacity: .52;
font-size: 14px;
}
.bit-list {
margin: 0;
padding: 0;
list-style: none;
}
.bit-list + .bit-list {
margin-top: 17px;
padding-top: 14px;
border-top: 1px solid var(--bit-border);
}
.bit-list li {
position: relative;
margin: 9px 0;
padding-left: 24px;
line-height: 1.45;
}
.bit-list--plus li:before {
content: "✓";
position: absolute;
left: 0;
color: var(--bit-green);
font-weight: 900;
}
.bit-list--minus li:before {
content: "−";
position: absolute;
left: 3px;
color: var(--bit-red);
font-weight: 900;
}
/* =========================================================
CONFIGS
========================================================= */
.bit-config {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
margin: 24px 0 35px;
}
.bit-config__item {
padding: 23px;
background: var(--bit-surface);
border: 1px solid var(--bit-border);
border-radius: 15px;
}
.bit-config__item--best {
background: var(--bit-blue-bg);
border-color: var(--bit-blue-border);
}
.bit-config__label {
margin-bottom: 5px;
color: var(--bit-accent-text);
font-size: 13px;
font-weight: 800;
}
.bit-config__gpu {
margin-bottom: 15px;
font-size: 24px;
line-height: 1.2;
font-weight: 900;
}
.bit-config__spec {
position: relative;
margin: 7px 0;
padding-left: 18px;
opacity: .78;
font-size: 14px;
}
.bit-config__spec:before {
content: "•";
position: absolute;
left: 2px;
color: var(--bit-accent-text);
font-weight: 900;
}
/* =========================================================
UPGRADE
========================================================= */
.bit-upgrade {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 15px;
margin: 23px 0 34px;
}
.bit-upgrade__item {
padding: 22px;
background: var(--bit-surface);
border: 1px solid var(--bit-border);
border-radius: 14px;
}
.bit-upgrade__number {
display: inline-flex;
width: 32px;
height: 32px;
margin-bottom: 12px;
align-items: center;
justify-content: center;
background: var(--bit-blue-bg);
border: 1px solid var(--bit-blue-border);
border-radius: 8px;
color: var(--bit-accent-text);
font-weight: 900;
}
.bit-upgrade__item h3 {
margin: 0 0 8px;
font-size: 18px;
}
.bit-upgrade__item p {
margin: 0;
opacity: .72;
font-size: 14px;
}
/* =========================================================
FINAL
========================================================= */
.bit-result {
margin-top: 44px;
padding: 30px;
background:
linear-gradient(
135deg,
var(--bit-blue-bg),
var(--bit-surface-2)
);
color: inherit;
border: 1px solid var(--bit-border);
border-radius: 18px;
}
.bit-result h2 {
margin: 0 0 14px;
}
.bit-result__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0 28px;
margin-top: 22px;
}
.bit-result__item {
padding: 13px 0;
border-top: 1px solid var(--bit-border);
}
.bit-result__item span {
display: block;
margin-bottom: 2px;
opacity: .52;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
}
.bit-result__item strong {
display: block;
}
/* =========================================================
CTA
========================================================= */
.bit-cta {
display: flex;
gap: 20px;
align-items: center;
justify-content: space-between;
margin: 25px 0;
padding: 25px 27px;
background: var(--bit-surface);
border: 1px solid var(--bit-border);
border-radius: 16px;
}
.bit-cta h3 {
margin: 0 0 4px;
font-size: 20px;
}
.bit-cta p {
margin: 0;
opacity: .62;
font-size: 14px;
}
.bit-btn {
display: inline-flex;
flex-shrink: 0;
min-height: 46px;
padding: 0 23px;
align-items: center;
justify-content: center;
background: var(--bit-blue);
border: 1px solid var(--bit-blue);
border-radius: 9px;
color: #fff !important;
font-weight: 800;
text-decoration: none !important;
transition:
transform .15s ease,
box-shadow .15s ease,
filter .15s ease;
}
.bit-btn:hover {
filter: brightness(1.12);
transform: translateY(-1px);
box-shadow: 0 8px 20px rgba(1,43,220,.22);
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 800px) {
.bit-article {
font-size: 15px;
}
.bit-article .bit-hero__title {
font-size: 32px;
letter-spacing: -.8px;
}
.bit-article h2 {
margin-top: 39px;
font-size: 25px;
}
.bit-hero {
grid-template-columns: 1fr;
gap: 18px;
padding: 21px;
border-radius: 16px;
}
.bit-hero__image {
order: -1;
min-height: 0;
}
.bit-hero__image img {
max-height: 250px;
}
.bit-hero__lead {
font-size: 16px;
}
.bit-summary {
grid-template-columns: 1fr;
gap: 12px;
}
.bit-pills,
.bit-card-grid,
.bit-tech-grid,
.bit-config,
.bit-upgrade {
grid-template-columns: 1fr;
}
.bit-split,
.bit-split--reverse {
grid-template-columns: 1fr;
padding: 18px;
}
.bit-split--reverse .bit-split__image {
order: 2;
}
.bit-result {
padding: 21px;
}
.bit-result__grid {
grid-template-columns: 1fr;
}
.bit-cta {
display: block;
padding: 21px;
}
.bit-btn {
width: 100%;
margin-top: 17px;
}
.bit-table {
min-width: 680px;
font-size: 13px;
}
.bit-table th,
.bit-table td {
padding: 11px 12px;
}
}
/* =========================================================
VERY SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
.bit-article .bit-hero__title {
font-size: 29px;
}
.bit-hero {
padding: 17px;
}
.bit-summary__main,
.bit-summary__aside {
padding: 19px;
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce) {
.bit-btn {
transition: none;
}
.bit-btn:hover {
transform: none;
}
}
/* 28BIT shared blog article refinements 20260921 */
/* 28BIT article finish 20260908: scoped to this post */
main:has(.bit-article)>h1{display:none}
.bit-article{--bit-accent-text:color-mix(in srgb,currentColor 70%,#4169ff 30%);width:100%;min-width:0}
.post:has(.bit-article){min-width:0;width:100%}
.bit-article .bit-hero{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);padding:32px;gap:28px}
.bit-article .bit-hero__title{font-size:clamp(29px,3.5vw,44px);letter-spacing:-.9px;line-height:1.13}
.bit-article .bit-hero__image{min-height:0}
.bit-article img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:14px}
.bit-article .bit-hero__image img,.bit-article .bit-split__image img{max-height:none;max-width:100%}
.bit-article .bit-hero__meta{opacity:.8;gap:8px 16px}
.bit-article .bit-hero__meta span{display:inline-block}
.bit-article .bit-hero__lead{opacity:.86}
.bit-article .bit-toc{display:flex;flex-wrap:wrap;gap:10px 22px;padding:18px 0 24px;border-bottom:1px solid var(--bit-border);margin-bottom:30px}
.bit-article .bit-toc a{font-size:14px;text-decoration:underline;text-underline-offset:4px}
.bit-article h2[id]{scroll-margin-top:140px}
.bit-article .bit-table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.bit-article .bit-table th{white-space:nowrap}
.bit-article .bit-table td:not(:first-child){white-space:nowrap;font-variant-numeric:tabular-nums}
.bit-article .bit-table tbody tr:nth-child(even){background:var(--bit-surface)}
.bit-article .bit-card,.bit-article .bit-tech,.bit-article .bit-config__item{min-width:0}
.bit-article .bit-list{list-style:none;padding-left:0}
.bit-article .bit-media{max-width:860px;margin:36px auto}
.bit-article .bit-media--video video{display:block;width:min(100%,420px);height:auto;max-height:80vh;margin:0 auto;background:#000;border:1px solid var(--bit-border);border-radius:16px}
.bit-article .bit-illustration-caption{font-size:12px;line-height:1.5;opacity:.7;margin:12px 0 0;text-align:center}
.bit-article a:focus-visible,.bit-article .bit-table-wrap:focus-visible{outline:3px solid #7394ff;outline-offset:4px}
@media(max-width:1000px){.bit-article .bit-card-grid{grid-template-columns:1fr}.bit-article .bit-hero{gap:22px;padding:24px}}
@media(max-width:800px){.bit-article .bit-hero{grid-template-columns:1fr;padding:18px}.bit-article .bit-hero__image{order:0}.bit-article .bit-hero__image img{max-height:none}.bit-article .bit-table{min-width:550px}.bit-article .bit-toc{gap:12px 18px}.bit-article .bit-cta .bit-btn{white-space:normal;text-align:center;padding:12px 16px}}
/* 28BIT FPS category filter: Upsell palette and compact responsive layout. */
html .fps-game-filter {
--fps-filter-bg: var(--up-children-ch-bg, #f5f5f5);
--fps-filter-border: var(--up-border-color, #dedede);
--fps-filter-text: var(--up-body-color, #202124);
--fps-filter-muted: var(--up-body-color, #666);
--fps-filter-accent: var(--up-scheme-color, #012bdc);
display: grid;
grid-template-columns: minmax(160px, 1.3fr) minmax(220px, 1fr) auto auto;
align-items: end;
gap: 12px;
margin-bottom: 20px;
border-radius: var(--up-border-radius, 1rem);
}
html .fps-game-filter__title { grid-column: 1 / -1; margin: 0; }
html .fps-game-filter__field { margin-bottom: 0; }
html .fps-game-filter__row { min-width: 0; }
html .fps-game-filter__control { font: inherit; color: var(--up-body-color, #202124); background: var(--up-body-bg, #fff); }
html .fps-game-filter__apply,
html .fps-game-filter__clear { width: auto; margin: 0; padding: 0 16px; font: inherit; white-space: nowrap; }
html .fps-game-filter__clear { color: var(--up-a-color, var(--up-body-color, #202124)); text-decoration: underline; text-underline-offset: .2em; }
@media (max-width: 1000px) {
html .fps-game-filter { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
@media (max-width: 640px) {
html .fps-game-filter { grid-template-columns: minmax(0, 1fr); }
html .fps-game-filter__apply,
html .fps-game-filter__clear { width: 100%; }
}
/* 28BIT product cards on the homepage and category pages: subtle brand-blue hover, 2026-10-14. */
.products-items.home .products__item,
main.category .products-items .products__item {
--m28-product-card-hover-base: var(--up-products-item-bg, var(--up-theme-blocks-bg));
}
/* The native dark mobile card token is `none`, not a color for color-mix(). */
[data-up-theme="dark"] .products-items.home .products__item,
[data-up-theme="dark"] main.category .products-items .products__item {
--m28-product-card-hover-base: var(--up-theme-blocks-bg);
}
@media (hover: hover) {
html[data-up-theme="dark"] .products-items.home .products__item:where(:not(.m28-recommended-no-hover *)):hover,
html[data-up-theme="dark"] main.category .products-items .products__item:hover {
background-color: color-mix(in srgb, var(--m28-product-card-hover-base) 84%, var(--up-scheme-color) 16%);
}
}
/* 28BIT keep the hover surface for products in cart or configurator, 2026-10-16. */
html[data-up-theme="dark"] .products-items.home .products__item:where(:not(.m28-recommended-no-hover *)):focus-within,
html[data-up-theme="dark"] main.category .products-items .products__item:focus-within,
html[data-up-theme="dark"] .products-items.home .products__item:where(:not(.m28-recommended-no-cart *)).product-added,
html[data-up-theme="dark"] main.category .products-items .products__item.product-added,
html[data-up-theme="dark"] .products-items.home .products__item:where(:not(.m28-recommended-stock *)):has(.js-configurator-direct-add[data-already-added="1"]),
html[data-up-theme="dark"] main.category .products-items .products__item:has(.js-configurator-direct-add[data-already-added="1"]) {
background-color: color-mix(in srgb, var(--m28-product-card-hover-base) 84%, var(--up-scheme-color) 16%);
}
/* 28BIT product photo stage inherits the card surface, 2026-10-14. */
.products-items.home .products__item:where(:not(.m28-recommended-stock *)) .products__img,
main.category .products-items .products__item .products__img {
background-color: transparent;
}
/* 28BIT mobile product cards: restore the native frame in all full-size product lists. */
@media (max-width: 1179.98px) {
main.category .up-main__content,
main.category .products-items {
min-width: 0;
}
.products-items .products__item {
--up-products-item-border: var(--up-border);
--up-products-item-padding: var(--up-rem-s);
--up-products-item-bg: var(--up-body-bg);
}
[data-up-theme="dark"] .products-items .products__item {
--up-products-item-bg: var(--up-theme-blocks-bg);
}
}
/* 28BIT unified product and news card motion, 2026-10-17.
Grid: transform the complete card. Carousel: transform its outer slide once,
including the card background, border, badges and controls; never the image alone. */
/* 28BIT shared photo album and brand cards, 2026-10-17: extend the same motion, not image zoom. */
:root {
--m28-card-hover-scale: 1.015;
--m28-card-hover-lift: -2px;
--m28-card-hover-time: .2s;
--m28-card-hover-pad: 24px;
}
/* The old high-specificity color rule must not override the grid's transform transition. */
main :is(.products__item, .s-products__item):not(.blocks__item-viewed *):where(:not(.m28-recommended-no-motion *)) {
transition: box-shadow var(--m28-card-hover-time) ease-out, background-color .15s ease-out;
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
main :is(.products__item, .s-products__item, .brands__item):not(.swiper-slide > *):not(.blocks__item-viewed *):where(:not(.m28-recommended-no-motion *)),
main .swiper-slide:has(> :is(.products__item, .s-products__item, .brands__item)):not(.blocks__item-viewed *):where(:not(.m28-recommended-no-motion *)),
main.up-home :is(.blocks__item-posts, .blocks__item-photo-albums) .posts__item {
transform-origin: center;
transition: box-shadow var(--m28-card-hover-time) ease-out,
background-color .15s ease-out, transform var(--m28-card-hover-time) ease-out;
}
main :is(.products__item, .s-products__item, .brands__item):not(.swiper-slide > *):not(.blocks__item-viewed *):where(:not(.m28-recommended-no-motion *)):hover,
main .swiper-slide:has(> :is(.products__item, .s-products__item, .brands__item)):not(.blocks__item-viewed *):where(:not(.m28-recommended-no-motion *)):hover,
main.up-home :is(.blocks__item-posts, .blocks__item-photo-albums) .posts__item:hover {
transform: translateY(var(--m28-card-hover-lift)) scale(var(--m28-card-hover-scale));
z-index: 2;
}
/* Preserve native clipping of off-screen slides, with room for complete cards. */
main :is(.products__swiper, .s-products__swiper):not(.blocks__item-viewed *):where(:not(.m28-recommended-no-motion *)) {
padding: var(--m28-card-hover-pad) min(var(--m28-card-hover-pad), var(--up-wrap-gap, 16px));
margin: calc(-1 * var(--m28-card-hover-pad)) calc(-1 * min(var(--m28-card-hover-pad), var(--up-wrap-gap, 16px)));
}
}
/* 28BIT catalog configuration preview: panel, compact slots and focus, 2026-10-14. */
html.m28-configurator-top-preview[data-up-theme] .cfg-top-preview,
html.m28-configurator-top-preview.dark .cfg-top-preview {
--cfg-top-card-bg: var(--up-body-bg);
padding: 16px;
border: 1px solid var(--up-border-color);
border-radius: var(--up-border-radius, 1rem);
background: var(--up-theme-blocks-bg);
}
html.m28-configurator-top-preview[data-up-theme="dark"] .cfg-top-preview,
html.m28-configurator-top-preview.dark .cfg-top-preview {
--cfg-top-card-bg: var(--up-children-bg); --cfg-top-accent: var(--m28-accent-foreground, #8da8ff);
}
html.m28-configurator-top-preview .cfg-top-preview__content {
grid-template-columns: minmax(190px, 210px) minmax(0, 1fr);
column-gap: 16px;
}
html.m28-configurator-top-preview .cfg-top-preview__summary {
background: var(--cfg-top-card-bg);
}
html.m28-configurator-top-preview[data-up-theme] .cfg-top-preview:not(.is-collapsed) .cfg-top-preview__slot,
html.m28-configurator-top-preview.dark .cfg-top-preview:not(.is-collapsed) .cfg-top-preview__slot {
width: 170px;
min-height: 182px;
grid-template-columns: minmax(0, 1fr);
grid-template-rows: 76px minmax(49px, 1fr) auto 20px;
column-gap: 0;
row-gap: 4px;
padding: 10px;
border: 1px solid var(--up-border-color);
border-radius: 12px;
background: var(--cfg-top-card-bg);
transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
html.m28-configurator-top-preview .cfg-top-preview__slot-top {
grid-column: 1;
grid-row: 1;
justify-content: center;
}
html.m28-configurator-top-preview .cfg-top-preview__icon {
width: 72px;
height: 72px;
}
html.m28-configurator-top-preview .cfg-top-preview__slot-name {
grid-column: 1;
grid-row: 2;
font-size: 12px;
}
/* 28BIT selected preview card, 2026-10-16: show product instead of repeating its category. */
html.m28-configurator-top-preview .cfg-top-preview__slot.is-selected .cfg-top-preview__slot-name {
display: none;
}
html.m28-configurator-top-preview .cfg-top-preview__slot.is-selected .cfg-top-preview__product {
grid-row: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
html.m28-configurator-top-preview .cfg-top-preview__product {
grid-column: 1;
grid-row: 3;
margin-top: 0;
}
html.m28-configurator-top-preview .cfg-top-preview__more {
grid-column: 1;
grid-row: 3;
margin-top: 0;
}
html.m28-configurator-top-preview .cfg-top-preview__empty,
html.m28-configurator-top-preview .cfg-top-preview__price {
grid-column: 1;
grid-row: 4;
align-self: end;
line-height: 20px;
margin-top: 0;
}
@media (hover: hover) {
html.m28-configurator-top-preview[data-up-theme] .cfg-top-preview:not(.is-collapsed) .cfg-top-preview__slot:hover,
html.m28-configurator-top-preview.dark .cfg-top-preview:not(.is-collapsed) .cfg-top-preview__slot:hover {
background: color-mix(in srgb, var(--cfg-top-card-bg) 86%, var(--up-scheme-color) 14%);
border-color: var(--up-scheme-color);
box-shadow: 0 6px 18px color-mix(in srgb, var(--up-scheme-color) 18%, transparent);
}
}
html.m28-configurator-top-preview[data-up-theme] .cfg-top-preview:not(.is-collapsed) .cfg-top-preview__slot:focus-visible,
html.m28-configurator-top-preview.dark .cfg-top-preview:not(.is-collapsed) .cfg-top-preview__slot:focus-visible {
background: color-mix(in srgb, var(--cfg-top-card-bg) 86%, var(--up-scheme-color) 14%);
border-color: var(--up-scheme-color);
outline: 2px solid var(--up-scheme-color);
outline-offset: 2px;
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
html.m28-configurator-top-preview .cfg-top-preview__slot:hover {
transform: translateY(-2px);
}
}
@media (prefers-reduced-motion: reduce) {
html.m28-configurator-top-preview .cfg-top-preview__slot:hover {
transform: none;
}
}
@media (max-width: 480px) {
html.m28-configurator-top-preview[data-up-theme] .cfg-top-preview,
html.m28-configurator-top-preview.dark .cfg-top-preview {
padding: 12px;
}
html.m28-configurator-top-preview[data-up-theme] .cfg-top-preview:not(.is-collapsed) .cfg-top-preview__slot,
html.m28-configurator-top-preview.dark .cfg-top-preview:not(.is-collapsed) .cfg-top-preview__slot {
flex-basis: 150px;
width: 150px;
min-height: 182px;
grid-template-rows: 76px minmax(49px, 1fr) auto 20px;
}
html.m28-configurator-top-preview .cfg-top-preview__icon {
width: 72px;
height: 72px;
}
}
@media (max-width: 374px) {
html.m28-configurator-top-preview[data-up-theme] .cfg-top-preview:not(.is-collapsed),
html.m28-configurator-top-preview.dark .cfg-top-preview:not(.is-collapsed) {
padding-inline: 6px;
}
}
/* 28BIT product page advantages: gentle enlargement on hover, 2026-10-14.
Product/news cards use the single shared motion block above. */
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
main.product .advantages__item {
transition: box-shadow .2s ease-out, transform .2s ease-out;
}
main.product .advantages__item:hover {
transform: translateY(-2px) scale(1.015);
z-index: 2;
}
}
/* 28BIT catalog configuration: neutral hover and visible selected frame, 2026-10-15. */
html.m28-configurator-top-preview .cfg-top-preview:not(.is-collapsed) .cfg-top-preview__track {
padding: 5px 3px;
}
@media (hover: hover) {
html.m28-configurator-top-preview[data-up-theme] .cfg-top-preview:not(.is-collapsed) .cfg-top-preview__slot:hover,
html.m28-configurator-top-preview.dark .cfg-top-preview:not(.is-collapsed) .cfg-top-preview__slot:hover {
background: var(--up-children-ch-bg, var(--up-border-color));
border-color: var(--up-border-color);
box-shadow: 0 6px 18px rgba(0, 0, 0, .12);
}
}
html.m28-configurator-top-preview[data-up-theme] .cfg-top-preview:not(.is-collapsed) .cfg-top-preview__slot:focus-visible,
html.m28-configurator-top-preview.dark .cfg-top-preview:not(.is-collapsed) .cfg-top-preview__slot:focus-visible {
background: var(--up-children-ch-bg, var(--up-border-color));
border-color: var(--up-border-color);
outline-color: var(--up-body-color);
}
html.m28-configurator-sidebar[data-up-theme] .cfg-sidebar-preview__item.is-selected,
html.m28-configurator-sidebar.dark .cfg-sidebar-preview__item.is-selected,
html.m28-configurator-top-preview[data-up-theme] .cfg-top-preview:not(.is-collapsed) .cfg-top-preview__slot.is-selected,
html.m28-configurator-top-preview.dark .cfg-top-preview:not(.is-collapsed) .cfg-top-preview__slot.is-selected {
border: 2px solid var(--up-color-success, #168a3c);
}
html.m28-configurator-sidebar .cfg-sidebar-preview:not([data-m28-sidebar-limited]) .cfg-sidebar-preview__item.is-selected[hidden],
html.m28-configurator-sidebar .cfg-sidebar-preview[data-m28-sidebar-limited] .cfg-sidebar-preview__item[hidden] {
display: grid !important;
}
html.m28-configurator-sidebar .cfg-sidebar-preview[data-m28-sidebar-limited]:not(.is-slots-expanded) .cfg-sidebar-preview__item[data-m28-sidebar-overflow] {
display: none !important;
}
html.m28-configurator-sidebar .cfg-sidebar-preview__more[hidden] {
display: none !important;
}
/* 28BIT homepage category SVG details, 2026-10-16. */
/* 28BIT shared catalog preview SVG, 2026-10-16. */
main.up-home .blocks__item-categories-1 .m28-category-icon,
.cfg-top-preview__icon > .m28-category-icon,
.cfg-sidebar-preview__image > .m28-category-icon,
.m28-configurator-slot-icon > .m28-category-icon,
.catalog-mega__sidebar-icon > .m28-category-icon,
.mobile-fixed-panel__item > .m28-category-icon,
.m28-mobile-home-actions__button > .m28-category-icon,
.m28-mobile-menu-primary .mobile-nav-row__img > .m28-category-icon {
--m28-ci-body: #e8efff;
--m28-ci-metal: #b5c8e8;
--m28-ci-stroke: #49678e;
--m28-ci-inset: #d3e1f8;
--m28-ci-blue: #2458ed;
--m28-ci-cyan: #008ebd;
--m28-ci-gold: #b58a35;
display: block;
width: 100%;
height: 100%;
overflow: visible;
fill: none;
stroke: none;
stroke-linecap: round;
stroke-linejoin: round;
pointer-events: none;
}
[data-up-theme="dark"] main.up-home .blocks__item-categories-1 .m28-category-icon,
[data-up-theme="dark"] .cfg-top-preview__icon > .m28-category-icon,
[data-up-theme="dark"] .cfg-sidebar-preview__image > .m28-category-icon,
[data-up-theme="dark"] .m28-configurator-slot-icon > .m28-category-icon,
[data-up-theme="dark"] .catalog-mega__sidebar-icon > .m28-category-icon,
[data-up-theme="dark"] .mobile-fixed-panel__item > .m28-category-icon,
[data-up-theme="dark"] .m28-mobile-home-actions__button > .m28-category-icon,
[data-up-theme="dark"] .m28-mobile-menu-primary .mobile-nav-row__img > .m28-category-icon {
--m28-ci-body: #17243b;
--m28-ci-metal: #3e5574;
--m28-ci-stroke: #7892b4;
--m28-ci-inset: #0d1729;
--m28-ci-blue: #4f80ff;
--m28-ci-cyan: #4cd9ff;
--m28-ci-gold: #d4ad61;
}
[data-up-theme="dark"] .m28-catalog-icon-item .m28-category-icon {
--m28-ci-body: #273a56;
--m28-ci-metal: #607c9e;
--m28-ci-stroke: #a7bddb;
--m28-ci-inset: #15263f;
--m28-ci-blue: #6d9bff;
}
.configurbase ul.SlotsList_wrap__Lieap .SlotItem_wrap__xtuzt > div.SlotItem_left__rF7in .SlotItem_left__rF7in-block .image.m28-configurator-slot-icon {
width: 36px;
height: 36px;
flex: 0 0 36px;
}
.m28-catalog-icon-item .catalog-mega__sidebar-icon {
width: 32px;
height: 32px;
flex: 0 0 32px;
}
.m28-catalog-icon-item .catalog-mega__sidebar-icon > .m28-category-icon {
max-width: none;
max-height: none;
}
.mobile-fixed-panel__item > .m28-category-icon {
width: 30px;
height: 30px;
max-width: none;
max-height: none;
flex: 0 0 30px;
}
.mobile-fixed-panel__item.active > .m28-category-icon {
--m28-ci-body: #d7e3ff;
--m28-ci-metal: #9ebbe9;
--m28-ci-stroke: #2458ed;
--m28-ci-blue: #012bdc;
}
[data-up-theme="dark"] .mobile-fixed-panel__item.active > .m28-category-icon {
--m28-ci-body: #304c7a;
--m28-ci-metal: #789cce;
--m28-ci-stroke: #b4c9ed;
--m28-ci-blue: #80a8ff;
}
/* 28BIT phone-only home actions: same SVG palette, compact button-sized artwork. */
.m28-mobile-home-actions__button > .m28-category-icon {
width: 1.25rem;
height: 1.25rem;
flex: 0 0 1.25rem;
max-width: none;
max-height: none;
}
.m28-mobile-menu-primary .mobile-nav-row__img > .m28-category-icon {
width: 32px;
height: 32px;
max-width: none;
max-height: none;
flex: 0 0 32px;
}
[data-up-theme="dark"] .m28-mobile-menu-primary .mobile-nav-row__img > .m28-category-icon { --m28-ci-body: #273a56; --m28-ci-metal: #607c9e; --m28-ci-stroke: #a7bddb; --m28-ci-blue: #6d9bff; } .m28-category-icon .m28-ci-body { fill: var(--m28-ci-body); stroke: var(--m28-ci-stroke); stroke-width: 1.7; }
.m28-category-icon .m28-ci-metal { fill: var(--m28-ci-metal); stroke: var(--m28-ci-stroke); stroke-width: 1; }
.m28-category-icon .m28-ci-inset { fill: var(--m28-ci-inset); }
.m28-category-icon .m28-ci-blue { fill: var(--m28-ci-blue); }
.m28-category-icon .m28-ci-cyan { fill: var(--m28-ci-cyan); }
.m28-category-icon .m28-ci-gold { fill: var(--m28-ci-gold); }
.m28-category-icon .m28-ci-hub { fill: var(--m28-ci-cyan); stroke: var(--m28-ci-body); stroke-width: 1.5; }
.m28-category-icon .m28-ci-wire { fill: none; stroke: var(--m28-ci-stroke); stroke-width: 1.7; }
.m28-category-icon .m28-ci-accent-wire { fill: none; stroke: var(--m28-ci-blue); stroke-width: 2.5; }
.m28-category-icon .m28-ci-gold-wire { fill: none; stroke: var(--m28-ci-gold); stroke-width: 2; }
.m28-category-icon .m28-ci-light-wire { fill: none; stroke: #fff; stroke-width: 1.5; }
.m28-category-icon .m28-ci-rotor,
.m28-category-icon .m28-ci-disk,
.m28-category-icon .m28-ci-core { transform-box: fill-box; transform-origin: center; }
@keyframes m28-ci-spin { to { transform: rotate(360deg); } }
@keyframes m28-ci-glow { 50% { opacity: .5; transform: scale(.9); } }
@keyframes m28-ci-led { 50% { opacity: .25; } }
@keyframes m28-ci-trace { 50% { stroke: var(--m28-ci-cyan); } }
@media (prefers-reduced-motion: no-preference) {
:is(.blocks__item-categories-1 .categories-ex__item, .cfg-top-preview__slot, .cfg-sidebar-preview__item, .m28-configurator-icon-slot, .catalog-mega__sidebar-item, .m28-mobile-home-actions__button):focus-within .m28-ci-rotor,
:is(.blocks__item-categories-1 .categories-ex__item, .cfg-top-preview__slot, .cfg-sidebar-preview__item, .m28-configurator-icon-slot, .catalog-mega__sidebar-item, .m28-mobile-home-actions__button):focus-within .m28-ci-disk { animation: m28-ci-spin 1.8s linear infinite; }
:is(.blocks__item-categories-1 .categories-ex__item, .cfg-top-preview__slot, .cfg-sidebar-preview__item, .m28-configurator-icon-slot, .catalog-mega__sidebar-item, .m28-mobile-home-actions__button):focus-within .m28-ci-core { animation: m28-ci-glow 1.4s ease-in-out infinite; }
:is(.blocks__item-categories-1 .categories-ex__item, .cfg-top-preview__slot, .cfg-sidebar-preview__item, .m28-configurator-icon-slot, .catalog-mega__sidebar-item, .m28-mobile-home-actions__button):focus-within .m28-ci-led,
:is(.blocks__item-categories-1 .categories-ex__item, .cfg-top-preview__slot, .cfg-sidebar-preview__item, .m28-configurator-icon-slot, .catalog-mega__sidebar-item, .m28-mobile-home-actions__button):focus-within .m28-ci-pulse { animation: m28-ci-led 1.3s ease-in-out infinite; }
:is(.blocks__item-categories-1 .categories-ex__item, .cfg-top-preview__slot, .cfg-sidebar-preview__item, .m28-configurator-icon-slot, .catalog-mega__sidebar-item, .m28-mobile-home-actions__button):focus-within .m28-ci-trace { animation: m28-ci-trace 1.4s ease-in-out infinite; }
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
:is(.blocks__item-categories-1 .categories-ex__item, .cfg-top-preview__slot, .cfg-sidebar-preview__item, .m28-configurator-icon-slot, .catalog-mega__sidebar-item, .m28-mobile-home-actions__button):hover .m28-ci-rotor,
:is(.blocks__item-categories-1 .categories-ex__item, .cfg-top-preview__slot, .cfg-sidebar-preview__item, .m28-configurator-icon-slot, .catalog-mega__sidebar-item, .m28-mobile-home-actions__button):hover .m28-ci-disk { animation: m28-ci-spin 1.8s linear infinite; }
:is(.blocks__item-categories-1 .categories-ex__item, .cfg-top-preview__slot, .cfg-sidebar-preview__item, .m28-configurator-icon-slot, .catalog-mega__sidebar-item, .m28-mobile-home-actions__button):hover .m28-ci-core { animation: m28-ci-glow 1.4s ease-in-out infinite; }
:is(.blocks__item-categories-1 .categories-ex__item, .cfg-top-preview__slot, .cfg-sidebar-preview__item, .m28-configurator-icon-slot, .catalog-mega__sidebar-item, .m28-mobile-home-actions__button):hover .m28-ci-led,
:is(.blocks__item-categories-1 .categories-ex__item, .cfg-top-preview__slot, .cfg-sidebar-preview__item, .m28-configurator-icon-slot, .catalog-mega__sidebar-item, .m28-mobile-home-actions__button):hover .m28-ci-pulse { animation: m28-ci-led 1.3s ease-in-out infinite; }
:is(.blocks__item-categories-1 .categories-ex__item, .cfg-top-preview__slot, .cfg-sidebar-preview__item, .m28-configurator-icon-slot, .catalog-mega__sidebar-item, .m28-mobile-home-actions__button):hover .m28-ci-trace { animation: m28-ci-trace 1.4s ease-in-out infinite; }
.mobile-fixed-panel__item:hover .m28-ci-core { animation: m28-ci-glow 1.4s ease-in-out infinite; }
.mobile-fixed-panel__item:hover .m28-ci-rotor { animation: m28-ci-spin 1.8s linear infinite; }
.mobile-fixed-panel__item:hover .m28-ci-trace { animation: m28-ci-trace 1.4s ease-in-out infinite; }
.m28-mobile-menu-primary .mobile-nav-row__item:hover .m28-ci-core,
.m28-mobile-menu-primary .mobile-nav-row__item:focus-visible .m28-ci-core { animation: m28-ci-glow 1.4s ease-in-out infinite; }
.m28-mobile-menu-primary .mobile-nav-row__item:hover .m28-ci-trace,
.m28-mobile-menu-primary .mobile-nav-row__item:focus-visible .m28-ci-trace { animation: m28-ci-trace 1.4s ease-in-out infinite; }
}
/* 28BIT brand logo tiles, 2026-10-16.
Productbrands owns the PNGs; Upsell's native .brands__img is the tile. */
.brands .brands__img {
background: transparent;
border-color: transparent;
}
/* Keep the original mark colors on a calm neutral tile in the dark theme. */
html[data-up-theme="dark"] .brands .brands__img {
background: #e7eaee;
}
/* Productbrands' standalone brand header has no tile; keep dark wordmarks legible. */
html[data-up-theme="dark"] main.up-main.wrap > img[src*="/wa-data/public/shop/brands/"] {
background: #e7eaee;
padding: 6px 8px;
border-radius: 8px;
}
/* White-only marks keep their original pixels on a slate tile in both modes. */
html:root main.up-main.wrap > img:is(
[src*="/20095/"], [src*="/20121/"], [src*="/20146/"],
[src*="/20218/"], [src*="/20235/"]
) {
background: #38404c;
padding: 6px 8px;
border-radius: 8px;
}
/* White marks and missing-logo placeholders use a slate tile for contrast. */
html[data-up-theme="dark"] .brands .brands__img:has(img:is(
[src*="dummy.svg"], [data-m28-lazy-src*="dummy.svg"],
[src*="/20095/"], [data-m28-lazy-src*="/20095/"],
[src*="/20121/"], [data-m28-lazy-src*="/20121/"],
[src*="/20146/"], [data-m28-lazy-src*="/20146/"],
[src*="/20218/"], [data-m28-lazy-src*="/20218/"],
[src*="/20235/"], [data-m28-lazy-src*="/20235/"]
)) {
background: #38404c;
}
/* White-only marks need dark strokes when the light-theme tile is transparent. */
html:not([data-up-theme="dark"]) .brands .brands__img img:is(
[src*="/20121/"], [src*="/20146/"], [src*="/20218/"], [src*="/20235/"]
) {
filter: invert(1);
}
/* OCPC's colored accent remains close to its original hue in the light theme. */
html:not([data-up-theme="dark"]) .brands .brands__img img[src*="/20095/"] {
filter: invert(1) hue-rotate(180deg);
}
/* 28BIT storefront close controls: reuse the configurator's round icon, 2026-10-16.
Explicit close controls only: never .js-close, cart removal or search clear. */
.notification .n-item__content {
padding-right: 2.25rem;
}
html body :is(.fancybox-close, .f-button[data-fancybox-close], .fancybox-button--close, .mfp-close, .n-item__close,
.up-mobile__close, .up-drawer__close > .js-drawer-close, .cfg-modal-filter-close,
.banner-top__close, .wa-dialog-close, .ui-dialog-titlebar-close, .modal_configuration .close_modal,
.bellLight__close, .clicklite__close, .pnotice__close, .reqprice__close,
.shop-regions__button-close, .m28-configurator-choice-close) {
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 36px !important;
height: 36px !important;
min-width: 36px;
min-height: 36px;
padding: 0 !important;
border: 0 !important;
border-radius: 50%;
background: transparent !important;
box-shadow: none !important;
font-size: 0 !important;
line-height: 1;
opacity: 1;
}
html body :is(.fancybox-close, .f-button[data-fancybox-close], .fancybox-button--close, .mfp-close, .n-item__close,
.up-mobile__close, .up-drawer__close > .js-drawer-close, .cfg-modal-filter-close,
.banner-top__close, .wa-dialog-close, .ui-dialog-titlebar-close, .modal_configuration .close_modal,
.bellLight__close, .clicklite__close, .pnotice__close, .reqprice__close,
.shop-regions__button-close, .m28-configurator-choice-close)::before {
content: "" !important;
display: block !important;
position: static !important;
flex: 0 0 36px;
width: 36px;
height: 36px;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background: transparent url("/wa-apps/shop/plugins/configurator/vendors/fancybox/fancybox_sprite@2x.png") no-repeat 0 0 / 44px 152px !important;
transform: none !important;
opacity: 1;
visibility: visible;
pointer-events: none;
}
html body :is(.fancybox-close, .f-button[data-fancybox-close], .fancybox-button--close, .mfp-close, .n-item__close,
.up-mobile__close, .up-drawer__close > .js-drawer-close, .cfg-modal-filter-close,
.banner-top__close, .wa-dialog-close, .ui-dialog-titlebar-close, .modal_configuration .close_modal,
.bellLight__close, .clicklite__close, .pnotice__close, .reqprice__close,
.shop-regions__button-close, .m28-configurator-choice-close)::after,
html body :is(.fancybox-close, .f-button[data-fancybox-close], .fancybox-button--close, .mfp-close, .n-item__close,
.up-mobile__close, .up-drawer__close > .js-drawer-close, .cfg-modal-filter-close,
.banner-top__close, .wa-dialog-close, .ui-dialog-titlebar-close, .modal_configuration .close_modal,
.bellLight__close, .clicklite__close, .pnotice__close, .reqprice__close,
.shop-regions__button-close, .m28-configurator-choice-close) > * {
display: none !important;
}
html body :is(.fancybox-close, .f-button[data-fancybox-close], .fancybox-button--close, .mfp-close, .n-item__close,
.up-mobile__close, .up-drawer__close > .js-drawer-close, .cfg-modal-filter-close,
.banner-top__close, .wa-dialog-close, .ui-dialog-titlebar-close, .modal_configuration .close_modal,
.bellLight__close, .clicklite__close, .pnotice__close, .reqprice__close,
.shop-regions__button-close, .m28-configurator-choice-close):focus-visible {
outline: 2px solid var(--up-scheme-color, #012bdc);
outline-offset: 2px;
}
/* 28BIT configurator after-add close: keep the shared icon inside the dialog. */
.configurator-after-add-choice__dialog {
position: relative;
}
html body .m28-configurator-choice-close {
position: absolute;
top: 10px;
right: 10px;
display: flex;
cursor: pointer;
}
/* 28BIT incompatibility dialog: keep the shared close inside its panel, 2026-10-16. */
.fancybox__content.configurator-direct-add__incompatibility-modal > .f-button.is-close-btn[data-fancybox-close] {
top: 10px;
right: 10px;
}
.configurator-direct-add__incompatibility-modal .configurator-direct-add__incompatibility-title {
padding-right: 36px;
}
/* 28BIT mobile product-card bonus: visually keep only icon and number, 2026-10-16. */
/* 28BIT shared bonus dialog, 2026-10-19: same portal on desktop and mobile; legacy root class retained. */
html.m28-mobile-bonus-dialog .bonus .tooltip.dropdown > .tooltip__content,
html.m28-mobile-bonus-dialog .bonus .tooltip.dropdown::after {
display: none !important;
}
html.m28-mobile-bonus-dialog .bonus__wrap[role="button"] {
cursor: pointer;
touch-action: manipulation;
}
html.m28-mobile-bonus-dialog .bonus__wrap[role="button"]:focus-visible {
outline: 2px solid var(--up-scheme-color);
outline-offset: 3px;
}
.fancybox__content.m28-bonus-dialog {
box-sizing: border-box;
width: min(520px, calc(100vw - 32px));
max-height: calc(100dvh - 32px);
padding: 32px 24px;
overflow: auto;
border: 1px solid var(--up-border-color);
border-radius: 18px;
background: var(--fancybox-bg, var(--up-body-bg));
color: var(--up-body-color);
text-align: center;
}
.m28-bonus-dialog__icon {
display: block;
width: 36px;
height: 36px;
margin: 0 auto 18px;
fill: currentColor;
color: var(--up-scheme-color);
}
.m28-bonus-dialog h2 {
margin: 0 24px 16px;
font-size: 22px;
line-height: 1.3;
color: inherit;
}
.m28-bonus-dialog p {
margin: 0;
font-size: 15px;
line-height: 1.6;
white-space: pre-line;
}
.fancybox__content.m28-bonus-dialog > .f-button.is-close-btn[data-fancybox-close] {
top: 10px !important;
right: 10px !important;
}
@media (max-width: 1179.98px) {
.products__item .bonus__wrap .m28-bonus-unit {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
}
/* 28BIT filter labels: reuse footer link hover colors, 2026-10-16. */
.filters-left__value > .filters-left__label {
--m28-filter-label-hover: var(--up-footer-link-color-hover, var(--up-scheme-dark-10));
transition: var(--up-all-transition);
}
[data-up-theme="dark"] .filters-left__value > .filters-left__label {
--m28-filter-label-hover: #fff;
}
@media (hover: hover) {
.filters-left__value:not(.disabled):hover > .filters-left__input:not(:disabled) ~ .filters-left__label {
color: var(--m28-filter-label-hover);
}
.filters-left__value:not(.disabled):hover > .filters-left__input:not(:disabled) ~ .filters-left__label a {
color: inherit;
}
}
.filters-left__value:not(.disabled) > .filters-left__input:not(:disabled):focus-visible ~ .filters-left__label {
color: var(--m28-filter-label-hover);
}
.filters-left__value:not(.disabled) > .filters-left__input:not(:disabled):focus-visible ~ .filters-left__label a {
color: inherit;
}
/* 28BIT theme-aware accent foreground, 2026-10-18.
Keep --up-scheme-color unchanged for filled buttons and brand graphics. */
[data-up-theme="light"] {
--m28-accent-foreground: #315fd8;
--m28-accent-foreground-hover: #244aae;
}
[data-up-theme="dark"] {
--m28-accent-foreground: #8da8ff;
--m28-accent-foreground-hover: #b4c5ff;
}
[data-up-theme] :is(
.m28-readmore,
.m28-discount__benefit,
.dropdown-menu__icon,
.up-nav-catalog__icon,
.catalog-mega__sidebar-icon,
.mobile-catalog__icon,
.bonus__wrap .icon-14,
.up-pr-advantages__icon,
.product-cart__order-by-phone .icon-phone-rotary,
.pr-file__icon,
.up-left-nav__icon,
.up-left-nav__icon-first,
.account-home__icon,
.up-orders__order,
.up-order__order,
.suggestions-suggestions strong
) {
color: var(--m28-accent-foreground);
}
[data-up-theme] .m28-discount--promo .m28-discount__benefit {
color: #fff;
}
[data-up-theme] .m28-collapse > .blocks__title::after {
border-right-color: var(--m28-accent-foreground);
border-bottom-color: var(--m28-accent-foreground);
}
[data-up-theme] .up-page :is(ul, ol) li::marker {
color: var(--m28-accent-foreground);
}
[data-up-theme] :is(.btn-link, .btn-interactive, .btn-outline-scheme, .up-icons__btn, .filters-left__clear-all .btn, .filters-result__clear) {
--up-btn-color: var(--m28-accent-foreground);
--up-btn-color-hover: var(--m28-accent-foreground-hover);
--up-btn-color-active: var(--m28-accent-foreground-hover);
}
[data-up-theme] :is(.btn-outline, .btn-outline-accent) {
--up-btn-color: var(--m28-accent-foreground);
--up-btn-border-color: var(--m28-accent-foreground);
}
[data-up-theme] :is(.badges.b-border .theme, .badges.b-border .new, .badges.b-border .timer) {
--up-badge-color: var(--m28-accent-foreground);
--up-badge-border-color: var(--m28-accent-foreground);
}
html[data-up-theme].m28-mobile-fixed-panel .mobile-fixed-panel__item.active {
--up-a-color: var(--m28-accent-foreground);
--up-a-color-hover: var(--m28-accent-foreground-hover);
--up-a-color-focus: var(--m28-accent-foreground-hover);
--up-btn-color: var(--m28-accent-foreground);
--up-btn-color-hover: var(--m28-accent-foreground-hover);
--up-btn-color-active: var(--m28-accent-foreground-hover);
color: var(--m28-accent-foreground);
}
[data-up-theme] :is(.reqprice__politika, .pnotice__politika) a {
color: var(--m28-accent-foreground) !important;
--up-a-color-hover: var(--m28-accent-foreground-hover) !important;
}
[data-up-theme] :is(
.fpsrating__icon,
.fpsrating-summary__icon,
.fpsrating__score strong,
.fpsrating__resolution strong,
.fpsrating__games-table td:last-child a,
.fpsrating__meta a,
.fpsrating-summary__values small
) {
color: var(--m28-accent-foreground);
}
[data-up-theme] .fpsrating__arc--value {
stroke: var(--m28-accent-foreground);
}
[data-up-theme="light"] :is(.m28-readmore, .fpsrating__games-table td:last-child a, .fpsrating__meta a):is(:hover, :focus-visible) {
color: var(--m28-accent-foreground-hover);
}
/* 28BIT FPS card performance: reuse the shared light/dark accent, 2026-10-18. */
html[data-up-theme] .products__item .fps-card-performance {
--up-scheme-color: var(--m28-accent-foreground);
background: color-mix(in srgb, var(--m28-accent-foreground) 8%, transparent);
border-color: color-mix(in srgb, var(--m28-accent-foreground) 24%, transparent);
}
html[data-up-theme] .products__item .fps-card-performance__context {
color: var(--up-body-color);
}
html.m28-configurator-top-preview[data-up-theme="dark"] .cfg-top-preview__header:focus-visible,
html.m28-configurator-top-preview.dark .cfg-top-preview__header:focus-visible {
outline-color: var(--m28-accent-foreground, #8da8ff);
}
/* Keep the entire Phanteks promo artwork visible on narrow screens. */
@media (max-width: 767.98px) {
.up-slider__img[href="/blog/phanteks-ex5-plus-max-obzor/"] .up-slider__img-block {
background-color: #061329;
background-size: contain;
}
}
/* 28BIT checkout-mobile-tooltip-20261028 BEGIN
* Hidden native cart tooltips must not contribute to document scroll width.
* Keep the active delete hint inside the row on narrow viewports.
*/
@media (max-width: 767.98px) {
.wa-order-cart-wrapper .wa-tooltip:not(.custom):not(:hover):not(.is-hover):not(.is-opened)::before,
.wa-order-cart-wrapper .wa-tooltip:not(.custom):not(:hover):not(.is-hover):not(.is-opened)::after {
display: none;
}
.wa-order-cart-wrapper .js-delete-product .wa-tooltip.bottom:not(.custom)::after {
left: auto;
right: 0;
max-width: calc(100vw - 32px);
white-space: normal;
transform: translateY(8px);
}
}
/* 28BIT checkout-mobile-tooltip-20261028 END */
/* 28BIT AORUS INFINITY promo: show the full supplied artwork on every viewport. */
.up-slider__img[href$="/category/videokarty/aorus-infinity/"] .up-slider__img-block {
background-color: #000;
background-size: contain;
}
/* 28BIT AORUS INFINITY sidebar: keep the supplied portrait ratio. */
.left-promo.m28-aorus-sidebar {
aspect-ratio: 247 / 342;
}
.left-promo.m28-aorus-sidebar img {
object-fit: contain;
}
/* 28BIT compact full-width build preview, 2026-11-05. */
html.m28-configurator-top-preview .cfg-top-preview[data-configurator-top-preview].is-collapsed { width:100%; max-width:none; min-width:0; padding:0; box-sizing:border-box; }
html.m28-configurator-top-preview .cfg-top-preview[data-configurator-top-preview].is-collapsed .cfg-top-preview__header { min-height:44px; padding:6px 12px; box-sizing:border-box; }
/* m28-product-advantages-20261105: scoped Site block. */
.m28-product-advantages .advantages__name { font-weight:600; }
.m28-product-advantages .advantages__text { color:var(--up-body-color); line-height:1.5; }
.m28-product-advantages .m28-advantages-more { color:var(--up-body-color); font-size:13px; line-height:1.5; text-decoration:underline; text-underline-offset:3px; }
.m28-product-advantages .advantages__content { min-width:0; }
.m28-product-advantages .advantages__item:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
@media (max-width:600px) {
.m28-product-advantages .advantages__wrap { display:grid; grid-template-columns:minmax(0,1fr); }
.m28-product-advantages .advantages__item { min-width:0; }
}
/* m28-home-tune-20261106: three news preview cards on phones. */
@media (max-width:767.98px) {
main.up-home .blocks__item-posts :is(.posts__wrap,.posts-b__wrap,.posts-img__wrap) > :nth-child(n+4) { display:none; }
}
/* BEGIN m28-mobile-home-builds-slider */
@media (max-width: 1179.98px) {
main.up-home .blocks__item-photo-albums .posts__wrap {
grid-template-columns: none;
grid-auto-flow: column;
grid-auto-columns: 84%;
gap: .75rem;
overflow-x: auto;
overscroll-behavior-inline: contain;
scroll-snap-type: x mandatory;
scrollbar-width: thin;
scrollbar-color: color-mix(in srgb, currentColor 42%, transparent) transparent;
padding-block-end: .25rem;
}
main.up-home .blocks__item-photo-albums .posts__item {
min-width: 0;
scroll-snap-align: start;
}
main.up-home .blocks__item-photo-albums .posts__item:last-child {
scroll-snap-align: end;
}
}
@media (min-width: 768px) and (max-width: 1179.98px) {
main.up-home .blocks__item-photo-albums .posts__wrap {
grid-auto-columns: 44%;
}
}
@media (min-width: 1180px) {
main.up-home .blocks__item-photo-albums .posts__wrap > .posts__item:nth-child(n+6) {
display: none;
}
}
/* END m28-mobile-home-builds-slider */
/* m28-subscribe-buttons-20261106: shared checkout/account Telegram actions */
:is(#notik-checkout-vue-app, .m28-account-subscriptions [id^="notik-"]) > div:has(.m28-telegram-options) { max-width:520px; width:100%; margin-inline:auto; }
:is(#notik-checkout-vue-app, .m28-account-subscriptions [id^="notik-"]) > div:has(.m28-telegram-options) > div:has(> .m28-telegram-options) { display:contents !important; }
:is(#notik-checkout-vue-app, .m28-account-subscriptions [id^="notik-"]) > div:has(.m28-telegram-options) > div:last-child { display:none !important; }
.m28-telegram-options { width:100%; min-width:0; }
.m28-telegram-intro { margin:0 0 12px; padding:12px 16px; border-left:4px solid var(--up-scheme-color,#1646ec); border-radius:8px; background:var(--up-children-bg,#eff6ff); color:var(--up-body-color,#1a1a1a); font-size:13px; line-height:1.6; }
.m28-telegram-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.m28-telegram-actions > a { display:flex; align-items:center; justify-content:center; gap:10px; box-sizing:border-box; min-width:0; min-height:60px; padding:10px 12px; border:1px solid var(--up-border-color,#80808066); border-radius:8px; background:var(--up-children-bg,#eff6ff); color:var(--up-body-color,#1a1a1a); text-decoration:none; font-size:14px; font-weight:500; line-height:1.4; transition:background-color .2s ease,border-color .2s ease; }
.m28-telegram-actions > a:hover { border-color:var(--up-scheme-color,#1646ec); }
.m28-telegram-actions > a:focus-visible { outline:2px solid var(--up-scheme-color,#1646ec); outline-offset:3px; }
.m28-telegram-actions .m28-subscribe-icon { width:36px; height:36px; flex-shrink:0; }
.m28-account-subscriptions .m28-subscribe-title { display:block; max-width:520px; width:100%; font-size:15px; font-weight:600; color:var(--up-body-color,#1a1a1a); }
/* /m28-subscribe-buttons-20261106 */
/* m28-account-subscriptions: suppress adjacent legacy MAX-only CTA */
.m28-account-subscriptions + p:has(> a[href^="https://max.ru/id502990695121_bot"]) { display: none; }
/* m28-mobile-banners-20261106: readable native copy and real buttons on phone slides. */
@media (max-width: 767.98px) {
main.up-home .blocks__item-slider-day .up-slider__item:has(.up-slider__content) .up-slider__img::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, rgba(3, 10, 24, .84), rgba(3, 10, 24, .35));
pointer-events: none;
}
main.up-home .blocks__item-slider-day .up-slider__content {
left: 1rem;
right: 1rem;
top: .75rem;
bottom: 1.75rem;
--up-flex-gap: .5rem;
}
main.up-home .blocks__item-slider-day .up-slider__title { font-size: 1.25rem; line-height: 1.15; }
main.up-home .blocks__item-slider-day .up-slider__text { font-size: .8125rem; line-height: 1.35; max-width: 21rem; }
main.up-home .blocks__item-slider-day .up-slider__link { flex-wrap: wrap; gap: .5rem; }
main.up-home .blocks__item-slider-day .up-slider__link .btn {
--up-btn-fs: .75rem;
--up-btn-padding-x: .75rem;
--up-btn-padding-y: .625rem;
min-height: 2.5rem;
}
}
/* m28-orders-page-20261106: native order lookup, store chats, separate news channel. */
.m28-orders-page .m28-orders-hub { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-bottom: 28px; }
.m28-orders-page .m28-orders-hub__card { min-width: 0; padding: 26px; border: var(--up-border); border-radius: var(--up-border-radius); background: var(--up-theme-blocks-bg); }
.m28-orders-page h2 { font-size: 21px; line-height: 1.3; font-weight: 600; margin: 0 0 12px; }
.m28-orders-page p { font-size: 14px; line-height: 1.55; margin: 0 0 22px; }
.m28-orders-page .m28-orders-hub__eyebrow { font-size: 10px; font-weight: 700; letter-spacing: 1.5px; margin-bottom: 10px; }
.m28-orders-page .s-plugin-orderstatus-container h5 { display: none; }
.m28-orders-page .s-plugin-orderstatus-container .form { display: grid; gap: 10px; }
.m28-orders-page .s-plugin-orderstatus-container .field-label { font-size: 13px; }
.m28-orders-page .s-plugin-orderstatus-container input.s-plugin-orderstatus-order_id-input { width: 100%; min-width: 0; min-height: 46px; box-sizing: border-box; font-size: 16px; }
.m28-orders-page .s-plugin-orderstatus-container :is(.label-order-prefix, .label-order-suffix):empty { display: none; }
.m28-orders-page .s-plugin-orderstatus-container input[type="submit"] { width: 100%; min-height: 46px; font-size: 14px; font-weight: 600; background: var(--up-accent-color); color: #fff; border: 0; border-radius: var(--up-border-radius); cursor: pointer; }
.m28-orders-page .s-plugin-orderstatus-container .result { overflow-wrap: anywhere; }
.m28-orders-page .s-plugin-orderstatus-container .result a { text-decoration: underline; }
:is(.m28-orders-page, .m28-checkout-contact, .m28-info) .m28-orders-hub__chats { display: flex; flex-wrap: wrap; gap: 10px; }
:is(.m28-orders-page, .m28-checkout-contact, .m28-info) .m28-orders-hub__chat { display: flex; flex: 1 1 145px; align-items: center; gap: 10px; min-height: 52px; padding: 12px; background: var(--up-children-bg); border: var(--up-border); border-radius: var(--up-border-radius); color: var(--up-body-color); text-decoration: none; }
:is(.m28-orders-page, .m28-checkout-contact, .m28-info) .m28-orders-hub__chat img { width: 24px; height: 24px; flex: 0 0 24px; }
:is(.m28-orders-page, .m28-checkout-contact, .m28-info) .m28-orders-hub__chat strong { font-size: 14px; }
:is(.m28-orders-page, .m28-checkout-contact, .m28-info) .m28-orders-hub__chat span { margin-left: auto; font-size: 11px; white-space: nowrap; }
:is(.m28-orders-page, .m28-checkout-contact, .m28-info) .m28-orders-hub__chat:hover { border-color: var(--up-accent-color); }
.m28-orders-page .m28-orders-hub__hint { margin: 18px 0 0; font-size: 12px; }
:is(.m28-orders-page, .m28-checkout-contact, .m28-info-build, .m28-info-warranty, .m28-info-offers, .m28-info-contacts) .m28-orders-hub__channel { grid-column: 1 / -1; display: flex; align-items: center; gap: 20px; }
:is(.m28-orders-page, .m28-checkout-contact, .m28-info-build, .m28-info-warranty, .m28-info-offers, .m28-info-contacts) .m28-orders-hub__channel-copy { flex: 1; min-width: 0; }
:is(.m28-orders-page, .m28-checkout-contact, .m28-info-build, .m28-info-warranty, .m28-info-offers, .m28-info-contacts) .m28-orders-hub__channel p { margin: 0; }
.m28-orders-page .m28-orders-hub__arrow { display: grid; place-items: center; flex: 0 0 44px; height: 44px; background: var(--up-children-bg); border-radius: var(--up-border-radius); font-size: 26px; }
:is(.m28-orders-page, .m28-checkout-contact, .m28-info-build, .m28-info-warranty, .m28-info-offers, .m28-info-contacts) .m28-orders-hub__channel .btn { flex: none; min-height: 46px; font-size: 13px; }
.m28-orders-page .m28-orders-service { margin-bottom: 22px; }
.m28-orders-page .m28-orders-service h2 { font-size: 18px; }
.m28-orders-page .m28-orders-service ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 26px; padding-left: 18px; font-size: 14px; }
.m28-orders-page :is(.m28-orders-hub__chat, .s-plugin-orderstatus-order_id-input, .s-plugin-orderstatus-container input[type="submit"]):focus-visible { outline: 2px solid var(--up-accent-color); outline-offset: 3px; }
@media (max-width: 1100px) {
.m28-orders-page .m28-orders-hub { grid-template-columns: minmax(0, 1fr); }
:is(.m28-orders-page, .m28-checkout-contact, .m28-info-build, .m28-info-warranty, .m28-info-offers, .m28-info-contacts) .m28-orders-hub__channel { flex-wrap: wrap; }
}
@media (max-width: 650px) {
.m28-orders-page .m28-orders-hub { gap: 16px; }
.m28-orders-page .m28-orders-hub__card { padding: 22px 18px; }
.m28-orders-page h2 { font-size: 20px; }
:is(.m28-orders-page, .m28-checkout-contact, .m28-info-build, .m28-info-warranty, .m28-info-offers, .m28-info-contacts) .m28-orders-hub__channel-copy { flex-basis: calc(100% - 64px); }
:is(.m28-orders-page, .m28-checkout-contact, .m28-info-build, .m28-info-warranty, .m28-info-offers, .m28-info-contacts) .m28-orders-hub__channel .btn { width: 100%; }
.m28-orders-page .m28-orders-service ul { grid-template-columns: minmax(0, 1fr); }
}
/* m28-information-pages-20261106: approved local concepts, native CMS/components retained. */
html[data-up-theme=dark] :is(.m28-info,.m28-orders-page,main.photos){--m28-accent:#91a7ff}
.m28-info{--m28-line:var(--up-border-color,#e0e3e8);--m28-muted:var(--up-body-color);min-width:0;font-size:14px;line-height:1.65}
.m28-info h2{font-size:22px;line-height:1.35;font-weight:600;margin:0 0 14px}.m28-info h3{font-size:17px;line-height:1.4;font-weight:600;margin:0 0 10px}.m28-info p{margin:0 0 16px}.m28-info a.btn{text-decoration:none;min-height:44px;font-size:13px}.m28-info .m28-info-lead{font-size:16px;line-height:1.75;max-width:720px;color:var(--m28-muted)}
.m28-info .m28-info-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;font-weight:600;color:var(--m28-muted);margin:0 0 10px}.m28-info-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.m28-info-section{min-width:0}.m28-info-two>.m28-info-section+.m28-info-section{padding-left:32px;border-left:var(--up-border)}.m28-info-section>p{color:var(--m28-muted)}.m28-info-group{margin-top:32px;padding-top:28px;border-top:var(--up-border)}
.m28-info-info-row{display:flex;gap:18px;padding:16px 0;border-bottom:var(--up-border)}.m28-info-info-label{width:85px;flex:none;font-size:12px;color:var(--m28-muted)}.m28-info-info-value{font-size:14px;min-width:0}.m28-info-info-value strong{display:block;font-size:17px}.m28-info-hours{display:grid;grid-template-columns:auto auto;gap:6px 18px;font-size:13px;margin:18px 0;max-width:330px}.m28-info-hours dt{font-weight:400;color:var(--m28-muted)}.m28-info-hours dd{text-align:right;margin:0}.m28-info-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.m28-info-chatrow{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.m28-info-chatrow .btn{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;background:var(--up-children-bg);border:var(--up-border);color:var(--up-body-color)}.m28-info-minor{font-size:12px;color:var(--m28-muted);margin-top:16px!important}
.m28-info-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0}.m28-info-price-card{padding:22px 0;border-top:2px solid var(--m28-line);min-width:0}.m28-info-price-card .m28-info-eyebrow{color:var(--m28-accent,var(--up-accent-color))}.m28-info-price-card p{font-size:13px;color:var(--m28-muted)}.m28-info-price{font-size:29px;font-weight:600;line-height:1.2;color:var(--m28-accent,var(--up-accent-color));margin:18px 0;white-space:nowrap}.m28-info-note{border-left:3px solid var(--up-accent-color);padding:2px 0 2px 18px;margin:24px 0;font-size:13px;line-height:1.75}.m28-info-build-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:center}.m28-info-build-hero>img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--up-border-radius)}
.m28-info-legacy>.up-accordion{border:0;border-radius:0;margin:16px 0}.m28-info-legacy .up-accordion__item{border-bottom:var(--up-border)}.m28-info-legacy .up-accordion__title{padding:20px 0;background:transparent;font-size:14px;text-align:left;line-height:1.5}.m28-info-legacy .up-accordion__content{padding-left:0;padding-right:0}.m28-info-legacy .up-accordion__content p{font-size:14px;line-height:1.8}.m28-info-legacy table{font-size:13px;width:100%;max-width:100%}.m28-info-legacy td,.m28-info-legacy th{padding:10px 8px}.m28-info-legacy figure{margin:16px 0}.m28-info-legacy figure img{max-height:420px;width:auto;max-width:100%;border-radius:8px}.m28-info-legacy figcaption{max-width:640px;font-size:13px;line-height:1.7;margin:10px 0 20px}.m28-info-legacy .block-image{gap:24px}.m28-info-legacy .block-image__img:has(img[src=""]){display:none}
.m28-info-offers .m28-promo-page__media{float:right;width:45%;margin:0 0 24px 28px}.m28-info-offers>p:first-child{margin:0}.m28-info-offers>.up-accordion{clear:both;border:0;border-radius:0;margin-top:30px}.m28-info-offers>.up-accordion .up-accordion__item{border-bottom:var(--up-border)}.m28-info-offers>.up-accordion .up-accordion__title{padding:20px 0}.m28-info-offers h2{font-size:27px;line-height:1.3;max-width:600px}.m28-info-offers>ul{padding:20px 24px 20px 40px;background:var(--up-children-bg);border-radius:8px;clear:both}.m28-info-offers>h3{font-size:17px;clear:both;padding-top:22px;border-top:var(--up-border)}
.m28-info-policy-layout{display:grid;grid-template-columns:185px minmax(0,1fr);gap:32px}.m28-info-toc{font-size:12px;line-height:1.6;align-self:start;position:sticky;top:110px}.m28-info-toc a{display:block;padding:7px 0;text-decoration:none;color:var(--m28-muted)}.m28-info-toc a:hover{color:var(--m28-accent,var(--up-accent-color))}.m28-info-document{max-width:700px;min-width:0;overflow-wrap:anywhere}.m28-info-document :is(p,h4){text-align:left!important}.m28-info-document p{font-size:14px;line-height:1.9}.m28-info-document h4{font-size:19px;line-height:1.5}.m28-info-document [id]{scroll-margin-top:110px}
.m28-info-reviews .reviews__content{grid-template-columns:1fr;gap:24px}.m28-info-reviews .reviews__page{width:100%;min-width:0}.m28-info-reviews .up-reviews__item{padding:24px 0;border:0;border-bottom:var(--up-border);border-radius:0;background:transparent;min-height:0;gap:14px}.m28-info-reviews .up-reviews__wrap{gap:0}.m28-info-reviews .up-reviews__product-img{width:48px;min-width:48px;height:48px}.m28-info-reviews .up-reviews__product-name{font-size:14px;line-height:1.5}.m28-info-reviews .up-reviews__text{font-size:14px;line-height:1.75}.m28-info-reviews .reviews-rate{max-width:550px}
/* Open composition for Orders; retain native form and existing responsive stacking. */
.m28-orders-page .m28-orders-hub{gap:30px}.m28-orders-page .m28-orders-hub__card{padding:0;border:0;border-radius:0;background:transparent}.m28-orders-page .m28-orders-hub__card:nth-child(2){padding-left:30px;border-left:var(--up-border)}:is(.m28-orders-page, .m28-checkout-contact, .m28-info-build, .m28-info-warranty, .m28-info-offers, .m28-info-contacts) .m28-orders-hub__channel{padding:24px 0;border-top:var(--up-border);border-bottom:var(--up-border);margin-top:2px}.m28-orders-page .m28-orders-hub__arrow{background:transparent;border-radius:0;color:var(--m28-accent,var(--up-accent-color));flex-basis:28px}:is(.m28-orders-page, .m28-checkout-contact, .m28-info) .m28-orders-hub__chat{background:var(--up-children-bg);border-radius:8px}:is(.m28-orders-page, .m28-checkout-contact, .m28-info-build, .m28-info-warranty, .m28-info-offers, .m28-info-contacts) .m28-orders-hub__channel .btn{background:var(--up-children-bg);border:var(--up-border);border-radius:8px}.m28-orders-page .m28-orders-hub__eyebrow{color:var(--up-body-color)}
/* Native Photos: whole-card links, real album names/counts/pagination. */
main.photos .up-photos__albums{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px}main.photos .up-photos__albums-item{background:transparent;border:0;border-radius:0;padding:0;gap:0;min-width:0}main.photos .up-photos__albums-img{width:100%;height:auto;aspect-ratio:4/3;overflow:hidden;border-radius:9px}main.photos .up-photos__albums-img img{width:100%;height:100%;object-fit:cover}main.photos .up-photos__albums-name{font-size:15px;font-weight:600;line-height:1.5;margin:12px 0 4px}main.photos .up-photos__albums-count{font-size:12px}.m28-photo-toolbar{display:flex;flex-wrap:wrap;gap:8px;width:100%;margin:0 0 24px}.m28-photo-toolbar .btn{font-size:13px;min-height:40px;padding:9px 16px}.m28-photo-toolbar .btn[aria-pressed=true]{border-color:var(--m28-accent,var(--up-accent-color));color:var(--m28-accent,var(--up-accent-color))}.m28-photo-intro{font-size:16px;line-height:1.7;max-width:760px;margin:0 0 20px}main.photos .up-photos__albums-item[hidden]{display:none}
@media(max-width:1179.98px){.m28-info-two{grid-template-columns:1fr;gap:28px}.m28-info-two>.m28-info-section+.m28-info-section{padding:25px 0 0;border-left:0;border-top:var(--up-border)}.m28-info-build-hero{grid-template-columns:1fr}.m28-info-build-hero>img{max-height:280px}.m28-info-policy-layout{grid-template-columns:1fr;gap:20px}.m28-info-toc{position:static;display:flex;gap:0 20px;flex-wrap:wrap;border-bottom:var(--up-border);padding-bottom:16px}.m28-orders-page .m28-orders-hub__card:nth-child(2){padding:26px 0 0;border-left:0;border-top:var(--up-border)}main.photos .up-photos__albums{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767.98px){.m28-info h2{font-size:20px}.m28-info .m28-info-lead{font-size:15px}.m28-info-info-row{gap:12px}.m28-info-info-label{width:68px}.m28-info-info-value strong{font-size:16px}.m28-info-prices{grid-template-columns:1fr;gap:0}.m28-info-price-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 14px;padding:20px 0;border-top-width:1px}.m28-info-price-card>.m28-info-eyebrow,.m28-info-price-card>p{grid-column:1/-1}.m28-info-price-card h3{font-size:16px;margin:0}.m28-info-price-card .m28-info-price{font-size:23px;margin:0 0 12px}.m28-info-build-hero>img{display:none}.m28-info-group{margin-top:26px;padding-top:24px}.m28-info-legacy .block-image{flex-direction:column}.m28-info-legacy .block-image>*{width:100%;max-width:100%}.m28-info-legacy .block-image__content{padding:0}.m28-info-legacy table{font-size:11px}.m28-info-legacy td,.m28-info-legacy th{padding:8px 4px;overflow-wrap:anywhere}.m28-info-offers .m28-promo-page__media{float:none;width:100%;margin:0 0 22px}.m28-info-offers h2{font-size:24px}.m28-info-offers>ul{font-size:13px;padding-left:32px}.m28-info-document p{font-size:13px;line-height:1.85}.m28-info-toc{font-size:11px}.m28-orders-page .m28-orders-hub{gap:25px}.m28-orders-page .m28-orders-hub__card{padding:0}:is(.m28-orders-page, .m28-checkout-contact, .m28-info-build, .m28-info-warranty, .m28-info-offers, .m28-info-contacts) .m28-orders-hub__channel{padding:24px 0}:is(.m28-orders-page, .m28-checkout-contact, .m28-info-build, .m28-info-warranty, .m28-info-offers, .m28-info-contacts) .m28-orders-hub__channel-copy{flex-basis:calc(100% - 50px)}main.photos .up-photos__albums{gap:22px 14px}main.photos .up-photos__albums-img{aspect-ratio:1}main.photos .up-photos__albums-name{font-size:13px;margin-top:10px}main.photos .up-photos__albums-count{font-size:11px}.m28-photo-intro{font-size:15px}}
.m28-info-document h5{text-align:left!important;font-size:18px;line-height:1.5;margin:26px 0 14px}.m28-info-print{margin-bottom:20px}.m28-info-telegram-icon{color:var(--m28-accent,var(--up-accent-color))}
@media print{body:has(.m28-info-policy) :is(header,footer,.sidebar,.m28-info-toc,.m28-info-print,.breadcrumbs){display:none!important}.m28-info-policy-layout{display:block}.m28-info-document{max-width:none}}
/* End m28-information-pages-20261106 */
/* m28-contacts-spacing-20261106: consistent phone section spacing. */
@media(max-width:767.98px){.m28-info .m28-info-two{gap:24px}.m28-info .m28-info-two>.m28-info-section+.m28-info-section{padding-top:24px}.m28-info>.m28-info-group{margin-top:24px;padding-top:24px}.m28-orders-page .m28-orders-hub{gap:24px}.m28-orders-page .m28-orders-hub__card:nth-child(2){padding-top:24px}:is(.m28-orders-page, .m28-checkout-contact, .m28-info-build, .m28-info-warranty, .m28-info-offers, .m28-info-contacts) .m28-orders-hub__channel{margin-top:0}}
/* m28-delivery-tariffs-20261106: four equally styled courier prices. */
.m28-info-delivery .m28-info-prices{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:767.98px){.m28-info-delivery .m28-info-prices{grid-template-columns:1fr}}
/* m28-tablet-review-spacing-20261106: grid gap owns tablet review spacing. */
@media(min-width:768px) and (max-width:1179.98px){.m28-info-reviews .up-reviews__item>:is(.up-reviews__author,.up-reviews__text,.up-reviews__date){margin-top:0}}
/* m28-delivery-map-fullwidth-20261106 */
@media(max-width:1179.98px){.m28-info-delivery .m28-delivery-map-link>.btn{width:100%}}
/* m28-light-neutral-surfaces-20261106: native neutral surfaces, existing motion unchanged. */
html[data-up-theme="light"]{--up-scheme-light:var(--up-color-gray-200)}
html[data-up-theme="light"] :is(.configurator-direct-add__button--add,.configurator-direct-add__button--replace){background:var(--up-body-bg)!important;border-color:var(--up-border-color)!important}
@media(hover:hover){html[data-up-theme="light"] :is(.configurator-direct-add__button--add,.configurator-direct-add__button--replace):hover{background:var(--up-color-gray-200)!important;border-color:var(--up-color-gray-500)!important}}
/* BEGIN m28-mobile-cart-20261107 */
[data-m28-cart][hidden]{display:none!important}
@media(max-width:1179.98px){
html:has(#js-checkout-order.m28-cart){overflow-x:clip}
html:has(#js-checkout-order.m28-cart) .notification.js-notification{max-width:calc(100vw - 32px);box-sizing:border-box;overflow-wrap:anywhere}
#js-checkout-order.m28-cart{display:block;width:100%;min-width:0;padding-bottom:76px}
#js-checkout-order.m28-cart>.up-checkout-order__column{display:block;width:100%;min-width:0}
#js-checkout-order.m28-cart .m28-cart-form-idle,#js-checkout-order.m28-cart .m28-cart-closed>#js-checkout-order-cart>:not(.m28-cart-toggle,.m28-cart-back),#js-checkout-order.m28-cart .m28-cart-no-discount,#js-checkout-order.m28-cart .m28-cart-bonus-long,#js-checkout-order.m28-cart .m28-cart-original-warning{display:none!important}
#js-checkout-order.m28-cart .m28-cart-back{margin-bottom:8px;min-height:40px}
#js-checkout-order.m28-cart .m28-cart-toggle{display:flex;justify-content:space-between;align-items:center;text-align:start;width:100%;min-height:46px;gap:8px;white-space:normal}
#js-checkout-order.m28-cart .m28-cart-toggle span:last-child{white-space:nowrap}
#js-checkout-order.m28-cart .m28-cart-dock{position:fixed;inset:auto 0 var(--m28-cart-nav,0px);z-index:100;background:var(--up-body-bg);color:var(--up-body-color);border-top:1px solid var(--up-border-color);box-shadow:0 -5px 18px #0002}
#js-checkout-order.m28-cart .m28-cart-dock-inner{max-width:760px;margin:auto;padding:9px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px}
#js-checkout-order.m28-cart .m28-cart-dock small{display:block;font-size:12px;opacity:.85}
#js-checkout-order.m28-cart .m28-cart-dock strong{font-size:18px;white-space:nowrap}
#js-checkout-order.m28-cart .m28-cart-dock button{min-height:44px;white-space:normal;text-align:center}
#js-checkout-order.m28-cart .wa-products .wa-product .wa-product-body{display:grid;grid-template-columns:64px minmax(0,1fr) max-content;grid-template-areas:'image details details' 'quantity quantity price';gap:8px 10px;align-items:start}
#js-checkout-order.m28-cart .wa-product-body>.wa-column-image{grid-area:image;width:64px;min-width:0;margin:0;padding:0}
#js-checkout-order.m28-cart .wa-column-image img{max-width:64px;max-height:64px;object-fit:contain}
#js-checkout-order.m28-cart .wa-product-body>.wa-column-details{grid-area:details;overflow-wrap:anywhere}
#js-checkout-order.m28-cart .wa-product-body>.wa-column-quantity{grid-area:quantity}
#js-checkout-order.m28-cart .wa-product-body>.wa-column-price{grid-area:price;text-align:end;align-self:center}
#js-checkout-order.m28-cart .wa-product-body>:is(.wa-column-details,.wa-column-quantity,.wa-column-price){width:auto;min-width:0;margin:0;padding:0}
#js-checkout-order.m28-cart .wa-quantity-cart-section .wa-section-body{display:flex;align-items:center;width:max-content;max-width:100%;gap:0}
#js-checkout-order.m28-cart .wa-quantity-cart-section .wa-section-body>*{width:auto;min-width:0;margin:0;padding:0}
#js-checkout-order.m28-cart .wa-quantity-cart-section .wa-section-body .wa-button{width:44px;min-width:0;height:44px;padding:0}
#js-checkout-order.m28-cart .wa-quantity-cart-section .wa-section-body .wa-field{width:46px;height:44px;margin:0;padding:0;text-align:center;font-size:16px}
#js-checkout-order.m28-cart .wa-quantity-cart-section .wa-unit.top{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#js-checkout-order.m28-cart .wa-quantity-cart-section .is-locked .wa-icon-wrapper{display:inline-flex;opacity:.45}
#js-checkout-order.m28-cart .wa-quantity-cart-section .is-locked:has(.wa-step) .js-min-description{display:none}
#js-checkout-order.m28-cart .wa-bonus-details .wa-inactive-state{gap:8px 12px;align-items:center}
#js-checkout-order.m28-cart .wa-bonus-details .js-use-bonus{min-height:42px;color:var(--up-body-color);border-color:var(--up-border-color)}
#js-checkout-order.m28-cart .m28-cart-warning{margin:12px 0;padding:12px 14px;border:1px solid #e5cb93;border-radius:10px;background:#fff6e4;color:#694816;line-height:1.45}
html[data-up-theme=dark] #js-checkout-order.m28-cart .m28-cart-warning{border-color:#685431;background:#352d20;color:#f1d7a4}
#js-checkout-order.m28-cart .m28-cart-warning summary{cursor:pointer;font-weight:600}
#js-checkout-order.m28-cart .m28-cart-warning p{margin:8px 0 0}
}
/* END m28-mobile-cart-20261107 */
/* BEGIN m28-grouped-store-sidebar */
.s-up-left-nav:has(> .up-left-nav > li > a[href$="#m28-buyers"]) {
border:1px solid var(--up-border-color);
border-radius:13px;
background:color-mix(in srgb,var(--up-body-color) 2.5%,var(--up-body-bg));
padding:18px 16px;
}
.s-up-left-nav:has(> .up-left-nav > li > a[href$="#m28-buyers"]) > .sidebar__title {margin:0 0 12px;padding:0;font-size:18px;font-weight:400;}
.s-up-left-nav:has(> .up-left-nav > li > a[href$="#m28-buyers"]) > .up-left-nav {gap:0;}
.s-up-left-nav:has(> .up-left-nav > li > a[href$="#m28-buyers"]) a:is([href$="#m28-buyers"],[href$="#m28-services"]).js-left-nav-link {
background:transparent!important;
color:var(--up-body-color);
text-transform:none;
font-size:16px;
font-weight:400;
padding:6px 9px 5px;
pointer-events:none;
}
.s-up-left-nav:has(> .up-left-nav > li > a[href$="#m28-buyers"]) a[href$="#m28-services"].js-left-nav-link {border-top:1px solid var(--up-border-color);border-radius:0;margin-top:10px;padding-top:13px;}
.s-up-left-nav:has(> .up-left-nav > li > a[href$="#m28-buyers"]) a:is([href$="#m28-buyers"],[href$="#m28-services"]).js-left-nav-link > button {display:none;}
.s-up-left-nav:has(> .up-left-nav > li > a[href$="#m28-buyers"]) a:is([href$="#m28-buyers"],[href$="#m28-services"]).js-left-nav-link + .up-left-nav__childs {display:flex!important;padding-left:0;gap:4px;margin:0;}
.s-up-left-nav:has(> .up-left-nav > li > a[href$="#m28-buyers"]) a:is([href$="#m28-buyers"],[href$="#m28-services"]).js-left-nav-link + .up-left-nav__childs > li > a {
position:relative;
display:flex;
align-items:center;
gap:8px;
min-height:0;
padding:5px 8px;
margin:0;
border-radius:6px;
color:var(--up-body-color);
font-size:14px;
}
.s-up-left-nav:has(> .up-left-nav > li > a[href$="#m28-buyers"]) a:is([href$="#m28-buyers"],[href$="#m28-services"]).js-left-nav-link + .up-left-nav__childs > li > a::before {
content:'';
flex:0 0 15px;
height:15px;
background:currentColor;
opacity:.68;
mask:var(--m28-sidebar-icon,none) center / contain no-repeat;
visibility:hidden;
}
.s-up-left-nav:has(> .up-left-nav > li > a[href$="#m28-buyers"]) a:is([href$="#m28-buyers"],[href$="#m28-services"]).js-left-nav-link + .up-left-nav__childs > li > a:is([href="/zakaz/"],[href="/aktsii/"],[href="/oplata-i-dostavka/"],[href="/garantiya/"],[href="/kontakty/"],[href="/sborka-pk/"],[href="/proverka-oborudovaniya/"],[href="/otzyvy/"],[href="/photo/"])::before {visibility:visible;}
.s-up-left-nav:has(> .up-left-nav > li > a[href$="#m28-buyers"]) a:is([href$="#m28-buyers"],[href$="#m28-services"]).js-left-nav-link + .up-left-nav__childs > li > a:hover {background:color-mix(in srgb,var(--up-body-color) 5%,transparent);}
.s-up-left-nav:has(> .up-left-nav > li > a[href$="#m28-buyers"]) a:is([href$="#m28-buyers"],[href$="#m28-services"]).js-left-nav-link + .up-left-nav__childs > li > a.active {background:color-mix(in srgb,var(--up-body-color) 8%,transparent)!important;font-weight:600;}
.s-up-left-nav:has(> .up-left-nav > li > a[href$="#m28-buyers"]) a:is([href$="#m28-buyers"],[href$="#m28-services"]).js-left-nav-link + .up-left-nav__childs > li > a[href="/zakaz/"] { --m28-sidebar-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%207l9-4%209%204v10l-9%204-9-4zM3%207l9%204%209-4M12%2011v10M7.5%205l9%204%22%2F%3E%3C%2Fsvg%3E"); }
.s-up-left-nav:has(> .up-left-nav > li > a[href$="#m28-buyers"]) a:is([href$="#m28-buyers"],[href$="#m28-services"]).js-left-nav-link + .up-left-nav__childs > li > a[href="/aktsii/"] { --m28-sidebar-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2013l-7%207a2%202%200%200%201-3%200L3%2013V4h9l8%208a1%201%200%200%201%200%201zM7.5%208h.01%22%2F%3E%3C%2Fsvg%3E"); }
.s-up-left-nav:has(> .up-left-nav > li > a[href$="#m28-buyers"]) a:is([href$="#m28-buyers"],[href$="#m28-services"]).js-left-nav-link + .up-left-nav__childs > li > a[href="/oplata-i-dostavka/"] { --m28-sidebar-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%205h13v12H2zM15%209h4l3%204v4h-7M7%2019a2%202%200%201%200%200-4%202%202%200%200%200%200%204zM18%2019a2%202%200%201%200%200-4%202%202%200%200%200%200%204z%22%2F%3E%3C%2Fsvg%3E"); }
.s-up-left-nav:has(> .up-left-nav > li > a[href$="#m28-buyers"]) a:is([href$="#m28-buyers"],[href$="#m28-services"]).js-left-nav-link + .up-left-nav__childs > li > a[href="/garantiya/"] { --m28-sidebar-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2022s7-3%207-9V5l-7-3-7%203v8c0%206%207%209%207%209zM9%2012l2%202%204-4%22%2F%3E%3C%2Fsvg%3E"); }
.s-up-left-nav:has(> .up-left-nav > li > a[href$="#m28-buyers"]) a:is([href$="#m28-buyers"],[href$="#m28-services"]).js-left-nav-link + .up-left-nav__childs > li > a[href="/kontakty/"] { --m28-sidebar-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%203H5a2%202%200%200%200-2%202c0%209%207%2016%2016%2016a2%202%200%200%200%202-2v-3l-5-2-2%202a14%2014%200%200%201-6-6l2-2z%22%2F%3E%3C%2Fsvg%3E"); }
.s-up-left-nav:has(> .up-left-nav > li > a[href$="#m28-buyers"]) a:is([href$="#m28-buyers"],[href$="#m28-services"]).js-left-nav-link + .up-left-nav__childs > li > a[href="/sborka-pk/"] { --m28-sidebar-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%202h10a1%201%200%200%201%201%201v18a1%201%200%200%201-1%201H7a1%201%200%200%201-1-1V3a1%201%200%200%201%201-1zM9%206h6M9%2010h6M12%2017h.01%22%2F%3E%3C%2Fsvg%3E"); }
.s-up-left-nav:has(> .up-left-nav > li > a[href$="#m28-buyers"]) a:is([href$="#m28-buyers"],[href$="#m28-services"]).js-left-nav-link + .up-left-nav__childs > li > a[href="/proverka-oborudovaniya/"] { --m28-sidebar-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%204H6a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V6a2%202%200%200%200-2-2h-3M9%202h6v5H9zM8%2014l3%203%205-5%22%2F%3E%3C%2Fsvg%3E"); }
.s-up-left-nav:has(> .up-left-nav > li > a[href$="#m28-buyers"]) a:is([href$="#m28-buyers"],[href$="#m28-services"]).js-left-nav-link + .up-left-nav__childs > li > a[href="/otzyvy/"] { --m28-sidebar-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%204h16a2%202%200%200%201%202%202v11a2%202%200%200%201-2%202H8l-6%203V6a2%202%200%200%201%202-2zM7%209h10M7%2013h7%22%2F%3E%3C%2Fsvg%3E"); }
.s-up-left-nav:has(> .up-left-nav > li > a[href$="#m28-buyers"]) a:is([href$="#m28-buyers"],[href$="#m28-services"]).js-left-nav-link + .up-left-nav__childs > li > a[href="/photo/"] { --m28-sidebar-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%203h14a2%202%200%200%201%202%202v13H5zM2%207v14h15M5%2016l5-5%203%203%203-3%205%205M15%207h.01%22%2F%3E%3C%2Fsvg%3E"); }
/* BEGIN m28-sidebar-finish */
.s-up-left-nav:has(> .up-left-nav > li > a[href="#m28-buyers"]) {
background-clip:padding-box;
}
.s-up-left-nav:has(> .up-left-nav > li > a[href="#m28-buyers"]) > .sidebar__title {
color:var(--up-body-color);
line-height:1.4;
}
.s-up-left-nav:has(> .up-left-nav > li > a[href="#m28-buyers"]) > .up-left-nav > li {margin:0;padding:0;}
.s-up-left-nav:has(> .up-left-nav > li > a[href="#m28-buyers"]) > .up-left-nav > li > a:is([href="#m28-buyers"],[href="#m28-services"]).js-left-nav-link {
margin:0;
padding:0 0 6px;
min-height:0;
line-height:1.6;
border:0;
}
.s-up-left-nav:has(> .up-left-nav > li > a[href="#m28-buyers"]) > .up-left-nav > li + li {
border-top:1px solid var(--up-border-color);
margin-top:14px;
padding-top:14px;
}
.s-up-left-nav:has(> .up-left-nav > li > a[href="#m28-buyers"]) .up-left-nav__childs > li > a {
line-height:1.4;
text-decoration:none;
}
.s-up-left-nav:has(> .up-left-nav > li > a[href="#m28-buyers"]) .up-left-nav__childs > li > a:focus-visible {
outline:2px solid var(--up-scheme-color);
outline-offset:-2px;
}
/* Reserve the editor rail on pages where the sidebar is shown. */
@media (min-width:1180px) {
body:has(.up-panel__wrap-content.active .up-panel__actions) main.up-main:has(.s-up-left-nav > .up-left-nav > li > a[href="#m28-buyers"]) {
padding-inline-start:max(2rem,calc(68px - max(0px,(100vw - 1560px)/2)));
}
}
/* END m28-sidebar-finish */
/* END m28-grouped-store-sidebar */
/* BEGIN m28-kingston-offer-card */
.m28-info-offers .m28-kingston-offer{padding:clamp(16px,2.2vw,26px);margin-bottom:22px;border:1px solid var(--up-border-color);border-radius:14px;background:color-mix(in srgb,var(--up-body-color) 2.5%,var(--up-body-bg));}
.m28-info-offers .m28-kingston-offer__top{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,1fr);align-items:center;gap:20px;}
.m28-info-offers .m28-kingston-offer__intro h2{font-size:clamp(20px,2vw,25px);line-height:1.25;margin:0 0 10px;}
.m28-info-offers .m28-kingston-offer__intro p{margin:0;}
.m28-info-offers .m28-kingston-offer .m28-promo-page__media{float:none;width:auto;max-width:none;margin:0;min-width:0;}
.m28-info-offers .m28-kingston-offer .m28-promo-page__media a{display:block;}
.m28-info-offers .m28-kingston-offer .m28-promo-page__media img{display:block;width:100%;height:auto;border-radius:10px;}
.m28-info-offers .m28-kingston-offer__terms{border-top:1px solid var(--up-border-color);margin-top:18px;padding-top:12px;}
.m28-info-offers .m28-kingston-offer__terms summary{cursor:pointer;font-weight:600;padding:3px 0 5px;}
.m28-info-offers .m28-kingston-offer__terms ul{margin:6px 0 0;padding-left:22px;}
.m28-info-offers .m28-kingston-offer__terms li + li{margin-top:4px;}
.m28-info-offers .m28-kingston-offer__action{margin-top:15px;}
@media(max-width:767.98px){
.m28-info-offers .m28-kingston-offer__top{grid-template-columns:minmax(0,1fr);gap:14px;}
.m28-info-offers .m28-kingston-offer__action .btn{width:100%;text-align:center;}
}
/* END m28-kingston-offer-card */
/* BEGIN m28-checkout-contact-hub */
#notik-notifications-section:has(#notik-checkout-vue-app .m28-checkout-contact) {
flex: none;
width: 100%;
min-width: 0;
}
.m28-checkout-contact .m28-orders-hub__chats {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.m28-checkout-contact .m28-orders-hub__chat { min-width: 0; }
#notik-checkout-vue-app > div:has(.m28-checkout-contact) { max-width: none; margin-inline: 0; }
#notik-checkout-vue-app > div:has(.m28-checkout-contact) > div:first-child { max-width: none !important; }
.m28-checkout-contact .m28-orders-hub__channel {
margin: 14px 0 16px;
padding: 14px;
border: var(--up-border);
border-radius: 8px;
background: color-mix(in srgb, var(--up-body-color) 4%, var(--up-body-bg));
gap: 12px;
flex-wrap: nowrap;
}
.m28-checkout-contact .m28-orders-hub__channel-copy { flex-basis: 0; }
.m28-checkout-contact .m28-orders-hub__channel-copy strong { font-size: 16px; line-height: 1.3; }
.m28-checkout-contact .m28-orders-hub__channel-copy p { font-size: 13px; margin-top: 4px; }
.m28-checkout-contact .m28-orders-hub__channel .btn {
width: auto;
min-height: 48px;
padding-inline: 14px;
font-size: 14px;
font-weight: 600;
white-space: nowrap;
}
@media (max-width: 374px) {
.m28-checkout-contact .m28-orders-hub__channel { flex-direction: column; align-items: stretch; }
.m28-checkout-contact .m28-orders-hub__channel .btn { width: 100%; }
}
/* END m28-checkout-contact-hub */
/* BEGIN m28-store-chats */
.m28-info .m28-orders-hub__chats{max-width:520px;margin-top:22px}
:is(.m28-info,.m28-orders-page) .m28-orders-hub__chat:focus-visible{outline:2px solid var(--up-scheme-color);outline-offset:3px}
.m28-info .m28-orders-hub__chat.btn{min-height:52px}
/* END m28-store-chats */
/* BEGIN m28-build-channel */
.m28-info-build .m28-build-channel {
max-width:520px;
margin-top:14px;
padding:12px 0 0;
gap:10px;
border-bottom:0;
}
.m28-info-build .m28-build-channel .m28-orders-hub__channel-copy {flex-basis:auto;}
.m28-info-build .m28-build-channel .btn {width:auto;}
/* END m28-build-channel */
/* BEGIN m28-warranty-pickup-links */
.m28-info-warranty .m28-warranty-channel {
max-width:520px;
margin-top:14px;
padding:12px 0 0;
gap:10px;
border-bottom:0;
}
.m28-info-warranty .m28-warranty-channel .m28-orders-hub__channel-copy {flex-basis:auto;}
.m28-info-warranty .m28-warranty-channel .btn {width:auto;}
.m28-info-warranty .m28-warranty-pickup {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:8px 14px;
margin-top:14px;
}
.m28-info-warranty .m28-warranty-pickup p {flex:1 1 205px;margin:0;}
.m28-info-warranty .m28-warranty-pickup .btn {background:var(--up-children-bg);border:var(--up-border);border-radius:8px;}
/* END m28-warranty-pickup-links */
/* BEGIN m28-info-channel-line */
.m28-info > .m28-info-channel-line {gap:12px 20px;}
.m28-info > .m28-info-channel-line .m28-orders-hub__channel-copy p {margin-top:4px;}
.m28-info-contacts > .m28-info-channel-line {margin-top:22px;}
.m28-info-contacts > .m28-info-channel-line + .m28-info-group {border-top:0;margin-top:0;}
/* END m28-info-channel-line */
html.m28-configurator-top-preview .cfg-top-preview__slot.is-selected .cfg-top-preview__price {
/* The selected border is one pixel thicker than the empty border. */
margin-bottom: -1px;
}
/* 28BIT configurator preview: compact summary. */
html.m28-configurator-top-preview .cfg-top-preview__intro-title {
margin-bottom: 4px;
}
html.m28-configurator-top-preview .cfg-top-preview__intro-text {
display: none;
}
html.m28-configurator-top-preview .cfg-top-preview__summary {
margin-top: 0;
padding: 7px 10px;
background: color-mix(in srgb, var(--cfg-top-card-bg) 91%, currentColor);
}
html.m28-configurator-top-preview .cfg-top-preview__intro-actions {
margin-top: 6px;
}
html.m28-configurator-top-preview .cfg-top-preview__clear {
padding: 4px 2px;
border-radius: 8px;
background-color: rgb(128 128 128 / 9%);
}
@media (min-width: 768px) {
html.m28-configurator-top-preview .cfg-top-preview__intro {
justify-content: center;
margin-block: 5px;
padding: 10px;
border: 1px solid var(--up-border-color);
border-radius: 12px;
background: var(--cfg-top-card-bg);
}
}
/* Kingston NV3 promo in the SSD category: match the shorter product banner ratio. */
main.category .products__promo-row > img[src*="/shop/skcatimage/63/"] {
aspect-ratio: 45 / 8;
object-fit: cover;
object-position: center;
}
/* BEGIN m28-storefront-compact-spacing */
main.up-main.up-main-blocks {
padding-block-start: 20px;
}
main.up-main > .product__blocks.flex {
row-gap: 24px;
padding-block-start: 12px;
}
main.up-main > .up-checkout-order.grid,
main.up-main > .up-checkout-order > .up-checkout-order__column.flex {
gap: 16px;
}
@media (min-width: 768px) and (max-width: 1179.98px) {
main.up-main > .product__column > .product__blocks.flex {
row-gap: 24px;
padding-block-start: 16px;
}
}
@media (min-width: 1180px) {
main.up-main.up-main-blocks {
row-gap: 16px;
padding-block-end: 40px;
}
main.up-main > .breadcrumbs + h1 {
margin-block-start: -6px;
}
main.up-main > .up-main__wrap.grid,
main.up-main > .product__three.grid,
main.up-main .products-items > .products.grid {
gap: 16px;
}
main.up-main .up-main__content.up-main-blocks.flex {
row-gap: 16px;
}
main.up-main > .cfg-top-preview,
main.up-main .up-main__content > .cfg-top-preview {
margin-block-end: 0;
}
main.up-main.category > #fps-filter {
margin-block: 0;
}
main.up-main .up-main__content > .m28-popular-links ~ .c-sorting {
margin-block-start: -4px;
}
main.up-main .up-main__sidebar .sidebar__wrap {
row-gap: 24px;
}
main.up-main.category [class~="s-up-configurator.catalog.compatible.filter"]:has(+ .s-up-filters) {
margin-block-end: -16px;
}
}
/* END m28-storefront-compact-spacing */
/* m28-order-history: authenticated orders, filters and Notik contact rail */
.m28-order-history { display:grid; min-width:0; gap:24px; align-items:start; }
.m28-order-history--with-contact { grid-template-columns:minmax(0,1fr) minmax(245px,28%); }
.m28-order-history__results { min-width:0; }
.m28-order-history__filter,
.m28-order-history__contact,
.m28-order-history__empty { padding:18px; border:var(--up-border); border-radius:var(--up-border-radius,16px); background:var(--up-block-bg,var(--up-children-bg)); }
.m28-order-history__filter { display:grid; gap:14px; margin-bottom:18px; }
.m28-order-history__filter label { display:grid; min-width:0; gap:6px; font-size:13px; }
.m28-order-history__search > span { font-size:16px; font-weight:600; }
.m28-order-history__filter :is(input,select) { width:100%; min-width:0; min-height:40px; border:var(--up-border); background:var(--up-body-bg); }
.m28-order-history__fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.m28-order-history__actions { display:flex; align-items:center; gap:16px; }
.m28-order-history__count { margin:0 0 12px; }
.m28-order-history__match { display:grid; gap:4px; margin:12px 0 0; font-size:13px; overflow-wrap:anywhere; }
.m28-order-history__match strong { font-size:12px; }
.m28-order-history__empty p { margin:8px 0 12px; }
.m28-order-history__contact .m28-account-subscriptions { margin:0; min-width:0; }
.m28-order-history__contact .m28-orders-hub__chats { display:grid; grid-template-columns:minmax(0,1fr); gap:8px; margin:12px 0; }
.m28-order-history__contact .m28-orders-hub__chat { width:100%; }
.m28-order-history__contact .m28-warranty-channel { flex-direction:column; align-items:stretch; padding:12px 0 0; border-bottom:0; }
.m28-order-history__contact .m28-warranty-channel .btn { width:100%; }
@media (max-width:1050px) {
.m28-order-history--with-contact { grid-template-columns:minmax(0,1fr); }
.m28-order-history__contact .m28-orders-hub__chats { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:540px) {
.m28-order-history { gap:14px; }
.m28-order-history__filter, .m28-order-history__contact { padding:14px; }
.m28-order-history__fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
.m28-order-history__fields label:last-child { grid-column:1/-1; }
.m28-order-history__contact .m28-orders-hub__chats { grid-template-columns:minmax(0,1fr); }
}
/* BEGIN m28-info-sidebar-gap */
@media (min-width: 1180px) {
main.up-main > .up-main__wrap.grid:has(> .up-main__sidebar .s-up-left-nav):has(> .up-main__content > .up-page) {
column-gap: 32px;
}
}
/* END m28-info-sidebar-gap */
/* BEGIN m28-category-reviews-all */
main.category:has(.m28-category-reviews-all) .reviews.js-reviews .js-reviews-wrap > .pagination:has(> .js-reviews-pagination) {
display: none;
}
/* END m28-category-reviews-all */
/* BEGIN m28-home-transparent-gallery-covers */
html .blocks__item-photo-albums .posts__img.m28-gallery-cover {
background: transparent;
}
html .blocks__item-photo-albums .posts__img.m28-gallery-cover img {
object-fit: contain;
}
/* END m28-home-transparent-gallery-covers */
/* BEGIN m28-gallery-matte-cards */
main.photos .m28-photo-toolbar + .up-photos__albums {
align-items: stretch;
gap: 12px;
}
main.photos .m28-photo-toolbar + .up-photos__albums .up-photos__albums-item {
flex-direction: column;
align-items: stretch;
border-radius: 10px;
overflow: hidden;
background: #f4f4f4;
}
html[data-up-theme="dark"] main.photos .m28-photo-toolbar + .up-photos__albums .up-photos__albums-item {
background: #2e2e2e;
}
main.photos .m28-photo-toolbar + .up-photos__albums .up-photos__albums-img {
flex: none;
aspect-ratio: 1.26;
border-radius: 0;
}
main.photos .m28-photo-toolbar + .up-photos__albums .up-photos__albums-name {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
max-height: 3lh;
overflow: hidden;
overflow-wrap: anywhere;
margin: 3px 12px 0;
padding: 0;
font-size: 14px;
font-weight: 500;
line-height: 1.35;
}
main.photos .m28-photo-toolbar + .up-photos__albums .up-photos__albums-count {
margin: auto 0 0;
padding: 4px 12px 13px;
font-size: 12px;
}
@media (max-width: 560px) {
main.photos .m28-photo-toolbar + .up-photos__albums {gap: 8px;}
main.photos .m28-photo-toolbar + .up-photos__albums .up-photos__albums-name {margin-inline: 9px;}
main.photos .m28-photo-toolbar + .up-photos__albums .up-photos__albums-count {padding: 4px 9px 10px;}
}
/* END m28-gallery-matte-cards */
/* BEGIN m28-mobile-product-panel-surfaces */
@media (max-width: 1179.98px) {
main.up-main.product form.product__column {
--m28-product-panel-bg: transparent;
}
html[data-up-theme="dark"] main.up-main.product form.product__column {
--m28-product-panel-bg: var(--up-theme-blocks-bg);
}
main.up-main.product form.product__column > :is(
.flexdiscount-available-discount:has(> .m28-discounts > .m28-discount),
.product__item:has(> .js-product-services),
button.fpsrating-summary
) {
background-color: var(--m28-product-panel-bg);
}
main.up-main.product form.product__column > :is(
.flexdiscount-available-discount:has(> .m28-discounts > .m28-discount),
.product__item:has(> .js-product-services)
) {
border-radius: var(--up-border-radius);
box-shadow: var(--up-box-shadow-hover);
padding: var(--up-rem-l);
}
main.up-main.product form.product__column > .flexdiscount-available-discount > .m28-discounts > .m28-discount:last-child {
margin-block-end: 0;
}
}
/* END m28-mobile-product-panel-surfaces */
/* BEGIN m28-fpsrating-compact-summary */
@media (max-width: 1179.98px) {
main button.fpsrating-summary:has(.fpsrating-summary__unit) {padding-block:8px; row-gap:4px;}
main .fpsrating-summary__values:has(.fpsrating-summary__unit) > span {gap:2px; padding-block:0;}
main .fpsrating-summary__values:has(.fpsrating-summary__unit) small {line-height:1.1;}
main .fpsrating-summary__values:has(.fpsrating-summary__unit) strong {line-height:1.15;}
main .fpsrating-summary__unit {line-height:1.1;}
@container fps-summary (max-width:388px) {
main button.fpsrating-summary:has(.fpsrating-summary__unit) .fpsrating-summary__icon {width:28px;height:28px;flex-basis:28px;}
main button.fpsrating-summary:has(.fpsrating-summary__unit) .fpsrating-summary__main {gap:1px;}
main button.fpsrating-summary:has(.fpsrating-summary__unit) .fpsrating-summary__arrow {height:28px;}
main button.fpsrating-summary:has(.fpsrating-summary__unit) .fpsrating-summary__title {line-height:1.2;}
main button.fpsrating-summary:has(.fpsrating-summary__unit) .fpsrating-summary__profile {line-height:1.2;}
}
}
/* END m28-fpsrating-compact-summary */
/* BEGIN m28-mobile-catalog-top-level */
.up-mobile.js-mobile .up-mobile__block[data-block-id="catalog-all"] > .up-mobile__content > .mobile-nav-row__wrap > .mobile-nav-row__childs,
.up-mobile.js-mobile .up-mobile__block[data-block-id="catalog-all"] > .up-mobile__content > .mobile-nav-row__wrap > .mobile-nav-row__item > .mobile-nav-row__down {
display: none;
}
/* END m28-mobile-catalog-top-level */