:root{
	--main: #fff;
	--bg: #01011D;
	--border-color: #2F3157;
	--button-bg: #0A0D20;
	--icons: #72719D;
	--accent: #28FFFF;
	--red-accent: #F12222;
	--blue-accent: #3B9BFF;
}

*{ 	transition: .15s linear; }

body {
	font-family: 'Segoe UI', sans-serif;
	font-weight: 400;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	width: 100%;
	background-color: var(--bg);
}
h1, h2, h3, h4, h5, h6 {
	color: #fff;
}
/* default font size */

.fa {
	font-size: 18px;
}

a{
	color: var(--main);
}

a:hover{
	color: var(--blue-accent);
}

.btn, #d_quickcheckout .btn-primary, #d_quickcheckout button, #d_quickcheckout .btn{
	appearance: none;
	background-color: transparent;
	text-transform: uppercase;
	text-align: center;
	color: var(--main);
	font-weight: 600;
	font-size: 14px;
	min-height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	border: 2px solid transparent;
}

.btn.loading{
	background-color: rgba(255, 255, 255, .5);
	pointer-events: none;
}

.btn-large{
	min-width: 148px;
}

.btn-red{
	background-color: var(--red-accent);
}

.btn-red-outline, #d_quickcheckout .product__controls .btn{
	border-color:  var(--red-accent);
}

.btn-blue, #d_quickcheckout .btn-primary{
	background-color: var(--blue-accent);
}

#d_quickcheckout .btn-primary{
	background-image: none;
}

#d_quickcheckout a#remeber_password{
	margin-top: 12px;
	display: inline-block;
}

.btn-blue-outline{
	border-color:  var(--blue-accent);
}

.btn-red:hover, .btn-red-outline:hover{
	background: linear-gradient(180deg, var(--button-bg) 0%, #ED1E2200 80%, #ED1E2259 100%), linear-gradient(180deg, #F11F2200 0%, #F11F22 21%);
	background-origin: border-box;
	background-clip: padding-box, border-box;
	color: var(--main);
	border-color: transparent;
}

.btn-blue:hover, .btn-blue-outline:hover, .account__sidebar > a:last-child:hover,
#d_quickcheckout .btn-default:focus, #d_quickcheckout .btn-default:hover{
	background: linear-gradient(180deg, var(--button-bg) 0%, #2AFFFF09 80%, #3C9DFE59 100%), linear-gradient(180deg, #2BFEFF00 0%, #3A9EFE 21%);
	background-origin: border-box;
	background-clip: padding-box, border-box;
	color: var(--main);
	border-color: transparent;
	text-decoration: none;
}

#d_quickcheckout .btn.active, #d_quickcheckout .btn:active{
	box-shadow: none;
}

#confirm_form .col-xs-12, #d_quickcheckout .checkbox label, #d_quickcheckout .radio label{
	padding: 0;
}

#d_quickcheckout hr, #d_quickcheckout .cart__product, #d_quickcheckout .cart__total:last-child{
	border-color: var(--border-color);
}

#d_quickcheckout .modal-header, #d_quickcheckout .modal-content{
	border-color: var(--border-color);
	background-color: var(--button-bg);
}

#d_quickcheckout .modal-title, #d_quickcheckout .close{
	color: #fff;
	opacity: 1;
}

#d_quickcheckout .close{
	margin-top: -13px !important;
}

.btn.disabled{
	pointer-events: none;
	background-color: #30324C;
	color: var(--icons);
}

.btn-gray-outline,  #d_quickcheckout button{
	border-color: var(--border-color);
}

.btn.disabled > svg path{
	fill: var(--icons);
}

#d_quickcheckout .form-check{
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0;
}

#d_quickcheckout .form-check > input[type=checkbox]{
	margin: 0;
}

#d_quickcheckout .btn-default{
	background: var(--button-bg);
}

#d_quickcheckout a{
	color: var(--blue-accent);
}

#d_quickcheckout #qc_confirm_order.btn{
	border-color: var(--blue-accent);
}

#d_quickcheckout button, #d_quickcheckout .qc-product-qantity{
	min-width: 42px;
}
#d_quickcheckout .qc-product-qantity{
	border-radius: 8px;
	border-width: 2px !important;
}
.btn-red-outline, #d_quickcheckout .btn{
	box-shadow: none;
	display: flex !important;
}

#d_quickcheckout .product__info{
	padding: 0;
}

.alert.alert-success {
	background: linear-gradient(180deg, transparent 80%, #FFFFFF1A 100%), linear-gradient(180deg, rgba(47, 49, 87, 0) 0%, #2F3157 100%);
	border: 1px solid transparent;
	border-radius: 8px;
	color: white;

	.fa {
		color: green;
	}
	
	a {
		color: var(--blue-accent);
	}
}

.container {
	width: calc(100% - 151px) !important;
	margin-left: auto;
	margin-right: 0;
	padding: 119px 48px 48px;
}

#top{
	position: fixed;
	top: 0;
	right: 0;
	z-index: 10;
	border-bottom: 1px solid var(--border-color);
	backdrop-filter: blur(25px);
	background-color: #01011D40;
	width: 100%;
}

#top .container{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 24px;
}

#top .container::before, #top .container::after{
	display: none;
}

#form-currency{
	visibility: hidden;
}

#form-language, #form-currency{
	margin: 0;
}

.switchers{
	display: flex;
	gap: 12px;
}

.switchers .dropdown-toggle{
	display: flex;
	gap: 8px;
	align-items: center;
	text-transform: uppercase;
	color: var(--main);
	border: 2px solid transparent;
	padding: 2px;
	background-color: var(--button-bg);
	border-radius: 50px;
	box-shadow: 2px 2px 0 0 #00000000 inset;
	transition: .15s linear;
}

.switchers .pull-left:last-child .dropdown-toggle{
	text-transform: none;
	padding-left: 12px;
}

.switchers .dropdown-toggle:hover, #cart > .btn:hover, #mobileToggle:hover, .switchers .dropdown-toggle:hover, #cart.open > .btn{
	text-decoration: none;
	background: linear-gradient(180deg, var(--button-bg) 0%, rgba(42, 255, 255, 0.035) 33%, rgba(60, 157, 254, 0.35) 100%),
	linear-gradient(180deg, rgba(42, 255, 255, 0.035) 0%, rgba(60, 157, 254, 0.35) 100%);
	background-origin: border-box;
	background-clip: padding-box, border-box;
}

.switchers .dropdown-toggle img, .switchers .dropdown-toggle svg:first-child{
	width: 28px;
	height: 28px;
}

.btn-group.open .dropdown-toggle{
	border-color: var(--icons);
	text-decoration: none;
}

.btn-group.open .dropdown-toggle svg:last-child{
	transform: rotate(-90deg);
	transform-origin: center;
}

.dropdown-menu, #search .search-results{
	background: var(--button-bg);
	box-shadow: 0 0 50px 0 #399EFC66;
	border-radius: 16px;
	padding: 8px 0;
	margin-top: 6px;
}

.switchers .dropdown-menu .btn{
	justify-content: unset;
}

.switchers .dropdown-menu .btn-block{
	text-align: start;
	padding: 8px 16px;
	display: flex;
	align-items: center;
	gap: 12px;
	color: var(--main);
}

.switchers .dropdown-menu .btn-block > img,
.switchers .dropdown-menu .btn-block > svg{
	width: 18px;
	height: 18px;
	object-fit: cover;
	border-radius: 50%;
}

.switchers .dropdown-menu .btn-block:hover{
	color: var(--accent);
	text-decoration: none;
}

.switchers .dropdown-menu .btn-block:hover svg path{
	fill: var(--accent);
}

#search{
	display: flex;
	flex-grow: 1;
	max-width: 965px;
	position: relative;
}

