/* Start:/local/templates/grand-bar_mkhdev/components/bitrix/sale.basket.basket.line/bootstrap_v5/style.css?17919840978435*/
.bx-basket { }

/* =========================================================
   GRAND BAR: обертка корзины в шапке
   ========================================================= */
.gb-basket-line {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 8px;
	font-family: inherit;
}

/* =========================================================
   Блок пользователя (имя / Выйти / Вход)
   ========================================================= */
.gb-author-block {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 6px 14px;
	margin: 0;
	padding-left: 0;
	font-size: 13px;
}

.gb-author-link {
	color: var(--gb-text-main, #1d1d1b);
	font-weight: 500;
	text-decoration: none !important;
	border-bottom: none !important;
	transition: color 0.2s;
}

.gb-author-link:hover {
	color: var(--gb-yellow, #F9A91D);
}

.gb-author-logout {
	margin: 0;
	color: #9ca3af !important;
	font-weight: 400;
	font-size: 12px;
}

.gb-author-logout:hover {
	color: #1d1d1b !important;
}

.gb-author-block .basket-line-block-icon-profile {
	padding-left: 22px;
}

.gb-author-block .basket-line-block-icon-profile:after {
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	background-size: contain;
	opacity: 0.7;
}

/* =========================================================
   Корзина: широкая карточка
   ========================================================= */
.gb-cart-block {
	padding-left: 0;
	white-space: normal;
	font-size: 14px;
}

.gb-cart-link {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 200px;
	padding: 8px 20px 8px 8px;
	border: 1px solid #eceef1;
	border-radius: 16px;
	background: #ffffff;
	color: var(--gb-text-main, #1d1d1b);
	text-decoration: none !important;
	text-align: left;
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05);
	box-sizing: border-box;
	transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
}

.gb-cart-link:hover {
	border-color: var(--gb-yellow, #F9A91D);
	box-shadow: 0 8px 18px rgba(249, 169, 29, 0.22);
	transform: translateY(-1px);
	color: var(--gb-text-main, #1d1d1b);
}

.gb-cart-link.basket-line-block-icon-cart:after {
	display: none;
}

/* иконка в мягком желтом круге */
.gb-cart-icon-wrap {
	position: relative;
	flex-shrink: 0;
	display: block;
	width: 46px;
	height: 46px;
	margin: 0;
	border-radius: 50%;
	background: #FFF4DE no-repeat center url(/local/templates/grand-bar_mkhdev/components/bitrix/sale.basket.basket.line/bootstrap_v5/images/cart.svg);
	background-size: 24px 24px;
	transition: background-color 0.2s;
}

.gb-cart-link:hover .gb-cart-icon-wrap {
	background-color: #FFE7B8;
}

/* счетчик товаров */
.gb-cart-count {
	position: absolute;
	top: -3px;
	right: -3px;
	min-width: 20px;
	height: 20px;
	padding: 0 5px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--gb-yellow, #F9A91D);
	color: #1d1d1b;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	border-radius: 999px;
	border: 2px solid #fff;
	box-sizing: border-box;
}

/* текст справа от иконки: «Корзина» и сумма */
.gb-cart-info {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
	line-height: 1.2;
}

.gb-cart-label {
	font-weight: 700;
	font-size: 15px;
	line-height: 1.2;
}

.gb-cart-total {
	display: block;
	margin-top: 3px;
	font-size: 12px;
	line-height: 1.3;
	white-space: nowrap;
	color: var(--gb-text-muted, #6b7280);
}

.gb-cart-total strong {
	color: var(--gb-text-main, #1d1d1b);
	font-weight: 700;
}

@media (max-width: 767px) {
	.gb-basket-line {
		align-items: center;
	}

	.gb-author-block {
		justify-content: center;
	}

	.gb-cart-link {
		min-width: 170px;
		padding: 6px 14px 6px 6px;
		gap: 10px;
	}

	.gb-cart-icon-wrap {
		width: 38px;
		height: 38px;
		background-size: 20px 20px;
	}

	.gb-cart-label {
		font-size: 14px;
	}
}

/* =========================================================
   Стандартные стили Битрикса (без изменений)
   ========================================================= */
.basket-line-block {
	position: relative;
	padding-left: 25px;
	white-space: nowrap;
	font-size: 13px;
}

.basket-line-block-icon-cart,
.basket-line-block-icon-profile {
	position: relative;
	margin-right: 10px;
}

.basket-line-block-icon-cart:after,
.basket-line-block-icon-profile:after {
	position: absolute;
	top: -1px;
	left: -25px;
	display: block;
	width: 20px;
	height: 20px;
	content: '';
}

.basket-line-block-icon-profile:after { background: no-repeat center url(/local/templates/grand-bar_mkhdev/components/bitrix/sale.basket.basket.line/bootstrap_v5/images/profile.svg); }

.basket-line-block-icon-cart:after { background: no-repeat center url(/local/templates/grand-bar_mkhdev/components/bitrix/sale.basket.basket.line/bootstrap_v5/images/cart.svg); }

/*FIXED BASKET*/

@media (min-width: 768px) {
	.bx-basket-fixed {
		position: fixed;
		z-index: 998;
		overflow: hidden;
		padding-top: 10px;
		width: 200px;
		border: 1px solid #f0f0f0;
		border-radius: 1px;
		background: #fff;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	}

	.bx-basket-fixed.top { top: 10px }

	.bx-basket-fixed.right { right: 10px }

	.bx-basket-fixed.bottom { bottom: 10px }

	.bx-basket-fixed.left { left: 10px }

	.bx-basket-fixed.bx-max-height { top: 10px; bottom: 10px; }
}

@media (max-width: 767px) {
	.bx-basket-fixed {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 998;
		overflow: hidden;
		padding-top: 10px;
		border: 1px solid #f0f0f0;
		border-radius: 1px;
		background: #fff;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	}

	.bx-basket-fixed.vcenter {
		bottom: 10px;
		top: auto !important;
	}

	.bx-basket-item-list { display: none; }
}

.bx-basket-fixed .basket-line-block { margin-left: 10px; }

.bx-basket-item-list {
	position: relative;
	overflow: hidden;
	padding-bottom: 20px;
	border-top: 1px solid #f7f7f7;
}

.bx-opener .bx-basket-item-list { padding-bottom: 75px; }

.bx-max-height .bx-basket-item-list {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}

.bx-closed .bx-basket-item-list {
	overflow: hidden;
	height: 20px;
}

.bx-basket-item-list-action {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 120;
	padding: 3px 0;
	height: 20px;
	background: #f7f7f7;
	color: #4f4f4f;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	cursor: pointer;
}

.bx-basket-item-list-button-container {
	position: absolute;
	right: 0;
	bottom: 20px;
	left: 0;
	padding: 10px 0;
	border-top: 1px solid #f7f7f7;
	background: #fff;
	text-align: center;
}

.bx-basket-item-list-container {
	overflow-y: auto;
	max-height: 100%
}

.bx-basket-item-list-item {
	position: relative;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom: 1px solid #f7f7f7;
}

.bx-basket-item-list-container .bx-basket-item-list-item:last-child {
	margin-bottom: 0;
	border-bottom: none;
}

.bx-basket-item-list-item-status {
	margin: 0 10px 20px;
	padding: 3px;
	border-radius: 3px;
	background: #ebebeb;
	text-align: center;
	white-space: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
}

.bx-basket-item-list-item-img {
	position: relative;
	padding-bottom: 5px;
	text-align: center;
}

.bx-basket-item-list-item-img img {
	max-width: 90px;
	height: auto;
	border: 1px solid #e6e6e6;
}

.bx-basket-item-list-item-name { padding-bottom: 5px; }

.bx-basket-item-list-item-name a {
	font-size: 13px;
	line-height: 16px;
}

.bx-basket-item-list-item-remove {
	position: absolute;
	top: -7px;
	right: 10px;
	width: 20px;
	height: 20px;
	opacity: .5;
	cursor: pointer;
	transition: 250ms linear all;
}

.bx-basket-item-list-item-remove:after,
.bx-basket-item-list-item-remove:before {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 10px;
	height: 2px;
	border-radius: 1px;
	background-color: #333;
	content: '';
	transform: translate(-50%, -50%);
}

.bx-basket-item-list-item-remove:after {
	transform: translate(-50%, -50%) rotate(45deg);
}

.bx-basket-item-list-item-remove:before {
	transform: translate(-50%, -50%) rotate(135deg);
}

.bx-basket-item-list-item-remove:hover { opacity: .7; }

.bx-basket-item-list-item-price-block {
	padding-bottom: 5px;
	font-size: 12px;
}

.bx-basket-item-list-item-price {
	display: inline-block;
	margin-right: 5px;
}

.bx-basket-item-list-item-price-old {
	display: inline-block;
	margin-right: 5px;
	color: #b0b0b0;
	text-decoration: line-through
}

.bx_cart_login_top .basket-line { line-height: 1.44em; }
/* End */


/* Start:/local/templates/grand-bar_mkhdev/components/bitrix/menu/top_nav/style.css?17926777268436*/
.gb-nav-list-wrapper {
    display: block;
    flex: 1;
}

.gb-nav-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
    margin: 0;
    padding: 0.75rem 0;
    list-style: none;
}

.gb-nav-item {
    padding: 0.25rem 0.75rem;
}

.gb-nav-item .nav-link,
.gb-nav-item .nav-link:hover,
.gb-nav-item .nav-link:focus {
    text-decoration: none;
    border-bottom: none;
}

.gb-nav-item .nav-link {
    color: var(--gb-text-main);
    font-weight: 500;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.gb-nav-item .nav-link:hover {
    color: #000;
}

.gb-nav-link-selected {
    text-decoration: none !important;
    background: rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* =========================================================
   «Наши клиенты» — строгая контурная кнопка
   ========================================================= */
.gb-nav-item .nav-link[href*="/clients"] {
    border: 1.5px solid rgba(0, 0, 0, 0.55) !important;
    border-radius: 4px;
    background: transparent;
    color: #1f1f1f;
    font-weight: 600;
    letter-spacing: 0.01em;
}

.gb-nav-item .nav-link[href*="/clients"]:hover {
    background: #2b2b2b !important;
    border-color: #2b2b2b !important;
    color: #ffffff !important;
}

.gb-nav-item .nav-link[href*="/clients"].gb-nav-link-selected,
.gb-nav-item.gb-nav-link-selected .nav-link[href*="/clients"] {
    background: #2b2b2b !important;
    border-color: #2b2b2b !important;
    color: #ffffff !important;
}

.gb-nav-item:has(.nav-link[href*="/clients"])::before,
.gb-nav-item:has(.nav-link[href*="/clients"]) + .gb-nav-item::before {
    display: none;
}

/* =========================================================
   «Мой кабинет» — иконка пользователя + мягкая подложка
   ========================================================= */
.gb-nav-item .nav-link[href*="/personal"] {
    display: inline-flex !important;
    align-items: center;
    gap: 0.45rem;
    border-radius: 999px !important;
    background: rgba(0, 0, 0, 0.08);
    color: #1f1f1f;
    font-weight: 600;
}

.gb-nav-item .nav-link[href*="/personal"]::before {
    content: "";
    display: inline-block;
    flex-shrink: 0;
    width: 1.05rem;
    height: 1.05rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f1f1f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4.4 3.6-8 8-8s8 3.6 8 8'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
    transition: filter 0.2s ease;
}

.gb-nav-item .nav-link[href*="/personal"]:hover {
    background: rgba(0, 0, 0, 0.16) !important;
    color: #000 !important;
}

/* на страницах кабинета — темная заливка, иконка белая */
.gb-nav-item .nav-link[href*="/personal"].gb-nav-link-selected,
.gb-nav-item.gb-nav-link-selected .nav-link[href*="/personal"] {
    background: #2b2b2b !important;
    color: #ffffff !important;
}

.gb-nav-item .nav-link[href*="/personal"].gb-nav-link-selected::before,
.gb-nav-item.gb-nav-link-selected .nav-link[href*="/personal"]::before {
    filter: invert(1);
}

.gb-nav-item:has(.nav-link[href*="/personal"])::before {
    display: none;
}

/* Десктоп: строго одна строка, разделители, подложка при наведении */
@media (min-width: 992px) {
    .gb-nav-list {
        flex-wrap: nowrap !important;
        justify-content: space-between;
        width: 100%;
        padding: 0.85rem 0;
        gap: 0.25rem;
    }

    .gb-nav-item {
        position: relative;
        flex: 0 1 auto;
        min-width: 0;
        padding: 0 !important;
        float: none !important;
        width: auto !important;
    }

    .gb-nav-item + .gb-nav-item::before {
        content: "";
        position: absolute;
        left: -0.15rem;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        height: 1.2em;
        background: rgba(0, 0, 0, 0.2);
    }

    .gb-nav-item .nav-link {
        display: block;
        padding: 0.5rem 0.9rem;
        border-radius: 4px;
        white-space: nowrap;
    }

    .gb-nav-item .nav-link:hover {
        background: rgba(0, 0, 0, 0.08);
    }

    .gb-nav-item .nav-link[href*="/clients"] {
        padding: 0.4rem 0.9rem;
    }

    .gb-nav-item .nav-link[href*="/personal"] {
        padding: 0.45rem 1rem 0.45rem 0.85rem;
    }

    .gb-nav-link-selected {
        font-weight: 600;
    }
}

/* Узкий десктоп: компактнее, чтобы 7 пунктов помещались */
@media (min-width: 992px) and (max-width: 1199px) {
    .gb-nav-item .nav-link {
        padding: 0.5rem 0.55rem;
        font-size: 0.9rem;
    }

    .gb-nav-item .nav-link[href*="/clients"] {
        padding: 0.4rem 0.6rem;
    }

    .gb-nav-item .nav-link[href*="/personal"] {
        padding: 0.4rem 0.75rem 0.4rem 0.6rem;
    }
}

/* Планшет: компактнее */
@media (min-width: 768px) and (max-width: 991px) {
    .gb-nav-list {
        padding: 0.5rem 0;
        gap: 0.2rem;
    }

    .gb-nav-item {
        padding: 0.2rem 0.5rem;
    }

    .gb-nav-item .nav-link {
        font-size: 0.9rem;
    }
}

/* Мобильный: меню скрыто, открывается по бургеру */
@media (max-width: 767px) {
    .gb-nav-list-wrapper {
        display: none;
    }

    .gb-nav-list-wrapper.gb-nav-open {
        display: block;
    }

    .gb-nav-list {
        flex-direction: column;
        align-items: flex-start;
        padding: 0.5rem 0;
        gap: 0;
    }

    .gb-nav-item {
        padding: 0.5rem 0;
        width: 100%;
    }

    .gb-nav-item .nav-link {
        display: block;
        padding: 0.35rem 0.5rem;
    }

    .gb-nav-item .nav-link[href*="/clients"] {
        display: inline-block;
        padding: 0.35rem 0.8rem;
    }

    .gb-nav-item .nav-link[href*="/personal"] {
        padding: 0.4rem 0.9rem 0.4rem 0.75rem;
    }
}

/* =========================================================
   GRAND BAR: меню-«капсула» (планшет и компьютер)
   Отдельная скруглённая карточка той же ширины, что баннер,
   лёгкий градиент, блик сверху и мягкая жёлтая тень.
   ========================================================= */
@media (min-width: 768px) {
    .gb-nav {
        position: relative;
        width: calc(100vw - 24px);
        max-width: 1980px;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 4px;
        border-radius: 20px;
        background: linear-gradient(180deg, #FBB637 0%, #F9A91D 55%, #F29E0C 100%) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.45),
            inset 0 -1px 0 rgba(0, 0, 0, 0.06),
            0 10px 24px rgba(249, 169, 29, 0.32),
            0 2px 6px rgba(29, 29, 27, 0.08) !important;
    }

    /* пункты — «таблетки»: светлая подложка при наведении */
    .gb-nav-item .nav-link {
        border-radius: 999px !important;
        transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
    }

    .gb-nav-item .nav-link:not([href*="/clients"]):not([href*="/personal"]):hover {
        background: rgba(255, 255, 255, 0.35) !important;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
        color: #1d1d1b;
    }

    .gb-nav-link-selected:not([href*="/clients"]):not([href*="/personal"]) {
        background: rgba(29, 29, 27, 0.12) !important;
        border-radius: 999px !important;
    }

    /* разделители — мягче */
    .gb-nav-item + .gb-nav-item::before {
        background: rgba(29, 29, 27, 0.16);
    }
}

/* Телефон: полоса меню прежняя, раскрытое по бургеру меню — со скруглённым низом */
@media (max-width: 767px) {
    .gb-nav:has(.gb-nav-list-wrapper.gb-nav-open) {
        border-radius: 0 0 18px 18px;
        box-shadow: 0 10px 22px rgba(249, 169, 29, 0.28) !important;
    }
}
/* End */


/* Start:/local/templates/grand-bar_mkhdev/components/bitrix/breadcrumb/grandbar/style.css?1771921760931*/
.bx-breadcrumb {
	margin: 12px 0 16px;
	padding: 6px 0;
	font-size: 13px;
	color: #9CA3AF;
}
.bx-breadcrumb i {
	color: #D1D5DB;
	line-height: 1;
	font-size: 11px;
	vertical-align: middle;
	margin: 0 6px;
}
.bx-breadcrumb .bx-breadcrumb-item {
	float: left;
	margin-bottom: 0;
	white-space: nowrap;
	line-height: 1.4;
	vertical-align: middle;
	margin-right: 0;
}
.bx-breadcrumb .bx-breadcrumb-item span {
	font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 13px;
	white-space: normal;
}
.bx-breadcrumb .bx-breadcrumb-item a {
	color: #6B7280;
	border-bottom: 1px dotted rgba(107, 114, 128, 0.6);
	text-decoration: none;
	transition: color 0.2s ease, border-color 0.2s ease;
}
.bx-breadcrumb .bx-breadcrumb-item a:hover {
	color: #F9A91D;
	border-bottom-color: rgba(249, 169, 29, 0.9);
}
.bx-breadcrumb .bx-breadcrumb-item:last-child span {
	color: #111827;
	font-weight: 600;
}

/* End */


/* Start:/local/templates/grand-bar_mkhdev/components/bitrix/menu/template/style.min.css?1771359145596*/
.gb-menu,ul.left-menu{list-style:none;margin:0;padding:0}.gb-menu-item,ul.left-menu li{margin-bottom:.35rem}.gb-menu-item:last-child,ul.left-menu li:last-child{margin-bottom:0}.gb-menu-link,ul.left-menu li a{display:inline-block;font-size:.9rem;color:var(--gb-text-muted,#6b7280);text-decoration:none;transition:color .2s}.gb-menu-link:hover,ul.left-menu li a:hover{color:var(--gb-text-main,#1d1d1b)}.gb-menu-link-selected,ul.left-menu li a.selected{color:var(--gb-yellow,#F9A91D);font-weight:600}.gb-menu-link-selected:hover,ul.left-menu li a.selected:hover{color:var(--gb-yellow-dark,#e09005)}

/* End */


/* Start:/local/templates/grand-bar_mkhdev/styles.css?179204928437594*/
/* =========================================================
   GRAND BAR: страница корзины (sale.basket.basket)
   Все правила ограничены #basket-root
   ========================================================= */

#basket-root {
	--gbb-yellow: #F9A91D;
	--gbb-yellow-dark: #e09005;
	--gbb-yellow-soft: #FFF4DE;
	--gbb-text: #1d1d1b;
	--gbb-muted: #6b7280;
	--gbb-border: #eceef1;
	--gbb-radius: 16px;
}

/* единый шрифт сайта для всей корзины */
#basket-root,
#basket-root *:not(i):not([class*="fa-"]) {
	font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

/* ---------- Панель «Итого» + купон ---------- */
#basket-root .basket-checkout-container {
	margin-bottom: 20px;
	padding: 18px 22px;
	border: 1px solid var(--gbb-border);
	border-radius: var(--gbb-radius);
	background: #ffffff;
	box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05);
}

#basket-root .basket-coupon-block-field-description {
	margin-bottom: 6px;
	font-size: 12px;
	color: var(--gbb-muted);
}

#basket-root .basket-coupon-block-field .form-group {
	position: relative;
	margin-bottom: 0;
}

#basket-root .basket-coupon-block-field .form-control {
	height: 42px;
	padding: 0 48px 0 16px;
	border: 1px solid var(--gbb-border);
	border-radius: 999px;
	background: #f9fafb;
	font-size: 14px;
	box-shadow: none;
	transition: border-color 0.2s, box-shadow 0.2s, background-color 0.2s;
}

#basket-root .basket-coupon-block-field .form-control:focus {
	border-color: var(--gbb-yellow);
	background: #ffffff;
	box-shadow: 0 0 0 3px rgba(249, 169, 29, 0.18);
	outline: none;
}

/* кнопка применения купона: круг по центру справа */
#basket-root .basket-coupon-block-coupon-btn {
	position: absolute !important;
	top: 50% !important;
	right: 6px !important;
	bottom: auto !important;
	width: 30px !important;
	height: 30px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 50% !important;
	background: var(--gbb-yellow-soft) no-repeat center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 6 15 12 9 18'/%3E%3C/svg%3E") !important;
	background-size: 14px 14px !important;
	box-shadow: none !important;
	opacity: 1 !important;
	transform: translateY(-50%);
	cursor: pointer;
	transition: background-color 0.2s;
}

#basket-root .basket-coupon-block-coupon-btn::before,
#basket-root .basket-coupon-block-coupon-btn::after {
	display: none !important;
}

#basket-root .basket-coupon-block-coupon-btn:hover {
	background-color: var(--gbb-yellow) !important;
}

#basket-root .basket-checkout-block-total-title {
	font-size: 15px;
	font-weight: 600;
	color: var(--gbb-muted);
}

#basket-root .basket-checkout-block-total-description {
	font-size: 11px;
	color: #9ca3af;
}

