:root {
	--primary-color: #ddd;
	--secondary-color: #DA4E3B;
	--bs-secondary-rgb: 218,78,59;
	--bs-success-rgb: 99,163,35;
    --border-color: #F2F2F2;
    --border-color-dark: #ddd;

	--text-color: #212529;

	--bg-secondary: #9FB3A8;
	--bg-secondary-hover: #8daa9a;
	--text-secondary: #738c7e;
	--outline-secondary: rgb(115 140 126 / 33%);
	--bs-light-rgb: 243,243,243;
	--bs-list-group-border-color: #ECE5E5;

	--bg-primary: #C6A890;
	--bg-primary-hover: #b99c84;
	--bg-primary-disabled: #b99c84;
	--border-primary-hover: #bb9b81;
	--outline-primary: rgb(198 168 144 / 33%);
	--text-primary: #C6A890;

	--btn-outline: rgb(200 199 198 / 50%);

	--footer-bg: #0c0c0c;
	--fancybox-accent-color: #87c7df;

	--swiper-pagination-color: var(--primary-color);
	--swiper-navigation-size: 24px !important;
	--swiper-navigation-color: #333333;
	--swiper-navigation-sides-offset: 0;

	--bs-border-color: #212529;
}

.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: #303030;
	--bs-btn-border-color: #303030;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #000;
	--bs-btn-hover-border-color: #000;
	--bs-btn-focus-shadow-rgb: 49,132,253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #000;
	--bs-btn-active-border-color: #000;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #686868;
	--bs-btn-disabled-border-color: #686868;
}

.btn-secondary {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--secondary-color);
	--bs-btn-border-color: var(--secondary-color);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #c24332;
	--bs-btn-hover-border-color: #c24332;
	--bs-btn-focus-shadow-rgb: 130,138,145;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--secondary-color);
	--bs-btn-active-border-color: #DA4E3B;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--secondary-color);
	--bs-btn-disabled-border-color: var(--secondary-color);
}

.btn-group-lg>.btn, .btn-lg {
    font-size: 1.1rem;
}

.link-gray {
	color: #444;
}
	.link-gray:hover {
		color: #000;
	}

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

.table>:not(:last-child)>:last-child>* {
    border-bottom-color: #dee2e6;
}

.table {
	--bs-table-hover-bg: rgba(0, 0, 0, .033) !important;
}

.form-group {
	margin-bottom: 1rem;
}

.alert {
    padding: 0.5rem 0.75rem;
}
	
	.alert button {
		position: absolute !important;
		top: 50% !important;
		right: 0.75rem !important;
		transform: translateY(-50%);
		background: none;
		border: none;
		color: rgb(0 0 0 / 20%);
		font-size: 2rem;
		padding: 0 !important;
	}
	
.form-control:focus {
    background-color: #fff;
	box-shadow: 0 0 0 0.25rem rgb(179 173 175 / 25%);
	border-color: #c8c8c8;
}

.form-control[readonly] {
	background: #f5f5f5;
}

a {
	color: #000000;
}

a:hover {
     color: var(--secondary-color);
}
	a.product-item:hover {
		color: #000;
	}	
		
	
hr {
	background-color: var(--border-color-dark);
    opacity: 1;
}

body {
	font-family: 'Montserrat', sans-serif;
}

.base-container {
	padding: 0 60px;
	max-width: 1600px;
	margin: 0 auto;
}

.main-container {
	padding-top: 20px !important;
	padding-bottom: 40px !important;
}
	.main-container.gray {
		background: #F3F3F3;
	}

.container-border-top {
	border-top: 1px solid #ECE5E5;
}

.border-gray {
	border-color: #ECE5E5 !important;
}

.white-box {
	background: #fff;
	padding: 1.5rem;
}

.header-bn  {
	object-fit: cover;
	width: 100%;
}

.header-line  {
	background: #f4f4f4;
	padding: .75rem 0;
	font-size: 14px;
}