.btn{
	outline: none !important;
}

#search .btn, .clear-button{
	position: absolute;
	top: 0;
	z-index: 3;
	appearance: none;
	background: transparent;
	height: 46px;
}

#search .clear-button{
	top: 11px;
	right: 190px;
	width: 24px;
	height: 24px;
	display: none;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: var(--icons);
	padding: 6px;
	border: none;
}

#search  .form-control:not(:placeholder-shown) + .clear-button{
	display: flex;
}

#search  .form-control{
	border-radius: 50px;
	border: 1px solid var(--border-color);
	background: var(--button-bg);
	color: #fff;
	padding: 13px 13px 13px 42px;
	max-width: 789px;
}

#search  .form-control:hover{
	border-color: var(--icons);
}

#search  .form-control:focus{
	box-shadow: none;
}

#search  .form-control::placeholder{
	color: var(--icons);
}

#search .search-results{
	display: none;
	top: 52px;
	position: absolute;
	z-index: 5;
	flex-direction: column;
	width: 100%;
	max-width: 789px;
}

#search .show-all{
	padding: 6px 8px;
	border: 1px solid var(--blue-accent);
	border-radius: 8px;
	width: fit-content;
	margin: 0 0 0 12px;
	cursor: pointer;
}

#search .search-results .search-items{
	display: flex;
	flex-direction: column;
	width: 100%;
	border-bottom: 1px solid var(--border-color);
	padding-bottom: 6px;
	margin-bottom: 6px;
}

#search .search-results .search-items .img {
	width: 75px;
	height: 75px;
	object-fit: cover;
	float: left;
}

#search .search-results .search-items .img .img-fluid {
	width: 75px;
	height: 75px;
	object-fit: cover;
}

#search .search-results .search-items .name {
	flex: 1;
	display: flex;
	align-items: center;
	float: left;
	height: auto;
	padding-left: 10px;
}

#search .search-results .search-items .name .name_title {
	display: inline-block;
	vertical-align: top;
	position: relative;
	line-height: 1 !important;
	font-weight: 500;
}

#search .search-results .search-items .price {
	float: left;
	text-align: right;
	padding-right: 10px;
	line-height: 1 !important;
	color: #7d7e7f;
	font-weight: 700;
	font-size: 14px;
	display: flex;
	align-items: flex-end;
	flex-direction: column;
	justify-content: center;
}

#search .search-results .search-items .price span {
	color: var(--blue-accent);
	font-weight: 900;
	font-size: 22px;
}

#search .search-results.shown{
	display: flex;
}

#search .search-results  .search-result{
	display: flex;
	padding: 12px 16px;
	color: var(--main);
}

#search .search-results  .search-result:hover{
	background-color: var(--icons);
	text-decoration: none;
}

#search .search-results  .search-result:active{
	color: var(--accent);
	text-decoration: none;
}

#cart{
	width: auto;
	@media (max-width: 1080px) {
		order: 4;
	}
	@media (max-width: 767px) {
		order: 0;
	}
}

#cart > .btn, #mobileToggle{
	appearance: none;
	background-color: var(--button-bg);
	border-radius: 50px;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 6px 12px;
	border: 2px solid transparent;
}

#cart-total{
	border-radius: 50px;
	font-weight: 600;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	padding: 4px;
	color: #fff;
	background-color: var(--bg);
	min-width: 24px;
}

#cart-total.active{
	background-color: var(--red-accent);
}

#cart .dropdown-menu{
	padding: 16px;
	min-width: 480px;
}

#cart .table__product{
	display: flex;
	align-items: center;
	gap: 16px;
}

#cart .table__product img{
	border-radius: 16px;
	width: 85px;
	height: 85px;
	object-fit: cover;
}

#cart .product__name{
	width: 222px;
	font-size: 18px;
	line-height: 24px;
	color: var(--main);
	text-decoration: none;
}

#cart .table__controls{
	min-width: 60px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 26px;
}

#cart .table__quantity, #cart .table__product-total{
	font-size: 18px;
	line-height: 24px;
	color: var(--main);
}

#cart .table__controls > .btn{
	appearance: none;
	background-color: transparent;
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-width: 3px;
	padding: 0;
}

#cart .table__controls > .btn > img{
	width: 18px;
	height: 18px;
}

#cart .products__table{
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-bottom: 16px;
}

#cart .cart__totals{
	border-top: 1px solid var(--border-color);
	padding: 12px 0;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

#cart .cart__total{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#cart .cart__total > strong{
	font-size: 14px;
	line-height: 18px;
	color: var(--icons);
	font-weight: 400;
}

#cart .cart__total > span{
	font-size: 18px;
	color: var(--main);
}

#cart .cart__total:last-child > strong{
	font-size: 24px;
}

#cart .cart__total:last-child > span{
	font-size: 24px;
	font-weight: 600;
}

#cart .btns{
	border-top: 1px solid var(--border-color);
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 24px;
	padding: 12px 0;
}

#cart .btns > .link{
	font-size: 18px;
	text-decoration: none;
}

#cart .btns > .btn{
	min-width: 168px;
}

#sidebar{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 11;
	display: flex;
	flex-direction: column;
	gap: 36px;
	align-items: center;
	padding: 24px;
	border-right: 1px solid var(--border-color);
	background-color: var(--bg);
	max-width: 151px;
	height: 100vh;
}

.sidebar__links{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}

.sidebar__socials{
	display: flex;
	width: 100%;
	justify-content:center;
	gap: 24px;
}

.swiper-viewport{
	border: none;
	border-radius: 0;
	box-shadow: none;
}

#menu .collapse.navbar-collapse{
	padding: 0;
}

#content .swiper-viewport:first-child{
	max-width: 1226px;
	margin-bottom: 0;
}