#basket-root .basket-coupon-block-total-price-current {
	font-size: 28px;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: var(--gbb-text);
}

#basket-root .basket-coupon-block-total-price-old {
	font-size: 14px;
	color: #9ca3af;
}

#basket-root .basket-coupon-block-total-price-difference {
	font-size: 12px;
	color: #16a34a;
}

#basket-root .basket-btn-checkout {
	min-width: 190px;
	padding: 0.8rem 1.8rem !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	box-shadow: 0 6px 14px rgba(249, 169, 29, 0.35) !important;
}

#basket-root .basket-btn-checkout:hover {
	box-shadow: 0 10px 20px rgba(249, 169, 29, 0.45) !important;
}

/* ---------- Карточка списка товаров ---------- */
#basket-root .basket-items-list-wrapper {
	overflow: hidden;
	border: 1px solid var(--gbb-border);
	border-radius: var(--gbb-radius);
	background: #ffffff;
	box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05);
}

#basket-root .basket-items-list-header {
	padding: 14px 22px;
	border-bottom: 1px solid var(--gbb-border);
	background: #fafafa;
}

#basket-root .basket-items-search-field .form-control,
#basket-root .basket-items-list-header-filter .form-control {
	height: 38px;
	padding: 0 36px 0 16px;
	border: 1px solid var(--gbb-border);
	border-radius: 999px;
	background: #ffffff;
	font-size: 14px;
	box-shadow: none;
}

