[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,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%23012bdc'/></svg>")!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,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%23ffffff'/></svg>")!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 {
    --up-flex-direction: row;
}
html.m28-product-viewed-compact .s-products__img-height {
    height: auto;
    width: 50px;
}
html.m28-product-viewed-compact .s-products__name {
    font-size: .75rem;
    -webkit-line-clamp: 2;
}
html.m28-product-viewed-compact .s-products__prices .prices__compare {
    font-size: .75rem;
}
html.m28-product-viewed-compact .s-products__prices .prices__price {
    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 {
	font-size: 1rem;
	line-height: 1.35;
}

/* M28 home recommendations: use the compact catalog-card title size. */
html.m28-catalog-compact-cards .blocks__item-products-1 .products__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 catalog-card row. */
html.m28-catalog-stock-bonus .products.grid > .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.grid > .products__item .m28-stock-bonus-row .products__stocks,
html.m28-catalog-stock-bonus .products.grid > .products__item .m28-stock-bonus-row .products__footer-meta--bonus,
html.m28-catalog-stock-bonus .products.grid > .products__item .m28-stock-bonus-row .products__bonus {
	width: auto;
	margin: 0;
	padding: 0;
}

html.m28-catalog-stock-bonus .products.grid > .products__item .m28-stock-bonus-row .bonus__wrap {
	white-space: nowrap;
}

html.m28-catalog-stock-bonus .products.grid > .products__item .m28-stock-bonus-row .products__stocks,
html.m28-catalog-stock-bonus .products.grid > .products__item .m28-stock-bonus-row .products__stock,
html.m28-catalog-stock-bonus .products.grid > .products__item .m28-stock-bonus-row .stock {
	flex-wrap: nowrap;
	white-space: nowrap;
}

html.m28-catalog-stock-bonus .products.grid > .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.grid > .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.grid > .products__item .m28-stock-bonus-row .products__footer-meta--bonus,
	html.m28-catalog-stock-bonus .products.grid > .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}}