.description{
	position: relative;
	border: 3px solid transparent;
	border-radius: 24px;
	margin-bottom: 48px;
	background: linear-gradient(180deg,transparent 80%, #FFFFFF1A 100%),
	linear-gradient(180deg, rgba(47, 49, 87, 0) 0%, #2F3157 100%);
	background-origin: border-box;
	background-clip: padding-box, border-box;
	overflow: hidden;
}

.description > p{
	position: relative;
	z-index: 3;
	backdrop-filter: blur(120px);
	font-size: 18px;
	line-height: 24px;
	padding: 32px;
	color: var(--main);
	margin-bottom: 0;
}
.description::after{
	content: "";
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	background: url("/image/catalog/half logo.png") no-repeat center /contain;
}

.home-wrap{
	display: flex;
	gap: 24px;
	margin-bottom: 24px;
	flex-wrap: wrap;
}

.home-wrap > .swiper-viewport{
	border: 2px solid transparent;
	border-radius: 24px;
	background: linear-gradient(180deg,transparent 80%, #FFFFFF1A 100%),
	linear-gradient(180deg, rgba(47, 49, 87, 0) 0%, #2F3157 100%);
	background-origin: border-box;
	background-clip: padding-box, border-box;
	overflow: hidden;
}

.home-wrap > .swiper-viewport .swiper-pagination{
	border: 1px solid var(--border-color);
	bottom: 0;
	padding-bottom: 25px;
	background: linear-gradient(0deg, rgba(1, 1, 29, 0.9) 0%, rgba(1, 1, 29, 0.1) 100%);
}

.home-wrap > .swiper-viewport .swiper-pagination > .swiper-pagination-bullet{
	font-size: 18px;
	color: var(--main);
	opacity: .5;
	background: transparent;
	box-shadow: none;
	width: auto;
	height: auto;
	border-radius: 0;
	margin: 0 6px;
	padding: 20px 8px 0;
	position: relative;
}

.home-wrap > .swiper-viewport .swiper-pagination > .swiper-pagination-bullet::after{
	content: "";
	display: block;
	opacity: 0;
	width: 100%;
	height: 2px;
	position: absolute;
	background-color: var(--main);
	top: -1px;
	left: 50%;
	transform: translateX(-50%);
}

.home-wrap > .swiper-viewport .swiper-pagination > .swiper-pagination-bullet.active,
.home-wrap > .swiper-viewport .swiper-pagination > .swiper-pagination-bullet.active::after{
	opacity: 1;
}

.home-wrap > .swiper-viewport .swiper-pagination > .swiper-pagination-bullet.swiper-pagination-bullet-active,
.home-wrap > .swiper-viewport .swiper-pagination > .swiper-pagination-bullet.swiper-pagination-bullet-active::after{
	opacity: 1;
}

#menu{
	display: flex;
	flex-direction: column;
	gap: 12px;
}


h3, .title{
	position: relative;
	display: flex;
	align-items: center;
	gap: 24px;
	font-size: 24px;
	line-height: 28px;
	font-weight: 600;
	color: var(--secondary);
	margin-bottom: 48px;
	margin-top: 0;
	text-align: center;
	text-transform: uppercase;
}

h3::before, h3::after, .title::before, .title::after{
	content: "";
	flex-grow: 1;
	height: 3px;
}

h3::before, .title::before{
	background: linear-gradient(90deg, rgba(102, 106, 189, 0) 0%, #2F3157 100%);
}

h3::after,  .title::after{
	background: linear-gradient(90deg, #2F3157 0%, rgba(102, 106, 189, 0) 100%);
}

.product-thumb{
	position: relative;
	padding: 0;
	margin: 0;
	border-radius: 16px;
	border: 3px solid transparent;
	background: linear-gradient(180deg,var(--button-bg) 0%, var(--button-bg)),
	linear-gradient(180deg, rgba(47, 49, 87, 0) 0%, #2F3157 100%);
	background-origin: border-box;
	background-clip: padding-box, border-box;
	overflow: hidden;
}

.btn-favorite{
	appearance: none;
	position: absolute;
	z-index: 3;
	top: 12px;
	left: 12px;
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius:8px;
	padding: 0;
	backdrop-filter: blur(25px);
	background-color: #0A0D2040;
	border: 2px solid transparent;

	background-origin: border-box;
	background-clip: padding-box, border-box;
}


.btn-favorite:hover{
	background-image: linear-gradient(180deg, #0a0d202b 0%, #2AFFFF09 160%, rgba(237, 30, 34, 0.1) 100%),
	linear-gradient(180deg, #2BFEFF00 0%,  var(--red-accent) 70%);
}

.btn-favorite:hover > svg path{
	stroke: var(--main);
}

.btn-favorite.is-favorite > svg{
	fill: var(--red-accent);
}

.btn-favorite.is-favorite > svg path{
	fill: var(--red-accent);
	stroke: var(--red-accent);
}

.product-thumb .image a:hover{
	opacity: 1;
}

.product-thumb .image a{
	position: relative;
	overflow: hidden;
	display: block;
	height: 315px;
}

.product-thumb .image a img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.product-thumb:hover{
	box-shadow: 0 10px 50px 0 rgba(255, 0, 0, .2);
	background-image: linear-gradient(180deg,var(--button-bg) 0%, var(--button-bg)),
	linear-gradient(180deg, #F11F2200 0%, #F11F22 100%);
}

.product-thumb .caption{
	padding: 24px;
	min-height: unset !important;
}

.product-thumb .rating{
	display: flex;
	justify-content: center;
	gap: 8px;
	padding: 0;
	min-height: 16px;
	margin-bottom: 12px;
}

.product-thumb h4{
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	text-overflow: ellipsis;
	color: var(--main);
	margin-top: 0;
	margin-bottom: 16px;
	min-height: 48px;
	overflow: hidden;
}

.product-thumb h4 > a:hover{
	text-decoration: none;
	color: var(--accent) !important;
}

.product-thumb .wrap{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.product-thumb .price{
	font-size: 24px;
	line-height: 28px;
	font-weight: 600;
	color: var(--main);
	margin-bottom: 0;
}

.product-thumb .price-old{
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: var(--placeholder);
}

.product-thumb .product__model{
	display: inline-block;
	font-size: 14px;
	line-height: 18px;
	color: var(--icons);
	padding: 10px 12px;
	background-color: rgba(59, 155, 255, 0.1);
	border-radius: 4px;
	margin-bottom: 16px;
}

.product-layout{
	padding: 0;
	margin: 0;
}

.product-grid{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(267px, 1fr));
	gap: 48px 24px;
	margin-bottom: 48px;
	clear: both;
}

#common-home .product-grid{
	margin-bottom: 0;
}

.product-grid::before {
	content: none;
}

.swiper-viewport{
	background-color: transparent;
}

#common-home #slideshow1 > .swiper-wrapper{
	height: auto;
}

/*#common-home #slideshow0 > .swiper-wrapper{*/
/*	@media(max-width: 375px) or (max-width: 768px), (orientation: landscape) {*/
/*		padding-top: 50px;*/
/*	}*/
/*}*/

#common-home + .container{
	padding-bottom: 120px;
}

#common-home .row:before {content: inherit}

.container > .slideshow{
	margin: 0;
	padding: 27px 48px;
	border: 3px solid transparent;
	background: linear-gradient(180deg,transparent 80%, #FFFFFF1A 100%),
	linear-gradient(180deg, rgba(47, 49, 87, 0) 0%, #2F3157 100%);
	background-origin: border-box;
	background-clip: padding-box, border-box;
	overflow: hidden;
	border-radius: 24px;
	backdrop-filter: blur(120px)
}

.container:has(footer){
	padding-top: 48px;
	border-top: 1px solid var(--border-color);
	border-bottom: 1px solid var(--border-color);
}

footer{
	display: flex;
	gap: 96px;
	align-items: flex-start;
	flex-wrap: wrap;
}

.footer__column{
	padding-top: 22px;
}

.footer__column > h5{
	margin: 0 0 36px;
	font-weight: 600;
	font-size: 24px;
	line-height: 28px;
	color: var(--main);
	text-transform: uppercase;
}

.footer__column > .list-unstyled{
	margin-bottom: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
}

.footer__column > .list-unstyled a{
	font-size: 18px;
	line-height: 18px;
	text-decoration: none;
}

.footer__payments{
	display: flex;
	justify-content: center;
	gap: 24px;
	flex-wrap: wrap;
	margin-bottom: 48px;
}

.footer__rights{
	font-size: 14px;
	line-height: 18px;
	color: var(--icons);
	text-align: center;
}

.footer__rights > p{
	margin-bottom: 0;
}

.container:has(.footer__payments){
	padding-top: 48px;
}

.icon-btn{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
}

.icon-btn > a{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	background-color: var(--button-bg);
	border-radius: 16px;
	border: 2px solid transparent;
	background-origin: border-box;
	background-clip: padding-box, border-box;
}

.icon-btn > span{
	font-weight: 600;
	font-size: 14px;
	text-align: center;
}

.icon-btn:hover > a{
	background-image: linear-gradient(180deg, var(--button-bg) 0%, #2AFFFF09 160%, #3C9DFE59 100%),
	linear-gradient(180deg, #2BFEFF00 0%, #3A9EFE 21%);
}

.icon-btn:hover > span {
	color: var(--blue-accent);
}

.icon-btn:hover > span > a {
	color: var(--blue-accent);
	text-decoration: none;
}

.icon-btn > span > a:active, .icon-btn > span > a:focus{
	color: var(--blue-accent);
	text-decoration: none;
}

.icon-btn.active > a{
	background-image: linear-gradient(180deg, var(--button-bg) 0%, #2AFFFF09 160%, #ED1E2259 100%),
	linear-gradient(180deg, #2BFEFF00 0%, var(--red-accent) 21%);
}

.icon-btn.active img{
	filter: hue-rotate(125deg) saturate(3.3);
}

.icon-btn:hover img{
	filter: hue-rotate(313deg) brightness(1.5) saturate(2.3);
}

#wishlist-count{
	position: absolute;
	z-index: 2;
	top: 10px;
	right: 6px;
	border-radius: 50px;
	font-weight: 600;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	padding: 4px;
	color: #fff;
	background-color: var(--red-accent);
	min-width: 20px;
}

.breadcrumb{
	background: transparent;
	width: calc(100% - 151px) !important;
	margin-left: auto;
	margin-right: 0;
	margin-bottom: 0;
	padding: 94px 48px 0;
}

.breadcrumb a{
	font-size: 14px;
}
.breadcrumb>li+li:before, .breadcrumb a{
	color: var(--icons);
}

.breadcrumb>li:last-child > a{
	color: var(--main);
}

.breadcrumb + .container{
	padding-top: 48px;
}

.search__heading{
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	color: var(--main);
	margin: 0 0 24px;
}

.form__items{
	display: flex;
	gap: 24px;
	align-items: center;
	flex-wrap: wrap;
}

.form__item{
	position: relative;
	min-width: 400px;
}

.form__item label{
	font-weight: 400;
	margin: 0;
	font-size: 14px;
	line-height: 18px;
	color: var(--icons);
	position: absolute;
	z-index: 2;
	top: 16px;
	left: 12px;
	pointer-events: none;
}

.form__item textarea + label{
	transform: none;
	top: 20px;
}

#d_quickcheckout .form-horizontal{
	padding-top: 10px;
}

#d_quickcheckout .accordion__item{
	margin-bottom: 0;
}

.form__item input, .form__item textarea, .form__item select,
#d_quickcheckout textarea.form-control,
#d_quickcheckout input.form-control, #d_quickcheckout select.form-control{
	appearance: none;
	width: 100%;
	outline: none;
	padding: 12px;
	border-radius: 8px;
	color: var(--main);
	border: 1px solid var(--border-color);
	background-color: var(--button-bg);
	min-height: 50px;
}

.form__item select, #d_quickcheckout select.form-control{
	position: relative;
}

#d_quickcheckout select.form-control{
	min-height: 40px;
}

#d_quickcheckout .form-horizontal .form-group{
	margin-left: 0 ;
	margin-right: 0 ;
}

.pad-wrap{
	display: flex;
	align-items: center;
}

.form__item.with-label select{
	color: var(--main);
}

.form__item:has(select)::after{
	content: "";
	position: absolute;
	display: block;
	width: 12px;
	height: 12px;
	top: 50%;
	transform: translateY(-50%);
	right: 12px;
	background: url("/image/catalog/icons/arrow-down.svg") no-repeat center /contain;
}

.form__item select{ color: var(--icons) }
.form__item select option{ color: var(--main) }

.form__item input:hover, .form__checkbox:hover > input,
.form__item textarea:hover,
.form__item select:hover,
.form-check > input{
	border-color: var(--icons);
}

.form__item input:not(:placeholder-shown) + label,
.form__item input:focus + label,
.form__item textarea:focus + label,
.form__item input:focus-visible + label,
.form__item input:is(:-webkit-autofill, :autofill) + label,
.form__item textarea:focus-visible + label,
.form__item textarea:not(:placeholder-shown) + label,
.form__item.with-label label{
	font-size: 12px;
	top: 2px;
	left: 7px;
	transform: none;
}

.form__checkbox{
	display: flex;
	align-items: center;
	gap: 8px;
	align-self: flex-start;
}

.form__checkbox > input, .form-check > input{
	appearance: none;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	padding: 6px 4px;
	border-radius: 4px;
	border: 1px solid var(--border-color);
	background-color: var(--button-bg);
	outline: none !important;
}

.form__checkbox > input::after, .form-check > input::before, #d_quickcheckout input[type=checkbox]::before{
	content: "";
	width: 16px;
	height: 12px;
	transform: scale(0);
	background: url("/image/catalog/icons/check.svg") no-repeat center /contain;
}

#d_quickcheckout .form-check > input[type=checkbox]{
	display: flex;
}

.form__checkbox > input:checked::after, .form-check > input:checked::before,
#d_quickcheckout  input[type=checkbox]:checked::before{
	transform: scale(1);
}

#d_quickcheckout  input[type=checkbox]:checked::before{
	display: block;
}

.form__checkbox > label{
	font-weight: 400;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 18px;
}

.form__checkbox > label > a{
	text-decoration: underline;
	color: var(--blue-accent);
}

.search__wrap{
	display: flex;
	align-items: center;
	gap: 24px;
	justify-content: space-between;
	padding-bottom: 48px;
	flex-wrap: wrap;
	border-bottom: 1px solid var(--border-color);
}

.form__items.limits{
	padding-top: 48px;
	padding-bottom: 24px;
}

.pagination{
	margin: 0;
	border-radius: 0;
	display: flex;
	justify-content: center;
	gap: 8px;
	flex-wrap: wrap;
}

.pagination>li>a, .pagination>li>span{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	float: none;
	font-size: 14px;
	padding: 0;
	width: 32px;
	height: 32px;
	border-radius: 4px;
	border: 1px solid var(--border-color);
	background-color: var(--button-bg);
	color: var(--main);
}

.pagination>li:hover>a{
	background: linear-gradient(180deg, var(--button-bg) 0%, #2AFFFF09 80%, #3C9DFE59 100%), linear-gradient(180deg, #2BFEFF00 0%, #3A9EFE 21%);
	background-origin: border-box;
	background-clip: padding-box, border-box;
	border-color: transparent;
	color: var(--main);
}

.pagination>.active>span{
	background-color: var(--button-bg);
	border-color: var(--blue-accent);
	color: var(--blue-accent);
}

.pagination>.active:hover>span{
	background: linear-gradient(180deg, var(--button-bg) 0%, #2AFFFF09 80%, #3C9DFE59 100%), linear-gradient(180deg, #2BFEFF00 0%, #3A9EFE 21%);
	background-origin: border-box;
	background-clip: padding-box, border-box;
}

.category__description{
	position: relative;
	overflow: hidden;
	margin-bottom: 48px;
}

.category__wrap{
	display: flex;
	gap: 32px;
	padding: 32px;
	backdrop-filter: blur(120px);
	border: 3px solid transparent;
	border-radius: 24px;
	background: linear-gradient(180deg,transparent 80%, #FFFFFF1A 100%),
	linear-gradient(180deg, rgba(47, 49, 87, 0) 0%, #2F3157 100%);
	background-origin: border-box;
	background-clip: padding-box, border-box;
}

.category__description::after{
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	background: url("/image/catalog/half logo.png") no-repeat center /contain;
}

.category__description > .category__wrap > div{
	position: relative;
	z-index: 3;
	font-size: 18px;
	line-height: 24px;
	color: var(--main)
}

#product{
	display: flex;
	align-items: flex-start;
	gap: 48px;
}

.container:has(#product){
	padding-top: 95px;
}

.container:has(#product)::before{
	display: none;
}

.product-image > .thumb{
	border-radius: 24px;
	overflow: hidden;
	border: 2px solid transparent;
	background: linear-gradient(180deg,transparent 80%, #FFFFFF1A 100%),
	linear-gradient(180deg, rgba(47, 49, 87, 0) 0%, #2F3157 33%);
	background-origin: border-box;
	background-clip: padding-box, border-box;
}

.product__name{
	font-weight: 600;
	font-size: 24px;
	line-height: 32px;
	color: var(--main);
	margin: 0;
	text-transform: uppercase;
}

.product-container{
	display: flex;
	gap: 24px;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 24px;
}

.product-container>div{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 8px;
}

.product-container > .reviews-info{
	display: none;
}

.product__model{
	padding: 6px 12px;
	border-radius: 4px;
	color: var(--icons);
	background-color: #3B9BFF1A;
	font-size: 14px;
	line-height: 18px;
	white-space: nowrap;
}

.product__model > img{
	width: 18px;
	margin-right: 8px;
}

.product__stock{
	font-size: 14px;
	line-height: 18px;
	color: var(--main);
	padding: 10px 12px;
	border-radius: 4px;
}

.product__stock.in{
	background-color: #00C59D
}

.product__stock.out{
	background-color: #F16422
}

.reviews-info{
	display: flex;
	gap: 24px;
	margin-bottom: 48px;
}

.reviews-info > div{
	display: flex;
	align-items: center;
	gap: 8px;
}

.product-price{
	display: flex;
	align-items: center;
	gap: 12px;
	font-weight: 600;
	font-size: 48px;
	line-height: 52px;
	color: var(--main);
	margin-bottom: 12px;
}

.price-old{
	font-size: 24px;
	line-height: 28px;
	font-weight: 400;
	color: var(--icons);
	text-decoration: line-through;
}

.price-percent{
	font-weight: 400;
	font-size: 14px;
	line-height: 14px;
	padding: 10px 12px;
	border-radius: 4px;
	background-color: var(--blue-accent);
}

.product-wrap{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 48px;
}

.price__points{
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	line-height: 18px;
	color: var(--icons)
}

.price__points > span{
	font-size: 18px;
	color: var(--main);
}

.product-wrap > .form-group{
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 0;
}

.product-wrap > .form-group > .control-label, fieldset:has(.g-recaptcha) .control-label{
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: var(--icons);
	margin-bottom: 0;
}

.quantity-wrap{
	display: flex;
	gap: 4px;
	min-width: unset;
}

.btn-decrease, .btn-increase, #input-quantity,input[name*=quantity]{
	min-height: 32px;
	padding: 4px;
	background-color: var(--button-bg);
	border-width: 1px;
	border-radius: 4px;
}

#input-quantity, input[name*=quantity], #d_quickcheckout .qc-product-qantity{
	appearance: none;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	color: var(--main);
	max-width: 32px;
	border: 1px solid var(--border-color);
}

#d_quickcheckout .qc-product-qantity{
	background-color: transparent;
}

.sticky-banner{
	padding: 12px 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 5;
	gap: 12px;
	background: #01011D40;
	border-top: 1px solid var(--border-color);
	backdrop-filter: blur(25px);
}

.sticky-banner::before, .sticky-banner::after{
	display: none;
}

.sticky-banner .btn-favorite{
	position: static;
}

.sticky-banner > .product-btns{
	display: flex;
	gap: 12px;
}

#product .breadcrumb{
	padding: 0;
	margin-bottom: 24px;
	width: unset !important;
}

.product__info{
	padding-top: 46px;
}

.product-image{
	position: sticky;
	top: 95px;
	flex-shrink: 0;
	width: calc(57% - 48px);
}

.tags{
	padding-top: 48px;
}

.tags__links{
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.tag{
	font-size: 14px;
	line-height: 18px;
	color: var(--main);
	padding: 10px 12px;
	background: #3B9BFF1A;
	border-radius: 4px;
	border: 1px solid var(--border-color);
}

.accordion__name, .tags__text, .review__date{
	display: inline-block;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 24px;
	color: var(--icons)
}

.review__date{
	margin-bottom: 0;
}

.accordion__content, .review__author{
	font-size: 16px;
	line-height: 24px;
	color: var(--main);
}

.accordion__item{
	margin-bottom: 48px;
}

.reviews{
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.review{
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding-bottom: 24px;
	border-bottom: 1px solid var(--border-color);
}

.review:last-child{
	border-bottom: none;
}

.review__info{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.review__header{
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.review__stars{
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	gap: 8px;
}

.review__stars > input{
	display: none;
}

.review__stars > label{
	margin-bottom: 0;
	cursor: pointer;
}

.review__stars > label::before{
	font-size: 16px;
	content: "\F005";
	font-family: FontAwesome;
	display: inline-block;
	color: #30324C;
}

.review__stars > label:hover::before,
.review__stars > label:hover ~ label::before,
.review__stars > input:checked ~ label::before{
	color: var(--blue-accent);
}

#reviewModal .modal-content{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	box-shadow: none;
	background: transparent;
	height: 100%;
	max-width: 375px;
	margin: 0 auto;
}

#form-review{
	margin: 0 auto;
	max-width: 391px;
	width: 100%;
	padding: 24px;
	border-radius: 32px;
	border: 1px solid var(--border-color);
	background-color: var(--bg);
}

#form-review > h2{
	margin: 0 0 24px;
	font-weight: 600;
	font-size: 18px;
	color: var(--main);
	text-transform: uppercase;
}

.dismiss-modal{
	display: block;
	width: 24px;
	height: 24px;
	align-self: flex-end;
	margin-right: -20px;
}

#form-review .form__item {
	min-width: unset;
}

#form-review .form__item:not(:last-child){
	margin-bottom: 12px;
}

#form-review .form-group{
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 24px;
}