#basket-root .basket-items-search-field .form-control:focus {
	border-color: var(--gbb-yellow);
	box-shadow: 0 0 0 3px rgba(249, 169, 29, 0.18);
	outline: none;
}

#basket-root .basket-items-list-header-filter-item {
	font-size: 13px;
	font-weight: 600;
	color: var(--gbb-text);
	text-decoration: none;
	border-bottom: none;
}

/* кнопка «Очистить корзину» (добавляется в шапку списка) */
#basket-root .gb-basket-clear {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-left: 16px;
	padding: 6px 14px;
	border: 1px solid #f3d0d0;
	border-radius: 999px;
	background: #ffffff;
	color: #b91c1c;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
	transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}

#basket-root .gb-basket-clear::before {
	content: "";
	width: 14px;
	height: 14px;
	background: no-repeat center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b91c1c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 6 5 6 21 6'/%3E%3Cpath d='M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6'/%3E%3Cpath d='M10 11v6M14 11v6'/%3E%3Cpath d='M9 6V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2'/%3E%3C/svg%3E");
	background-size: contain;
}

#basket-root .gb-basket-clear:hover {
	border-color: #dc2626;
	background: #fef2f2;
	color: #991b1b;
}

#basket-root .gb-basket-clear[disabled] {
	opacity: 0.5;
	cursor: wait;
}

/* ---------- Строка товара ---------- */
#basket-root .basket-items-list-item-container {
	transition: background-color 0.2s;
}

#basket-root .basket-items-list-item-container:hover {
	background: #fffcf6;
}

#basket-root .basket-items-list-item-container > td,
#basket-root .basket-items-list-item-descriptions,
#basket-root .basket-items-list-item-amount,
#basket-root .basket-items-list-item-price,
#basket-root .basket-items-list-item-remove {
	border-color: var(--gbb-border) !important;
}

/* фото */
#basket-root .basket-item-block-image {
	padding: 8px;
	border-radius: 12px;
	background: #f7f7f8;
}

#basket-root .basket-item-image {
	border-radius: 8px;
	mix-blend-mode: multiply;
}

/* название и свойства */
#basket-root .basket-item-info-name,
#basket-root .basket-item-info-name-link {
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35;
	color: var(--gbb-text);
	text-decoration: none;
}

#basket-root .basket-item-info-name-link:hover {
	color: var(--gbb-yellow-dark);
}

#basket-root .basket-item-property-name,
#basket-root .basket-item-property-custom-name {
	font-size: 12px;
	color: #9ca3af;
}

#basket-root .basket-item-property-value,
#basket-root .basket-item-property-custom-value {
	font-size: 12px;
	font-weight: 500;
	color: var(--gbb-muted);
}

/* цена за единицу */
#basket-root .basket-item-price-current-text {
	font-size: 15px;
	font-weight: 600;
	color: var(--gbb-text);
}

#basket-root .basket-item-price-title {
	font-size: 11px;
	color: #9ca3af;
}

/* ---------- Количество: «таблетка» с круглыми кнопками ---------- */
#basket-root .basket-item-block-amount {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 4px;
	border: 1px solid var(--gbb-border);
	border-radius: 999px;
	background: #ffffff;
}

#basket-root .basket-item-amount-btn-minus,
#basket-root .basket-item-amount-btn-plus {
	position: relative;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: var(--gbb-yellow-soft);
	cursor: pointer;
	transition: background-color 0.2s;
}

#basket-root .basket-item-amount-btn-minus:hover,
#basket-root .basket-item-amount-btn-plus:hover {
	background: var(--gbb-yellow);
}

#basket-root .basket-item-amount-btn-minus::before,
#basket-root .basket-item-amount-btn-plus::before,
#basket-root .basket-item-amount-btn-plus::after {
	background-color: var(--gbb-text) !important;
}

#basket-root .basket-item-amount-btn-disabled {
	opacity: 0.4;
	cursor: default;
}

#basket-root .basket-item-amount-filed {
	width: 44px;
	height: 30px;
	padding: 0;
	border: none !important;
	background: transparent !important;
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	color: var(--gbb-text);
	box-shadow: none !important;
}

#basket-root .basket-item-amount-filed:focus {
	outline: none;
}

#basket-root .basket-item-amount-field-description {
	margin-top: 4px;
	font-size: 11px;
	color: #9ca3af;
}

/* ---------- Сумма по товару ---------- */
#basket-root .basket-items-list-item-price .basket-item-price-current-text,
#basket-root .basket-item-block-price .basket-item-price-current-text {
	font-size: 16px;
	font-weight: 700;
}

#basket-root .basket-item-price-old-text {
	font-size: 12px;
	color: #9ca3af;
}

#basket-root .basket-item-price-difference {
	font-size: 12px;
	color: #16a34a;
}

/* ---------- Удаление товара ---------- */
#basket-root .basket-item-actions-remove {
	opacity: 0.45;
	transition: opacity 0.2s, transform 0.2s;
}

#basket-root .basket-item-actions-remove:hover {
	opacity: 1;
	transform: scale(1.1);
}

#basket-root .basket-item-actions-remove::before,
#basket-root .basket-item-actions-remove::after {
	background-color: #dc2626 !important;
}

/* ---------- Плашка «товар удален / восстановить» ---------- */
#basket-root .basket-items-list-item-removed-container {
	border-radius: 12px;
	background: #fafafa;
}

#basket-root .basket-items-list-item-removed-block a {
	color: var(--gbb-yellow-dark);
	font-weight: 600;
}

/* ---------- Пустая корзина ---------- */
#basket-root .basket-empty-container,
.bx-sbb-empty-cart-container {
	padding: 48px 20px;
	border-radius: var(--gbb-radius);
	background: #ffffff;
	text-align: center;
}

/* ---------- Мобильные ---------- */
@media (max-width: 767px) {
	#basket-root .basket-checkout-container {
		padding: 14px 16px;
	}

	#basket-root .basket-coupon-block-total-price-current {
		font-size: 22px;
	}

	#basket-root .basket-btn-checkout {
		width: 100%;
		min-width: 0;
	}

	#basket-root .basket-items-list-header {
		padding: 12px 16px;
	}

	#basket-root .gb-basket-clear {
		margin: 8px 0 0;
	}

	#basket-root .basket-item-info-name,
	#basket-root .basket-item-info-name-link {
		font-size: 14px;
	}
}


/* =========================================================
   GRAND BAR: оформление заказа (sale.order.ajax, bootstrap_v4)
   Все правила ограничены #bx-soa-order
   ========================================================= */

#bx-soa-order {
	--gbo-yellow: #F9A91D;
	--gbo-yellow-dark: #e09005;
	--gbo-yellow-soft: #FFF4DE;
	--gbo-green: #16a34a;
	--gbo-text: #1d1d1b;
	--gbo-muted: #6b7280;
	--gbo-border: #eceef1;
	--gbo-radius: 16px;
}

#bx-soa-order,
#bx-soa-order *:not(i):not([class*="fa-"]) {
	font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