header {
	padding: 1.5rem 0;
	position: sticky;
	top: 0;
	z-index: 99;
	background: #fff;
	border-bottom: 1px solid #f5f5f5;
}

	header .header-logo {
		width: 200px;
		height: 100%;
		position: relative;
	}

		header .logo-img {
			width: 100%;
			position: absolute;
			top: -50%;
		}

	header .menu-catalog-button {
		background: #ffffff !important;
		color: #000000 !important;
		border-radius: 5rem;
		padding: .5rem 1rem;
		font-weight: 500;
		border: 1px solid #000 !important;
	}
	header .menu-catalog-button svg {
		fill: #000 !important;
	}
	header .menu-catalog-button .icon-close {
		display: none;
	}
	header .menu-catalog-button.open .icon-close {
		display: block;
	}
	header .menu-catalog-button.open .icon-open {
		display: none;
	}

	header .header-link-item {
		font-weight: 500;
		text-decoration: none;
	}

	header .search-form {
		width: 100%;
	}
		
		header .search-form .search-input {
			border: 1px solid #000;
			width: 100%;
			height: 24px;
		}

	header .system-menu-item {
		position: relative;
	}		
		header .system-menu-item[data-count]:before {
			content: attr(data-count);
			position: absolute;
			height: 18px;
			background: var(--secondary-color);
			color: #fff;
			text-align: center;
			border-radius: 50%;
			font-size: 11px;
			top: calc(50% + -20px);
			left: 10px;
			padding: 0 .35rem;
			display: flex;
			align-items: center;
			border: 1px solid #fff;
		}

		header .system-menu-item .cart-total {
			font-size: 12px;
			color: #555;
			margin-top: 4px;
		}
	
	header .system-menu-item, header .system-menu-item a {
		text-decoration: none;
	}
	
	header .main-menu {}
		
		header .main-menu .item {
			text-decoration: none;
		}
	
	header .btn-catalog {
		padding: .5rem 1.25rem;
	}

	header .menu-catalog {
		border-top: 1px solid #f1f1f1;
		position: absolute;
		top: 100%;
		background: white;
		left: 0;
		z-index: 1;
		width: 100%;
		box-shadow: 0 12px 12px rgb(0 0 0 / 5%);
		transition: all .2s linear;
	}
		header .menu-catalog.hide {
			opacity: 0;
			visibility: hidden;
			pointer-events: none;
		}

		header .menu-catalog .nav-link {
			cursor: pointer;
			color: #616257;
			--bs-nav-link-padding-y: .75rem;
			--bs-nav-link-padding-x: 0;
			--bs-nav-pills-link-active-bg: transparent;
			--bs-nav-pills-link-active-color: #000;
		}
			header .menu-catalog .nav-link.active {
				font-weight: 500;
			}
			header .menu-catalog .nav-link:hover {
				color: var(--secondary-color) !important;
			}

		header .menu-catalog .menu-catalog-border-sep {
			border-left: 1px solid;
		}

		header .menu-catalog .category-item {
			text-align: center;
			color: #797A6E;
			border: 1px solid #ddd;
			border-radius: .375rem;
		}

			header .menu-catalog .category-item img {
				height: 160px;
				object-fit: contain;
			}

	header .search {
		position: relative;
		height: 44px;
		border: 1px solid #c8c8c8;
		padding: .5rem .75rem;
		width: 320px;
		border-radius: 20px;
	}
		header .search.focus {
			border-radius: 20px 20px 0 0;
		}

		header .search .search-form {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

		header .search .search-icon {
			position: absolute;
			top: 50%;
			right: 1rem;
			transform: translateY(-50%);
		}

		header .search .button-input-clear {
			z-index: 2;
			background: transparent;
			border: none;
			padding: 0;
			outline: none;
			width: 32px;
			height: 32px;
			font-size: 1.2rem;
			position: absolute;
			top: 50%;
			right: .5rem;
			transform: translateY(-50%);
		}

		header .search .input {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: transparent;
			border: none;
			padding-left: 1rem;
			color: #000;
			outline: none;
			font-size: 14px;
		}
			header .search.focus .input {
				width: 100%;
			}
			header .search.focus .input::placeholder {
				opacity: 1;
			}
			header .search.focus .input::-ms-input-placeholder {
				color: #000;
			}

		header .search .search-result {
			position: absolute;
			top: calc(100% - 1px);
			left: -1px;
			width: calc(100% + 2px);
			background: #ffffff;
			border-radius: 0 0 20px 20px;
			border: 1px solid #c8c8c8;
			border-top: none;
			overflow: hidden;
			z-index: 2;
		}

			header .search .search-result .search-result-list {
				margin-top: .5rem;
				padding: 0;
				list-style-type: none;
				margin-bottom: 0;
				font-size: .9rem;
			}

				header .search .search-result .search-result-list .search-item {
					padding: .75rem 1rem;
				}
					header .search .search-result .search-result-list .search-item:not(:last-child) {
						border-bottom: 1px dotted #ddd;
					}
					header .search .search-result .search-result-list .search-item.selected {
						background: #f5f5f5;
					}

					header .search .search-result .search-result-list .search-item .product-name {
						display: block;
					}

					header .search .search-result .search-result-list .search-item img {
						width: 40px;
						height: 40px;
						object-fit: cover;
						border-radius: 6px;
						flex-shrink: 0;
					}

	header .header-dropdown {
		width: 280px;
		top: 8px !important;
		box-shadow: 4px 4px 12px rgb(0 0 0 / 5%);
	}

	header .dropdown-account-menu {

	}

		header .dropdown-account-menu .menu-item {
			color: #777;
			gap: .75rem;
			font-size: 1.1rem;
			font-weight: 500;
		}

			header .dropdown-account-menu .menu-item svg {
				fill: currentColor;
			}

			header .dropdown-account-menu .menu-item:hover {
				color: #000;
			}
			header .dropdown-account-menu .menu-item:hover *:not(.badge) {
				text-decoration: underline;
			}

footer {
	background: var(--footer-bg);
	padding: 3rem 0 1rem;
	color: #fff;
}	

	footer a {
		color: #fff;
	}

	footer .text-muted {
		color: #fff !important;
		opacity: .5;
	}

	footer .map {
		height: 140px;
		width: 100%;
	}

	footer ul li {
		margin-bottom: 1rem;
	}

	footer .payment-logo {
		height: 20px;
		opacity: .5;
	}

	footer .logo {
		width: 100%;
		max-width: 240px;
	}

.heading-title {
	font-size: 3.5rem;
}

	a.heading-title {
		text-decoration-thickness: 2px;
		text-underline-offset: 4px;
		text-decoration-color: var(--secondary-color);
	}

.breadcrumb {
	margin-bottom: 2rem;
	font-size: .8rem;
}	
	
	.breadcrumb li {}	
		.breadcrumb li:not(:last-child):after {
			content: '|';
			margin: 0 .75rem;
			color: #b2b2b2;
		}	
	
		.breadcrumb li a {
			text-decoration: none;
		}	
			.breadcrumb li:last-child a {
				color: var(--bs-secondary-color);
				cursor: auto;
			}	

.page-categories .category-item {
	position: relative;
	border: 1px solid #ddd;
	padding: 1rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	gap: 1rem;
}

	.page-categories .category-item .name {
		font-size: 1.2rem;
		text-align: center;
	}

	.page-categories .category-item .image {
		width: 100%;
		height: 240px;
		object-fit: contain;
		object-position: center;
	}

.products-list {
	--bs-gutter-x: 1rem;
	--bs-gutter-y: 1rem;
}

	.products-list .product-item {
		--border-color: #e3e3e3;
		border: 1px solid var(--border-color);
		padding: 1rem;
		position: relative;
		border-radius: .375rem;
	}
		.products-list .product-item:hover {
			--border-color: #959595;
			border-radius: .375rem .375rem 0 0;
		}

		.products-list .product-item .name {
			text-decoration: none;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box !important;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			white-space: normal;
			word-break: break-word;
		}
			.product-item .name:hover {
				text-decoration: underline;
			}

		.products-list .product-item .prices {
			margin-top: .75rem;
			font-size: .95rem;
		}

		.products-list .product-item .labels {
			position: absolute;
			bottom: 0;
			right: 0;
			display: flex;
			align-items: end;
			justify-content: end;
			gap: .5rem;
			flex-direction: column;
		}

			.products-list .product-item .labels .label {

			}
				.products-list .product-item .labels .label.purchase {
					padding: .1rem .5rem;
					background: #ffffff;
					border-radius: 50px;
					color: #1d62d5;
					font-size: .75rem;
					display: none;
				}
					.products-list .product-item .labels .label.purchase.status-1,
					.products-list .product-item .labels .label.purchase.status-0 {
						display: block;
					}
					.products-list .product-item .labels .label.purchase.status-1 {
						color: #0f971e;
					}
					.products-list .product-item .labels .label.purchase.status-0 {
						display: none;
					}
					.products-list .product-item .labels .label.purchase.status-0:before {
						content: 'Ещё не покупали'
					}
					.products-list .product-item .labels .label.purchase.status-1:before {
						content: 'Уже покупали'
					}

				.products-list .product-item .labels .label.sale {
					width: 34px;
					height: 34px;
					background-repeat: no-repeat;
					background-size: 100%;
					display: none;
				}
					.products-list .product-item.sale .labels .label.sale {
						display: block;
						background-image: url("/image/iconsale.png");
					}
						.products-list .product-item.sale .labels .label.sale.sale-text {
							background-image: none;
							background-color: rgb(220,53,69);
							color: #fff;
							width: 36px;
							height: 36px;
							border-radius: 50%;
							display: flex;
							align-items: center;
							justify-content: center;
							font-size: 14px;
						}

		.products-list .product-item .btn-wishlist {
			position: absolute;
			top: .5rem;
			right: .5rem;
			z-index: 1;
			width: 40px;
			height: 40px;
			padding: 0;
			display: none;
			align-items: center;
			justify-content: center;
			line-height: 1;
			border-radius: 50%;
			text-shadow: 1px 1px rgb(255 255 255 / 90%);
		}
			.products-list .product-item:hover .btn-wishlist,
			.products-list .product-item .btn-wishlist.fill {
				display: flex;
			}
			.products-list .product-item .btn-wishlist:hover {
				background: #fff;
			}
			.products-list .product-item .btn-wishlist.fill {
				color: #da4e3b;
			}
				.products-list .product-item .btn-wishlist.fill .bi:before {
					content: "\f415";
				}

		.products-list .product-item .cart {}

			.products-list .product-item .cart:not(.fill) .cart-fill {
				display: none !important;
			}
			.products-list .product-item .cart.fill .btn-cart {
				display: none !important;
			}

		.products-list .product-item .image {
			margin-bottom: 1rem;
			overflow: hidden;
			border-radius: 0.25rem!important;
			height: 260px;
			display: flex;
			align-items: center;
			justify-content: center;
			position: relative;
		}

			.products-list .product-item .image img {
				width: 100%;
				height: 100%;
				display: block;
				object-fit: contain;
			}

		.products-list .product-item .hover {
			display: none;
			position: absolute;
			top: 100%;
			left: -1px;
			right: -1px;
			background: #ffffff;
			z-index: 2;
			border: 1px solid var(--border-color);
			border-top: none;
			padding: 0 1rem 1rem;
			box-shadow: 0 9px 0 3px #ffffff;
			border-radius: 0 0 .375rem .375rem;
		}
			.products-list .product-item:hover .hover {
				display: block;
			}

			.products-list.disable-product-hover .product-item .hover {
				display: none !important;
			}

@media (min-width: 991px) {
	.account-nav-row {
		--bs-gutter-x: 5rem;
	}
}

.account-nav-column {
	border-right: 1px solid #ECE5E5;
	padding-right: 0;
}

.account-nav {
	--bs-nav-link-padding-y: .35rem;
	gap: 1rem;
	position: sticky;
	right: -1px;
	top: 100px;
}

	.account-nav .nav-link {
		color: #777;
		gap: .75rem;
		font-size: 1.1rem;
		font-weight: 500;
	}
			.account-nav .nav-link:hover {
				background: #f5f5f5;
			}
			.account-nav .nav-link.active {
				color: #1E1F1D;
				box-shadow: inset -1px 0 #1E1F1D;
			}

		.account-nav .nav-link svg {
			fill: currentColor;
		}

.account-orders-tab {
	column-gap: 1.5rem;
}

	.account-orders-tab .nav-link {
		color: #777;
		text-transform: uppercase;
		font-weight: 500;
	}

.list-group {
	--bs-list-group-item-padding-y: 1rem;
	--bs-list-group-border-color: #ECE5E5;
}

.orders-list {
	--bs-list-group-item-padding-y: 2rem;
}

	.orders-list .list-group-item:first-child {
		padding-top: 0;
	}

	.orders-list .list-group-item .order-product {
		width: 100px;
		aspect-ratio: 1 / 1;
		border: 1px solid;
		position: relative;
	}

		.orders-list .list-group-item .order-product img {
			max-width: 90%;
			max-height: 90%;
		}

		.orders-list .list-group-item .order-product .quantity {
			position: absolute;
			right: .5rem;
			top: .5rem;
			font-weight: 500;
			font-size: .9rem;
		}

.module-categories {}
	
	.module-categories .children {
		padding-left: 1rem;
	}
	
	.module-categories .category-item {
		display: block;
		margin-bottom: 0.5rem;
		padding: 0.33rem 0.4rem;
	}
		.module-categories .category-item.active {
			font-weight: 500;
			background: #f3f3f3;
			text-decoration: none;
		}

.dropdown-menu {
	--bs-dropdown-link-active-bg: #000;
	--bs-dropdown-border-color: #ddd;
}

.sort-link {
	text-decoration: underline;
	margin-right: 1.5rem;
}
	.sort-link.active {
		color: var(--text-secondary);
		text-decoration: none;
	}

.pagination  {
	
}

	.pagination li.disabled {
		opacity: 0.5;
	}
	
	.pagination li.number {
		height: 32px;
		width: 32px;
		position: relative;
		background: #fff;
		text-align: center;
		line-height: 32px;
		font-size: 1rem;
		border: 1px solid #fff;
	}
		.pagination li.number.active {
			border-color: #000;
		}
		.pagination li.number:not(.active):hover {
			background: #000;
			border-color: #000;
			color: #fff;
		}
		
		.pagination li.number a {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			text-decoration: none;
		}
			.pagination li.number:hover a {
				color: #fff;
			}

.active-color {
	box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--bg-primary);
}