#form-review .form-group > .form__label{
	font-size: 14px;
	line-height: 18px;
	color: var(--icons);
}

.mobile-top{
	display: none;
}

.mobile-top > a > img{
	max-height: 42px;
}

#mobileToggle{
	position: relative;
	flex-direction: column;
	gap: 6px;
	width: 76px;
}

#mobileToggle::before, #mobileToggle::after, #mobileToggle > span{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	content: "";
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 4px;
	background-color: var(--main);
	transform-origin: center;
	transition: .15s transform;
}

#mobileToggle::before{
	top: 11px;
}

#mobileToggle::after{
	bottom: 11px;
}

#mobileToggle.active  > span{
	width: 0;
}

#mobileToggle.active::after{
	transform: translateX(-50%) rotate(45deg);
	bottom: 19px;
}

#mobileToggle.active::before{
	transform: translateX(-50%) rotate(-45deg);
	top: 17px;
}

#mobileNav{
	position: fixed;
	display: none;
	gap: 32px;
	flex-direction: column;
	justify-content: space-between;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 9;
	padding: 130px 32px 32px;
	background: #01011DBF;
	backdrop-filter: blur(25px);
	max-height: 100vh;
	overflow-y: auto;
}

#mobileNav.active{
	display: flex;
}

#mobileNav > div{
	display: flex;
	flex-direction: column;
	gap: 32px;
}