/* ---------- Плашка-подсказка сверху ---------- */
#bx-soa-order .alert-warning,
#bx-soa-order .alert-info {
	margin-bottom: 16px;
	padding: 14px 18px;
	border: none;
	border-left: 4px solid var(--gbo-yellow);
	border-radius: 12px;
	background: var(--gbo-yellow-soft);
	color: var(--gbo-text);
	font-size: 13px;
	line-height: 1.5;
}

#bx-soa-order .alert-danger {
	border: none;
	border-left: 4px solid #dc2626;
	border-radius: 12px;
	background: #fef2f2;
	color: #991b1b;
	font-size: 13px;
}

/* ---------- Шаги: карточки ---------- */
#bx-soa-order .bx-soa-section {
	overflow: hidden;
	margin-bottom: 14px;
	border: 1px solid var(--gbo-border) !important;
	border-radius: var(--gbo-radius);
	background: #ffffff;
	box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04);
	transition: border-color 0.2s, box-shadow 0.2s;
}

/* активный шаг */
#bx-soa-order .bx-soa-section.bx-selected {
	border-color: var(--gbo-yellow) !important;
	box-shadow: 0 8px 22px rgba(249, 169, 29, 0.16);
}

/* шаг с ошибкой */
#bx-soa-order .bx-soa-section.bx-step-error {
	border-color: #dc2626 !important;
}

#bx-soa-order .bx-soa-section-title-container {
	padding: 14px 20px;
	border-bottom: 1px solid var(--gbo-border);
	background: #ffffff;
}

#bx-soa-order .bx-soa-section-title {
	font-size: 16px;
	font-weight: 600;
	color: var(--gbo-text);
}

#bx-soa-order .bx-soa-section.bx-selected .bx-soa-section-title {
	font-size: 18px;
	font-weight: 700;
}

/* номер шага в круге */
#bx-soa-order .bx-soa-section-title-count {
	border-radius: 50%;
}

#bx-soa-order .bx-soa-section.bx-selected .bx-soa-section-title-count {
	background-color: var(--gbo-yellow);
	border-color: var(--gbo-yellow);
	color: var(--gbo-text);
}

#bx-soa-order .bx-soa-section.bx-step-completed .bx-soa-section-title-count {
	background-color: var(--gbo-green);
	border-color: var(--gbo-green);
	color: #ffffff;
}

/* ссылка «изменить» */
#bx-soa-order .bx-soa-editstep {
	padding: 3px 12px;
	border: 1px solid var(--gbo-border);
	border-radius: 999px;
	background: #ffffff;
	color: var(--gbo-muted);
	font-size: 12px;
	font-weight: 500;
	text-decoration: none !important;
	border-bottom-style: solid;
	transition: border-color 0.2s, color 0.2s, background-color 0.2s;
}

#bx-soa-order .bx-soa-editstep:hover {
	border-color: var(--gbo-yellow);
	background: var(--gbo-yellow-soft);
	color: var(--gbo-text);
}

#bx-soa-order .bx-soa-section-content {
	padding: 16px 20px;
	font-size: 14px;
	color: var(--gbo-text);
}

/* ---------- Товары в заказе ---------- */
#bx-soa-order .bx-soa-item-img-block {
	padding: 4px;
	border-radius: 10px;
	background: #f7f7f8;
}

#bx-soa-order .bx-soa-item-imgcontainer {
	border: none;
	border-radius: 8px;
	mix-blend-mode: multiply;
}

#bx-soa-order .bx-soa-item-title,
#bx-soa-order .bx-soa-item-title a {
	font-size: 14px;
	font-weight: 600;
	color: var(--gbo-text);
	text-decoration: none;
}

#bx-soa-order .bx-soa-item-td-text {
	font-size: 14px;
}

/* ---------- Плитки доставки и оплаты ---------- */
#bx-soa-order .bx-soa-pp-company-graf-container {
	overflow: hidden;
	border: 1.5px solid var(--gbo-border) !important;
	border-radius: 12px;
	background: #ffffff;
	box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04);
	transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
}

#bx-soa-order .bx-soa-pp-company:hover .bx-soa-pp-company-graf-container {
	border-color: #f5cf8a !important;
	transform: translateY(-2px);
}

#bx-soa-order .bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container {
	border-color: var(--gbo-yellow) !important;
	box-shadow: 0 8px 18px rgba(249, 169, 29, 0.25);
}

#bx-soa-order .bx-soa-pp-company-smalltitle {
	margin-top: 6px;
	font-size: 12px;
	color: var(--gbo-muted);
}

#bx-soa-order .bx-soa-pp-company.bx-selected .bx-soa-pp-company-smalltitle {
	font-weight: 600;
	color: var(--gbo-text);
}

/* цена доставки на плитке */
#bx-soa-order .bx-soa-pp-delivery-cost {
	padding: 2px 8px;
	border-radius: 999px 0 0 0;
	background: var(--gbo-yellow) !important;
	color: var(--gbo-text) !important;
	font-size: 12px;
	font-weight: 700;
}

/* блок с описанием выбранной доставки/оплаты */
#bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company {
	padding: 16px;
	border: none !important;
	border-radius: 12px;
	background: #fafafa !important;
}

#bx-soa-order .bx-soa-pp-company-subTitle,
#bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company-title {
	font-size: 15px;
	font-weight: 700;
	color: var(--gbo-text);
}

#bx-soa-order .bx-soa-pp-list-termin {
	color: var(--gbo-muted);
	font-size: 12px;
}

#bx-soa-order .bx-soa-pp-list-description {
	font-weight: 700;
	color: var(--gbo-text);
}

/* ---------- Поля формы (покупатель, адрес) ---------- */
#bx-soa-order .form-control,
#bx-soa-order .bx-soa-customer-input,
#bx-soa-order textarea.form-control {
	border: 1px solid var(--gbo-border);
	border-radius: 10px;
	background: #f9fafb;
	font-size: 14px;
	box-shadow: none;
	transition: border-color 0.2s, box-shadow 0.2s, background-color 0.2s;
}

#bx-soa-order .form-control:focus,
#bx-soa-order .bx-soa-customer-input:focus {
	border-color: var(--gbo-yellow);
	background: #ffffff;
	box-shadow: 0 0 0 3px rgba(249, 169, 29, 0.18);
	outline: none;
}

#bx-soa-order .bx-soa-custom-label,
#bx-soa-order .bx-soa-customer-label {
	font-size: 13px;
	font-weight: 600;
	color: var(--gbo-text);
}

/* ---------- Купон: подпись отдельной строкой над полем ---------- */
#bx-soa-order .bx-soa-coupon,
#bx-soa-order .bx-soa-coupon-block {
	display: block !important;
	height: auto !important;
}

#bx-soa-order .bx-soa-coupon-label {
	display: block !important;
	float: none !important;
	height: auto !important;
	margin: 0 0 8px !important;
	padding: 0 !important;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.3 !important;
	color: var(--gbo-text);
}

#bx-soa-order .bx-soa-coupon-input {
	position: relative;
	display: block !important;
	float: none !important;
	width: 100%;
	max-width: 300px;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

#bx-soa-order .bx-soa-coupon-input input {
	display: block;
	width: 100%;
	height: 42px !important;
	margin: 0 !important;
	padding: 0 48px 0 16px !important;
	border: 1px solid var(--gbo-border);
	border-radius: 999px;
	background: #f9fafb;
	font-size: 14px;
	line-height: 42px;
	box-shadow: none;
	box-sizing: border-box;
	transition: border-color 0.2s, box-shadow 0.2s, background-color 0.2s;
}

#bx-soa-order .bx-soa-coupon-input input:focus {
	border-color: var(--gbo-yellow);
	background: #ffffff;
	box-shadow: 0 0 0 3px rgba(249, 169, 29, 0.18);
	outline: none;
}

/* стрелка «применить»: желтый круг как в корзине */
#bx-soa-order .bx-soa-coupon-input::before {
	display: none !important;
	content: none !important;
}

#bx-soa-order .bx-soa-coupon-input::after {
	content: "" !important;
	position: absolute !important;
	top: 50% !important;
	right: 6px !important;
	bottom: auto !important;
	left: auto !important;
	display: block !important;
	width: 30px !important;
	height: 30px !important;
	margin: 0 !important;
	border: none !important;
	border-radius: 50% !important;
	background: var(--gbo-yellow-soft) no-repeat center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 6 15 12 9 18'/%3E%3C/svg%3E") !important;
	background-size: 14px 14px !important;
	box-shadow: none !important;
	opacity: 1 !important;
	transform: translateY(-50%) !important;
	pointer-events: none;
	transition: background-color 0.2s;
}

#bx-soa-order .bx-soa-coupon-input:hover::after,
#bx-soa-order .bx-soa-coupon-input:focus-within::after {
	background-color: var(--gbo-yellow) !important;
}

/* ---------- Назад / Далее ---------- */
#bx-soa-order .bx-soa-more {
	padding-top: 14px;
	border-top: 1px solid var(--gbo-border);
}

#bx-soa-order .bx-soa-more .btn {
	min-width: 110px;
}

#bx-soa-order .bx-soa-more .pull-left .btn,
#bx-soa-order .bx-soa-more .btn.pull-left,
#bx-soa-order .bx-soa-more .float-left .btn,
#bx-soa-order .bx-soa-more .btn.float-left {
	border: 1.5px solid var(--gbo-border) !important;
	background: #ffffff !important;
	color: var(--gbo-text) !important;
	box-shadow: none !important;
}

#bx-soa-order .bx-soa-more .pull-left .btn:hover,
#bx-soa-order .bx-soa-more .btn.pull-left:hover,
#bx-soa-order .bx-soa-more .float-left .btn:hover,
#bx-soa-order .bx-soa-more .btn.float-left:hover {
	border-color: var(--gbo-text) !important;
	transform: none;
}

/* ---------- Правая колонка «Итого» ---------- */
#bx-soa-order .bx-soa-cart-total {
	padding: 18px 20px;
	border: 1px solid var(--gbo-border) !important;
	border-radius: var(--gbo-radius);
	background: #ffffff;
	box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05);
}

#bx-soa-order .bx-soa-cart-total-line {
	padding: 10px 0;
	border-top: none !important;
	border-bottom: 1px solid var(--gbo-border) !important;
}

#bx-soa-order .bx-soa-cart-t {
	font-size: 13px;
	font-weight: 500;
	color: var(--gbo-muted);
}