.cart-products {
	--bs-list-group-border-color: #ECE5E5;
	--bs-list-group-item-padding-y: 2rem;
}

	.cart-products .product-image {
		width: 100%;
		height: 160px;
		object-fit: contain;
		object-position: top;
	}

.quantity-button {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	width: 36px;
	padding: 0;
	color: #000;
	border: none;
	background: none;
}

.quantity-input {
	width: 40px;
	text-align: center;
	border: none;
	background: none;
	padding-left: .5rem;
	padding-right: .5rem;
}

.checkout-box {
	max-width: 840px;
	margin: 0 auto;
}
	
	.checkout-box #payment_view {
		display: none;
	}
	
	.checkout-box .form-group.required .form-label span:after {
		content: '*';
		color: #ff5b5b;
		margin-left: .25rem;
	}
	
	.checkout-box .form-control, .checkout-box .form-select {
		padding: .5rem .75rem;
		background-color: #f3f3f3;
		border: 1px solid #e7e7e7;
	}
	
	.checkout-box #confirm_agree_input {
		margin-top: 1rem!important;
	}
	
	.checkout-box .form-label {
		font-weight: 600;
	}
	
	.checkout-box .shipping-methods-grid {
		grid-template-columns: 1fr 1fr 1fr 1fr; 
		gap: 24px; 
	}
		
		.checkout-box .shipping-methods-grid .radio-input {
			border: 1px solid #ced4da;
			border-radius: 0.25rem;
			padding: 1rem .75rem;
		}
		
			.checkout-box .shipping-methods-grid .radio-input img {
				max-width: 100%;
				height: 50px;
				object-fit: contain;
			}
	