#mobileNav #menu, .switchers, .sidebar__links{
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.product__gallery{
	display: flex;
	gap: 12px;
}

.product__thumbs{
	display: flex;
	flex-direction: column;
	gap: 12px;
	max-height: 696px;
	overflow-y: auto;
	scrollbar-width: none !important;
}

.thumb{
	width: calc(100% - 190px);
	max-width: 696px;
	max-height: 696px;
}

.product__thumb, .thumb{
	border-radius: 16px;
	overflow: hidden;
	border: 2px solid transparent;
	background: linear-gradient(180deg,transparent 80%, #FFFFFF1A 100%),
	linear-gradient(180deg, rgba(47, 49, 87, 0) 0%, #2F3157 100%);
	background-origin: border-box;
	background-clip: padding-box, border-box;
}


.product__thumb.active{
	background-image: linear-gradient(180deg,transparent 0%, #FFFFFF1A 100%),
	linear-gradient(180deg, rgba(43, 254, 255, 0) 0%, #3A9EFE 65%);
}

.product__thumb{
	max-width: 190px;
	min-height: 190px;
}

.product__thumb > img, .thumb > img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.accordion__name > button{
	display: none;
}
.accordion__content iframe{
	max-width: 100%;
}

.modal-open .modal{
	backdrop-filter: blur(25px);
}

.contacts__items{
	display: flex;
	flex-direction: column;
	gap: 12px;
	align-items: flex-start;
}

.contacts__item{
	padding: 12px;
	display: flex;
	align-items: center;
	gap: 12px;
	border: 1px solid var(--icons);
	border-radius: 8px;
}

.contacts__value{
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: var(--main);
	margin: 0;
}

.contacts__items  .btn{
	min-width: 224px;
}

.contacts__wrap{
	display: flex;
	gap: 48px;
}

.contacts__wrap > *{
	flex-basis: calc(33% - 24px);
}

.contacts__form{
	padding: 24px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 24px;
	border-radius: 32px;
	border: 1px solid var(--border-color);
	background: var(--button-bg);
}

.contacts__form > h2{
	margin: 0;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
}

.contacts__form > fieldset{
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.cart{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 48px;
}

.cart__product{
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 24px 0;
	border-bottom: 1px solid var(--icons);
}

.product__info{
	display: flex;
	align-items: flex-start;
	flex-grow: 1;
	gap: 16px;
}

.cart__thumb{
	width: 85px;
	height: 85px;
	display: inline-block;
	border-radius: 16px;
	overflow: hidden;
}

.cart__thumb > img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cart__product .product__model{
	width: fit-content;
}

.cart__product .product__info > div{
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.product__footer{
	display: flex;
	align-items: center;
	gap: 16px;
}

.product__controls{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 26px;
}

.product__controls .product__price{
	font-size: 18px;
	color: var(--main);
}

.cart__product .product__name, .cart__items + a{
	font-size: 18px;
	line-height: 24px;
	text-transform: none;
}

.cart__items + a{
	display: inline-block;
	margin-top: 24px;
}

.cart__products{
	flex-grow: 1;
}

.cart__info{
	max-width: 567px;
	padding: 24px;
	border-radius: 32px;
	border: 1px solid var(--border-color);
	background-color: var(--button-bg);
}

.cart__info > h2{
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	margin: 0 0 12px;
	text-transform: uppercase;
}


.cart__info > p{
	font-size: 14px;
	line-height: 18px;
	color: var(--icons);
	margin: 0 0 24px;
}

.btn-wrap, .cart__additional, .cart__totals{
	display: flex;
	gap: 12px;
}

.btn-wrap > .form__item{
	flex-grow: 1;
}

.cart__additional, .cart__totals{
	flex-direction: column;
	margin-bottom: 24px;
}

.cart__totals{
	gap: 0;
}

.cart__total{
	display: flex;
	justify-content: space-between;
	padding-bottom: 12px;
}

.cart__total > strong, .cart__total > span{
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	color: var(--main);
}

.cart__total:last-child > span{
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
}

.cart__total:last-child{
	padding: 12px 0 0;
	border-top: 1px solid var(--icons);
}

.cart__info .form__checkbox {
	margin-bottom: 24px;
}

#account-dropdown .dropdown-menu{
	top: 0;
	right: -210%;
	left: auto;
}

.dropdown-menu>li>a{
	color: var(--main);
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
	background-color: var(--button-bg);
	color: var(--blue-accent);
}

.modal{
	justify-content: center;
	align-items: center;
	backdrop-filter: blur(25px);
	background: #01011D80;
}

.modal.show{
	display: flex !important;
	flex-direction: column;
}

.modal__inner{
	padding: 24px;
	border-radius: 32px;
	border: 1px solid var(--border-color);
	background-color: var(--bg);
	max-height: 80vh;
	overflow-y: auto;
}

.modal__inner form{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
}

.modal__inner form h1{
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	color: var(--main);
	margin: 0 0 12px;
	text-align: center;
	text-transform: uppercase;
}

.login__link{
	font-size: 14px;
	line-height: 18px;
	color: var(--icons);
	text-align: center;
}

.login__link > a{
	color: var(--main);
}

.modal__inner form > fieldset{
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.toggle-password{
	appearance: none;
	background-color: transparent;
	display: flex;
	align-items: center;
	position: absolute;
	padding: 13px;
	top: 0;
	bottom: 0;
	max-height: 50px;
	right: 0;
	border: none;
}

.toggle-password > .password-hidden{
	display: none;
}

.toggle-password.active > .password-hidden{
	display: block;
}

.toggle-password.active > .password-shown{
	display: none;
}

#modal .dismiss-modal{
	cursor: pointer;
	margin-right: -470px;
	align-self: unset;
}

#modal .form-account fieldset, .full-form, .full-form fieldset{
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 24px;
}

#modal .form-account fieldset > .form__item{
	flex-basis: calc(50% - 6px);
	min-width: unset;
}

#modal .modal__inner:has(.form-account){
	max-width: 746px;
}

#modal:has(.form-account) .dismiss-modal{
	margin-right: -764px;
}

#modal .form-account fieldset:last-of-type, .full-form,.full-form fieldset{
	flex-direction: column;
}