#bx-soa-order .bx-soa-cart-d {
	font-size: 14px;
	font-weight: 600;
	color: var(--gbo-text);
}

#bx-soa-order .bx-soa-cart-total-line-total {
	padding-top: 14px;
	border-bottom: none !important;
}

#bx-soa-order .bx-soa-cart-total-line-total .bx-soa-cart-t {
	font-size: 15px;
	font-weight: 700;
	color: var(--gbo-text);
}

#bx-soa-order .bx-soa-cart-total-line-total .bx-soa-cart-d {
	font-size: 26px;
	font-weight: 700;
	letter-spacing: -0.01em;
}

#bx-soa-order .bx-soa-cart-total .bx-soa-cart-total-button-container .btn {
	width: 100%;
}

/* ---------- Согласие и кнопка «Оформить заказ» ---------- */
#bx-soa-order .bx-soa-section-content .checkbox label,
#bx-soa-order #bx-soa-orderSave + * label,
#bx-soa-order .bx-soa-reference,
#bx-soa-order .bx-soa .checkbox {
	font-size: 12px;
	line-height: 1.5;
	color: var(--gbo-muted);
}

#bx-soa-order input[type="checkbox"],
#bx-soa-order input[type="radio"] {
	accent-color: var(--gbo-yellow);
}

#bx-soa-order #bx-soa-orderSave .btn,
#bx-soa-order .bx-soa-cart-total-button-container .btn {
	min-width: 220px;
	padding: 0.9rem 2rem !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	box-shadow: 0 8px 18px rgba(249, 169, 29, 0.35) !important;
}

#bx-soa-order #bx-soa-orderSave .btn:hover,
#bx-soa-order .bx-soa-cart-total-button-container .btn:hover {
	box-shadow: 0 12px 24px rgba(249, 169, 29, 0.45) !important;
}

/* ---------- Мобильные ---------- */
@media (max-width: 767px) {
	#bx-soa-order .bx-soa-section-title-container,
	#bx-soa-order .bx-soa-section-content {
		padding-left: 14px;
		padding-right: 14px;
	}

	#bx-soa-order .bx-soa-section.bx-selected .bx-soa-section-title {
		font-size: 16px;
	}

	#bx-soa-order .bx-soa-coupon-input {
		max-width: none;
	}

	#bx-soa-order .bx-soa-cart-total-line-total .bx-soa-cart-d {
		font-size: 22px;
	}

	#bx-soa-order #bx-soa-orderSave .btn {
		width: 100%;
		min-width: 0;
	}
}


/* =========================================================
   GRAND BAR: счетчик количества на карточке товара
   (catalog.item / grandbar — главная и каталог)
   ========================================================= */

/* Битрикс прячет блок количества на десктопе до наведения — показываем всегда */
.gb-product-card [data-entity="quantity-block"] {
	display: block !important;
	opacity: 1 !important;
	margin: 0 0 8px !important;
}

.gb-product-card .product-item-amount {
	padding: 0;
	text-align: center;
}

/* «таблетка» − 1 + */
.gb-product-card .product-item-amount-field-container {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 3px;
	border: 1px solid #eceef1;
	border-radius: 999px;
	background: #ffffff;
}

.gb-product-card .product-item-amount-field-btn-minus,
.gb-product-card .product-item-amount-field-btn-plus {
	width: 28px;
	min-width: 28px;
	height: 28px;
	border-radius: 50%;
	background-color: #FFF4DE;
	transition: background-color 0.2s;
}

.gb-product-card .product-item-amount-field-btn-minus:hover,
.gb-product-card .product-item-amount-field-btn-plus:hover {
	background-color: #F9A91D;
}

.gb-product-card .product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:hover,
.gb-product-card .product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:hover {
	background-color: #FFF4DE;
}

.gb-product-card .product-item-amount-field {
	width: 40px;
	max-width: 40px;
	height: 28px;
	padding: 0;
	border: none;
	font-size: 14px;
	font-weight: 600;
	line-height: 28px;
	color: #1d1d1b;
}

/* единицы и сумма внутри счетчика не нужны — цена уже есть выше */
.gb-product-card .product-item-amount-description-container {
	display: none !important;
}


/* =========================================================
   GRAND BAR: окно «Товар добавлен в корзину»
   ========================================================= */

.popup-window[id^="CatalogSectionBasket_"],
.popup-window[id^="CatalogElementBasket_"] {
	min-width: 380px;
	padding: 0 !important;
	border: none !important;
	border-radius: 18px !important;
	overflow: hidden;
	background: #ffffff !important;
	box-shadow: 0 24px 60px rgba(15, 23, 42, 0.25) !important;
	font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

/* заголовок с зеленой галочкой */
.popup-window[id^="CatalogSectionBasket_"] .popup-window-titlebar,
.popup-window[id^="CatalogElementBasket_"] .popup-window-titlebar {
	height: auto !important;
	padding: 20px 60px 10px 24px !important;
}

.popup-window[id^="CatalogSectionBasket_"] .popup-window-titlebar-text,
.popup-window[id^="CatalogElementBasket_"] .popup-window-titlebar-text {
	display: flex !important;
	align-items: center;
	gap: 10px;
	padding: 0 !important;
	font-family: inherit !important;
	font-size: 17px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	color: #1d1d1b !important;
}

.popup-window[id^="CatalogSectionBasket_"] .popup-window-titlebar-text::before,
.popup-window[id^="CatalogElementBasket_"] .popup-window-titlebar-text::before {
	content: "";
	flex-shrink: 0;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: #16a34a no-repeat center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
	background-size: 14px 14px;
}

/* крестик закрытия — круг */
.popup-window[id^="CatalogSectionBasket_"] .popup-window-close-icon,
.popup-window[id^="CatalogElementBasket_"] .popup-window-close-icon {
	top: 16px !important;
	right: 16px !important;
	width: 32px !important;
	height: 32px !important;
	border-radius: 50%;
	background-color: #f3f4f6 !important;
	opacity: 1 !important;
	transition: background-color 0.2s;
}

.popup-window[id^="CatalogSectionBasket_"] .popup-window-close-icon:hover,
.popup-window[id^="CatalogElementBasket_"] .popup-window-close-icon:hover {
	background-color: #e5e7eb !important;
}

/* фото и название товара */
.popup-window[id^="CatalogSectionBasket_"] .popup-window-content,
.popup-window[id^="CatalogElementBasket_"] .popup-window-content {
	padding: 8px 24px 4px !important;
	background: #ffffff !important;
}

.popup-window[id^="CatalogSectionBasket_"] .popup-window-content img,
.popup-window[id^="CatalogElementBasket_"] .popup-window-content img {
	display: block;
	width: auto;
	max-height: 150px;
	margin: 0 auto 14px;
	padding: 12px;
	border-radius: 14px;
	background: #f7f7f8;
	box-sizing: content-box;
}

.popup-window[id^="CatalogSectionBasket_"] .popup-window-content p,
.popup-window[id^="CatalogElementBasket_"] .popup-window-content p {
	margin: 0;
	font-family: inherit !important;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
	color: #1d1d1b;
	text-align: center;
}

/* кнопки: «Перейти в корзину» — желтая, «Продолжить покупки» — контурная */
.popup-window[id^="CatalogSectionBasket_"] .popup-window-buttons,
.popup-window[id^="CatalogElementBasket_"] .popup-window-buttons {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	padding: 20px 24px 24px !important;
	text-align: center;
}

.popup-window[id^="CatalogSectionBasket_"] .popup-window-buttons > *,
.popup-window[id^="CatalogElementBasket_"] .popup-window-buttons > * {
	min-width: 170px;
	margin: 0 !important;
	padding: 0.7rem 1.4rem !important;
	border-radius: 999px !important;
	font-family: inherit !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	text-align: center;
	cursor: pointer;
}

.popup-window[id^="CatalogSectionBasket_"] .popup-window-buttons > *:nth-child(2),
.popup-window[id^="CatalogElementBasket_"] .popup-window-buttons > *:nth-child(2) {
	border: 1.5px solid #e5e7eb !important;
	background: #ffffff !important;
	color: #1d1d1b !important;
	box-shadow: none !important;
}

.popup-window[id^="CatalogSectionBasket_"] .popup-window-buttons > *:nth-child(2):hover,
.popup-window[id^="CatalogElementBasket_"] .popup-window-buttons > *:nth-child(2):hover {
	border-color: #1d1d1b !important;
	background: #ffffff !important;
	transform: none;
}

@media (max-width: 480px) {
	.popup-window[id^="CatalogSectionBasket_"],
	.popup-window[id^="CatalogElementBasket_"] {
		min-width: 0;
		width: calc(100vw - 24px) !important;
	}

	.popup-window[id^="CatalogSectionBasket_"] .popup-window-buttons > *,
	.popup-window[id^="CatalogElementBasket_"] .popup-window-buttons > * {
		width: 100%;
	}
}


/* =========================================================
   GRAND BAR: кнопка «Уточнить цену» на детальной странице
   (и в плавающей панели) — находим по ссылке на WhatsApp
   ========================================================= */

.bx-catalog-element a.product-item-detail-buy-button[href^="https://wa.me"] {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	border: none !important;
	border-radius: 999px !important;
	background: #F9A91D !important;
	color: #1d1d1b !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	opacity: 1 !important;
	cursor: pointer !important;
	pointer-events: auto !important;
	box-shadow: 0 6px 14px rgba(249, 169, 29, 0.35) !important;
	transition: background-color 0.2s, box-shadow 0.2s, transform 0.2s;
}

.bx-catalog-element a.product-item-detail-buy-button[href^="https://wa.me"]::before {
	content: "";
	flex-shrink: 0;
	width: 18px;
	height: 18px;
	background: no-repeat center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z'/%3E%3C/svg%3E");
	background-size: contain;
}

.bx-catalog-element a.product-item-detail-buy-button[href^="https://wa.me"]:hover {
	background: #e09005 !important;
	color: #1d1d1b !important;
	transform: translateY(-1px);
	box-shadow: 0 10px 20px rgba(249, 169, 29, 0.45) !important;
}


/* =========================================================
   GRAND BAR: авторизация, регистрация, восстановление пароля
   (system.auth.* — разметка .bx-authform)
   ========================================================= */

.bx-authform {
	max-width: 440px;
	margin: 8px 0 48px;
	padding: 30px 32px 28px;
	border: 1px solid #eceef1;
	border-radius: 20px;
	background: #ffffff;
	box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
	box-sizing: border-box;
	font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: #1d1d1b;
}

/* заголовок «Пожалуйста, авторизуйтесь» */
.bx-authform .bx-title,
.bx-authform h3 {
	margin: 0 0 20px;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.25;
	color: #1d1d1b;
}

/* лишние линии-разделители */
.bx-authform hr,
.bx-authform .bxe-light {
	display: none !important;
}

/* вход через соцсети (Mail.ru, LiveJournal, Blogger, OpenID и т.п.) — скрываем */
.bx-authform-social,
.bx-authform .bx-auth-serv-icons,
.bx-authform .bx-auth-services,
.bx-auth .bx-auth-serv-icons,
.bx-auth-services {
	display: none !important;
}

/* сообщения об ошибках / успехе */
.bx-authform .alert,
.bx-authform .errortext,
.bx-authform .notetext {
	display: block;
	margin: 0 0 16px;
	padding: 12px 14px;
	border: none;
	border-radius: 12px;
	font-size: 13px;
	line-height: 1.45;
}

.bx-authform .alert-danger,
.bx-authform .errortext {
	border-left: 4px solid #dc2626;
	background: #fef2f2;
	color: #991b1b;
}

.bx-authform .alert-success,
.bx-authform .notetext {
	border-left: 4px solid #16a34a;
	background: #f0fdf4;
	color: #166534;
}

/* поля */
.bx-authform-formgroup-container {
	margin-bottom: 16px;
}

.bx-authform-label-container {
	margin-bottom: 6px;
	font-size: 13px;
	font-weight: 600;
	color: #1d1d1b;
}

.bx-authform-starrequired {
	color: #dc2626;
}

.bx-authform-input-container {
	position: relative;
}

.bx-authform-input-container input[type="text"],
.bx-authform-input-container input[type="password"],
.bx-authform-input-container input[type="email"],
.bx-authform-input-container input[type="tel"] {
	display: block;
	width: 100%;
	height: 46px;
	padding: 0 16px;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	background: #f9fafb;
	font-family: inherit;
	font-size: 15px;
	color: #1d1d1b;
	box-shadow: none;
	box-sizing: border-box;
	transition: border-color 0.2s, box-shadow 0.2s, background-color 0.2s;
}

.bx-authform-input-container input:focus {
	border-color: #F9A91D;
	background: #ffffff;
	box-shadow: 0 0 0 3px rgba(249, 169, 29, 0.18);
	outline: none;
}

/* убираем синюю заливку браузера при автоподстановке */
.bx-authform-input-container input:-webkit-autofill,
.bx-authform-input-container input:-webkit-autofill:hover,
.bx-authform-input-container input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 1000px #f9fafb inset !important;
	-webkit-text-fill-color: #1d1d1b !important;
	transition: background-color 9999s ease-out 0s;
}

