:root {
	--first-family: "Open Sans", sans-serif;
	--second-family: "Roboto", sans-serif;
	--block-margin: 52px;
	--section-margin: 150px;
	--color-dark: #333333;
	--color-dark-blue: #004899;
	--color-gray-second: #8D8D8D;
	--color-gray-light: #f5f5f5;
	--color-accent:#5ECCFF;
	--icon-minus: url("data:image/svg+xml,%3Csvg width='17' height='2' viewBox='0 0 17 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.19348 1H15.7835' stroke='black' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
	--icon-plus: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.76056 0.704956V15.295' stroke='black' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M1.46552 8H16.0556' stroke='black' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
	--icon-basket: url("data:image/svg+xml,%3Csvg width='31' height='35' viewBox='0 0 31 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.83333 1L1 7.44444V30C1 30.8546 1.33948 31.6742 1.94377 32.2785C2.54805 32.8827 3.36764 33.2222 4.22222 33.2222H26.7778C27.6324 33.2222 28.4519 32.8827 29.0562 32.2785C29.6605 31.6742 30 30.8546 30 30V7.44444L25.1667 1H5.83333Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M1 7.44446H30' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M21.9444 13.8889C21.9444 15.5981 21.2655 17.2373 20.0569 18.4458C18.8483 19.6544 17.2092 20.3334 15.5 20.3334C13.7908 20.3334 12.1516 19.6544 10.9431 18.4458C9.73451 17.2373 9.05554 15.5981 9.05554 13.8889' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
	--icon-compare: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.6514 0.0758057H6.97468C6.74724 0.0758057 6.59562 0.227429 6.59562 0.454865V6.67143H0.416962C0.189526 6.67143 0.0379028 6.82305 0.0379028 7.05049V31.7272C0.0379028 31.9547 0.189526 32.1063 0.416962 32.1063H25.0937C25.3211 32.1063 25.4728 31.9547 25.4728 31.7272V25.5107H31.6893C31.9168 25.5107 32.0684 25.359 32.0684 25.1316V0.454865C32.0305 0.265335 31.8409 0.0758057 31.6514 0.0758057ZM24.6767 31.3482H0.796021V7.42955H6.63353V25.1316C6.63353 25.359 6.78515 25.5107 7.01259 25.5107H24.7146V31.3482H24.6767ZM24.6767 24.7525H7.35374V7.42955H24.6767V24.7525ZM31.2724 24.7525H25.4348V7.05049C25.4348 6.82305 25.2832 6.67143 25.0558 6.67143H7.35374V0.833923H31.2724V24.7525Z' fill='%23323232' stroke='%23323232' stroke-width='0.9' /%3E%3Cpath d='M10.3862 16.0721H15.0486V20.7724C15.0486 20.9998 15.2002 21.1514 15.4277 21.1514C15.6551 21.1514 15.8067 20.9998 15.8067 20.7724V16.0721H20.4692C20.6966 16.0721 20.8482 15.9204 20.8482 15.693C20.8482 15.4656 20.6966 15.3139 20.4692 15.3139H15.8067V10.6515C15.8067 10.4241 15.6551 10.2725 15.4277 10.2725C15.2002 10.2725 15.0486 10.4241 15.0486 10.6515V15.3518H10.3862C10.1588 15.3518 10.0071 15.5035 10.0071 15.7309C10.0071 15.9583 10.1588 16.0721 10.3862 16.0721Z' fill='%23323232' stroke='%23323232' stroke-width='0.9' /%3E%3C/svg%3E");
	--icon-arrow: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 7.23511H1' stroke='black' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M8 0.605957L1 7.23516L8 13.8644' stroke='black' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
	--icon-star: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0283 1.60059C10.1641 1.11265 10.8555 1.11263 10.9912 1.60059L12.5312 7.14062C12.7183 7.81268 13.344 8.26735 14.041 8.2373L19.7852 7.98926C20.2911 7.96769 20.5052 8.6264 20.083 8.90625L15.29 12.082C14.7085 12.4674 14.4691 13.2028 14.7129 13.8564L16.7236 19.2432C16.9008 19.7178 16.341 20.1247 15.9443 19.8096L11.4424 16.2324C10.8961 15.7987 10.1224 15.7984 9.57617 16.2324L5.0752 19.8096C4.67851 20.1248 4.11873 19.7178 4.2959 19.2432L6.30566 13.8564C6.54962 13.2028 6.31103 12.4675 5.72949 12.082L0.936523 8.90625C0.514229 8.6264 0.728303 7.96758 1.23438 7.98926L6.97852 8.2373C7.67552 8.26735 8.30126 7.81269 8.48828 7.14062L10.0283 1.60059Z' stroke='%23FFAD1C' /%3E%3C/svg%3E");
	--icon-star-fill: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.54623 1.46679C9.81756 0.490482 11.2019 0.490482 11.4732 1.46679L13.0127 7.00627C13.1373 7.45449 13.5545 7.75761 14.0193 7.73757L19.7634 7.48995C20.7757 7.44631 21.2035 8.76285 20.3588 9.3226L15.5662 12.4986C15.1784 12.7555 15.0191 13.246 15.1817 13.6818L17.1923 19.0683C17.5466 20.0176 16.4267 20.8313 15.6333 20.2009L11.1318 16.6243C10.7676 16.3349 10.2519 16.3349 9.88762 16.6243L5.3861 20.2009C4.59273 20.8313 3.47281 20.0176 3.82715 19.0683L5.83768 13.6818C6.00036 13.246 5.841 12.7555 5.45321 12.4986L0.660592 9.3226C-0.184085 8.76285 0.243687 7.44631 1.25606 7.48995L7.00015 7.73757C7.46493 7.75761 7.88214 7.45449 8.0067 7.00627L9.54623 1.46679Z' fill='%23FFAD1C' /%3E%3C/svg%3E");

	--radius: 25px;
	--button-bg:linear-gradient(90deg, #0066b3 0%, #1ea7e1 50%, #0066b3 100%);
	--button-bg2:linear-gradient(90deg, #1ea7e1 0%, #0066b3 100%);
	--button-radial-bg:radial-gradient(circle 70px, #1EA7E1, #0066B3 );
	--button-radial-bg-hover:radial-gradient(circle 80px, #1EA7E1, #0066B3 );

	--transition: .3s ease;
}

body {
	font-family: var(--first-family);
	font-size: 24px;
	font-weight: 400;
	color: var(--color-dark);
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	overflow-x: hidden;
}

main {
	flex: 1 0 auto;
}

html {
	overflow-x: hidden;
}

*, *:before, *:after {
	box-sizing:border-box;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	color: var(--color-dark-blue);
	font-weight: bold;
}

h1 {
	font-size: 46px;
}

h2 {
	font-size: 36px;
}

a {
	text-decoration: none;
	color: var(--color-dark);
}

.container {
	margin: 0 auto;
	max-width: 1500px;
}

.home-advantages__title {
	text-transform: uppercase;
}

.home-sectors {
	margin-bottom: 40px;
}

.home-header {
	text-align: center;
	padding-top: 120px;
	margin-bottom: var(--section-margin);
	position: relative;
}

.home-header .burger-menu {
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	display: none;
}

.search-page-form {
	margin-bottom: 40px;
}

.search-form {
	background: #fff;
	border-radius: 15px;
	padding: 30px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.search-form-input-wrapper {
	display: flex;
	align-items: center;
	gap: 15px;
	flex-wrap: wrap;
}

.search-input {
	flex: 1;
	min-width: 300px;
	height: 50px;
	padding: 0 20px;
	border: 1px solid #E7E7E7;
	border-radius: 10px;
	font-size: 16px;
	outline: none;
	transition: border-color 0.3s ease;
}

.search-input:focus {
	border-color: var(--color-dark-blue);
}

.search-select {
	height: 50px;
	padding: 0 20px;
	border: 1px solid #E7E7E7;
	border-radius: 10px;
	font-size: 16px;
	outline: none;
	background: #fff;
	cursor: pointer;
	transition: border-color 0.3s ease;
}

.search-select:focus {
	border-color: var(--color-dark-blue);
}

.search-btn {
	min-width: 150px;
}

.catalog-panel-filter {}
.catalog-panel-filter__caterories {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.catalog-panel-filter__caterory {
    display: flex;
    gap: 10px;
    padding: 3px;
    border: 2px solid #0066b3;
    border-radius: 15px;
}
.catalog-panel-filter__caterory-title {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    color: #fff;
    background: var(--button-radial-bg);
    border-radius: 12px;
    align-self: flex-start;
}
.catalog-panel-filter__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px;
    list-style: none;
}
.catalog-panel-filter__item {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px;
    border-radius: 11px;
    transition: .15s;
    cursor: pointer;
}
.catalog-panel-filter__item-value {}
.catalog-panel-filter__item-delete {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    font-size: 16px;    
    color: #97AABB;
    transition: .15s;
}
.catalog-panel-filter__item:active {
    background-color: #ededed;
}
.catalog-panel-filter__item:active .catalog-panel-filter__item-delete {
    color: #0066b3;
}
@media (hover: hover) {
    .catalog-panel-filter__item:hover {
        background-color: #f5f5f5;
    }
    .catalog-panel-filter__item:hover .catalog-panel-filter__item-delete {
        color: #0066b3;
    }
}
@media (max-width: 1280px) {
    .catalog-panel-filter__caterory-title,
    .catalog-panel-filter__item-value {
        font-size: 18px;
    }
}
@media (max-width: 768px) {
    .catalog-panel-filter__caterory-title,
    .catalog-panel-filter__item-value {
        font-size: 14px;
    }
    .catalog-panel-filter__caterories {
        gap: 6px;
    }
    .catalog-panel-filter__caterory {
        display: flex;
        flex-direction: column;
        gap: 6px;
		width: 100%;
    }
}

@media screen and (max-width: 992px) {
	.home-header {
		padding-top: 20px;
	}
	
	.home-header .burger-menu {
		display: flex;
	}
	.home-header__logo img {
		max-width: 186px !important;
	}
}

@media screen and (max-width: 576px) {
	.home-header .burger-menu {
		left: 10px;
	}
}

.home-header__logo img {
	max-width: 256px;
}

.home-sectors__list {
	display: flex;
	justify-content: space-between;
	gap: 200px;
	margin-top: 100px;
}

.home-sectors__item {
	display: flex;
	flex-direction: column;
	flex: 1 1 50%;
	gap: 40px;
	justify-content: space-between;
	align-items: center;
}

.home-sectors__item img {
	max-height: 200px;
	object-fit: contain;
}

.home-sectors__button {
	align-self: center;
	color: white;
	background: var(--button-bg);
	padding: 15px 70px;
	border-radius: var(--radius);
	font-weight: bold;
	width: 100%;
	text-align: center;
	max-width: 542px;
}

.home-advantages {
	color: var(--color-dark-blue);
	font-weight: bold;
	padding: 25px;
	text-align: center;
	border-top: 2px solid var(--color-dark-blue);
	border-bottom: 2px solid var(--color-dark-blue);
}

footer{margin-top: 100px;}
.footer__row {
	padding: 60px 0 120px;
}

.footer-menu__item {
	list-style: none;
	font-weight: 600;
	font-size: 23px;
}

.footer__row {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.footer__col--narrow {
	flex: 0.5;
}

.footer__col {
	flex: 1;
}

.footer__col--wide {
	flex: 1.5;
}

.footer-contacts {
	display: flex;
	flex-direction: column;
	gap: 30px;

}

.footer-contacts__title {
	font-weight: 600;
}

.footer-contacts p {
	font-size: 15px;
}

footer {
	background: var(--color-gray-light) ;
}

.flex{display: flex;}
.flex.flex-aic{align-items: center;}
.flex.flex-aie{align-items: flex-end;}
.flex.flex-jcb{justify-content: space-between;}
.flex.flex-jcc{justify-content: center}
.flex > .col-md-6{flex: 0 0 50%; max-width: calc(50% - 10px);}
.flex > .col-sm-6{flex: 0 0 50%; max-width: calc(50% - 10px);}
.flex:has(.col-md-6){gap: 20px}
.flex:has(.col-sm-6){gap: 20px}
#bx-soa-order .alert-success {
	background:none;
}
.alert {position: relative; padding: 10px 15px; padding-left: 42px; font-weight: 600; font-size: 16px; line-height: 1.4; background-color: #fff; border-radius: 10px; background-repeat: no-repeat; background-position: 12px center; background-size: 20px 20px;}
.alert-success {color: #2e7d32;}
.alert-success {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%232e7d32' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");}
.alert-error {color: #c62828;}
.alert-error {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23c62828' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");}
.alert-info {color: var(--color-accent);}
.alert-info {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%235ECCFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'%3E%3C/path%3E%3Cline x1='12' y1='9' x2='12' y2='13'%3E%3C/line%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'%3E%3C/line%3E%3C/svg%3E");}

.site-btn{display: inline-flex; padding: 0; border-radius: 10px; height: 50px; justify-content: center; align-items: center; background: #3EA3DC; color: #fff; transition: background .3s ease; font-weight: 700; font-size: 18px; text-decoration: none; padding: 0 18px; cursor: pointer; border: none;}
.site-btn-sm{height: 42px; border-radius: 10px;}
.site-btn-outline{background: none; border: 2px solid var(--color-dark-blue); color: var(--color-dark-blue); padding: 0 18px;}
.site-btn-full{width: 100%;}
.site-btn-secondary{background: var(--color-gray-second);}
.site-btn-white{background: #fff; color: #575756;}
.site-btn-green{background: var(--green);}
.site-btn-gradient{background: var(--button-radial-bg); color: #fff;}
.site-btn.nohover{cursor: default;}
@media screen and (hover: hover) {
    .site-btn:not(.nohover):hover{background: var(--color-accent); text-decoration: none;}
	.site-btn-outline:not(.nohover):hover{background: var(--color-dark-blue); color: #fff;}
    .site-btn-green:not(.nohover):hover{background: var(--secondary);}
    .site-btn-white:not(.nohover):hover{background: #f6f6f6}
    .site-btn-secondary:not(.nohover):hover{background: var(--color-accent);}
    .site-btn-gradient:not(.nohover):hover{background: var(--button-radial-bg-hover);}
}
.btn-link{color: var(--color-accent); text-decoration: none;}
.btn-link:hover{color: var(--color-accent); text-decoration: underline;}
.SDEK_selectPVZ{display: inline-flex; padding: 0; border-radius: 10px; height: 50px; justify-content: center; align-items: center; background: #3EA3DC; color: #fff; transition: background .3s ease; font-weight: 700; font-size: 13px; text-decoration: none; padding: 0 18px; cursor: pointer; border: none; height: 30px; border-radius: 10px;}

.form-styled{width: 100%; position: relative}
.form-styled .form-row:not(.last){margin-bottom: 20px;}
.form-styled .form-row.grouped{display: flex; gap: 25px}
.form-styled .form-row.grouped > *{flex: 1;}
.form-styled .form-row.grouped > .form-row{margin-bottom: 0;}
.form-styled .form-row label:not(.checkbox-styled){font-size: 17px; color: #333; margin-bottom: 5px; display: block;}
.form-styled .form-row label:not(.checkbox-styled) .req{color: red;}
.form-styled .form-row input:not([type=submit]):not(.input-toggle),
.form-styled .form-row textarea{width: 100%; padding: 0 23px; box-sizing: border-box; border: 1px solid #E7E7E7; color: #191B26; font-family: inherit; outline: none; height: 46px; font-size: 14px; background: #fff; border-radius: 6px;}
.form-styled .form-row textarea{height: 140px; resize: none; padding: 16px 23px;}
.form-styled .form-row input::placeholder,
.form-styled .form-row textarea::placeholder{color: rgba(51, 51, 51, 0.83);}
.form-styled .alert{margin-top: 15px;}

.toggle-label{display: flex!important; align-items: center; width: 50%; justify-content: space-between;}
.input-toggle {position: relative; appearance: none; width: 34px; height: 20px; border-radius: 10px; background-color: var(--color-gray-light); cursor: pointer; transition: var(--transition); vertical-align: middle;}
.input-toggle::before {content: ''; position: absolute; top: 50%; left: 3px; transform: translateY(-50%); width: 14px; height: 14px; background-color: #fff; border-radius: 50%; transition: var(--transition);}
.input-toggle:checked {background-color: var(--color-dark-blue);}
.input-toggle:checked::before {transform: translateY(-50%) translateX(14px);}

.modal {position: fixed; width: 100vw; height: 100vh; opacity: 0; visibility: hidden; transition: all 0.3s ease; top: 0; left: 0; display: flex; align-items: center; justify-content: center; z-index: 9999; }
.modal.open {visibility: visible; opacity: 1; transition-delay: 0s;}
.modal-bg {position: fixed; background: rgba(0, 0, 0, .5); width: 100%; height: 100%;}
.modal-container {background: #fff; position: relative; padding: 30px 50px; border-radius: 10px; width: 100%; max-width: 500px;}
.modal-container h1{color: #333; font-size: 30px; font-weight: 700; text-transform: uppercase; margin-bottom: 24px;}
.modal-container h3{text-align: center; }
.modal-close {position: absolute; right: 0; top: 0; outline: none; appearance: none; background: var(--color-dark-blue) url(images/close.svg) no-repeat center center; border: none; border-radius: 0 0 0 5px; cursor: pointer; width: 46px; height: 46px; transition: all .3s ease; padding: 0;}
.modal-container .buttons{display: flex; gap: 20px; margin-top: 50px;}
.modal.scrolled{overflow-y: auto; display: block;}
.modal.scrolled .modal-container{margin: 65px auto;}

/* Стили для загрузки файлов */
.modal-container .file-styled {position: relative; display: block; width: 100%;}
.modal-container .file-styled input[type="file"] {position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none;}
.modal-container .file-styled .file-label {display: flex!important;  align-items: center;  gap: 10px;  padding: 9px 32px;  border: 1px solid #E0E0E0;  background: var(--color-dark-blue);  cursor: pointer;  transition: all 0.3s ease;  width: 100%;  max-width: 190px;  box-sizing: border-box;  text-decoration: none;  color: #FFF;}
.modal#addBuyer .modal-container{max-width: 1200px;}
.attach-file-review, .attach-file-buyer{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.modal-container .file-styled .file-icon {font-size: 16px; color: #906E50;}
.modal-container .file-styled .text {color: #FFF; font-size: 14px;}
.modal-container .nice-select{width: 100%; height: 46px; line-height: 46px;}
.modal-container .nice-select.open .nice-select-dropdown{
	width: 100%;
}
.hidden-select{display: none;}

/* Стили для инструкций */
.modal-container .instructions-toggle {display: flex; justify-content: flex-start; align-items: center; cursor: pointer; user-select: none; font-size: 14px; color: #000; transition: color 0.3s ease; position: relative; gap: 15px;}
.modal-container .instructions-toggle span{text-decoration: underline;}
.modal-container .toggle-arrow { position: relative;  width: 20px;  height: 20px;  cursor: pointer;}
.modal-container .toggle-arrow::before,
.modal-container .toggle-arrow::after { content: '';  position: absolute;  top: 50%;  height: 2px;  background: #666;  transition: all 0.3s ease;}
.modal-container .toggle-arrow::before { left: 0;  width: 12px;  transform: translateY(-50%) rotate(-45deg);}
.modal-container .toggle-arrow::after { right: 0;  width: 12px;  transform: translateY(-50%) rotate(45deg);}
.modal-container .toggle-arrow.open::before { transform: translateY(-50%) rotate(45deg);}
.modal-container .toggle-arrow.open::after { transform: translateY(-50%) rotate(-45deg);}
.modal-container .instructions-toggle:hover .toggle-arrow::before,
.modal-container .instructions-toggle:hover .toggle-arrow::after {background: #906E50;}
.modal-container .instructions-content {margin-top: 0 !important;}
.modal-container .instructions-text {padding: 20px; font-size: 14px; line-height: 150%; color: #000; font-weight: 500; background-color: #F5F2E680;}
.modal-container .instructions-text p {margin-bottom: 15px;}
.modal-container .instructions-text ul {margin: 15px 0; padding-left: 20px;}
.modal-container .instructions-text li {margin-bottom: 10px;}
.modal-container .instructions-text strong {color: #000;}

main .h1-inner{margin-bottom: 44px;}

.header-top{padding: 20px 0;}
.header-top-menu .top-menu{display: flex; gap: 10px; list-style: none; padding: 0; margin: 0;}
.header-top-menu .top-menu li{display: inline-flex; align-items: center;}
.header-top-menu .top-menu li:after{content: ''; display: inline-block; width: 1px; height: 30px; background: #757575; margin-left: 10px}
.header-top-menu .top-menu li:last-child:after{display: none}
.header-top-menu .top-menu a{font-size: 17px; color: #575756;}
.header-btn-write-manager{font-weight: 400; font-size: 17px; color: var(--color-dark-blue); background: #97AABB; padding: 0 15px; display: inline-flex; align-items: center; height: 30px; cursor: pointer; transition: var(--transition);}
@media screen and (hover: hover) {
	.header-top-menu .top-menu a:hover{color: var(--color-accent);}
	.header-btn-write-manager:hover{background: var(--color-accent); color: #fff;}
}
.header-phone,
.header-phone a{font-weight: 800; font-size: 17px; color: var(--color-dark-blue);}

.header-sections{display: flex; align-items: center; gap: 10px;}
.header-sections a{font-weight: 400; font-size: 17px; color: var(--color-accent); display: inline-flex; align-items: center; height: 30px;}
.header-sections a:after{content: ''; display: inline-block; width: 1px; height: 30px; background: #757575; margin-left: 10px}
.header-sections a:last-child:after{content: none}
.header-sections a::before{content: ''; display: inline-flex; width: 24px; height: 24px; flex-shrink: 0; background-color: var(--color-accent);}
.header-sections a.mdg::before{mask: url(images/mdg.png) no-repeat center; }
.header-sections a.apk::before{mask: url(images/apk.png) no-repeat center; }
.header-sections a.active{color: var(--color-dark-blue);}
.header-sections a.active::before{background-color: var(--color-dark-blue);}
.header-bottom{padding: 30px 0;}
.header-bottom-center{gap: 5px; margin: 0 8%; flex: 1;}
.header-big-btn{height: 70px; width: 180px; border-radius: 20px; font-family: Roboto; font-weight: 400; font-size: 30px;}
.header-search{display: inline-flex; align-items: center; height: 70px; background: var(--button-bg); border-radius: 15px; flex: 1;}
.header-search input{flex: 1; border: none; background: #fff; border-radius: 13px 0 0 13px; padding: 0 20px; height: 66px; margin-left: 2px;}
.header-search button{width: 70px; height: 70px; background: url(images/search-ico.png) no-repeat center; padding: 0; border: none; cursor: pointer;}
.header-bottom-right{gap: 30px}
.header-bottom-right .header-btn{display: inline-flex; flex-direction: column; gap: 3px; align-items: center; position: relative;}
.header-bottom-right .header-btn .icon{display: flex; align-items: center; justify-content: center; height: 40px;}
.header-bottom-right .header-btn .icon img{max-height: 100%;}
.header-bottom-right .header-btn .title{font-weight: 400; font-size: 14px; color: #575756; font-family: Roboto; white-space: nowrap;}
.header-bottom-right .header-btn .count{position: absolute; top: -10px; right: 0; display: inline-flex; width: 26px; height: 26px; border-radius: 26px; background: var(--color-dark-blue); color: #fff; align-items: center; justify-content: center; font-weight: 400; font-size: 14px;}
.header-bottom-right .header-btn .dropdown{position: absolute; z-index: 10; top: 100%; left: 50%; transform: translateX(-50%); border: 2px solid #0066b3; padding: 10px; background: #fff; display: none;}
.header-bottom-right .header-btn:hover .dropdown{display: block;}
.header-bottom-right .header-btn .dropdown a,
.header-bottom-right .header-btn .dropdown p{font-size: 14px; white-space: nowrap; text-align: center; display: block;}
.header-bottom-right .header-btn .dropdown .user-balance-item{color: var(--color-dark-blue); margin: 5px 0;}
.header-bottom-right .header-btn .dropdown a:hover{text-decoration: underline;}

.mobile-header{display: none;}
.burger-menu{width: 30px; height: 24px; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; background: none; border: none; padding: 0;}
.burger-menu span{display: block; width: 100%; height: 3px; background: var(--color-dark-blue); border-radius: 2px; transition: all 0.3s ease;}
.burger-menu.active span:nth-child(1){transform: rotate(45deg) translate(8px, 8px);}
.burger-menu.active span:nth-child(2){opacity: 0;}
.burger-menu.active span:nth-child(3){transform: rotate(-45deg) translate(8px, -8px);}

.mobile-menu-overlay{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 998; opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.mobile-menu-overlay.active{opacity: 1; visibility: visible;}

.mobile-menu{position: fixed; top: 0; left: -100%; width: 280px; height: 100%; background: #fff; z-index: 999; padding: 20px; overflow-y: auto; transition: left 0.3s ease; box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);}
.mobile-menu.active{left: 0;}
.mobile-menu-close{background: none; border: none; font-size: 30px; color: var(--color-dark-blue); cursor: pointer; margin-bottom: 20px; padding: 0; line-height: 1;}
.mobile-menu-header{display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 2px solid #e0e0e0;}
.mobile-menu-logo img{max-width: 120px;}
.mobile-menu nav{margin-bottom: 30px;}
.mobile-menu nav ul{list-style: none; padding: 0; margin: 0;}
.mobile-menu nav ul li{margin-bottom: 15px;}
.mobile-menu nav ul li a{font-size: 16px; color: #333; text-decoration: none; display: block; padding: 10px 0;}
.mobile-menu nav ul li a:hover{color: var(--color-accent);}
.mobile-menu-sections{display: flex; gap: 10px; margin-bottom: 20px;}
.mobile-menu-sections a{display: inline-flex; align-items: center; padding: 8px 15px; background: #f5f5f5; border-radius: 8px; font-size: 14px; color: var(--color-dark-blue); text-decoration: none;}
.mobile-menu-sections a.active{background: var(--color-dark-blue); color: #fff;}
.mobile-menu-contact{margin-top: 20px; padding-top: 20px; border-top: 1px solid #e0e0e0;}
.mobile-menu-contact p{margin: 10px 0; font-size: 14px; color: #333;}
.mobile-menu-contact p a{color: var(--color-dark-blue); text-decoration: none;}
.mobile-menu-contact a{color: #fff; font-weight: 600; text-decoration: none;}
.mobile-menu-btn{display: block; width: 100%; padding: 12px; background: #3EA3DC; color: #fff; text-align: center; border-radius: 8px; margin-top: 15px; text-decoration: none; font-size: 14px;}

@media screen and (max-width: 992px) {
    header .header-top{display: none;}
    header .header-bottom{display: none;}

	.mobile-header {display: block;}
    .mobile-header-wrapper{display: flex; align-items: center; justify-content: space-between; padding: 15px 0;}
    .mobile-header-left{display: flex; align-items: center; gap: 30px;}
    .mobile-header-logo img{max-width: 150px; height: auto;}
    .mobile-header-icons{display: flex; align-items: center; gap: 20px;}

	.mobile-header-icons .header-btn {
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		background-color: transparent;
		border: 0;
	}

	.mobile-header-icons .header-btn.header-search-btn {
		cursor: pointer;
	}

	.mobile-header-icons .header-btn.header-search-btn img {
		width: 30px;
		height: 30px;
	}


    .mobile-header-icons .header-btn img{width: 24px; height: 24px;}
    .mobile-header-icons .header-btn .count{position: absolute; top: -12px; right: -8px; display: flex; width: 20px; height: 20px; border-radius: 50%; background: var(--color-dark-blue); color: #fff; align-items: center; justify-content: center; font-size: 11px; font-weight: 600;}
	.mobile-header-search-wrapper {
		display: none;
		position: relative;
	}

	.mobile-header-search-wrapper.active {
		display: block;
	}

	.mobile-header-search {
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		z-index: 1000;
		background: white;
		box-shadow: 0 0 5px rgba(225, 225, 225, 1);
		border-radius: 5px;
		padding: 40px 10px 15px;
	}

	.mobile-header-search-btn-close {
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		background-color: #E1E1E1;
		border: 0;
		font-size: 20px;
		padding: 5px 10px;
		cursor: pointer;
	}

	.mobile-header-search .header-search {
		display: flex;
		height: 50px;
	}

	.mobile-header-search .header-search input {
		height: 35px;
		margin-left: 9px;
		border-radius: 8px 0 0 8px;
	}

	.mobile-header-search .header-search button {
		height: 50px;
		width: 50px;
		background-size: 35px;
	}
}

@media screen and (max-width: 576px) {
    .mobile-header-logo img{max-width: 120px;}
    .mobile-header-icons{gap: 15px;}
    .mobile-header-icons .header-btn img{width: 20px; height: 20px;}
	.mobile-header-icons .header-btn.header-search-btn img {width: 25px;height: 25px;}
}

.swiper-pagination{position: relative; padding: 17px 0;}
.swiper-pagination-bullet{--swiper-pagination-bullet-inactive-color: #9E9E9E; --swiper-pagination-color: #3EA3DC; --swiper-pagination-bullet-inactive-opacity: 1; --swiper-pagination-bullet-width: 23px; --swiper-pagination-bullet-height: 23px; --swiper-pagination-bullet-horizontal-gap: 22px}

.swiper-button-next,
.swiper-button-prev{width: 72px; height: 72px; border-radius: 72px; background: #fff; border: none; cursor: pointer; top: 75px!important;}
.swiper-button-next svg,
.swiper-button-prev svg{display: none;}
.swiper-button-prev{background: #fff url(images/arrow-left.png) no-repeat center; }
.swiper-button-next{background: #fff url(images/arrow-right.png) no-repeat center;}

.swiper ~ .swiper-button-next,
.swiper ~ .swiper-button-prev{display: none;}
.swiper-initialized ~ .swiper-button-next,
.swiper-initialized ~ .swiper-button-prev{display: flex;}
.swiper-initialized ~ .swiper-button-next.swiper-button-lock,
.swiper-initialized ~ .swiper-button-prev.swiper-button-lock{display: none;}

.new-products-section{margin-bottom: 55px;}
.new-products-section .section-title-row{display: flex; justify-content: space-between; align-items: center; height: 70px; background: var(--button-bg); padding: 0 40px; border-radius: var(--radius); margin-bottom: 30px;}
.new-products-section .section-title{font-weight: 700; font-size: 46px; text-transform: uppercase; color: #fff;}
.new-products-section .section-all-btn{font-weight: 400; font-size: 17px; color: #fff;}
.catalog-items-slider-container{padding: 0 88px; position: relative;}

/* .product-main-picture {
	min-width: 320px;
} */

.product-item{
	display: flex;
	flex-direction: column;
	height: 100%;
}
.product-item .product-item-card{
	display: flex;
	flex-direction: column;
	padding: 10px 24px 15px;
	/*aspect-ratio: 1 / 1;*/
	position: relative;
	flex: 1;
}
.product-item .product-item-title{
	font-weight: 700; font-size: 16px; color: var(--color-dark-blue);
	flex: 1;
}
.product-item .product-item-subtitle{font-weight: 400; font-size: 14px; color: var(--color-dark-blue);}
.product-item .product-item-unit{font-weight: 400; font-size: 13px; color: #8D8D8D; margin-top: auto;}
.product-item .product-item-price{font-weight: 700; font-size: 32px; color: #008BD2;}
.product-item .product-item-image{
	inset: 0; display: flex; justify-content: end; align-items: center;
	height: 224px;
}
.product-item-image-src {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 100%;
	max-height: 224px;
}
.product-item-discount{
	position: absolute; right: 0; bottom: 172px; display: flex; align-items: center; justify-content: center; height: 64px; width: 64px; border-radius: 64px; color: #fff; font-weight: 700; font-size: 21px; 
	background: var(--button-bg2);
}
.product-item .product-item-card .fav-btn{
	display: inline-flex; width: 20px; height: 35px; position: absolute; right: 30px; top: 0px; background: url(images/fav-btn.png) no-repeat center; cursor: pointer;
	background-size: contain;
}
.product-item .product-item-card .fav-btn.active{background: url(images/favorite-ico.png) no-repeat center / contain;}

.product-item .product-item-card .compare-btn{
	display: inline-flex; width: 20px; height: 35px; position: absolute; right: 2px; top: 0px; background: url(images/compare.svg) no-repeat center; cursor: pointer;
	background-size: contain;
}
.product-item .product-item-card .compare-btn.active{background: url(images/compare-active.svg) no-repeat center / contain;}
.product-item .product-item-brand{display: flex; height: 25px; padding: 0 24px; background: #E1E1E1; font-weight: 700; font-size: 17px; color: #878787;}
.product-item-cart{margin-top: 6px;}
.product-item-cart .site-btn{font-weight: 700; font-size: 19px; border-radius: 10px;}
.product-item-cart .product-item-qty{display: flex; align-items: center; height: 50px; border-radius: 10px; background: #3EA3DC; overflow: hidden; display: none;}
.product-item-cart .product-item-qty .qty-btn{flex: 1; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; font-size: 31px; color: #fff; text-align: center; cursor: pointer; height: 100%; }
.product-item-cart .product-item-qty .qty-btn.plus{border-left: 2px solid #fff;}
.product-item-cart .product-item-qty .qty-btn.minus{border-right: 2px solid #fff;}
@media screen and (hover: hover) {
	.product-item-cart .product-item-qty .qty-btn:hover{background: var(--color-accent);}
}
.product-item-cart .product-item-qty input{flex: 1; width: 100%; background: none; text-align: center; border: none; font-weight: 700; font-size: 31px; color: #fff;}
.product-item-cart.active .add2cart{display: none;}
.product-item-cart.active .product-item-qty{display: flex;}

#catalog-sections{margin-bottom: 90px;}
.catalog-sections-title{font-weight: 700; font-size: 46px; color: #004899; text-align: center; margin-bottom: 15px; text-transform: uppercase;}
.catalog-sections-list{display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 30px;}
.catalog-section-item > a{height: 68px; border: 2px solid #004899; border-radius: 15px; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 25px; color: #004899; }
.catalog-section-submenu{display: flex; flex-direction: column; margin-top: 14px; gap: 10px}
.catalog-section-submenu a{font-weight: 400; font-size: 23px; color: #706f6f; padding-left: 60px;}
@media screen and (hover: hover) {
	.catalog-section-item > a:hover{background: #004899; color: #fff;}
	.catalog-section-submenu a:hover{text-decoration: underline;}
}

.catalog-inner{display: flex; gap: 24px}
.catalog-inner .catalog-left{width: 32%; flex-shrink: 0;}
.catalog-inner .catalog-main{flex: 1;}
.catalog-inner .catalog-main .catalog-panel{margin-bottom: 10px;}
.catalog-inner .catalog-main .catalog-panel .catalog-sort{display: flex; align-items: center;}
.catalog-inner .catalog-main .catalog-panel .catalog-sort:not(:last-child) {
    margin-bottom: 20px;
}
.catalog-inner .catalog-main .catalog-panel .catalog-sort label{font-size: 14px; margin-right: 5px;}
.catalog-inner .bx-filter{background: #004899; border-radius: 12px; padding: 30px 42px;}
.catalog-inner .bx-filter .bx-filter-parameters-box-title{font-weight: 600; font-size: 23px; line-height: 150%; color: #fff; margin-bottom: 20px;}
.catalog-inner .bx-filter .checkbox .bx-filter-input-checkbox{display: inline-flex; align-items: center; gap: 10px; margin-bottom: 10px;}
.catalog-inner .bx-filter .checkbox .bx-filter-input-checkbox input{display: none;}
.catalog-inner .bx-filter .checkbox .bx-filter-input-checkbox .bx-filter-param-text{font-weight: 400; font-size: 23px; line-height: 150%; color: #fff; display: inline-flex; align-items: center; gap: 10px; padding: 0;}
.catalog-inner .bx-filter .checkbox .bx-filter-input-checkbox .bx-filter-param-text::before{content: ''; display: inline-block; width: 22px; height: 22px; border: 1px solid #8B8B8B;  flex-shrink: 0; background: #fff; position: relative;}
.catalog-inner .bx-filter .checkbox .bx-filter-input-checkbox .bx-filter-param-text::after{content: none}
.catalog-inner .bx-filter .checkbox .bx-filter-input-checkbox input:checked + .bx-filter-param-text::before{background: #fff url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 3.87L3.87 6.99L10.121 0.75' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E") no-repeat center;}
.catalog-inner .bx-filter-parameters-box-toggle .bx-filter-parameters-box-container{padding: 0;}
.catalog-inner .bx-filter .bx-filter-button-box{margin-top: 60px;}
.bx-filter .bx-filter-popup-result{font-size: 22px; line-height: 1.2;}

.catalog-items{display: grid; grid-template-columns: repeat(3, 1fr); gap: 35px 11px;}
.catalog-items--cols-4 {
    -ms-grid-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr));
    grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr));
}
.favorites-page .catalog-items{grid-template-columns: repeat(4, 1fr);}


.contacts-map-section {margin: 50px 0;}
.contacts-map-container {display: flex; gap: 30px; border-radius: 15px; overflow: hidden; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);}
.contacts-addresses {width: 400px; background: var(--color-dark-blue); padding: 30px; display: flex; flex-direction: column; gap: 15px; flex-shrink: 0;}
.contacts-addresses h3 {font-size: 25px; color: #fff; font-weight: 700; margin-bottom: 10px; text-transform: uppercase;}
.contact-address-item {background: rgba(255, 255, 255, 0.1); border-radius: 10px; padding: 20px; cursor: pointer; transition: all 0.3s ease; border: 2px solid transparent;}
.contact-address-item:hover {background: rgba(255, 255, 255, 0.15); transform: translateX(5px);}
.contact-address-item.active {background: var(--color-accent); border-color: #fff; transform: translateX(5px);}
.contact-address-item .city-name {font-weight: 700; font-size: 18px; color: #fff; margin-bottom: 8px;}
.contact-address-item .contact-phone {font-size: 16px; color: #fff; margin-bottom: 5px; display: flex; align-items: center; gap: 8px;}
.contact-address-item .contact-phone a {color: #fff; text-decoration: none; font-weight: 600;}
.contact-address-item .contact-phone a:hover {text-decoration: underline;}
.contact-address-item .contact-address {font-size: 14px; color: rgba(255, 255, 255, 0.9); margin-bottom: 5px; line-height: 1.4;}
.contact-address-item .contact-hours {font-size: 13px; color: rgba(255, 255, 255, 0.8); font-style: italic;}
.contacts-map-wrapper {flex: 1; min-height: 600px; background: #e0e0e0; border-radius: 0 15px 15px 0;}
#contacts-map {width: 100%; height: 100%; min-height: 600px;}

.order-users-block .user-info-block{margin-bottom: 50px;}
.order-users-block .user-info-block .user-name-block{display: flex;align-items: center;gap: 50px;font-weight: 600;margin-bottom: 30px;}
.order-users-block .user-info-block .user-prop-block{display: flex;gap: 16px;flex-wrap: wrap;}
.order-users-block .user-info-block .user-prop-block .user-prop{width: calc(50% - 8px);}
@media screen and (max-width: 1200px) {
    .contacts-addresses {width: 350px; padding: 25px;}
    .contacts-addresses h3 {font-size: 22px;}
    .contact-address-item {padding: 15px;}
    .contact-address-item .city-name {font-size: 16px;}
    .contact-address-item .contact-phone {font-size: 14px;}
    .contact-address-item .contact-address {font-size: 13px;}
}

@media screen and (max-width: 992px) {
    .contacts-map-container {gap: 20px;}
    .contacts-addresses {width: 300px; padding: 20px; gap: 12px;}
    .contacts-addresses h3 {font-size: 20px;}
    .contact-address-item {padding: 12px;}
    .contact-address-item .city-name {font-size: 15px;}
    .contact-address-item .contact-phone {font-size: 13px;}
    .contact-address-item .contact-address {font-size: 12px;}
    .contact-address-item .contact-hours {font-size: 11px;}
    .contacts-map-wrapper {height: 500px;}
    #contacts-map {height: 500px; min-height: unset;}
}

@media screen and (max-width: 768px) {
    .contacts-map-section {margin: 30px 0;}
    .contacts-map-container {flex-direction: column; gap: 0; border-radius: 12px;}
    .contacts-addresses {width: 100%; padding: 25px 20px; border-radius: 12px 12px 0 0; gap: 10px;}
    .contacts-addresses h3 {font-size: 22px; margin-bottom: 15px; text-align: center;}
    .contact-address-item {padding: 15px;}
    .contact-address-item:hover, .contact-address-item.active {transform: translateX(0) scale(1.02);}
    .contact-address-item .city-name {font-size: 17px;}
    .contact-address-item .contact-phone {font-size: 15px;}
    .contact-address-item .contact-address {font-size: 13px;}
    .contact-address-item .contact-hours {font-size: 12px;}
    .contacts-map-wrapper {min-height: 450px; border-radius: 0 0 12px 12px;}
    #contacts-map {height: 450px;}
}

@media screen and (max-width: 576px) {
    .contacts-map-section {margin: 20px -15px;}
    .contacts-map-container {border-radius: 0; box-shadow: none;}
    .contacts-addresses {padding: 20px 15px; border-radius: 0; gap: 8px;}
    .contacts-addresses h3 {font-size: 20px; margin-bottom: 10px;}
    .contact-address-item {padding: 12px; border-radius: 8px;}
    .contact-address-item .city-name {font-size: 16px; margin-bottom: 6px;}
    .contact-address-item .contact-phone {font-size: 14px; gap: 6px;}
    .contact-address-item .contact-phone::before {font-size: 12px;}
    .contact-address-item .contact-address {font-size: 12px; margin-bottom: 4px;}
    .contact-address-item .contact-hours {font-size: 11px;}
    .contacts-map-wrapper {height: 350px; border-radius: 0;}
    #contacts-map {height: 350px;}
}

@media screen and (max-width: 400px) {
    .contacts-addresses h3 {font-size: 18px;}
    .contact-address-item {padding: 10px;}
    .contact-address-item .city-name {font-size: 15px;}
    .contact-address-item .contact-phone {font-size: 13px; flex-wrap: wrap;}
    .contact-address-item .contact-address {font-size: 11px;}
    .contacts-map-wrapper {min-height: 300px;}
    #contacts-map {height: 300px;}
}


.job .accordion {position:relative;  background-color: #F5F7F9; font-size:33px; color:#333; text-transform:uppercase; cursor: pointer; padding:30px 32px; width: 100%;   text-align: left; border: none; outline: none; transition: 0.4s; }
.job .accordion:after {content:'?'; position: absolute; right: 40px; top: 39%; background:var(--color-dark-blue); font-size:12px; color:#fff; display:block; width:18px; height:18px; text-align:center; line-height:19px; border-radius:50px; margin-bottom:20px;}
.job .accordion:hover:after,
.job .accordion.active:after {background:#fff; color:#0282CB}
.job .active, .job .accordion:hover {background: var(--button-bg); color:#fff }
.job .panel {padding: 55px 25px; background-color: white; display: none; overflow: hidden; transition: max-height 0.2s ease-out; }
.job .panel .job_info {display:flex; flex-wrap:wrap}
.job .panel .job_info p {padding:0 0 30px 60px; background:url(images/check_small.svg) no-repeat left top 5px; font-size:23px; color:#333; text-transform:uppercase; width:50%}
.job .panel .job_info p span {font-size:15px; color:#555; font-family: Roboto;  padding-top:17px; display:block; text-transform:none}

.main_news_list {display:flex; gap:16px; flex-wrap:wrap}
.main_news_list .main_news_list_item {width:32%; margin-bottom:50px}
.main_news_list .main_news_list_item a {width:100%; position:relative;}
.main_news_list .main_news_list_item a img {width:100%!important; object-fit:contain; height:340px;}
.main_news_list .main_news_list_item .news-date-time {margin-top:10px; background:url(images/clock.svg) no-repeat left center; padding:9px 0 2px 35px; line-height:22px}
.main_news_list .main_news_list_item p {line-height: 1; }
.main_news_list .main_news_list_item p a {font-size:23px; font-weight: 600; text-decoration:none; color:#333; }
.main_news_list .main_news_list_item span {font-size:15px; color:#555;  font-family: Roboto; padding-top:17px; display:block}

div.news-detail img.detail_picture {width:400px; height:auto; margin:0 50px 50px 0}
.news-date-time {margin-bottom:30px; display:block; padding: 9px 0 2px 0px; line-height: 22px; color:#555}
div.news-detail h2,
div.news-detail h3 {font-size: 23px; font-weight: 600; text-decoration: none; color: #333; text-transform: uppercase; padding: 0 0 30px;}
div.news-detail .article {   display: flex; justify-content: space-between;    flex-direction: column;}
div.news-detail,
div.news-detail p{font-size: 16px;}
div.news-detail p strong,
div.news-detail p b{font-weight: 600;}
div.news-detail ul{list-style-position: inside; font-size: 16px;}
.news-back a{font-size: 16px;}

.customer-title {margin: 30px 0 35px;}
.customer-item {margin-bottom: 20px; font-size: 14px;}
.customer-item span {background: #fed17d;}
.customer-steps__item {padding: 7px 0 0 60px; position: relative; margin-bottom: 35px;}
.customer-steps__item .item-title {font-weight: 700; font-size: 20px; margin-bottom: 20px;}
.customer-steps__item .item-text {font-size: 16px;}
.customer-steps__item .item-text ul{list-style-position: inside;}
.customer-steps__item .item-number {position: absolute; top: 0; left: 0; width: 42px; height: 42px; border-radius: 50%; border: solid 5px var(--color-dark-blue); font-weight: 700; font-size: 20px; text-align: center; line-height: 30px;}
.customer-steps__item .item-label {font-weight: 700; font-size: 16px; margin: 20px 0 5px;}
.customer-form {margin-bottom: 35px;}
.customer-form__title {margin: 10px 0 25px;}
.customer-form .form-group {margin-bottom: 15px}
.customer-form__label {font-weight: 700; font-size: 16px; margin: 45px 0 20px}

/* Адаптивные стили для страницы "Стать клиентом" */
@media screen and (max-width: 992px) {
    .customer-title {margin: 20px 0 25px; font-size: 28px;}
    .customer-steps__item {padding: 7px 0 0 50px; margin-bottom: 30px;}
    .customer-steps__item .item-number {width: 38px; height: 38px; font-size: 18px; line-height: 26px;}
    .customer-steps__item .item-title {font-size: 18px; margin-bottom: 15px;}
    .customer-steps__item .item-text {font-size: 15px;}
    .customer-steps__item .item-label {font-size: 15px; margin: 15px 0 5px;}
    .customer-form__title {font-size: 22px;}
}

@media screen and (max-width: 768px) {
    .customer-title {margin: 15px 0 20px; font-size: 24px;}
    
    /* Делаем колонки вертикальными */
    .customer-page-wrapper {flex-direction: column;}
    .customer-page-wrapper > .col-md-6 {flex: 0 0 100%; max-width: 100%;}
    
    /* Форма сверху на мобильных */
    .customer-form-col {order: -1; margin-bottom: 30px;}
    .customer-steps-col {order: 1;}
    
    /* Скрываем первый шаг из колонки со списком на мобильных */
    .customer-steps-item-1 {display: none;}
    
    .customer-steps__item {padding: 7px 0 0 45px; margin-bottom: 25px;}
    .customer-steps__item .item-number {width: 35px; height: 35px; font-size: 16px; line-height: 23px; border-width: 3px;}
    .customer-steps__item .item-title {font-size: 17px; margin-bottom: 12px;}
    .customer-steps__item .item-text {font-size: 14px; line-height: 1.5;}
    .customer-steps__item .item-label {font-size: 14px; margin: 12px 0 5px;}
    .customer-form__title {font-size: 20px; margin: 5px 0 20px;}
    
    /* Группа полей в один столбец */
    .flex.flex-jcb > .col-sm-6 {flex: 0 0 100%; max-width: 100%;}
}

@media screen and (max-width: 576px) {
    .customer-title {margin: 10px 0 15px; font-size: 20px;}
    
    .customer-steps__item {padding: 5px 0 0 40px; margin-bottom: 20px;}
    .customer-steps__item .item-number {width: 32px; height: 32px; font-size: 14px; line-height: 20px; border-width: 2px;}
    .customer-steps__item .item-title {font-size: 16px; margin-bottom: 10px;}
    .customer-steps__item .item-text {font-size: 13px;}
    .customer-steps__item .item-text ul {font-size: 13px; padding-left: 15px;}
    .customer-steps__item .item-label {font-size: 13px; margin: 10px 0 5px;}
    
    .customer-form__title {font-size: 18px; margin: 5px 0 15px;}
    
    /* Адаптация формы */
    .form-group {margin-bottom: 12px; font-size: 14px;}
    .control-label {font-size: 13px;}
    .form-control {font-size: 14px; padding: 10px 15px;}
    
    .site-btn.js_registration_submit {
        width: 100%;
        font-size: 16px;
        padding: 12px 20px;
    }
    
    .footnote {font-size: 13px; margin-top: 10px;}
    
    /* Чекбоксы и радио */
    .checkbox-inline {font-size: 13px;}
    .checkbox-inline span {font-size: 13px;}
}

@media screen and (max-width: 400px) {
    .customer-title {font-size: 18px;}
    .customer-steps__item {padding: 5px 0 0 35px;}
    .customer-steps__item .item-number {width: 28px; height: 28px; font-size: 13px; line-height: 18px;}
    .customer-steps__item .item-title {font-size: 15px;}
    .customer-steps__item .item-text {font-size: 12px;}
    .customer-form__title {font-size: 16px;}
    .control-label {font-size: 12px;}
    .form-control {font-size: 13px; padding: 8px 12px;}
}
.control-label{display: inline-block; font-size: 14px; line-height: 16px; margin-bottom: 5px;}
.form-group {
    margin-bottom: 10px;
	font-size: 16px;
}
.form-group small{
	font-size: 12px;
	display: block;
	font-weight: 300;
}

.form-control {
	display: block;
    width: 100%;
    border-radius: 10px;
    border: 1px solid var(--color-accent);
    font-size: 14px;
    line-height: 16px;
    padding: 8px 13px 10px;
    height: 40px;
    color: #000;
    -webkit-box-shadow: none;
    box-shadow: none;
	background-attachment: #fff;
}
.form-control:user-invalid,
.form-control:focus-visible:user-invalid{
	border-color: red;
	outline-color: red;
}

textarea.form-control{
	height: 100px;
}

.form_registration .form-group.group-OWNER .control-label {
    display: none;
}
#bx-soa-orderSave {
	margin-top: 20px;
}
.checkbox-inline, .radio-inline {
    position: relative;
    display: inline-block!important;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
}
.checkbox input[type=checkbox], 
.checkbox-inline input[type=checkbox], 
.radio input[type=radio], 
.radio-inline input[type=radio],
.main-user-consent-request input[type=checkbox] {
	opacity: 0;
    position: absolute;
    margin-top: 4px\9;
    height: 100%;
}
.main-user-consent-request {
    position: relative;
}
.main-user-consent-request input[type=checkbox] {
    height: 20px;
    width: 20px;
}
input[type="radio"] + span,
input[type="checkbox"] + span {
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
	font-size: 16px;
    margin: 0 0 7px;
    padding: 5px 0 5px 35px;
    position: relative;
    line-height: 1;
}
input[type="radio"] + span::before,
input[type="checkbox"] + span::before {
    position: absolute;
    height: 20px;
    width: 20px;
    border: 1px solid var(--color-accent);
    content: "";
    left: 0;
    top: 2px;
    background-color: #fff;
}
input[type="radio"]:checked + span::after,
input[type="checkbox"]:checked + span::after, input[type="checkbox"]:indeterminate + span::after {
    position: absolute;
    height: 14px;
    width: 14px;
    left: 3px;
    top: 5px;
    content: '';
    background: var(--color-accent);
}
.footnote{font-size: 16px; margin-top: 10px;}
.form-group a{font-size: 16px; text-decoration: underline;}

.catalog-detail-top{gap: 30px}
.catalog-detail-image{width: 30%;}
.catalog-detail-image a{display: flex; aspect-ratio: 1; justify-content: center; align-items: center; position: relative;}
.catalog-detail-info{flex: 1;}
.catalog-detail-cart{flex: 1;}
.catalog-detail-info ul{list-style: none;}
.catalog-detail-info ul li {font-size: 16px;}
.catalog-detail-info ul li a{color: var(--color-dark-blue);}
.catalog-detail-price{font-weight: 700; font-size: 32px; color: #008BD2; margin-bottom: 10px;}
.catalog-detail-cart .product-item-cart {max-width: 250px;}
.catalog-detail-cart .product-item-cart .sale1click {margin-top: 10px;}

.catalog-detail-cart .product-item-cart .product-item-fav,
.catalog-detail-cart .product-item-cart .product-item-compare{gap: 10px; font-size: 15px; border-color: #40A5DD; color: #40A5DD;}

@media screen and (hover: hover) {
    .catalog-detail-cart .product-item-cart .product-item-fav:not(.nohover):hover{background: none; }
    .catalog-detail-cart .product-item-cart .product-item-compare:not(.nohover):hover{background: none; }
}
.catalog-detail-cart .product-item-cart .product-item-fav{margin-top: 20px;}
.catalog-detail-cart .product-item-cart .fav-btn{
	display: inline-flex; width: 20px; height: 35px; background: url(images/fav-btn.png) no-repeat center; cursor: pointer;
	background-size: contain;
}
.catalog-detail-cart .product-item-cart .product-item-fav.active .fav-btn{background: url(images/favorite-ico.png) no-repeat center / contain;}

.catalog-detail-cart .product-item-cart .compare-btn{
	display: inline-flex; width: 20px; height: 35px; background: url(images/compare.svg) no-repeat center; cursor: pointer;
	background-size: contain;
}
.catalog-detail-cart .product-item-cart .product-item-compare.active .compare-btn{background: url(images/compare-active.svg) no-repeat center / contain;}

/*.catalog-detail-need-auth{background: var(--color-gray-light); padding: 10px; font-size: 14px;}
.catalog-detail-need-auth p a{color: var(--color-dark-blue);}*/
.catalog-detail-tabs{margin-top: 50px;}
.catalog-detail-tabs-nav{display: flex; gap: 20px; list-style: none; flex-wrap: wrap;}
.catalog-detail-tabs-nav li{font-weight: 400; font-size: 20px; color: #004899; text-decoration: none; padding: 15px 25px; border: 2px solid #004899; border-radius: 15px; cursor: pointer;}
.catalog-detail-tabs-nav li:hover,
.catalog-detail-tabs-nav li.active{color: #fff; background-color: #004899;}
.catalog-detail-tabs-content .catalog-detail-tab{padding: 20px 0; display: none; font-size: 16px; line-height: 1.2;}
.catalog-detail-tabs-content .catalog-detail-tab.active{display: block;}

.catalog-block-header{border: none; padding: 0; margin-bottom: 30px;}
.catalog-additional-block:not(:last-child){margin-bottom: 50px;}

.personal-page{display: flex; gap: 50px}
.personal-left{flex-shrink: 0; width: 308px;}
.personal-left .top-menu{border-radius: 12px; padding: 10px; background: #004899; list-style: none;}
.personal-left .top-menu li a{font-size: 23px; line-height: 150%; color: #fff; display: flex; align-items: center; height: 50px; padding: 8px 32px;}
.personal-left .top-menu li.top-menu__item--active a{background: #008bd2; border-radius: 12px;}
.personal-main{flex: 1;}

.personal-profile-form{max-width: 70%;}
.personal-profile-form h2{font-size: 23px; color: #333; font-weight: 400; margin-bottom: 20px;}
.personal-profile-form .form-col-gender .radio-inline{margin-top: 10px;}

.personal-page .personal-tabs{list-style: none; background: #004899; border-radius: 12px; padding: 10px; display: flex; gap: 10px; margin-bottom: 20px;}
.personal-page .personal-tabs li a {font-size: 18px; line-height: 150%; color: #fff; display: flex; align-items: center; height: 40px; padding: 8px 20px; border-radius: 12px;}
.personal-page .personal-tabs li a.active{background: #008bd2;}



.personal-review-panel__sorting{margin-bottom: 35px;}
.personal-review-summary {margin-bottom: 60px;}
.personal-review-summary__title {margin-bottom: 25px; font-weight: 500; font-size: 20px; }
.personal-review-summary__list {list-style: none; padding: 0; margin: 0;}
.personal-review-summary__item {display: flex; align-items: center; margin-bottom: 12px; gap: 30px;}
.personal-review-summary__label {flex: 0 0 100px; font-size: 16px;}
.personal-review-summary__bar {flex: 1 1 420px; height: 7px; background-color: var(--color-accent); border-radius: 20px; overflow: hidden; }
.personal-review-summary__fill {height: 100%; background-color: var(--color-dark-blue);}

.personal-review-summary__count {flex: 0 0 32px; text-align: right;}
.personal-review-summary__total {margin-top: 16px;}
.personal-review-summary__number {font-weight: bold;}
.personal-review-wrapper{width: 100%;}

.personal-review-list {margin-top: 20px;}
.personal-review-list__item {border-top: 1px solid #e0e0e0;}
.personal-review-list__header {display: flex; align-items: center; padding: 20px 0; gap: 20px; justify-content: space-between;}
.personal-review-list__number {font-weight: 500; font-size: 20px;}
.personal-review-list__status {font-weight: 500; font-size: 20px;}


.personal-review__rating-star{color: #ffc107;}
.personal-review-list__date {white-space: nowrap; font-weight: 500; font-size: 14px;}
.personal-review-list__body {display: flex; justify-content: space-between; padding: 20px 0; gap: 20px;}
.personal-review-list__section-head{display: flex; justify-content: space-between;}
.personal-review-list__main {display: flex; gap: 20px; align-items: flex-start;}
.personal-review-list__image{width: 231px; max-width: 209px;}
.personal-review-list__image img {width: 100%; height: 100%; object-fit: contain; max-height: 231px;}
.personal-review-list__info {display: flex; flex-direction: column; justify-content: space-between; gap: 5px; align-items: flex-start;}
.personal-review-list__product {font-weight: 700; font-size: 25px; color: var(--color-dark-blue);}
.personal-review-list__type {color: var(--color-gray);}
.personal-review-list__article {color: var(--color-gray); margin-bottom: 5px;}
.personal-review-list__properties{font-weight: 400; font-size: 14px; color: var(--color-dark-blue); display: flex; flex-wrap: wrap; gap: 5px 20px;}
.personal-review-list__button {max-width: 126px; margin-top: 12px; padding: 8px 16px; background-color: var(--main-color); color: #fff;}
.personal-review-list__details {display: flex; background-color: var(--color-gray-light); padding: 20px; max-width: 447px; box-sizing: border-box; flex-direction: column; gap: 10px; width: 100%; font-size: 18px;}
.personal-review-list__section + .personal-review-list__section {}
.personal-review-list__section-title {font-weight: bold;}
.personal-review-list__section-text {line-height: 1.4;}

.write-review__inner {display: flex; gap: 25px;}
.write-review__form {flex-grow: 1;}
.write-review__product {width: 250px; flex-shrink: 0;}
.write-review__rating {display: flex; flex-direction: column; gap: 10px;}
.write-review__rating-title {font-size: 15px;}
.write-review__btn {display: block!important; margin: 16px auto 0;}

.auth-review-wrapper input[type="text"],
.auth-review-wrapper input[type="password"]{border: 1px solid #E0E0E0; width: 100%; padding: 15px; font-size: 14px; background: #fff; box-sizing: border-box; outline: none; transition: border-color 0.3s ease;}
.auth-table-review{border-spacing: 10px;}

.review__not-authorized {display: flex; align-items: center; justify-content: space-around; gap: 20px;}
.review__not-authorized .bx-auth-title, .review__not-authorized .bx-auth-note, .review__not-authorized noindex{display: none;}
.review__not-authorized .errortext {margin-bottom: 10px;}
.review__not-authorized .bx-auth-table {border-collapse: separate !important; border-spacing: 10px;}
.review__not-authorized .bx-auth-input.form-control{border: 1px solid #E0E0E0; width: 100%; padding: 15px; font-size: 14px; background: #fff; box-sizing: border-box; outline: none; transition: border-color 0.3s ease;}

.reviews:not(:last-child) {margin-bottom: var(--section-margin-bottom);}
.reviews__header {display: flex; align-items: baseline;}
.reviews__count {font-weight: 500; font-size: 20px; color: var(--main-color); margin-left: 15px;}
.reviews__main-link {margin-left: 50px; font-size: 20px; text-decoration: underline;}
.reviews__infopanel {display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 10px;}
.reviews__infopanel:not(:last-child) {margin-bottom: 35px;}
.reviews__infopanel-container {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.reviews__infopanel-hint {
    display: none;
    color: var(--color-dark-blue);
    font-weight: 600;
}
.reviews__infopanel-hint.show {
    display: block;
}
.reviews__infopanel-btn {
    position: relative;
    text-transform: uppercase;
    overflow: hidden;
}
.reviews__infopanel-btn.skeleton-loading {
    background-color: var(--color-gray-light);
    color: var(--color-gray-light);
    pointer-events: none;
    user-select: none;
}
.reviews__infopanel-btn.skeleton-loading::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background-image: linear-gradient(to right, var(--color-gray-light) 0%, rgba(0,0,0,0.08) 20%, var(--color-gray-light) 40%, var(--color-gray-light) 100%);
    background-repeat: no-repeat;
    background-size: 450px 400px;
    animation: shimmer 1s linear infinite;
}
.reviews__infopanel-btn:disabled {
    opacity: 0.7;
    pointer-events: none;
}
.reviews__rating {display: flex; align-items: center; gap: 20px;}
.reviews__rating-count {font-size: 32px; font-weight: 500; color: var(--color-orange);}
.reviews__items {--item-col-gap: 20px; --item-col-count: 3; display: flex; flex-wrap: wrap; gap: var(--item-col-gap)}
.reviews__item.swiper-slide,
.reviews__item {flex-shrink: 0; width: calc(100% / var(--item-col-count) - var(--item-col-gap) * (var(--item-col-count) - 1) / var(--item-col-count)); height: auto; padding: 20px; background-color: var(--color-gray-light);}
.reviews__item-header {display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.reviews__item-header:not(:last-child) {margin-bottom: 20px;}
.reviews__item-user {display: flex; gap: 20px;}
.reviews__item-avatar {width: 40px; height: 40px;}
.reviews__item-avatar img {width: 100%; height: 100%; object-fit: contain;}
.reviews__item-info {display: flex; flex-direction: column; font-size: 14px; font-weight: 500;}
.reviews__item-date {color: var(--main-color);}
.reviews__item-list {display: flex; flex-direction: column; gap: 10px; font-size: 15px;}
.reviews__item-title {font-weight: 600;}

.review-all .reviews__items {flex-direction: column; gap: 20px;}

.review-all .reviews__item {width: 100%;}

@keyframes shimmer {
  0%{
    background-position: -450px 0;
  }
  100%{
    background-position: 450px 0;
  }
}

/* Адаптивность для отзывов */
@media screen and (max-width: 992px) {
    .reviews__items {--item-col-count: 2;}
    .reviews__rating-count {font-size: 24px;}
    .reviews__infopanel {flex-wrap: wrap;}
}

@media screen and (max-width: 768px) {
    .reviews__items {--item-col-count: 1;}
    .reviews__header {flex-direction: column; align-items: flex-start; gap: 10px;}
    .reviews__count {margin-left: 0;}
    .reviews__main-link {margin-left: 0; font-size: 16px;}
    .reviews__infopanel {flex-direction: column; align-items: flex-start;}
    .reviews__infopanel-btn {width: 100%;}
    .reviews__rating {gap: 15px;}
    .reviews__rating-count {font-size: 20px;}
}

@media screen and (max-width: 576px) {
    .reviews__item {padding: 15px;}
    .reviews__item-header {flex-direction: column; align-items: flex-start;}
    .reviews__item-user {width: 100%;}
    .reviews__item-rating {width: 100%;}
    .reviews__item-list {font-size: 14px;}
    .reviews__count {font-size: 16px;}
    
    /* Адаптивность для страницы всех отзывов */
    .personal-review-list__header {flex-direction: column; align-items: flex-start;}
    .personal-review-list__body {flex-direction: column;}
    .personal-review-list__main {flex-direction: column;}
    .personal-review-list__image {max-width: 100%; width: 100%;}
    .personal-review-list__details {max-width: 100%;}
    .personal-review-list__product {font-size: 20px;}
    
    /* Форма написания отзыва */
    .write-review__inner {flex-direction: column;}
    .write-review__product {width: 100%;}
    
    /* Авторизация в отзывах */
    .review__not-authorized {flex-direction: column;}
}

.stars-rating {
    --width: 21px;
    --height: 21px;
    --gap: 3px;
    position: relative;
}
.stars-rating--small {
    --width: 17px;
    --height: 17px;
}
.stars-rating__items {display: flex;}
.stars-rating__item { position: relative; width: var(--width); height: var(--height); background-image: var(--icon-star); background-repeat: no-repeat; background-position: left; background-size: contain;}
.stars-rating__item:not(.stars-rating__item--last) { width: calc(var(--width) + var(--gap));}
.stars-rating__item--active { cursor: pointer;}
.stars-rating__item::before { content: ''; position: absolute; inset: 0; width: inherit; height: inherit; background-image: var(--icon-star-fill); background-repeat: inherit; background-size: inherit; background-position: inherit; clip-path: polygon(0 0, var(--percent-fill, 0) 0, var(--percent-fill, 0) 100%, 0% 100%);}
.stars-rating label {
    --percent-fill: 100%;
}
.stars-rating input:checked ~ label {
    --percent-fill: 0%;
}
.stars-rating .stars-rating__items:hover label {
    --percent-fill: 100%;
}
.stars-rating .stars-rating__items label:hover ~ label {
    --percent-fill: 0%;
}

.visually-hidden { border: 0; clip: rect(0 0 0 0); -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px); clip-path: polygon(0px 0px, 0px 0px, 0px 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap;}


.basket-item-block-amount{display: flex; align-items: center; height: 50px; border-radius: 10px; background: #3EA3DC; overflow: hidden; width: 200px; margin: 0 20px; padding: 0;}
.basket-item-amount-btn-plus, .basket-item-amount-btn-minus{flex: 1; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; font-size: 31px; color: #fff; text-align: center; cursor: pointer; height: 100%;}
.basket-item-amount-btn-plus{border-left: 2px solid #fff;}
.basket-item-amount-btn-minus{border-right: 2px solid #fff;}
.basket-item-amount-filed-block{flex: 1;}
.basket-item-amount-filed{flex: 1; width: 100%; background: none; text-align: center; border: none; font-weight: 700; font-size: 31px; color: #fff;}
.basket-item-info-name, .basket-item-info-name-link{font-weight: 700; font-size: 25px; color: var(--color-dark-blue);}
.basket-item-price-current-text{font-weight: 700; font-size: 32px; color: #008BD2; margin-top: auto; font-family: var(--first-family);}
.basket-more-products{margin-top: 50px;}
.basket-more-products .section-title-row{margin-bottom: 30px;}

.user-balance{border: 2px solid #004899; border-radius: 15px; padding: 20px; display: inline-block;}
.user-balance__title{font-weight: 700; font-size: 25px; color: #004899;}

@media screen and (max-width: 1500px) {
	.container{max-width: 100%; padding: 0 20px;}
	.catalog-section-item > a{
		font-size: 20px;
	}
	.catalog-section-submenu a {
		font-size: 17px;
	}
	.catalog-sections-title {
		font-size: 30px;
	}
	.new-products-section .section-title {
		font-size: 30px;
	}
	.header-bottom-center {
		margin: 0 2%;
	}
}

@media screen and (max-width: 1366px) {
	.header-phone{display: none;}
	.header-bottom-center{margin: 0 4%;}
	.header-big-btn{font-size: 22px; width: auto;}
}

@media screen and (max-width: 1280px) {
	
	.footer__col--narrow{flex: 1;}
	.catalog-section-item > a{padding: 0 20px; height: 80px;}
	.home-sectors__list{gap: 50px}

	.catalog-inner .catalog-left{width: 25%;}
	.catalog-inner .catalog-main .catalog-items{grid-template-columns: repeat(2, 1fr);}
	.favorites-page .catalog-items{grid-template-columns: repeat(3, 1fr);}
	.catalog-sections-title {font-size: 30px; margin-bottom: 30px;}
	p {
		font-size: 20px;
	}
}

@media screen and (max-width: 1100px) {
	.header-top-menu{display: none;}
	.header-big-btn{display: none;}
	.home-sectors__item{flex: 1 0;}
	.home-sectors__item img{max-width: 100%;}
}

@media screen and (max-width: 880px) {
	.home-sectors__list{flex-direction: column; margin-top: unset;}
	.home-header {
		margin-bottom: 60px;
	}

	.catalog-inner .catalog-left{display: none;}
}
@media screen and (max-width: 850px) {
	.header-bottom-center{display: none;}
	.catalog-sections-list{display: flex; flex-direction: column; gap: 20px}	
	.catalog-section-submenu{display: none;}

	.catalog-detail-top{flex-wrap: wrap;}	
	.catalog-detail-image{width: 50%;}
	.catalog-detail-cart{flex: 1 0 100%;}

	.personal-page{gap: 30px}
	.personal-left{width: 240px;}
	.personal-left .top-menu li a{font-size: 18px; padding: 8px 20px}
	.personal-profile-form{max-width: 100%;}

	.main_news_list .main_news_list_item{width: calc(50% - 8px);}
}
@media screen and (max-width: 768px) {
	.home-advantages {display: none;}
	.footer__row {
		padding: 50px 0 40px;
	}
	.footer-menu__item {
		font-size: 20px;
	}
	.footer-contacts{
		gap: 10px;
	}
	.product-item-discount{
		font-size: 18px;
		height: 55px;
    	width: 55px;
	}
	.product-item .product-item-title {
		font-size: 22px;
	}
	.product-item .product-item-price{
		font-size: 30px;
	}
	.favorites-page .product-item-cart .product-item-qty .qty-btn{
		font-size: 28px;
	}
	.favorites-page .product-item-cart .product-item-qty input, .favorites-page .product-item .product-item-price{
		font-size: 26px;
	}
	
}
@media screen and (max-width: 767px) {
	.basket-items-list-item-remove{padding-top: 0 !important;}
	.basket-item-actions-remove::before{content: none;}
	.basket-item-actions-remove{width: 27px; height: 38px;}
	.basket-item-actions-remove::after{background: url(images/delete.svg) no-repeat center; width: 100%; height: 100%; transform: none; position: static; display: flex;}
	.basket-item-block-price{padding-top: 0;}
	.basket-items-list-item-amount,
	.basket-items-list-item-price,
	.basket-items-list-item-remove{align-self: center;}

	.basket-items-list-item-descriptions-inner{flex-direction: row-reverse;}

	.basket-items-list-item-price{order: 3; width: 100%; margin-bottom: 20px!important;}
	.basket-item-block-price{text-align: left;}
	.basket-items-list-item-amount{order: 4; flex: 1;} 
	.basket-item-block-amount{width: 100%; margin: 0;}
	.home-sectors__button {
		font-size: 20px;
	}
	.modal-container h1 {
		font-size: 20px;
	}
	p {
		font-size: 17px;
	} 
	
}
@media screen and (max-width: 730px) {
	.product-item .product-item-card{height: 280px; aspect-ratio: auto;}
	/* .catalog-items-slider-container .swiper-wrapper{flex-wrap: wrap; gap: 40px} */
	.catalog-items-slider-container{padding: 0;}
	.footer__row{flex-direction: column;}
	.catalog-items-slider-container  .swiper-button-next, .catalog-items-slider-container .swiper-button-prev  {
		
		top: auto !important;
        bottom: -40px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
	}
	.catalog-items-slider-container {
		padding-bottom: 50px;
	}

	.catalog-items-slider-container .swiper-button-prev {
		margin-left: -50px !important;
	}
	.catalog-items-slider-container .swiper-button-next {
		margin-left: 50px !important;
	}
	.catalog-additional-block {
		margin-bottom: 50px;
	}

	.catalog-inner .catalog-main .catalog-items{grid-template-columns: repeat(1, 1fr);}
	.favorites-page .catalog-items{grid-template-columns: repeat(1, 1fr);}

	.personal-page{flex-direction: column;}
	.personal-left{width: 100%; max-width: 300px; height: 54px; z-index: 1;}
	.footer-menu__item {
		font-size: 14px;
	}
	.footer-menu__item:not(:last-child) {
		margin-bottom: 10px;
	}
	.footer-contacts__title {
		display: none;
	}
	/* .catalog-items-slider-container .swiper-wrapper {
		display: grid;
        grid-template-columns: 1fr 1fr;
	} */
	.personal-left .top-menu {
		background: #008bd2;
	}

	.personal-left .top-menu li a { font-size: 18px; height: 44px; padding: 6px 16px;}
	.personal-left .top-menu li:not(.top-menu__item--active) { display: none;}
	.personal-left .top-menu li.top-menu__item--active { display: block;}
	.personal-left .top-menu li.top-menu__item--active a{display: flex; align-items: center;}
	.personal-left .top-menu li.top-menu__item--active a:after{content: ''; width: 20px; height: 20px; mask: url(images/arrow-down.svg) no-repeat center; transform: rotate(90deg); background-color: #fff; margin-left: auto; transition: var(--transition);}
	.personal-left .top-menu.mobile-menu-opened li { display: block;}
	.personal-left .top-menu.mobile-menu-opened li.top-menu__item--active a:after{transform: rotate(270deg);}
}

@media screen and (max-width: 580px) {
	h1{font-size: 25px; line-height: 1.2;}
	h2{font-size: 20px;}
	.header-bottom{padding: 10px 0;}
	.header-bottom-right{gap: 10px}
	.header-bottom-right .header-btn .icon{height: 30px;}
	.header-bottom-right .header-btn .title{font-size: 14px;}

	.logo img{max-height: 50px;}

	.new-products-section .section-title{font-size: 20px;}

	.catalog-section-item > a{font-size: 16px; height: 60px; justify-content: flex-start;padding: 0 40px;}
	.new-products-section .section-all-btn {font-size: 14px; }
	.product-item .product-item-price {
		margin-top: unset;
		order: -1;
		font-size: 20px;
		margin-bottom: 10px;
	}
	.product-item .product-item-subtitle {
		font-size: 12px;
	}
	.home-sectors__button {
		font-size: 14px;
		padding: 20px 70px;
		border-radius : 5px;

	}
	.product-item .product-item-title {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.product-item-cart .site-btn {
		font-size: 16px;
	}
	.product-item-cart .product-item-qty input {
		font-size: 16px;
	}
	.catalog-sections-title {
		font-size: 24px;
		text-align: left;
	}
	.product-item .product-item-brand {
		font-size: 12px;
		padding: 3px 24px;
	}
	.product-item .product-item-image {
		justify-content: center;
	}
	.product-item .product-item-card .fav-btn {
		width: 20px;
		height: 20px;
		top: 20px;
		right: 20px;
		background: url(/local/templates/miralekshop/images/fav-btn.png) no-repeat center / contain;

	}
	/* .catalog-items-slider-container .swiper-wrapper {
        grid-template-columns: 1fr 
	}  */
	.product-item .product-item-card .compare-btn {
		width: 20px;
		height: 20px;
		top: 50px;
		right: 20px;
		background: url(/local/templates/miralekshop/images/compare.svg) no-repeat center / contain;
	}
	.product-item-discount {
		left: 20px;
		bottom: 23px;
	}
	.images-slider .swiper-pagination {
		display: none;
	}
	.images-slider {
		padding-bottom: 30px;
	}
	
	.product-item .product-item-card .compare-btn 

	.catalog-detail-image{width: 100%; order: 1;}
	.catalog-detail-cart{order: 2;}
	.catalog-detail-info{order: 3;}

	.sale-order-list-title-container{flex-wrap: wrap;}
	.sale-order-list-title{width: 100%;}
	.sale-order-list-container .status:first-of-type{margin-left: 0;}
	.order_detail .order_info_block{flex-direction: column; gap: 20px}

	.personal-review-list__image{width: 50%;}
	.main_news_list .main_news_list_item{width: 100%;}
	div.news-detail img.detail_picture{float: none;}
}
@media screen and (max-width: 430px) {
	.catalog-detail-tabs-nav {
		display: grid;
		grid-template-columns: 1fr;
	}
	.catalog-detail-tabs-nav li {
		width: 100%;
	}
	.home-header__logo {
		padding-left: 40px;
	}
	h1{font-size:20px; line-height: 1.2; text-transform: uppercase;}
}

/* 404 Error Page Styles */
.error-404-page {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
    padding: 60px 0;
    position: relative;
    overflow: hidden;
}

.error-404-content {
    text-align: center;
    z-index: 2;
    position: relative;
    max-width: 700px;
    margin: 0 auto;
}

.error-404-number {
    font-size: 180px;
    font-weight: 700;
    color: var(--color-dark-blue);
    line-height: 1;
    margin-bottom: 20px;
    background: linear-gradient(135deg, var(--color-dark-blue) 0%, var(--color-accent) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.error-404-title {
    font-size: 46px;
    font-weight: 700;
    color: var(--color-dark-blue);
    margin-bottom: 20px;
    text-transform: uppercase;
}

.error-404-text {
    font-size: 23px;
    color: #575756;
    margin-bottom: 40px;
    line-height: 1.5;
}

.error-404-buttons {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.error-404-btn {
    min-width: 250px;
}

.error-404-decoration {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
    height: 450px;
    z-index: 1;
    opacity: 0.5;
}

.error-404-decoration svg {
    width: 100%;
    height: 100%;
}

.link {
	color: #3EA3DC;
}

.link:hover {
	color: var(--color-dark);
}

.pdf {
	background: url('/local/templates/miralekshop/images/pdf-file.svg') no-repeat;
	padding: 10px 0 10px 38px;
	background-size: 36px;
	display: block;
}

@media (max-width: 768px) {
    .error-404-number {
        font-size: 120px;
    }
	.catalog-detail-tabs-nav {
		gap: 8px;
	}
    
    .error-404-title {
        font-size: 32px;
    }
    
    .error-404-text {
        font-size: 18px;
    }
    
    .error-404-buttons {
        flex-direction: column;
        align-items: center;
    }
    
    .error-404-btn {
        width: 100%;
        max-width: 300px;
    }
    
    .error-404-decoration {
        width: 400px;
        height: 300px;
    }

	.product-item .product-item-card { height:auto}
	.product-item .product-item-image { justify-content: center; }
	.catalog-items-slider-container .swiper-button-next, .catalog-items-slider-container .swiper-button-prev {zoom:0.5}
	.sale-order-list-status-container:has(.site-btn) {flex-wrap:wrap}
	.sale-order-list-status-container .site-btn {width:100%}
	.personal-page .personal-tabs li a {    padding: 8px 10px;}
	.personal-page .personal-tabs {flex-wrap:wrap}
	.personal-left .top-menu {width:100%}
	.personal-left {max-width:100%}
	.sale-order-list-inner-accomplished {align-items:center}
	.sale-order-list-container .status {margin-left:0}
}

	.sale-order-list-inner-accomplished {align-items:center}
@media (max-width: 414px) {
	.site-btn[data-entity="basket-pdf-button"]{
		margin-top: 10px;
	}
	.basket-item-info-name, .basket-item-info-name-link{
		font-size: 15px;
	}
	.basket-item-price-current-text{
		font-size: 26px;
	}
	.basket-item-amount-filed, .basket-item-amount-btn-plus, .basket-item-amount-btn-minus{
		font-size: 24px;
	}

	.mobile-menu {
		width: 100%;
	}
	footer {
		margin-top: 10px;
	}
	#password_section .form-row.grouped{
		flex-direction: column;
	}
	.product-item .product-item-price{
		margin-top: auto;
        order: 1;
	}
	.product-item-discount {
		left: auto;
	}
}

.product-item-title {display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;}

/* ===== Mobile Filter Bar & Overlay ===== */
.catalog-mobile-filter-bar {
    display: none;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}
.catalog-mobile-filter-btn {
    gap: 8px;
    white-space: nowrap;
    flex-shrink: 0;
}
.catalog-panel-filter--desktop { display: block; }
.catalog-panel-filter--mobile { display: none; flex: 1; min-width: 0; }

/* Mobile filter fullscreen overlay */
.mobile-filter-overlay {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: #fff;
    flex-direction: column;
    overflow: hidden;
}
.mobile-filter-overlay.active {
    display: flex;
}
.mobile-filter-overlay__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid #e7e7e7;
    flex-shrink: 0;
}
.mobile-filter-overlay__header h3 {
    font-size: 20px;
    margin: 0;
}
.mobile-filter-overlay__close {
    width: 32px;
    height: 32px;
    background: none;
    border: none;
    font-size: 26px;
    cursor: pointer;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mobile-filter-overlay__body {
    flex: 1;
    overflow-y: auto;
    padding: 16px 20px;
    -webkit-overflow-scrolling: touch;
}
.mobile-filter-overlay__footer {
    flex-shrink: 0;
    padding: 12px 20px;
    border-top: 1px solid #e7e7e7;
    background: #fff;
    box-shadow: 0 -2px 8px rgba(0,0,0,0.08);
}
.mobile-filter-overlay__footer .site-btn {
    width: 100%;
    height: 54px;
    font-size: 18px;
}
/* Manufacturer list inside overlay */
.mobile-filter-brands {
    list-style: none;
    padding: 0;
    margin: 0;
}
.mobile-filter-brands__title {
    font-size: 18px;
    font-weight: 700;
    color: var(--color-dark-blue);
    margin-bottom: 12px;
}
.mobile-filter-brands__list {
    max-height: 60vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #e7e7e7;
    border-radius: 10px;
    padding: 8px 0;
}
.mobile-filter-brands__item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.15s;
}
.mobile-filter-brands__item:active {
    background: #f0f7ff;
}
.mobile-filter-brands__item input[type="checkbox"] {
    display: none;
}
.mobile-filter-brands__item .brand-check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border: 2px solid #8B8B8B;
    border-radius: 4px;
    flex-shrink: 0;
    background: #fff;
    transition: 0.15s;
}
.mobile-filter-brands__item input:checked + .brand-check {
    background: var(--color-dark-blue);
    border-color: var(--color-dark-blue);
}
.mobile-filter-brands__item input:checked + .brand-check::after {
    content: '';
    display: block;
    width: 10px;
    height: 6px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
    margin-top: -2px;
}
.mobile-filter-brands__item .brand-name {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mobile-filter-brands__item .brand-count {
    color: #8D8D8D;
    font-size: 14px;
    flex-shrink: 0;
}
/* Search within brands */
.mobile-filter-brands__search {
    padding: 0 16px 8px;
}
.mobile-filter-brands__search input {
    width: 100%;
    height: 40px;
    padding: 0 12px;
    border: 1px solid #e7e7e7;
    border-radius: 8px;
    font-size: 15px;
    outline: none;
}
.mobile-filter-brands__search input:focus {
    border-color: var(--color-dark-blue);
}
/* Active filters count badge */
.mobile-filter-count {
    display: none;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    border-radius: 22px;
    background: #fff;
    color: var(--color-dark-blue);
    font-size: 13px;
    font-weight: 700;
    padding: 0 5px;
}
.mobile-filter-count.active {
    display: inline-flex;
}

@media screen and (max-width: 880px) {
    .catalog-mobile-filter-bar {
        display: flex;
    }
    .catalog-panel-filter--desktop { display: none; }
    .catalog-panel-filter--mobile {
        display: block;
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }
}

/* Catalog banners */
.catalog-banners {
    margin-bottom: 20px;
}
.catalog-banners--mobile {
    display: none;
}
.catalog-banners-slider,
.catalog-banners-static {
    border-radius: 12px;
    overflow: hidden;
}
.catalog-banners-slider .swiper-slide img,
.catalog-banners-static img,
.catalog-banners-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.catalog-banners-slider .swiper-slide,
.catalog-banners-slider .swiper-slide a,
.catalog-banners-item,
.catalog-banners-item a {
    display: block;
}
.catalog-banners-slider .swiper-button-prev,
.catalog-banners-slider .swiper-button-next {
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transition: background 0.2s;
}
.catalog-banners-slider .swiper-button-prev:hover,
.catalog-banners-slider .swiper-button-next:hover {
    background: rgba(0, 0, 0, 0.5);
}
.catalog-banners-slider .swiper-button-prev::after,
.catalog-banners-slider .swiper-button-next::after {
    font-size: 16px;
}
.catalog-banners-slider .swiper-pagination-bullet {
    background: #fff;
    opacity: 0.6;
}
.catalog-banners-slider .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}

@media screen and (max-width: 768px) {
    .catalog-banners--desktop {
        display: none;
    }
    .catalog-banners--mobile {
        display: block;
        margin-bottom: 20px;
    }
    .catalog-banners-slider .swiper-slide {
        aspect-ratio: 1 / 1.1;
    }
    .catalog-banners-slider .swiper-button-prev,
    .catalog-banners-slider .swiper-button-next {
        display: none;
    }
}