.full-form, .full-form fieldset{
	justify-content: center;
	align-items: center;
}

.form-forgotten p{
	font-size: 14px;
	line-height: 18px;
	color: var(--icons);
	max-width: 343px;
	text-align: center;
	margin-bottom: 0;
}

.form-forgotten .form__item {
	min-width: 343px;
}

.account{
	display: flex;
	align-items: flex-start;
	gap: 48px;
}

.account__main{
	flex-grow: 1;
}

.account__sidebar{
	display: flex;
	flex-direction: column;
	width: 240px;
}

.account__sidebar > a{
	padding: 12px 24px;
	font-size: 18px;
	color: var(--main);
	text-transform: capitalize;
	border-bottom: 1px solid var(--icons);
}

.account__sidebar > a.active{
	color: var(--blue-accent);
}

.account__sidebar > a:nth-last-child(2){
	border-bottom: none;
}

.account__sidebar > a:last-child{
	margin-top: 12px;
	border-radius: 8px;
	width: fit-content;
	text-transform: uppercase;
	border: 3px solid var(--blue-accent);
}

.account__main fieldset > legend, #affiliate-form > span, fieldset:has(.g-recaptcha) legend{
	font-size: 14px;
	line-height: 18px;
	color: var(--icons);
	border: none;
	margin-bottom: 24px;
}

.account__main fieldset{
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 12px;
}

.account__nav{
	display: flex;
	border-bottom: 1px solid var(--icons);
	margin-bottom: 24px;
}

.account__nav a{
	font-size: 16px;
	line-height: 22px;
	color: var(--main);
	padding: 12px 18px;
}

.account__nav a.active{
	border-radius: 8px 8px 0 0;
	color: var(--blue-accent);
	border: 1px solid transparent;
	background: linear-gradient(180deg, var(--button-bg) 0%, #2AFFFF09 105%, #3C9DFE59 100%), linear-gradient(180deg, #2BFEFF00 0%, #3A9EFE 107%);
	background-origin: border-box;
	background-clip: padding-box, border-box;
}

.account__select{
	display: none;
}

.account__mobile{
	display: none;
	flex-direction: column;
	width: 100%;
}

.account__accordion{
	padding-bottom: 12px;
	border-bottom: 1px solid var(--icons);
}

.account__accordion:first-child{
	border-top: 1px solid var(--icons);
}

.accordion__toggle{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 0;
}

.account__accordion.active > .accordion__toggle .accordion__button::before{
	transform: rotate(180deg);
}

.accordion__toggle > span{
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	color: var(--main);
	text-transform: uppercase;
}

.accordion__button{
	position: relative;
	width: 12px;
	height: 12px;
}

.accordion__button::before, .accordion__button::after{
	content: "";
	transition: .15s;
	position: absolute;
	left: 0;
	top: 5px;
	width: 100%;
	height: 2px;
	transform-origin: center;
	background-color: var(--blue-accent);
}

.accordion__button::before{
	transform: rotate(90deg);
}

.account__text{
	font-size: 14px;
	line-height: 18px;
	color: var(--icons);
	margin: 0 0 24px;
}

.account__wrap{
	display: flex;
	gap: 48px;
	align-items: flex-start;
}

.account__wrap > form{
	flex-grow: 1;
}

.input__radio, #d_quickcheckout .radio label{
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	line-height: 18px;
	color: var(--main);
	font-weight: 400;
}