/* значок «защищенный пароль» Битрикса справа в поле */
.bx-authform-psw-protected {
	top: 50% !important;
	right: 12px !important;
	transform: translateY(-50%);
}

/* капча */
.bx-authform .bx-captcha {
	margin-bottom: 8px;
	border-radius: 10px;
	overflow: hidden;
}

/* «Запомнить меня» */
.bx-authform .checkbox {
	margin: 4px 0 20px;
}

.bx-authform .checkbox label {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-weight: 500;
	color: #4b5563;
	cursor: pointer;
}

.bx-authform input[type="checkbox"] {
	width: 16px;
	height: 16px;
	margin: 0;
	accent-color: #F9A91D;
	cursor: pointer;
}

/* главная кнопка (Войти / Регистрация / Выслать) — во всю ширину */
.bx-authform input[type="submit"],
.bx-authform button[type="submit"],
.bx-authform .btn-primary {
	display: block;
	width: 100%;
	height: 48px;
	margin: 0;
	font-family: inherit;
	font-size: 16px !important;
	font-weight: 700 !important;
	cursor: pointer;
	box-shadow: 0 6px 14px rgba(249, 169, 29, 0.35) !important;
}

.bx-authform input[type="submit"]:hover,
.bx-authform button[type="submit"]:hover,
.bx-authform .btn-primary:hover {
	box-shadow: 0 10px 20px rgba(249, 169, 29, 0.45) !important;
}

/* ссылки «Забыли пароль?» / «Авторизация» */
.bx-authform-link-container {
	margin: 16px 0 0;
	text-align: center;
}

.bx-authform-link-container a {
	font-size: 13px;
	font-weight: 600;
	color: #6b7280;
	text-decoration: none !important;
	border-bottom: 1px dashed rgba(107, 114, 128, 0.5);
	transition: color 0.2s, border-color 0.2s;
}

.bx-authform-link-container a b {
	font-weight: 600;
}

.bx-authform-link-container a:hover {
	color: #e09005;
	border-bottom-color: #e09005;
}

/* блок «Если вы впервые на сайте…» */
.bx-authform-description-container {
	margin-top: 22px;
	padding-top: 20px;
	border-top: 1px solid #eceef1;
	font-size: 13px;
	line-height: 1.5;
	color: #6b7280;
	text-align: center;
}

/* «Зарегистрироваться» — контурная кнопка под описанием */
.bx-authform-description-container + noindex .bx-authform-link-container,
.bx-authform-description-container + .bx-authform-link-container {
	margin-top: 12px;
}

.bx-authform-description-container + noindex .bx-authform-link-container a,
.bx-authform-description-container + .bx-authform-link-container a {
	display: block;
	padding: 11px 16px;
	border: 1.5px solid #e5e7eb;
	border-radius: 999px;
	font-size: 14px;
	color: #1d1d1b;
	text-align: center;
	transition: border-color 0.2s, background-color 0.2s;
}

.bx-authform-description-container + noindex .bx-authform-link-container a:hover,
.bx-authform-description-container + .bx-authform-link-container a:hover {
	border-color: #1d1d1b;
	background: #fafafa;
	color: #1d1d1b;
}

@media (max-width: 767px) {
	.bx-authform {
		max-width: none;
		margin: 4px 0 32px;
		padding: 22px 18px 20px;
		border-radius: 16px;
	}

	.bx-authform .bx-title,
	.bx-authform h3 {
		font-size: 19px;
		margin-bottom: 16px;
	}
}
/* End */


/* Start:/local/templates/grand-bar_mkhdev/template_styles.css?179289000027424*/
/* Палитра и базовая типографика GRAND BAR */
:root {
    --gb-yellow: #F9A91D;
    --gb-yellow-dark: #e09005;
    --gb-yellow-soft: #FFF4DE;
    --gb-bg-light: #f8f9fa;
    --gb-text-main: #1d1d1b;
    --gb-text-muted: #6b7280;
    /* Базовый размер: все rem от него. Менять только здесь. */
    font-size: 16px;
}

body {
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    overflow-x: hidden;
    background-color: #F8F9FA;
}

/* Фикс ширины Bootstrap-контейнера:
   делаем такие же размеры, как в старом bootstrap.css,
   но без конфликтов (медиа‑запросы не пересекаются) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .container,
    .container-sm,
    .container-md {
        max-width: 750px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg {
        max-width: 970px !important;
    }
}

@media (min-width: 1200px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl {
        max-width: 1170px !important;
    }
}

h1 {
    font-size: calc(1.2rem + 1.1vw);
}

h2 {
    font-size: calc(1.1rem + 0.9vw);
}

/* Кнопки: единый стиль для основных действий */
.btn-yellow,
.btn-default,
.btn-primary,
.btn-themes,
.basket-btn-checkout {
    background-color: var(--gb-yellow) !important;
    border-color: var(--gb-yellow) !important;
    color: var(--gb-text-main) !important;
    border-radius: 9999px;
    font-weight: 600;
    padding: 0.5rem 1.25rem !important;
    box-shadow: none;
    transition: background-color 0.3s, transform 0.2s, box-shadow 0.2s, color 0.2s;
}

.btn-yellow:hover,
.btn-default:hover,
.btn-primary:hover,
.btn-themes:hover,
.basket-btn-checkout:hover {
    background-color: var(--gb-yellow-dark) !important;
    border-color: var(--gb-yellow-dark) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    color: var(--gb-text-main) !important;
}

.btn-yellow:focus,
.btn-default:focus,
.btn-primary:focus,
.btn-themes:focus,
.basket-btn-checkout:focus {
    outline: 2px solid var(--gb-yellow-dark) !important;
    outline-offset: 2px;
    box-shadow: 0 0 0 2px rgba(0,0,0,0.05) !important;
}

/* Ссылки в верхнем меню */
.nav-link {
    position: relative;
}

.nav-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -2px;
    left: 0;
    background-color: #000;
    transition: width 0.3s;
}

.nav-link:hover::after {
    width: 100%;
}

/* В оранжевом меню подчеркивание не нужно: там подложки и рамки */
.gb-nav-item .nav-link::after {
    display: none !important;
}

