.bx-yellow,
.bx-theme-yellow {
	--primary: #f9a91d;
	--theme-color-primary: #f9a91d;
	--theme-color-second: #faba4a;
	--theme-color-light: #fff;
	--theme-b-link: #f9a91d;
	--theme-b-link-hover: #faba4a;
	--theme-b-tx-primary: #fff;
	--theme-b-bg-primary: #f9a91d;
	--theme-b-bd-primary: #f9a91d;
	--theme-b-sd-primary: rgba(249, 169, 29, 0.5);
	--theme-b-tx-primary-hover: #fff;
	--theme-b-bg-primary-hover: #faba4a;
	--theme-b-bd-primary-hover: #daa53e;
	--theme-b-tx-primary-active: #fff;
	--theme-b-bg-primary-active: #faba4a;
	--theme-b-bd-primary-active: #daa53e;
	--theme-b-tx-primary-disabled: #fff;
	--theme-b-bg-primary-disabled: #daa53e;
	--theme-b-bd-primary-disabled: #b7853b;
}

.bx-blue,
.bx-theme-blue {
	--primary: #0083d1;
	--theme-color-primary: #0083d1;
	--theme-color-second: #5ca6e4;
	--theme-color-light: #f0f6f8;
	--theme-b-link: #44b1c9;
	--theme-b-link-hover: #5cc3d1;
	--theme-b-tx-primary: #fff;
	--theme-b-bg-primary: #0083d1;
	--theme-b-bd-primary: #0083d1;
	--theme-b-sd-primary: rgba(0, 131, 209, 0.5);
	--theme-b-tx-primary-hover: #fff;
	--theme-b-bg-primary-hover: #5ca6e4;
	--theme-b-bd-primary-hover: #5599d2;
	--theme-b-tx-primary-active: #fff;
	--theme-b-bg-primary-active: #5ca6e4;
	--theme-b-bd-primary-active: #5599d2;
	--theme-b-tx-primary-disabled: #fff;
	--theme-b-bg-primary-disabled: #5599d2;
	--theme-b-bd-primary-disabled: #4d8bbf;
}

.bx-red,
.bx-theme-red {
	--primary: #970101;
	--theme-color-primary: #970101;
	--theme-color-second: #4E5666;
	--theme-color-light: #f0f0f0;
	--theme-b-link: #970101;
	--theme-b-link-hover: #4E5666;
	--theme-b-tx-primary: #fff;
	--theme-b-bg-primary: #970101;
	--theme-b-bd-primary: #970101;
	--theme-b-sd-primary: rgba(151, 1, 1, 0.5);
	--theme-b-tx-primary-hover: #fff;
	--theme-b-bg-primary-hover: #4E5666;
	--theme-b-bd-primary-hover: #444c5a;
	--theme-b-tx-primary-active: #fff;
	--theme-b-bg-primary-active: #4E5666;
	--theme-b-bd-primary-active: #444c5a;
	--theme-b-tx-primary-disabled: #fff;
	--theme-b-bg-primary-disabled: #444c5a;
	--theme-b-bd-primary-disabled: #3a424e;
}

.bx-green,
.bx-theme-green {
	--primary: #63aa28;
	--theme-color-primary: #63aa28;
	--theme-color-second: #5b9f0b;
	--theme-color-light: #a8d95b;
	--theme-b-link: #44b1c9;
	--theme-b-link-hover: #5cc3d1;
	--theme-b-tx-primary: #fff;
	--theme-b-bg-primary: #63aa28;
	--theme-b-bd-primary: #63aa28;
	--theme-b-sd-primary: rgba(99, 170, 40, 0.5);
	--theme-b-tx-primary-hover: #fff;
	--theme-b-bg-primary-hover: #5b9f0b;
	--theme-b-bd-primary-hover: #56940b;
	--theme-b-tx-primary-active: #fff;
	--theme-b-bg-primary-active: #5b9f0b;
	--theme-b-bd-primary-active: #56940b;
	--theme-b-tx-primary-disabled: #fff;
	--theme-b-bg-primary-disabled: #56940b;
	--theme-b-bd-primary-disabled: #497c09;
}

.bx-graphite,
.bx-theme-graphite {
	--primary: #4E5666;
	--theme-color-primary: #4E5666;
	--theme-color-second: #3a424e;
	--theme-color-light: #f0f0f0;
	--theme-b-link: #4E5666;
	--theme-b-link-hover: #3a424e;
	--theme-b-tx-primary: #fff;
	--theme-b-bg-primary: #4E5666;
	--theme-b-bd-primary: #4E5666;
	--theme-b-sd-primary: rgba(78, 86, 102, 0.5);
	--theme-b-tx-primary-hover: #fff;
	--theme-b-bg-primary-hover: #3a424e;
	--theme-b-bd-primary-hover: #2f3641;
	--theme-b-tx-primary-active: #fff;
	--theme-b-bg-primary-active: #3a424e;
	--theme-b-bd-primary-active: #2f3641;
	--theme-b-tx-primary-disabled: #fff;
	--theme-b-bg-primary-disabled: #2f3641;
	--theme-b-bd-primary-disabled: #242a33;
}