.input__radio input, #d_quickcheckout .radio input[type=radio]{
	appearance: none;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 24px;
	height: 24px;
	border: 1px solid var(--border-color);
	border-radius: 50%;
	background-color: var(--button-bg);
	outline: none !important;
}

#d_quickcheckout .radio input[type=radio]{
	margin: 0;
	position: static;
}

.input__radio input::before, #d_quickcheckout .radio input[type=radio]::before{
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: var(--blue-accent);
	transform: scale(0);
	transition: .15s;
}

.input__radio input:checked::before, #d_quickcheckout .radio input[type=radio]:checked::before{
	transform: scale(1);
}

.form__group > label{
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	color: var(--icons);
}

.radio__group{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 24px;
}

.account__wrap .form-horizontal fieldset{
	display: flex;
	gap: 12px 24px;
	flex-wrap: wrap;
	flex-direction: unset;
}

.account__wrap .form-horizontal fieldset > .form__item{
	flex-basis: calc(50% - 12px);
}

.address-add, .continue{
	width: fit-content;
	margin-bottom: 24px;
}

.addresses{
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
}

.addresses__address{
	padding: 24px;
	border-radius: 32px;
	border: 1px solid var(--border-color);
	background-color: var(--button-bg);
	min-width: 343px;
}

.addresses__buttons{
	display: flex;
	justify-content: flex-end;
	gap: 12px;
}

.addresses__header{
	margin-bottom: 12px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.addresses__item{
	display: flex;
	align-items: flex-end;
	gap: 4px;
}

.addresses__items{
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.addresses__entry, .addresses__value{
	font-size: 16px;
	line-height: 18px;
	color: var(--icons);
}

.addresses__value{
	color: var(--main)
}

.addresses__divider{
	flex-grow: 1;
	border-bottom: 1px dotted var(--icons);
}

#affiliate-form{
	display: flex;
	align-items: flex-start;
	gap: 9px;
	flex-wrap: wrap;
}

#affiliate-form > div{
	width: 343px;
}

#affiliate-form > div .form__item{
	min-width: 343px;
}

#affiliate-form > span{
	flex-basis: 100%;
}

.account .table tbody > tr > td{
	border-color: var(--icons);
}
.account .table tbody > tr > td,
.account .table thead > tr > td,
.table tfoot > tr > td{
	padding: 12px 18px;
	font-size: 16px;
	line-height: 22px;
}

.account .table thead > tr > td{
	color: var(--icons);
}

.table tfoot > tr > td:first-child{
	border: none;
}

a.order-info > svg:last-child, a.order-info.shown > svg:first-child,
a.return-info > svg:last-child, a.return-info.shown > svg:first-child{
	display: none;
}

a.order-info > svg:first-child, a.order-info.shown > svg:last-child,
a.return-info > svg:first-child, a.return-info.shown > svg:last-child{
	display: block;
}

.table tfoot > tr > td b{
	font-weight: 400;
}

.info{
	width: 100%;
}

.info-title{
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	color: #fff;
	display: block;
	margin-bottom: 18px;
	text-transform: uppercase;
}

.order-text-info{
	display: flex;
	align-items: flex-start;
	gap: 48px;
	flex-wrap: wrap;
	margin-bottom: 18px;
}

.order-column{
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.info-item{
	display: flex;
	align-items: flex-start;
	gap: 12px;
}
.info-label, .info-text{
	font-size: 16px;
	line-height: 22px;
	color: var(--icons);
}

.info-text{
	color: #fff;
}

.table .table{
	background-color: transparent;
}

.account__main .row{
	padding: 0;
	margin-bottom: 12px;
}

#d_quickcheckout .well, .well,
#d_quickcheckout .panel, .panel,
#d_quickcheckout .panel-default > .panel-heading{
	border-color: var(--border-color);
	border-radius: 8px;
	background-color: transparent;
	box-shadow: none;
}

#d_quickcheckout .panel-default > .panel-heading{
	color: var(--main);
}

#d_quickcheckout .btn.active, #d_quickcheckout  .accordion__item .btn{
	border-color: var(--blue-accent);
	background-color: var(--blue-accent);
}

#d_quickcheckout .radio input[type=radio]::before{
	background-color: var(--blue-accent);
}

.required .form__label::after, #d_quickcheckout div.required .control-label::before{
	color: var(--blue-accent);
}

.product__additional{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: flex-start;
	margin-bottom: 24px;
}

.product__additional-item {
	flex-basis: calc(50% - 4px);
}

.product__additional-item.languages{
	flex-basis: 100%;
}

.product__additional-item > span{
	color: var(--icons);
}

#not-refundable-modal .modal-content{
	background-color: var(--button-bg);
	padding: 20px;
}

@media(max-width: 1750px) {
	.product-image > .thumb > img{
		width: 100%;
	}
	.product-info, .product-image{
		width: 50%;
	}
	.account__wrap .form-horizontal fieldset > .form__item{
		flex-basis: 100%;
	}
}