.module-newsletter {
	background: #F3F6F4;
	padding: 2.5rem;
	margin-top: 2rem;
}	
	
	.module-newsletter .module-form {
		max-width: 500px;
		margin: 0 auto;
	}
		
		.module-newsletter .module-form button {
			padding: .6rem 1.25rem;
			border-top-left-radius: 0px !important;
			border-bottom-left-radius: 0px !important;
			border: none;
		}
		
		.module-newsletter .module-form input {
			border-top-right-radius: 0px !important;
			border-bottom-right-radius: 0px !important;
			padding: .6rem 1.25rem;
			border: none;
		}
	
	.module-newsletter .module-text {
		text-align: center;
		color: #6c757d!important;
		font-size: 14px;
		margin-top: 1.5rem;
	}
	
	.module-newsletter .module-title {
		font-weight: 600;
		margin-bottom: 1.25rem;
		font-weight: 600;
	}
	
.cart-total {}	
	.cart-total.sub_total {
		font-size: 1.25rem;
	}	
	.cart-total.total {
		font-size: 1.5rem;
		font-weight: 600;
		margin-top: 1rem;
	}	

.swiper-wrapper {
	margin-bottom: .75rem;
}	

.home-feature-item {}
	
	.home-feature-item .icon {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 1.5rem;
		color: #a18671;
	}

