.header-two__logo img {
    max-width: 180px;
}

.header-two__main {
    justify-content: space-evenly;
}

@media (min-width: 991.98px) {
.block_main_left_menu__container {
    display: flex;
    flex-direction: column;
}

.filter-vertical {
order: 1;
}

.block_main_left_menu__list {
order: 2;
}
}

.product_card__inner .product-card-inner__img-wrapper .product-card-inner__img-link > img {
object-fit: contain;
}

.product-card-inner__img-wrapper {
height: 265px;
}

@media (max-width: 768px) {
.block__product_cards.block__product_cards--mobile-min .product_card__block_item-4 {
    width: calc((100% - 10px) / 2);
}

.block__product_cards.block__product_cards--mobile-min .product_card__block_item:nth-child(3n) {
    margin-right: 10px;
}

.block__product_cards.block__product_cards--mobile-min .product_card__block_item:nth-child(2n) {
    margin-right: 0;
}

}

/* --- DEV-54: Dark-mode fixes for basket + checkout pages --- */

/* Basket page */
body.sg-redesign #basket-root,
body.sg-redesign .basket-checkout-container,
body.sg-redesign .basket-items-list-wrapper,
body.sg-redesign .basket-items-list-wrapper-compact,
body.sg-redesign .basket-items-list-header {
    background: var(--sg-bg-elevated) !important;
    border-color: var(--sg-border) !important;
    color: var(--sg-text) !important;
    border-radius: 12px !important;
}

body.sg-redesign .basket-items-list-header {
    border-bottom: 1px solid var(--sg-border) !important;
    border-radius: 12px 12px 0 0 !important;
}

body.sg-redesign .basket-items-list-wrapper .form-control,
body.sg-redesign .basket-checkout-container .form-control,
body.sg-redesign .basket-items-search-field .form-control {
    background: var(--sg-bg) !important;
    border: 1px solid var(--sg-border) !important;
    color: var(--sg-text) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

body.sg-redesign .basket-items-search-field .form-control::placeholder,
body.sg-redesign .basket-checkout-container .form-control::placeholder {
    color: var(--sg-text-muted) !important;
}

body.sg-redesign .basket-item-info-name,
body.sg-redesign .basket-item-info-name-link,
body.sg-redesign .basket-checkout-block-total-title,
body.sg-redesign .basket-checkout-block-total-description,
body.sg-redesign .basket-item-property-name,
body.sg-redesign .basket-item-property-value,
body.sg-redesign .basket-item-property-custom-name,
body.sg-redesign .basket-item-property-custom-value,
body.sg-redesign .basket-items-list-header-filter-item,
body.sg-redesign .basket-items__clear-title,
body.sg-redesign .basket-block-notification,
body.sg-redesign .basket-block-notification * {
    color: var(--sg-text) !important;
}

body.sg-redesign .basket-btn-oc,
body.sg-redesign .basket-btn-checkout,
body.sg-redesign .basket-btn-oc .btn,
body.sg-redesign .basket-btn-checkout .btn {
    border-radius: 12px !important;
}

/* Basket: "Оформить заказ" button text must be dark (bg is light) */
body.sg-redesign .basket-checkout-block-btn .basket-btn-checkout {
    color: var(--sg-bg) !important;
}

/* Basket: breadcrumbs + prices/sums should be readable */
body.sg-redesign .breadcrumb a,
body.sg-redesign .breadcrumb span {
    color: var(--sg-text) !important;
}

body.sg-redesign .basket-item-price-current,
body.sg-redesign .basket-item-price-current-text,
body.sg-redesign .basket-coupon-block-total-price-current {
    color: var(--sg-text) !important;
}

body.sg-redesign .basket-item-price-old,
body.sg-redesign .basket-coupon-block-total-price-old {
    color: var(--sg-text-muted) !important;
}

/* Order make page (sale.order.ajax) */
body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 {
    color: var(--sg-text) !important;
}

body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-section,
body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-cart-total,
body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-page-block,
body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .alert {
    background: var(--sg-bg-elevated) !important;
    border: 1px solid var(--sg-border) !important;
    color: var(--sg-text) !important;
    border-radius: 12px !important;
}

/* Alert backgrounds (danger/success/warning) should keep their meaning */
body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .alert {
    border-radius: 12px !important;
}

body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-section-title,
body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-cart-total-line,
body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-page-title,
body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-page-description,
body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-coupon-label,
body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-info-title,
body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-info-text {
    color: var(--sg-text) !important;
}

body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-button,
body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-button:hover {
    background: transparent !important;
    border-color: var(--sg-border) !important;
    color: var(--sg-text) !important;
    border-radius: 12px !important;
}

body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-button-colored,
body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-button.bx-soa-button-colored {
    background: var(--main-color) !important;
    border-color: var(--main-color) !important;
    color: var(--sg-bg) !important;
}

body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-button-colored:hover,
body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-button.bx-soa-button-colored:hover {
    background: var(--main-color-hover) !important;
    border-color: var(--main-color-hover) !important;
    color: var(--sg-bg) !important;
}

body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1
    .bx-soa-page.bx-soa-page-empty .bx-soa-page-title {
    color: var(--sg-text-muted) !important;
}

body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1
    .bx-soa-page.bx-soa-page-empty .bx-soa-page-description {
    color: var(--sg-text) !important;
}

body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 textarea.form-control,
body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 select,
body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .form-control {
    background: var(--sg-bg) !important;
    border: 1px solid var(--sg-border) !important;
    color: var(--sg-text) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 input::placeholder,
body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 textarea::placeholder {
    color: var(--sg-text-muted) !important;
}

/* Order make: remove "blue" accents (radio/checkbox + selected blocks) */
body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-checkbox input:checked + .bx-soa-part-selector,
body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-radiobox input:checked + .bx-soa-part-selector {
    background-color: var(--sg-bg-elevated) !important;
    border-color: var(--sg-border-hover) !important;
}

body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-checkbox:hover .bx-soa-part-selector,
body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-radiobox:hover .bx-soa-part-selector,
body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-checkbox:active .bx-soa-part-selector,
body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-radiobox:active .bx-soa-part-selector {
    background-color: var(--sg-bg-elevated) !important;
    border-color: var(--sg-border-hover) !important;
}

body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-pp-item-container .bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container,
body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-pp-item-container .bx-soa-pp-company:hover .bx-soa-pp-company-graf-container {
    background-color: var(--sg-bg-elevated) !important;
    border-color: var(--sg-border-hover) !important;
}

body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .radio-inline:hover label:before,
body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .radio-inline.radio-inline-checked label:before {
    background-color: var(--sg-bg-elevated) !important;
    border-color: var(--sg-border-hover) !important;
}

/* Order make: override hardcoded dark labels that become unreadable on dark bg */
body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .radio-inline label {
    color: var(--sg-text) !important;
}

body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .radio-inline.radio-inline-checked label:after {
    opacity: 1 !important;
    background: var(--sg-text) !important;
}

body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-item-title a {
    color: var(--sg-text) !important;
}

/* Order make: pickup-company title is hardcoded black in component styles */
body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-pp-item-container .bx-soa-pp-company-smalltitle {
    color: var(--sg-text) !important;
}

/* Order make: quick-location tags contain hardcoded blue */
body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-sls .quick-location-tag,
body.sg-redesign .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-slst .quick-location-tag {
    background: var(--sg-bg-elevated) !important;
    border: 1px solid var(--sg-border) !important;
    color: var(--sg-text) !important;
}