@media(max-width: 1100px) {
	.product-thumb .image a{
		height: 200px;
	}

	#search {
		order: 3;
		width: 100%;
		max-width: unset;
		@media (max-width: 1080px) {
			width: auto;
		}
		@media (max-width: 767px) {
			width: 100%;
		}
	}

	#search > .btn, #search .form-control {
		height: 36px;
		min-height: 36px;
	}

	#top > .container > .switchers, #sidebar {
		display: none;
	}

	#top .container {
		flex-wrap: wrap;
		padding: 8px 16px;
	}

	.mobile-top {
		display: contents;
	}

	.container, .breadcrumb {
		width: 100% !important;
		padding: 109px 16px 16px;
	}

	#content {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.row {
		margin: 0;
	}

	.home-wrap {
		gap: 12px;
	}

	.home-wrap > .swiper-viewport {
		border-radius: 12px;
	}

	.home-wrap > .swiper-viewport .swiper-pagination {
		padding-bottom: 10px;
	}

	.home-wrap > .swiper-viewport .swiper-pagination > .swiper-pagination-bullet {
		padding: 8px 10px 0;
	}

	.description, h3, .title {
		margin-bottom: 24px;
	}

	.description > p {
		padding: 16px;
		font-size: 16px;
		line-height: 22px;
	}

	#common-home + .container {
		padding-top: 60px;
		padding-bottom: 32px;
	}

	.container > .slideshow {
		padding: 16px;
	}

	.container:has(footer) {
		padding-top: 0;
		padding-bottom: 32px;
		border-top: none;
	}

	footer {
		gap: 32px 24px;
	}

	footer > a, .sticky-banner > button {
		display: none;
	}

	.product__info {
		padding-top: 0;
	}

	.sticky-banner {
		padding: 0;
		position: static;
		border: none;
	}

	.sticky-banner > .product-btns {
		justify-content: space-between;
		width: 100%;
		align-items: center;
		margin-bottom: 24px;
	}

	.sticky-banner .btn-favorite {
		width: 48px;
		height: 48px;
	}

	.container:has(.footer__payments) {
		padding-top: 32px;
	}

	.footer__payments {
		gap: 12px 24px;
		margin-bottom: 32px;
	}

	.product-grid {
		gap: 16px;
		grid-template-columns: repeat(auto-fill, minmax(163px, 1fr));
	}

	.btn-favorite {
		width: 38px;
		height: 38px;
	}

	.product-thumb .caption {
		padding: 12px 16px;
	}

	.product-thumb .product__model {
		padding: 6px 12px;
	}

	.product-thumb h4, #cart .product__name {
		font-weight: 400;
		font-size: 16px;
		line-height: 22px;
	}

	.product-thumb .price {
		font-size: 20px;
		line-height: 24px;
	}

	.product-thumb .wrap {
		align-items: flex-end;
	}

	.product-thumb .wrap .btn > svg {
		width: 18px;
	}

	#cart .dropdown-menu {
		right: -16px;
		left: auto;
		width: 100vw;
		min-width: unset;
		border-radius: 0;
		box-shadow: none;
		background-color: var(--bg);
	}

	#cart .table__product {
		gap: 8px;
	}

	#cart .product__name {
		width: 178px;
	}

	#cart .table__product img {
		width: 46px;
		height: 46px;
		border-radius: 8px;
	}

	.breadcrumb + .container, .form__items.limits, .tags {
		padding-top: 24px;
	}

	.form__items.limits > .form__item {
		flex-basis: calc(50% - 6px);
	}

	.category__wrap {
		padding: 16px;
		flex-direction: column;
		gap: 16px;
		align-items: center;
		border-radius: 22px;
	}

	.form__item {
		min-width: unset;
		width: 100%;
	}

	.accordion__item {
		margin-bottom: 24px;
	}

	.form__items {
		gap: 12px;
	}

	#search .clear-button {
		top: 6px;
	}

	#product {
		flex-direction: column;
		gap: 24px;
	}

	.product-image {
		position: static;
	}

	.product-info, .product-image {
		width: 100%;
	}

	.product-wrap {
		margin-bottom: 24px;
		gap: 24px;
	}

	.product__gallery {
		flex-direction: column-reverse;
	}

	.thumb {
		min-width: 100%;
	}

	.product__thumbs {
		flex-direction: row;
		overflow-x: auto;
	}

	.product__thumb {
		width: 90px;
		height: 90px;
		min-height: unset;
		min-width: 90px;
	}

	.accordion__name, .tags__text, .review__date {
		margin-bottom: 16px;
	}

	.accordion__name:has(button) {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
	}

	.accordion__name > button {
		display: flex;
	}

	.product-container {
		flex-wrap: wrap;
	}

	.product__name {
		flex-basis: 100%;
		order: 1;
	}

	.reviews-info, .cart__product .product__model {
		display: none;
	}

	.product-container > .reviews-info {
		display: flex;
		flex-direction: column;
		margin: 0;
		align-self: flex-end;
		align-items: flex-start;
	}

	.container:has(#product) {
		padding-top: 119px;
	}

	#reviewModal .modal-content {
		padding: 16px;
		justify-content: flex-start;
	}

	.dismiss-modal {
		margin-right: 0;
		margin-bottom: 24px;
	}

	.contacts__wrap {
		flex-direction: column;
	}

	.contacts__wrap > * {
		flex-basis: unset;
	}

	.container:has(.slideshow) {
		padding-top: 60px;
	}

	.cart {
		justify-content: center;
	}

	.cart__thumb {
		width: 48px;
		height: 48px;
		border-radius: 8px;
	}

	.cart__thumb > img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.cart__product .product__info, .product__footer {
		display: contents;
	}

	.cart__product {
		display: grid;
		align-items: flex-start;
		grid-template-columns: 48px 1fr 60px;
		gap: 8px;
	}

	.quantity-wrap {
		grid-row-start: 2;
		grid-column: 2 / 3;
		justify-self: flex-end;
	}

	.product__controls {
		grid-row: 1 / 3;
	}

	.cart__thumb, .cart__thumb + div {
		grid-row: 1 / 1;
	}

	.cart {
		gap: 24px;
	}

	.cart__info {
		padding: 16px;
	}

	#modal {
		padding: 16px;
	}

	#modal > .modal__inner, .modal__inner form > fieldset {
		width: 100%;
	}

	#modal .dismiss-modal {
		align-self: flex-end;
		margin-right: 8px;
	}

	#modal .form-account fieldset > .form__item {
		flex-basis: 100%;
	}

	.account {
		flex-direction: column;
		gap: 24px;
	}

	.account__select, .accordion__content > .account__main, #account-download  .account__main {
		display: block;
	}

	.account__sidebar, .account__main {
		display: none;
	}

	.account__mobile {
		display: flex;
	}

	.account__wrap {
		flex-direction: column;
		gap: 12px;
	}

	.account__wrap .form-horizontal fieldset {
		margin-bottom: 12px;
	}

	.account__main:has(#affiliate-form) {
		display: flex;
	}

	#affiliate-form > div,
	#affiliate-form > div > fieldset:last-child {
		display: contents;
	}

	#affiliate-form .form__checkbox {
		order: 2;
	}

	#affiliate-form .buttons {
		order: 3;
	}

	#payment-cheque, #payment-paypal, #payment-bank {
		order: 1;
	}

	.table-responsive, .account .table tbody > tr > td, .table > tfoot > tr > td {
		border: none;
	}

	.account .table thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	.info-text {
		text-align: end;
	}

	.info-label, .info-title {
		text-align: start;
	}

	.account .table td {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		text-align: end;
	}

	.account .table tbody > tr > td, .account .table thead > tr > td {
		padding: 8px 0;
	}

	.order-text-info {
		gap: 18px;
		flex-direction: column;
	}

	.account .table td::before {
		content: attr(data-label);
		color: var(--icons);
		text-align: start;
	}

	#main > div.table-responsive > table > tbody > tr:nth-child(2) > td {
		flex-direction: column;
		padding: 0;
	}

	.table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th,
	.table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
		white-space: unset !important;
	}

	.account .table tfoot td {
		display: none;
		padding: 0;
	}

	.account .table tfoot td:nth-child(3) {
		display: flex;
		padding: 8px 0;
	}
	#search .clear-button{
		right: 10px;
	}
	#d_quickcheckout .cart__product{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#d_quickcheckout .qc-quantity{
		width: unset;
	}
	#d_quickcheckout .product__info{
		display: flex;
	}
	.product__additional-item{
		flex-basis: 100%;
	}
	.full-form{
		padding: 0 15px;
	}
	.alert {
		margin: 0 15px;
	}

	#common-home .slideshow {
		margin-top: 50px;
	}
}

@media (min-width: 1921px) {
	.container{
		/*max-width: 1920px;*/
		max-width: 1751px;
		margin: 0 auto;
	}
	#sidebar{
		justify-content: space-between;
		width: calc((100vw - 1920px) / 2);
		max-width: unset;
		align-items: flex-end;
	}
	.sidebar__socials{
		justify-content: flex-end;
	}
	.sidebar__links{
		flex-direction: column;
	}
	#menu, .sidebar__socials, .sidebar__links{
		padding-right: 24px;
	}
	.product-grid{
		grid-template-columns: repeat(auto-fill, minmax(292px, 1fr));
	}
}

.pages.clearfix .ve-card {
	background: linear-gradient(transparent 80%, rgba(255, 255, 255, 0.1) 100%) border-box padding-box, linear-gradient(rgba(47, 49, 87, 0) 0%, rgb(47, 49, 87) 100%) border-box !important;
}

.pages.clearfix .ve-table {
	background: transparent !important;
}

.pages.clearfix #payment {
	background: linear-gradient(transparent 80%, rgba(255, 255, 255, 0.1) 100%) border-box padding-box, linear-gradient(rgba(47, 49, 87, 0) 0%, rgb(47, 49, 87) 100%) border-box !important;
}