body {
	background-attachment: fixed;
	background-size: cover;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#pagetitle { margin-bottom: 35px; }

h1,h2,h3,h4,h5 {
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
}

.bx-content-section,
.bx-header-section {
	padding-bottom: 2px;
	background-color: rgba(255, 255, 255, .95);
}

.bx-wrapper { }

/*region HEADER*/
.bx-header { }

.bx-header-section { }

.bx-header-logo { order: 1 }

.bx-header-personal { order: 3 }

.bx-header-contact { order: 2 }

/*region Logo*/
.bx-logo-block {
	display: block;
 
	border-bottom: none;
}

.bx-logo-block img {
	max-height: 80px;
	width: auto;
}

@media (max-width: 767px) {
	.bx-logo-block img {
		max-width: 100%;
		max-height: 80px;
		width: auto;
		height: auto;
	}

	.bx-header-logo {
		padding: 5px 50px;
		height: 55px;
		background-color: var(--theme-color-primary);
	}

	.bx-logo-block { height: auto; }

	body.bx-theme-green .bx-store-logo { background: #33b111; }
}

/*endregion*/

/*region included Phone*/
.bx-header-phone-block {
	display: flex;
	align-items: center;
}

.bx-header-phone-number {
	color: #000;
	white-space: nowrap;
	font: 24px/32px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	transition: 250ms linear all;
}

.bx-header-phone-icon {
	display: block;
	margin-right: 10px;
	width: 26px;
	height: 26px;
	background: no-repeat center url(images/phone.svg);
}

@media (max-width: 991px) {
	.bx-header-phone-number {
		font: 18px/22px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
		font-weight: var(--ui-font-weight-semi-bold, 600);
	}
}

/*endregion*/

/*region included Worktime*/
.bx-header-worktime {
	color: #000;
	font: 16px/22px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	transition: 250ms linear all;
}

.bx-worktime-title {
	color: #adadad;
	font: 12px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
}

.bx-worktime-schedule {
	color: #000;
	font: 12px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
}

@media (max-width: 991px) {
	.bx-header-worktime {
		font: 15px/18px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
		font-weight: var(--ui-font-weight-regular, 400);
	}
}

/*endregion*/

/*endregion*/

.sidebar-block-title {
	color: #343434;
	text-transform: uppercase;
	font-size: 14px;
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
}

/*region FOOTER*/
.bx-footer { }

.bx-footer-section { }

.bx-footer-section .bx-block-title { }

.bx-footer-bg { background-color: #1f496a; }

.bx-footer-logo {
	border-bottom: none !important;
	text-decoration: none !important;
}

.bx-footer-logo img {
	max-width: 100%;
	height: auto;
}

/*endregion*/

.bx-inclinkspersonal-item.bx-theme-blue:hover { background: #0083d1; }

.bx-theme-blue.bx-inclinkspersonal-selected { background: #3398d7; }

.bx-inclinkspersonal-item.bx-theme-black:hover { background: #303030; }

.bx-theme-black.bx-inclinkspersonal-selected { background: #484848; }

.bx-inclinkspersonal-item.bx-theme-green:hover { background: #44b1c9; }

.bx-theme-green.bx-inclinkspersonal-selected { background: #5cc3d1; }

.bx-inclinkspersonal-item.bx-theme-red:hover { background: #970101; }

.bx-theme-red.bx-inclinkspersonal-selected { background: #4E5666; }

.bx-inclinkspersonal-item.bx-theme-yellow:hover { background: #f4a52e; }

.bx-theme-yellow.bx-inclinkspersonal-selected { background: #fbb859; }

/*region Bootstrap modified*/
.btn-primary,
.list-group-item.active {
	border-color: var(--theme-b-bd-primary);
	background-color: var(--theme-b-bg-primary);
	color: var(--theme-b-tx-primary);
}

.btn-primary:hover {
	border-color: var(--theme-b-bd-primary-hover);
	background-color: var(--theme-b-bg-primary-hover);
	color: var(--theme-b-tx-primary-hover);
}

.btn-primary:focus,
.btn-primary.focus {
	box-shadow: 0 0 0 0.2rem var(--theme-b-sd-primary);
}

.btn-primary.disabled,
.btn-primary:disabled {
	border-color: var(--theme-b-bg-primary);
	background-color: var(--theme-b-bg-primary);
	color: var(--theme-b-tx-primary);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
	border-color: var(--theme-b-bd-primary-active);
	background-color: var(--theme-b-bg-primary-active);
	color: var(--theme-b-tx-primary-active);
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem var(--theme-b-sd-primary);
}

.form-control:focus {
	border-color: var(--theme-color-primary);
	box-shadow: 0 0 0 0.2rem var(--theme-b-sd-primary);
}

a,
.btn-link { color: var(--theme-b-link); }

a:hover,
.btn-link:hover { color: var(--theme-b-link-hover); }

.g-font-size-15 { font-size: 15px; }

.g-font-size-17 { font-size: 17px; }

.g-font-size-20 { font-size: 20px; }

.text-primary { color: var(--primary) !important }

.bg-primary { background: var(--primary) !important }

.border-primary { border-color: var(--primary) !important }

/*endregion*/

.bx-sidebar-block { }

.sidebar h2,
.sidebar h3,
.sidebar h4,
.sidebar h5 {
	text-transform: uppercase;
	font-size: 14px;
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
}

.sidebar li {
	font-size: 12px;
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
}

.sidebar-icon {
	width: 27px;
	height: 27px;
	margin-right: 5px;
	border-radius:50%;
	background-color: var(--theme-color-primary);
	background-repeat: no-repeat;
	background-position: center;
}

.sidebar-icon-label {
	background-image:  url(images/label.svg);
	background-size: 19px auto;
}

.sidebar-icon-delivery {
	background-image: url(images/delivery.svg);
	background-size: 17px auto;
}

.sidebar-icon-sale {
	background-image: url(images/sale.svg);
	background-size: auto 17px ;
}

.sidebar-icon-self {
	background-image: url(images/self.svg);
	background-size: auto 17px ;
}

.sidebar-icon-phone {
	background-image: url(images/phone_white.svg);
	background-size: auto 21px ;
}

/** CUSTOM STYLES */

@media (min-width: 1400px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        max-width: 1600px;
    }
}

/* Общие стили кнопок */
.btn-brand-gradient {
    position: relative;
    overflow: hidden;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    background: linear-gradient(135deg, var(--brand-primary) 0%, #b01212 50%, #d42c2c 100%);
    border: none;
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-size: 0.9rem;
    box-shadow: 0 4px 15px rgba(151, 1, 1, 0.4);
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}

.btn-brand-gradient:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(151, 1, 1, 0.5);
    background: linear-gradient(135deg, #7a0101 0%, var(--brand-primary) 50%, #b01212 100%);
    color: white;
    text-decoration: none;
}

.btn-brand-gradient:focus {
    box-shadow: 0 0 0 0.2rem rgba(151, 1, 1, 0.3), 0 8px 25px rgba(151, 1, 1, 0.4);
    color: white;
    outline: none;
}

.btn-brand-gradient:active {
    background: linear-gradient(135deg, #5a0101 0%, #7a0101 50%, var(--brand-primary) 100%);
    transform: translateY(0px);
    box-shadow: 0 2px 10px rgba(151, 1, 1, 0.6);
    color: white;
}

.btn-brand-gradient-compact {
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    font-weight: 500;
}

/* Новая структура шапки */
.new-header-wrapper {
	padding: 2rem 0 1rem 0;
}

.header-logo .bx-logo-block img {
    max-height: 80px;
    width: auto;
}

.header-right-block {
    width: 100%;
	padding-left: 110px;
}

.header-top-row {
    font-size: 0.9rem;
    color: #333; 
    padding-bottom: 0.75rem;
    min-height: 80px;
}

.sales-department {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
}

.sales-department .sales-label {
    color: var(--brand-secondary);
    font-weight: 600;
    font-size: 1rem;
}

.contact-info .contact-details {
    font-weight: 600;
    color: #333;
    font-size: 1.1rem;
    line-height: 1.4;
}

.work-time-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
}

.work-time-label {
    color: var(--brand-secondary);
    font-weight: 600;
    font-size: 1rem;
}

.work-time-schedule {
    color: #333;
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 1.4;
}

.consultation-btn {
    white-space: nowrap;
}

.header-top-row .consultation-btn-wrapper {
    height: 100% !important;
    min-height: 81px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Основное меню в шапке (bootstrap_non_bg) */
.header-bottom-row {
     
}

.main-navigation .nav {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
}

.main-navigation .nav-link {
    color: #333;
    font-weight: 700;
    font-size: 1.2rem;
    padding: 0.75rem 1.5rem;
    border-radius: 0;
    transition: all 0.3s ease;
    text-decoration: none;
    background: transparent;
    border: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.main-navigation .nav-link:hover {
    color: var(--brand-primary);
    background: transparent;
    transform: none;
    box-shadow: none;
}

.main-navigation .nav-link.active {
    color: var(--brand-primary);
    background: transparent;
    box-shadow: none;
    border-bottom: 2px solid var(--brand-primary);
}
/* Цвета иконок в подвале */
.bx-footer-section  .text-brand-primary {
	color: #fff !important;
}
/* Меню каталога под шапкой (графитовый) */
.catalog-menu-section {
    background: #4E5666 !important;
    margin-top: 0;
    padding: 0 !important;
    overflow: visible !important;
    min-height: auto;
    height: auto;
}

.catalog-navigation .nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: center;
}

.catalog-navigation .nav-link {
    color: white;
    font-weight: 500;
    font-size: 1.125rem;
    padding: 15px 20px;
    margin: 8px 0;
    border-radius: 0.375rem;
    transition: all 0.3s ease;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    position: relative;
    z-index: 1;
}

.catalog-navigation .nav-link:hover {
    background: rgba(255, 255, 255, 0.2);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.catalog-navigation .nav-link.active {
    background: rgba(255, 255, 255, 0.3);
    color: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* Дополнительные стили для выпадающих меню каталога */
.catalog-navigation .dropdown-menu {
    z-index: 1050;
    margin-top: 0;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

.catalog-navigation .nav-item.dropdown {
    position: relative;
}

.catalog-navigation .dropdown-menu.show {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
}

.text-brand-primary {
    color: var(--brand-primary) !important;
}

/* Мобильная адаптация */
@media (max-width: 1199px) {
    .new-header-wrapper {
        padding: 0.75rem 0;
    }
    
    .header-top-row {
        display: none !important;
    }
    
    .header-logo .bx-logo-block img {
        max-height: 60px;
    }
    
    /* Мобильное основное меню */
    .header-bottom-row {
        padding: 0.5rem 0;
    }
    
    .main-navigation .nav {
        flex-direction: column;
        width: 100%;
        gap: 0.25rem;
    }
    
    .main-navigation .nav-link {
        text-align: center;
        width: 100%;
        margin-bottom: 0;
        font-size: 1.1rem;
        padding: 0.6rem 1rem;
    }
    
    /* Мобильное меню каталога */
    .catalog-menu-section {
        padding: 0 !important;
        overflow: visible !important;
    }
    
    .catalog-navigation .nav {
        flex-direction: column;
        width: 100%;
        gap: 0.25rem;
    }
    
    .catalog-navigation .nav-link {
        text-align: center;
        width: 100%;
        margin-bottom: 0;
        font-size: 1.0625rem;
    }
}

@media (max-width: 991px) {
    .header-right-block {
        margin-top: 1rem;
    }
    
    .header-bottom-row {
        padding: 0.6rem 0;
    }
    
    .main-navigation .nav {
        gap: 0.25rem;
        flex-wrap: wrap;
    }
    
    .main-navigation .nav-link {
        flex: 1 1 calc(50% - 0.125rem);
        min-width: auto;
        font-size: 1rem;
        padding: 0.6rem 1rem;
    }
    
    .catalog-menu-section {
        padding: 0 !important;
        overflow: visible !important;
    }
    
    .catalog-navigation .nav {
        gap: 0.25rem;
        flex-wrap: wrap;
    }
    
    .catalog-navigation .nav-link {
        flex: 1 1 calc(50% - 0.125rem);
        min-width: auto;
        font-size: 1.0625rem;
    }
}

@media (max-width: 767px) {
    .new-header-wrapper {
        padding: 0.5rem 0;
    }
    
    .main-navigation .nav {
        justify-content: center;
        gap: 0.25rem;
        flex-wrap: wrap;
    }
    
    .main-navigation .nav-link {
        font-size: 1rem;
        padding: 0.5rem 0.8rem;
        flex: 1 1 auto;
        min-width: calc(50% - 0.125rem);
    }
    
    .catalog-navigation .nav {
        justify-content: center;
        gap: 0.25rem;
        flex-wrap: wrap;
    }
    
    .catalog-navigation .nav-link {
        font-size: 1rem;
        padding: 0.4rem 0.8rem;
        flex: 1 1 auto;
        min-width: calc(50% - 0.125rem);
    }
    
    .header-logo .bx-logo-block img {
        max-height: 50px;
    }
    
}

/*endregion*/

/*region included Worktime*/
.bx-header-worktime {
	color: #000;
	font: 16px/22px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	transition: 250ms linear all;
}

.bx-worktime-title {
	color: #adadad;
	font: 12px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
}

.bx-worktime-schedule {
	color: #000;
	font: 12px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
}

@media (max-width: 991px) {
	.bx-header-worktime {
		font: 15px/18px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
		font-weight: var(--ui-font-weight-regular, 400);
	}
}

/*endregion*/



.bx-top-nav-container {
    background: #4E5666 !important;
}