/* Декоративные волны (если будут использоваться на блоках) */
.wave-bottom {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.wave-top {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

/* Фон для секции консультации */
.consultation-bg {
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

/* Ховеры для иконок категорий */
.category-item:hover .category-img-container {
    border-color: #ffc107;
    transform: scale(1.05);
}

/* ========== ШАПКА (раскладка как в макете) ========== */
.gb-header {
    padding: 0;
}

.gb-header-top {
    background-color: #fff;
    padding: 0.75rem 0;
}

.gb-header-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

/* Фон основной шапки Bitrix — выравниваем под макет (чистый белый) */
.bx-header-section {
    background-color: #ffffff;
    padding-bottom: 0;
}

.gb-header-left {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-shrink: 0;
}

/* Лого + подзаголовок под ним */
.gb-header-logo-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    white-space: nowrap;
}

.gb-logo {
    display: block;
    line-height: 0;
}

.gb-logo-img {
    display: block;
    height: 54px;
    width: auto;
    max-width: none;
}

.gb-header-logo-text {
    font-size: 0.75rem;
    line-height: 1.2;
    color: var(--gb-text-muted);
    letter-spacing: 0.02em;
    text-align: center;
    position: relative;
    left: 5px;
}

.gb-header-center {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 1.25rem;
    align-items: center;
    min-width: 0;
}

@media (min-width: 992px) {
    .gb-logo-img {
        height: 64px;
        max-width: none;
    }

    .gb-header-logo-text {
        font-size: 0.875rem;
    }

    .gb-header-top {
        padding: 0.6rem 0;
    }

    .gb-header-inner {
        flex-wrap: nowrap;
        gap: 0.5rem;
    }

    .gb-header-center {
        flex-wrap: nowrap;
        gap: 1.5rem;
        flex: 1 1 auto;
        min-width: 0;
        justify-content: flex-end;
    }

    .gb-header-info-text {
        font-size: 0.875rem;
    }

    .gb-header-contact-list {
        gap: 0.3rem;
    }

    .gb-header-contact-text {
        font-size: 0.875rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 190px;
    }

    .gb-header-cart {
        flex-shrink: 0;
    }
}

@media (min-width: 1200px) {
    .gb-header-top {
        padding: 0.85rem 0;
    }

    .gb-header-inner {
        gap: 0.75rem;
    }

    .gb-logo-img {
        height: 72px;
        max-width: none;
    }

    .gb-header-logo-text {
        font-size: 1rem;
        margin-top: -7px;
    }

    .gb-header-info-text,
    .gb-header-contact-text {
        font-size: 0.9375rem;
    }

    .gb-header-contact-text {
        max-width: 240px;
    }
}

.gb-header-socials {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.gb-header-mobile-actions {
    display: none;
    align-items: center;
    gap: 0.75rem;
    margin-left: auto;
}

.gb-header-mobile-icon {
    display: inline-flex;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.gb-header-mobile-icon_phone {
    background-image: url(/local/templates/grand-bar_mkhdev/images/phone.svg);
}

.gb-header-mobile-icon_cart {
    background-image: url(/local/templates/grand-bar_mkhdev/components/bitrix/sale.basket.basket.line/bootstrap_v5/images/cart.svg);
}

/* Соцсети: иконки через стиль (поменять — только в CSS) */
.gb-header-social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    transition: opacity 0.2s, transform 0.2s;
}

.gb-header-social-link:hover {
    opacity: 0.9;
    transform: translateY(-2px);
}

.gb-header-social-whatsapp {
    background-image: url(/local/templates/grand-bar_mkhdev/images/whatsapp.svg);
}

.gb-header-social-telegram {
    background-image: url(/local/templates/grand-bar_mkhdev/images/telegram.svg);
}

/* ---------- Блок «Время работы»: иконка в круге + подпись + значение ---------- */
.gb-header-info {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.gb-header-info-icon {
    flex-shrink: 0;
    line-height: 1.2;
}

/* Иконки шапки через стиль (поменять — только в CSS) */
.gb-header-info-icon.gb-icon-clock {
    display: block;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--gb-yellow-soft) no-repeat center url(/local/templates/grand-bar_mkhdev/images/clock.svg);
    background-size: 18px 18px;
}

.gb-header-info-icon.gb-icon-phone {
    display: block;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--gb-yellow-soft) no-repeat center url(/local/templates/grand-bar_mkhdev/images/phone.svg);
    background-size: 18px 18px;
}

/* «Время работы» — маленькая подпись */
.gb-header-info-title {
    margin-bottom: 0.1rem;
    font-size: 0.6875rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--gb-text-muted);
}

/* «с 8:00 до 17:00» — главное значение */
.gb-header-info-text {
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--gb-text-main);
}

/* «Прием заявок круглосуточно» — бейдж с зеленой точкой */
.gb-header-info-note {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0.3rem;
    padding: 0.15rem 0.6rem 0.15rem 0.5rem;
    border-radius: 999px;
    background: var(--gb-yellow-soft);
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.4;
    color: var(--gb-text-main);
    white-space: nowrap;
}

.gb-header-info-note::before {
    content: "";
    flex-shrink: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.18);
}

.gb-header-address {
    display: flex;
    align-items: center;
    margin-top: 0.25rem;
}

/* ---------- Контакты: иконка в круге + строка текста ---------- */
.gb-header-contact-list {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.gb-header-contact-row {
    display: flex;
    align-items: center;
}

.gb-header-contact-icon {
    display: block;
    margin-right: 10px;
    width: 26px;
    height: 26px;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: var(--gb-yellow-soft);
    background-repeat: no-repeat;
    background-position: center;
}

.gb-header-contact-icon_phone {
    background-image: url(/local/templates/grand-bar_mkhdev/images/phone.svg);
    background-size: 14px 14px;
}

.gb-header-contact-icon_location {
    background-image: url(/local/templates/grand-bar_mkhdev/images/location.svg);
    background-size: 12px 15px;
}

.gb-header-contact-text,
.gb-header-contact-text a {
    color: var(--gb-text-main);
    font-weight: 700;
    text-decoration: none !important;
    border-bottom: none !important;
    cursor: pointer;
    transition: color 0.2s;
}

.gb-header-contact-row:hover .gb-header-contact-text,
.gb-header-contact-row:hover .gb-header-contact-text a {
    color: var(--gb-yellow-dark);
}

/* адрес — спокойнее телефонов */
.gb-header-contact-icon_location + .gb-header-contact-text,
.gb-header-contact-icon_location + .gb-header-contact-text a {
    font-weight: 500;
    color: var(--gb-text-muted);
}

/* Навигация под шапкой */
.gb-nav {
    background-color: var(--gb-yellow);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.gb-nav-container {
    align-items: center;
}

.gb-nav-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
    margin: 0;
    padding: 0.5rem 0;
    list-style: none;
}

/* Бургер для мобильного меню */
.gb-burger {
    display: none;
    width: 32px;
    height: 32px;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    flex-shrink: 0;
}

.gb-burger-line {
    display: block;
    width: 100%;
    height: 2px;
    margin: 4px 0;
    background-color: var(--gb-text-main);
    transition: transform 0.2s, opacity 0.2s;
}

.gb-burger.gb-burger-open .gb-burger-line:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
}

.gb-burger.gb-burger-open .gb-burger-line:nth-child(2) {
    opacity: 0;
}

.gb-burger.gb-burger-open .gb-burger-line:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
}

@media (min-width: 992px) {
    .gb-nav-list {
        justify-content: space-between;
    }
}

.gb-nav-item {
    padding: 0.25rem 0.75rem;
}

.gb-nav-item .nav-link {
    color: var(--gb-text-main);
    font-weight: 500;
}

.gb-nav-item .nav-link:hover {
    color: #000;
}

.gb-nav-catalog {
    cursor: pointer;
    font-weight: 500;
    color: var(--gb-text-main);
}

.gb-nav-catalog .fa-chevron-down {
    margin-left: 0.25rem;
    transition: transform 0.2s;
}


/* Grand Bar: заголовок секции «Популярные товары» с большим GB за текстом */
.catalog-section-title-gb {
	position: relative;
	margin: 1rem 0 1rem;
	text-align: center;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 18px;
}

@media (min-width: 768px) {
	.catalog-section-title-gb {
		font-size: 24px;
	}
}

.catalog-section-title-text-gb {
	position: relative;
	z-index: 2;
}
.catalog-section-title-bg-gb {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scaleY(1.5);
	font-weight: 900;
	font-size: 3.5rem;
	color: #eaeaea; /* светло-серый как в макете */
	pointer-events: none;
	white-space: nowrap;
}

/* ========== ПОДВАЛ (раскладка как в макете) ========== */
.gb-footer {
    background-color: #fff;
}

.gb-footer-main {
    padding: 3rem 0;
    background-color: #fff;
}

.gb-footer-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
}

@media (min-width: 576px) {
    .gb-footer-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 992px) {
    .gb-footer-grid {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        gap: 2rem 3rem;
    }
}

.gb-footer-col {
    min-width: 0;
}

.gb-footer-logo-col .gb-logo-img {
    height: 50px;
    width: auto;
    max-width: 180px;
}

.gb-footer-tagline {
    display: block;
    color: var(--gb-text-muted);
    margin-top: 0.35rem;
}

.gb-footer-title {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--gb-text-main);
    margin-bottom: 0.8rem;
}

.gb-footer-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.gb-footer-col ul li {
    margin-bottom: 0.35rem;
}

.gb-footer-col ul a,
.gb-footer-link {
    color: var(--gb-text-muted);
    text-decoration: none;
}

.gb-footer-col ul a:hover,
.gb-footer-link:hover {
    color: var(--gb-text-main);
}