.gap-2rem {
	gap: 2rem!important;
}

.fs-7 {
    font-size: .9em!important;
}

.fs-8 {
    font-size: .8em!important;
}

.hidden {
	display: none!important;
}

.qc-step {
	margin-bottom: 2rem;
}

.scroll-to-top {
	position: fixed;
	bottom: 2rem;
	left: 2rem;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	background: black;
	color: #fff;
	font-size: 1.5rem;
	z-index: 20;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.social-buttons {
	position: fixed;
	bottom: 2rem;
	right: 2rem;
	z-index: 20;
	display: flex;
	flex-wrap: wrap;
	gap: .75rem;
}

	.social-buttons .button {
		width: 60px;
		height: 60px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		background: black;
	}
		.social-buttons .button:hover {
			box-shadow: inset 0 0 0 50px rgba(0,0,0,0.075);
		}
		.social-buttons .button.whatsapp {
			background: #25d366;
		}
		.social-buttons .button.telegram {
			background: #2ea5d8;
		}
		.social-buttons .button.max {
			background: radial-gradient(circle at 0% 100%, #43C3FD 0%, transparent 50%), radial-gradient(circle at 0% 0%, #4060FC 0%, transparent 50%), radial-gradient(circle at 100% 0%, #8345E5 0%, transparent 50%), radial-gradient(circle at 100% 100%, #A05CDC 0%, transparent 50%), #6B5BFF;
		}

		.social-buttons .button svg {
			fill: #fff;
			width: 32px;
		}

.account-search-clients-form {
	position: relative;
}

	.account-search-clients-form .form-control {
		background: #f7f7f7;
		border: 1px solid #e4e4e4;
		padding: .75rem 1rem .75rem calc(1.25rem + 20px);
	}

	.account-search-clients-form:before {
		content: '';
		background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAABu0lEQVR4nO2WwUrDQBCGg7W9WL0p+ArVd1DPerCivkKpVFt9gVzFN8i1sbrzL4G+QY+CeLEKtmi9e24PelImncV4qdltKYIdGAgk/3yT3dk/8bxZ/JUAkCOiQwBXADoABpJ83ZB7uYlCtdZ7RNQD8PlLvgAojg30fX8OwIUpTET3RHQCoFCv1xc4tdZrAKoA2okGzlnrDIZAiegdQGlUMWmyLM/GcOflxTd0w0K3aeBKqV2XQepJ5yXbpgEcifY5CIJsaiENJzTeU5e9ApAB8CDwfRvwtYiObaEJeE2av7QRdQVccAXLtHONjg24L6K8K7jZbC5Kjf5UwWEYLrmAu+MutVJq3Uy2DbghoqorGMCZ1AitjxOAtutxIqJHrqG1PrAR5sTwGV52AFfkKPVarda8rbhoLJNtMK1OKbUF4EPedse26TjY6BN+zTaY8Ua7VcVAiegtiqIVzyX84RcnhkuyDdbEHPKcPL1EdGr21EDN885wDv7K8LFI8SPwCmCbYQmvHg8eBEGWDZ+9l4iexGQG0lDI05scpInCbQPAsvkz4WajKFr1/gU8+rnst1MDJ+B3AG6mCp6FJ/EFMUwhBij/5v8AAAAASUVORK5CYII=");
		width: 20px;
		height: 20px;
		background-size: 100%;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 1rem;
	}

.alert-success {
	background: rgb(99 163 35);
	color: #fff;
	border: none;
}

.swiper-button {
	width: 44px;
	height: 44px;
	border: 1px solid #000;color: #000;
	position: relative;
	left: initial;
	right: initial;
	top: initial;
	margin: 0;
}
	.swiper-button:after {
		font-size: 1.2rem;
	}

.reklam-file {
	width: 120px;
	height: 120px;
	border: 1px solid black;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1rem;
	font-size: 1.5rem;
	text-decoration: none;
	font-weight: 500;
	position: relative;
}
	.reklam-file img {
		position: absolute;
		top: -1px;
		left: -1px;
		width: calc(100% + 2px);
		height: calc(100% + 2px);
		object-fit: cover;
	}

.qc-price {
	white-space: nowrap;
}

.table-clients td {
	border-color: #ddd;
	padding: 1rem .5rem;
}

.catalog-child-categories {
	gap: 1rem;
}

	.catalog-child-categories .category-item {
		padding: 1rem;
		background: #fff;
		text-align: center;
		border: 1px solid #e3e3e3;
		position: relative;
		border-radius: .375rem;
		width: 200px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: column;
		aspect-ratio: 1 / 1;
	}

		.catalog-child-categories .category-item a {
			font-weight: 500;
			text-decoration: none;
		}

		.catalog-child-categories .category-item img {
			width: 100px;
			height: 100px;
			object-fit: cover;
			display: block;
			margin-bottom: 1rem;
			border-radius: .375rem;
		}

@media (max-width: 1200px) {
	.base-container {
		padding: 0 2rem;
	}
}

@media (max-width: 1100px) {
	
	header .header-menu .item-category {
		display: none;
	}
	
}

@media (min-width: 992px) {
	.mb-lg-2rem {
		margin-bottom: 2rem !important;
	}

	.category-head {
		position: sticky;
		background: #fff;
		z-index: 10;
	}

}

@media (max-width: 992px) {

	footer .footer-col {
		width: calc(100% / 3);
		margin-bottom: 2rem;
	}
		footer .footer-col.col-logo, footer .footer-col.col-contacts {
			width: 100%;
		}

}

@media (max-width: 768px) {
	
	.base-container {
		padding: 0 1rem;
	}
	
	footer .footer-col {
		width: 50%;
	}

	header {
		border-bottom: none;
	}

		.header-logo .logo-img {
			position: relative;
			width: 65%;
			top: initial;
		}

		header .menu-catalog {
			border-top: none;
		}

		header .menu-catalog .menu-catalog-border-sep {
			border-left: none;
		}

	.cart-products .product-image {
		height: 60px;
	}

}

@media (max-width: 576px) {

	.white-box {
		padding: .75rem;
	}

	.main-container {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}

	.base-container {
		padding: 0 1rem;
	}

	.products-list .product-item {
		border: none;
		padding: 0;
	}

		.products-list .product-item .name {
			font-size: .8rem;
		}

		.products-list .product-item .image {
			margin-bottom: .5rem;
			height: 130px;
		}

	.breadcrumb {
		margin-bottom: 1rem;
	}

	.heading-title {
		font-size: 2rem;
	}

	.mobile-horizontal-scroll {
		overflow-x: auto;
		-ms-overflow-style: none;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		margin-left: -1rem!important;
		margin-right: -1rem!important;
		padding-left: 1rem!important;
		padding-right: 1rem!important;
		width: calc(100% + 2rem);
	}
		.mobile-horizontal-scroll::-webkit-scrollbar {
			display: none;
		}

	.account-nav:before {
		content: '';
		width: 1000px;
		border-bottom: 1px solid #ddd;
		position: absolute;
		left: 0;
		bottom: 0;
	}

	.account-nav .nav-link {
		border: 1px solid #ddd;
		z-index: 1;
		background: #fff;
	}
		.account-nav .nav-link.active {
			color: #1E1F1D;
			box-shadow: none;
			border-color: #000;
			border-bottom: none;
		}

	.container-border-top {
		border-top: none;
	}

	.account-nav-column {
		border: none
	}


	.page-categories .category-item {
		position: relative;
		flex-direction: row;
		justify-content: start;
		padding: .5rem 0;
		border: none;
		border-bottom: 1px solid #ddd;
	}

		.page-categories .category-item .name {
			font-size: 1rem;
			text-align: left;
		}

		.page-categories .category-item .image {
			height: 48px;
			width: 48px;
			object-fit: contain;
			object-position: center;
		}

	.page-categories .search {
		position: relative;
		padding: 1rem .75rem;
	}

		.page-categories .search .icon {
			width: 40px;
		}

		.page-categories .search .input {
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			background: #f3f3f3;
			padding-left: 60px;
			color: #000;
			outline: none;
			font-size: 14px;
			width: 100%;
			border: 1px solid #dddddd;
		}

	.scroll-to-top {
		display: none;
		bottom: calc(1rem + 60px);
		left: 1rem;
	}


	.social-buttons {
		bottom: calc(.75rem + 60px);
		right: 1rem;
		flex-direction: column;
		gap: .5rem;
	}

		.social-buttons .button {
			width: 48px;
			height: 48px;
		}

			.social-buttons .button svg {
				width: 24px;
			}

	.swiper-offset {
		margin-left: -1rem;
		margin-right: -1rem;
		padding-left: 1rem;
		padding-right: 1rem;
	}

	header {
		display: none !important;
	}

	.header-logo {
		width: 100%;
		display: flex;
		justify-content: center;
		margin: 1rem 0;
	}

	.products-list .product-item .labels {
		position: relative;
		top: initial;
		left: initial;
		flex-wrap: wrap;
		flex-direction: row;
		gap: 0;
		justify-content: center;
	}
		.products-list .product-item .labels .label {
			padding: 0.1rem .35rem !important;
			border-radius: 4px !important;
			height: initial !important;
			font-size: 11px !important;
			margin-right: .25rem;
			margin-bottom: .5rem;
			color: #fff !important;
		}

			.products-list .product-item .labels .label.purchase.status-1 {
				background: #66ae6e;
			}
				.products-list .product-item .labels .label.purchase.status-1:before {
					content: 'Уже покупали'
				}
			.products-list .product-item .labels .label.purchase.status-0 {
				background: #67a0ff;
			}
				.products-list .product-item .labels .label.purchase.status-0:before {
					content: 'Не покупали'
				}

	.products-list .product-item .hover {
		position: relative;
		top: initial;
		left: initial;
		right: initial;
		margin-top: .75rem;
		box-shadow: none;
		padding: 0;
		border: none !important;
		display: block !important;
	}

	.mobile-menu {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 4;
		height: 60px;
		background: #fff;
		border-top: 1px solid #ddd;
	}

		.mobile-menu .item {
			position: relative;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			gap: .1rem;
			width: 100%;
			height: 100%;
		}
			.mobile-menu .item[data-count]:before {
				 content: attr(data-count);
				 position: absolute;
				 height: 18px;
				 background: var(--secondary-color);
				 color: #fff;
				 text-align: center;
				 border-radius: 50%;
				 font-size: 11px;
				 top: 5px;
				 left: calc(50% + 5px);
				 padding: 0 .35rem;
				 display: flex;
				 align-items: center;
				 border: 1px solid #fff;
			 }

			.mobile-menu .item svg {
				width: 28px;
				fill: #4e4e4e;
			}

			.mobile-menu .item .title {
				color: #555;
				font-size: 12px;
				text-align: center;
				text-decoration: none;
			}

	.catalog-child-categories {
		gap: .5rem;
	}

	.catalog-child-categories .category-item {
		padding: .75rem .5rem;
		background: #f6f6f6;
		width: 100%;
		aspect-ratio: initial;
		flex-direction: row;
		justify-content: start;
		align-items: center;
		gap: .5rem;
	}

		.catalog-child-categories .category-item img {
			width: 24px;
			height: 24px;
			border-radius: 50%;
			margin: 0;
		}

}