.gb-footer-socials {
    display: flex;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

/* Контакты в подвале: иконка + строка (как в макете) */
.gb-footer-contact-row {
    display: flex;
    align-items: flex-start;
    color: var(--gb-text-main);
    margin-bottom: 0.4rem;
}

.gb-footer-contact-icon {
    display: block;
    margin-right: 8px;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center;
}

.gb-footer-contact-icon_phone {
    background-image: url(/local/templates/grand-bar_mkhdev/images/phone.svg);
    background-size: 18px 18px;
}

.gb-footer-contact-icon_location {
    background-image: url(/local/templates/grand-bar_mkhdev/images/location.svg);
    background-size: 12px 17px;
}

.gb-footer-contact-icon_clock {
    background-image: url(/local/templates/grand-bar_mkhdev/images/clock.svg);
    background-size: 17px 16px;
}

.gb-footer-worktime-title {
    font-weight: 600;
}

.gb-footer-worktime-note {
    font-weight: 700;
    color: var(--gb-text-main);
}

.gb-footer-email a {
    text-decoration: underline;
    border-bottom: 1px solid rgba(0,0,0,0.4);
}

.gb-footer-email a:hover {
    border-bottom-color: rgba(0,0,0,0.8);
}

.gb-footer-bottom {
    background-color: #ffffff;
    border-top: 1px solid rgba(0,0,0,0.12);
    padding: 1.25rem 0;
}

.gb-footer-bottom-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.gb-footer-up {
    display: none;
}

.gb-footer-up:hover {
    opacity: 0.85;
}

.gb-footer-copy {
    color: rgba(0,0,0,0.75);
    line-height: 1.4;
    text-align: left;
}

/* ========== АДАПТИВ ШАПКИ И ФУТЕРА ========== */

/* На средних и малых экранах: скрыть «Время работы», оставить один телефон с обрезкой */
@media (max-width: 991px) {
    .gb-header-center .gb-header-info:first-of-type {
        display: none;
    }

    .gb-header-center .gb-header-info:last-of-type .gb-header-contact-row {
        display: none;
    }

    .gb-header-center .gb-header-contact-text {
        max-width: 140px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 767px) {
    .gb-header-top {
        padding: 0.75rem 0;
    }

    .gb-header-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .gb-header-left {
        width: 100%;
        justify-content: space-between;
    }

    .gb-header-logo-block {
        flex-wrap: wrap;
        white-space: normal;
    }

    .gb-logo-img {
        height: 52px;
    }

    .gb-header-center {
        display: none;
    }

    .gb-header-socials {
        display: none;
    }

    .gb-header-mobile-actions {
        display: inline-flex;
    }

    .gb-header-cart {
        display: none !important;
    }

    .gb-burger {
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
    }
}

@media (min-width: 768px) {
    .gb-footer-bottom-inner {
        flex-wrap: nowrap;
        justify-content: space-between;
    }

    .gb-footer-up {
        display: inline-block;
    }
}

@media (max-width: 575px) {
    .gb-footer-main {
        padding: 2rem 0;
    }

    .gb-footer-grid {
        gap: 1.5rem;
    }

    .gb-footer-logo-col .gb-logo-img {
        height: 46px;
    }

    .gb-footer-bottom {
        padding: 1rem 0;
    }
}

.gb-header-logo-title {
    letter-spacing: -0.05em;
}

/* Секции О компании, Преимущества, Консультация — на всю ширину экрана (как hero) */
.gb-about-company,
.gb-benefits,
.gb-consultation {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    box-sizing: border-box;
}

/* ========== Секция «О компании» ========== */
.gb-about-company {
    padding: 3rem 0 0;
    background: #fff;
    position: relative;
}

.gb-about-company__title {
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 2rem;
    font-size: 1.875rem;
    color: var(--gb-text-main);
}

.gb-about-company__row {
    align-items: center;
    margin-bottom: 5rem;
}

.gb-about-company__col-img {
    display: flex;
    justify-content: center;
}

.gb-about-company__img-wrap {
    position: relative;
    display: inline-block;
}

.gb-about-company__img {
    max-height: 400px;
    width: auto;
    object-fit: cover;
    border-radius: 0.5rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 1;
}

.gb-about-company__circle {
    position: absolute;
    border-radius: 50%;
    z-index: 0;
}

.gb-about-company__circle_yellow {
    width: 6rem;
    height: 6rem;
    background: var(--gb-yellow);
    opacity: 0.2;
    bottom: -1rem;
    right: -1rem;
}

.gb-about-company__circle_gray {
    width: 4rem;
    height: 4rem;
    background: #e5e7eb;
    top: -1rem;
    left: -1rem;
}

.gb-about-company__col-text {
    z-index: 2;
}

.gb-about-company__text {
    color: var(--gb-text-muted);
    font-size: 0.875rem;
    line-height: 1.6;
}

.gb-about-company__text p {
    margin-bottom: 1rem;
}

.gb-about-company__list-title {
    margin-bottom: 0.5rem;
}

.gb-about-company__list {
    list-style: disc;
    padding-left: 1.5rem;
    margin-bottom: 1rem;
}

.gb-about-company__list li {
    margin-bottom: 0.25rem;
}

.gb-about-company__outro {
    margin-top: 1rem;
}

.gb-about-company__wave {
    position: relative;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.gb-about-company__wave-svg {
    display: block;
    width: 100%;
    height: 60px;
}

@media (min-width: 768px) {
    .gb-about-company__wave-svg {
        height: 100px;
    }
}

/* На десктопе фон-снимок для блока «О компании» не нужен — только картинка слева */
@media (min-width: 768px) {
    .gb-about-company {
        background-image: none !important;
    }
}

@media (max-width: 767px) {
    /* Картинка уходит в фон, текст сверху, лёгкое затемнение */
    .gb-about-company {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .gb-about-company::before {
        content: '';
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.45);
        z-index: 0;
    }

    .gb-about-company__col-img {
        display: none;
    }

    .gb-about-company__col-text,
    .gb-about-company__title {
        position: relative;
        z-index: 1;
    }

    .gb-about-company__title {
        color: #ffffff;
    }

    .gb-about-company__text {
        color: #f3f4f6;
    }
}

/* ========== Секция «Преимущества» ========== */
.gb-benefits {
    background: #F8F9FA;
    padding: 1.5rem 0 3rem;
}

.gb-benefits__row {
    justify-content: center;
    row-gap: 1.5rem;
}

.gb-benefits__col {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.gb-benefits__icon-wrap {
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    background: #FFC107;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.75rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    color: #fff;
}

.gb-benefits__icon {
    width: 2rem;
    height: 2rem;
}

.gb-benefits__title {
    font-weight: 700;
    font-size: 1.125rem;
    color: var(--gb-text-main);
    margin: 0;
}

/* ========== Секция «Консультация» ========== */
.gb-consultation {
    position: relative;
    padding: 5rem 0;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://images.unsplash.com/photo-1554118811-1e0d58224f24?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    color: #fff;
}

.gb-consultation__wave {
    position: absolute;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.gb-consultation__wave_top {
    top: -1px;
}

.gb-consultation__wave_bottom {
    bottom: -1px;
    transform: rotate(180deg);
}

.gb-consultation__wave-svg {
    display: block;
    width: 100%;
    height: 40px;
}

@media (min-width: 768px) {
    .gb-consultation__wave-svg {
        height: 60px;
    }
}

.gb-consultation__container {
    position: relative;
    z-index: 1;
    text-align: center;
}

.gb-consultation__title {
    font-size: 1.875rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

@media (min-width: 768px) {
    .gb-consultation__title {
        font-size: 2.25rem;
    }
}

.gb-consultation__subtitle {
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 2rem;
    max-width: 42rem;
    margin-left: auto;
    margin-right: auto;
}

.gb-consultation__form {
    max-width: 36rem;
    margin: 0 auto;
}

.gb-consultation__fields {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1rem;
}

@media (min-width: 768px) {
    .gb-consultation__fields {
        flex-direction: row;
    }
}

.gb-consultation__input {
    flex-grow: 1;
    padding: 1rem 1.5rem;
    border-radius: 0.375rem;
    border: none;
    font-size: 1rem;
    color: var(--gb-text-main);
}

.gb-consultation__input:focus {
    outline: none;
    box-shadow: 0 0 0 2px var(--gb-yellow);
}

.gb-consultation__btn {
    padding: 1rem 2rem;
    border-radius: 0.375rem;
    font-weight: 700;
    border: none;
    cursor: pointer;
}

.gb-consultation__agree {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
}

.gb-consultation__checkbox {
    accent-color: var(--gb-yellow);
}

/* Иконки WhatsApp/Telegram — по центру между логотипом и блоком «Время работы» */
@media (min-width: 768px) {
    .gb-header-left {
        flex: 1 1 auto;
    }

    .gb-header-center {
        flex: 0 0 auto;
    }

    .gb-header-socials {
        margin-left: auto;
        margin-right: auto;
    }
}

/* =========================================================
   GRAND BAR: логотип в шапке (новый grand.png — прозрачный, без полей)
   девиз «все для кофейни и бара» с линиями по бокам
   ========================================================= */
.gb-header-logo-block {
    gap: 0 !important;
}

.gb-header .gb-logo {
    display: inline-block;
    line-height: 0;
}

.gb-header .gb-logo-img {
    height: 56px !important;
    width: auto;
    max-width: none;
}

/* девиз: мелкие заглавные с разрядкой, золотистые линии по бокам */
.gb-header-logo-text {
    left: 0 !important;
    margin-top: 2px !important;
    line-height: 1 !important;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.gb-header-logo-text::before,
.gb-header-logo-text::after {
    content: "";
    flex: 1;
    height: 1px;
    min-width: 10px;
}

.gb-header-logo-text::before {
    background: linear-gradient(90deg, rgba(249, 169, 29, 0), #F9A91D);
}

.gb-header-logo-text::after {
    background: linear-gradient(90deg, #F9A91D, rgba(249, 169, 29, 0));
}

/* в подписи стоит инлайн-стиль 14pt — перебиваем */
.gb-header-logo-text span,
.gb-header-logo-text b,
.gb-header-logo-text strong {
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0.16em;
    /* разрядка добавляет пробел после последней буквы — компенсируем, чтобы текст стоял ровно по центру */
    margin-right: -0.16em;
    text-transform: uppercase;
    white-space: nowrap;
    color: #8a6a2e !important;
}

@media (min-width: 992px) {
    .gb-header .gb-logo-img {
        height: 60px !important;
    }
}

/* обычные мониторы 1920×1080 */
@media (min-width: 1200px) {
    .gb-header .gb-logo-img {
        height: 64px !important;
    }
}

/* большие мониторы (2K и шире) */
@media (min-width: 2200px) {
    .gb-header .gb-logo-img {
        height: 76px !important;
    }

    .gb-header-logo-text span,
    .gb-header-logo-text b,
    .gb-header-logo-text strong {
        font-size: 13px !important;
    }
}

@media (max-width: 767px) {
    .gb-header .gb-logo-img {
        height: 54px !important;
    }

    .gb-header-logo-text span,
    .gb-header-logo-text b,
    .gb-header-logo-text strong {
        font-size: 10.5px !important;
        letter-spacing: 0.12em;
        margin-right: -0.12em;
    }
}
/* End */
/* /local/templates/grand-bar_mkhdev/components/bitrix/sale.basket.basket.line/bootstrap_v5/style.css?17919840978435 */
/* /local/templates/grand-bar_mkhdev/components/bitrix/menu/top_nav/style.css?17926777268436 */
/* /local/templates/grand-bar_mkhdev/components/bitrix/breadcrumb/grandbar/style.css?1771921760931 */
/* /local/templates/grand-bar_mkhdev/components/bitrix/menu/template/style.min.css?1771359145596 */
/* /local/templates/grand-bar_mkhdev/styles.css?179204928437594 */
/* /local/templates/grand-bar_mkhdev/template_styles.css?179289000027424 */