body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #666;
	font-size: 12px;
	line-height: 20px;
	width: 100%;
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	flex-direction: column;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #444;
}

/* default font size */
.ti {
	font-size: 14px;
}

.icon-spin {
	animation: icon-spin 1s linear infinite;
}

@keyframes icon-spin {
	to {
		transform: rotate(360deg);
	}
}

/* Override the bootstrap defaults */
h1 {
	font-size: 40px;
}

h2 {
	font-size: 34px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 25px;
}

h5 {
	font-size: 20px;
}

h6 {
	font-size: 18px;
}

a {
	color: #23a1d1;
}

a:hover {
	text-decoration: none;
}

legend {
	font-size: 18px;
	padding: 7px 0px
}

label {
	font-size: 12px;
	font-weight: normal;
}

select.form-control,
textarea.form-control,
input[type="text"].form-control,
input[type="password"].form-control,
input[type="datetime"].form-control,
input[type="datetime-local"].form-control,
input[type="date"].form-control,
input[type="month"].form-control,
input[type="time"].form-control,
input[type="week"].form-control,
input[type="number"].form-control,
input[type="email"].form-control,
input[type="url"].form-control,
input[type="search"].form-control,
input[type="tel"].form-control,
input[type="color"].form-control {
	font-size: 12px;
}

.input-group input,
.input-group select,
.input-group .dropdown-menu,
.input-group .popover {
	font-size: 12px;
}

.input-group .input-group-addon {
	font-size: 12px;
	height: 30px;
}

/* Fix some bootstrap issues */
span.hidden-xs,
span.hidden-sm,
span.hidden-md,
span.hidden-lg {
	display: inline;
}

.nav-tabs {
	margin-bottom: 15px;
}

div.required .control-label:before {
	content: '* ';
	color: #F00;
	font-weight: bold;
}

/* Gradent to all drop down menus */
.dropdown-menu li>a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}

/* top */
#top {
	background-color: #EEEEEE;
	border-bottom: 1px solid #e2e2e2;
	padding: 4px 0px 3px 0;
	margin: 0 0 20px 0;
	min-height: 40px;
}

#top .container {
	padding: 0 20px;
}

#top #form-currency .currency-select,
#top #form-language .language-select {
	text-align: left;
}

#top #form-currency .currency-select:hover,
#top #form-language .language-select:hover {
	text-shadow: none;
	color: #ffffff;
	background-color: var(--fa-blue);
}

#top .btn-link,
#top-links li,
#top-links a {
	color: #888;
	text-shadow: 0 1px 0 #FFF;
	text-decoration: none;
}

#top .btn-link:hover,
#top-links a:hover {
	color: #444;
}

#top-links .dropdown-menu a {
	text-shadow: none;
}

#top-links .dropdown-menu a:hover {
	color: #FFF;
}

#top .btn-link strong {
	font-size: 14px;
	line-height: 14px;
}

#top-links {
	padding-top: 6px;
}

#top-links a+a {
	margin-left: 15px;
}

/* logo */
#logo {
	margin: 0 0 10px 0;
}

/* search */
#search {
	margin-bottom: 10px;
}

#search .input-lg {
	height: 40px;
	line-height: 20px;
	padding: 0 10px;
}

#search .btn-lg {
	font-size: 15px;
	line-height: 18px;
	padding: 10px 35px;
	text-shadow: 0 1px 0 #FFF;
}

/* cart */
#cart {
	margin-bottom: 10px;
}

#cart>.btn {
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
}

#cart.open>.btn {
	background-image: none;
	background-color: #FFFFFF;
	border: 1px solid #E6E6E6;
	color: #666;
	box-shadow: none;
	text-shadow: none;
}

#cart.open>.btn:hover {
	color: #444;
}

#cart .dropdown-menu {
	background: #eee;
	z-index: 1001;
}

#cart .dropdown-menu {
	min-width: 100%;
	overflow-y: auto;
	max-height: 800px;
	scrollbar-width: thin;
	overflow-x: hidden;
}

@media (max-width: 478px) {
	#cart .dropdown-menu {
		width: 100%;
	}
}

#cart .dropdown-menu table {
	margin-bottom: 10px;
}

#cart .dropdown-menu li>div {
	min-width: 427px;
	/* padding: 0 10px; */
}

@media (max-width: 478px) {
	#cart .dropdown-menu li>div {
		min-width: 100%;
	}
}

#cart .dropdown-menu li p {
	margin: 20px 0;
}

/* menu */
#menu {
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
	border-color: #1f90bb #1f90bb #145e7a;
	min-height: 40px;
}

#menu .nav>li>a {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	padding: 10px 15px 10px 15px;
	min-height: 15px;
	background-color: transparent;
}

#menu .nav>li>a:hover,
#menu .nav>li.open>a {
	background-color: rgba(0, 0, 0, 0.1);
}

#menu .dropdown-menu {
	padding-bottom: 0;
}

#menu .dropdown-inner {
	display: table;
}

#menu .dropdown-inner ul {
	display: table-cell;
}

#menu .dropdown-inner a {
	min-width: 160px;
	display: block;
	padding: 3px 20px;
	clear: both;
	line-height: 20px;
	color: #333333;
	font-size: 12px;
}

#menu .dropdown-inner li a:hover {
	color: #FFFFFF;
}

#menu .see-all {
	display: block;
	margin-top: 0.5em;
	border-top: 1px solid #DDD;
	padding: 3px 20px;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 3px 3px;
	font-size: 12px;
}

#menu .see-all:hover,
#menu .see-all:focus {
	text-decoration: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}

#menu #category {
	float: left;
	padding-left: 15px;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

#menu .btn-navbar {
	font-size: 15px;
	font-stretch: expanded;
	color: #FFF;
	padding: 2px 18px;
	float: right;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
	border-color: #1f90bb #1f90bb #145e7a;
}

#menu .btn-navbar:hover,
#menu .btn-navbar:focus,
#menu .btn-navbar:active,
#menu .btn-navbar.disabled,
#menu .btn-navbar[disabled] {
	color: #ffffff;
	background-color: #229ac8;
}

@media (min-width: 768px) {
	#menu .dropdown:hover .dropdown-menu {
		display: block;
	}
}

/* Product catalog mega menu */
#menu .navbar-collapse,
#menu .navbar-nav,
#menu .catalog-dropdown {
	position: static;
}

#menu .catalog-trigger {
	position: relative;
	z-index: 1002;
	display: flex;
	align-items: stretch;
}

#menu .catalog-link {
	display: block;
	min-height: 40px;
	padding: 10px 15px;
	color: #fff;
	font-weight: 700;
	line-height: 20px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

#menu .catalog-link:hover,
#menu .catalog-link:focus,
#menu .catalog-dropdown:focus-within .catalog-link {
	color: #fff;
	text-decoration: none;
	background: rgba(0, 0, 0, 0.1);
}

#menu .catalog-link .ti {
	margin-right: 7px;
}

#menu .catalog-backdrop {
	position: fixed;
	z-index: 1000;
	inset: 0;
	display: block;
	visibility: hidden;
	background: rgba(15, 23, 42, 0.60);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.18s ease, visibility 0s linear 0.18s;
}

#menu .catalog-mega-menu {
	position: absolute;
	z-index: 1002;
	top: 100%;
	left: 0;
	display: none;
	width: 100%;
	max-height: calc(100vh - 70px);
	padding: 24px 24px 0;
	/* overflow-x: clip;
	overflow-y: auto; */
	background: #fff;
	border: 1px solid #e5e7eb;
	border-top: 3px solid #229ac8;
	border-radius: 0 0 8px 8px;
	box-shadow: 0 16px 40px rgba(15, 23, 42, 0.18);
	scrollbar-width: thin;
	scrollbar-color: #9ca3af #f3f4f6;
}
#menu .catalog-mega-menu:before {
	content: "";
    position: absolute;
    top: -30px;
    left: 0;
    width: 250px;
    height: 70px;
    background: transparent;
}
#menu .catalog-mega-menu::-webkit-scrollbar {
	width: 9px;
}

#menu .catalog-mega-menu::-webkit-scrollbar-track {
	background: #f3f4f6;
}

#menu .catalog-mega-menu::-webkit-scrollbar-thumb {
	background: #9ca3af;
	border: 2px solid #f3f4f6;
	border-radius: 9px;
}

#menu .catalog-mega-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 26px 32px;
}

#menu .catalog-mega-group {
	min-width: 0;
}

#menu .catalog-mega-group:only-child {
	grid-column: 1 / -1;
}

#menu .catalog-mega-group:only-child .catalog-mega-children {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 7px 28px;
}

#menu .catalog-mega-group:only-child .catalog-mega-children li {
	margin-top: 0;
}

#menu .catalog-mega-title {
	display: block;
	margin-bottom: 9px;
	color: #17202a;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.35;
}

#menu .catalog-mega-title:hover,
#menu .catalog-mega-title:focus,
#menu .catalog-mega-children a:hover,
#menu .catalog-mega-children a:focus {
	color: #229ac8;
	text-decoration: none;
}

#menu .catalog-mega-children {
	margin: 0;
}

#menu .catalog-mega-children li+li {
	margin-top: 5px;
}

#menu .catalog-mega-children a {
	display: block;
	color: #5f6b76;
	font-size: 13px;
	line-height: 1.4;
}

#menu .catalog-mega-all {
	position: sticky;
	bottom: 0;
	display: block;
	margin: 24px -24px 0;
	padding: 13px 24px;
	color: #fff;
	font-weight: 700;
	background: #229ac8;
}

#menu .catalog-mega-all:hover,
#menu .catalog-mega-all:focus {
	color: #fff;
	text-decoration: none;
	background: #1f90bb;
}

#menu .catalog-mega-all .ti {
	margin-left: 6px;
}

.catalog-dropdown::after {
	content: "";
	position: absolute;
	bottom: -30px;
	left: 0;
	width: 250px;
	height: 70px;
	background: transparent;
}


@media (min-width: 992px) {

	#menu .catalog-dropdown:hover .catalog-backdrop,
	#menu .catalog-dropdown:focus-within .catalog-backdrop {
		visibility: visible;
		opacity: 1;
		transition-delay: 0s;
	}

	#menu .catalog-dropdown:hover .catalog-mega-menu,
	#menu .catalog-dropdown:focus-within .catalog-mega-menu {
		display: block;
	}
}

@media (max-width: 991px) {
	#menu .catalog-backdrop {
		display: none;
	}
}

@media (max-width: 767px) {
	#menu {
		border-radius: 4px;
	}

	#menu div.dropdown-inner>ul.list-unstyled {
		display: block;
	}

	#menu div.dropdown-menu {
		margin-left: 0 !important;
		padding-bottom: 10px;
		background-color: rgba(0, 0, 0, 0.1);
	}

	#menu .dropdown-inner {
		display: block;
	}

	#menu .dropdown-inner a {
		width: 100%;
		color: #fff;
	}

	#menu .dropdown-menu a:hover,
	#menu .dropdown-menu ul li a:hover {
		background: rgba(0, 0, 0, 0.1);
	}

	#menu .see-all {
		margin-top: 0;
		border: none;
		border-radius: 0;
		color: #fff;
	}

	#menu .catalog-trigger {
		border-top: 1px solid rgba(255, 255, 255, 0.12);
	}

	#menu .catalog-link {
		flex: 1 1 auto;
	}
}

/* content */
#content {
	min-height: 600px;
}

.success-toast-container {
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 10000;
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: min(380px, calc(100vw - 40px));
	pointer-events: none;
}

.success-toast {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: start;
	gap: 11px;
	padding: 14px 12px 14px 15px;
	border: 1px solid rgba(53, 211, 153, .38);
	border-radius: 10px;
	background: #10271f;
	box-shadow: 0 14px 36px rgba(0, 0, 0, .38);
	color: #d9fbed;
	opacity: 0;
	transform: translateX(24px);
	transition: opacity .25s ease, transform .25s ease;
	pointer-events: auto;
}

.success-toast--visible {
	opacity: 1;
	transform: translateX(0);
}

.success-toast>.ti {
	margin-top: 2px;
	color: #45dfa7;
	font-size: 19px;
}

.success-toast__message {
	min-width: 0;
	line-height: 1.45;
}

.success-toast__message a {
	color: #8ef0ca;
	text-decoration: underline;
}

.success-toast__close {
	padding: 0;
	border: 0;
	background: transparent;
	color: #86a99c;
	font-size: 18px;
	line-height: 1;
}

.success-toast__close:hover,
.success-toast__close:focus {
	color: #fff;
	outline: 0;
}

@media (max-width: 767px) {
	.success-toast-container {
		top: 12px;
		right: 12px;
		width: calc(100vw - 24px);
	}
}

#product-category #content,
#product-product #tab-description,
#information-information #content {
	font-size: 13px;
}

/* footer */
footer {
	margin-top: auto;
	padding-top: 30px;
	background-color: #303030;
	border-top: 1px solid #ddd;
	color: #e2e2e2;
}

footer hr {
	border-top: none;
	border-bottom: 1px solid #666;
}

footer a {
	color: #ccc;
}

footer a:hover {
	color: #fff;
}

footer h5 {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}

/* alert */
.alert {
	padding: 8px 14px 8px 14px;
}

.alert>.close {
	position: relative;
	top: -2px;
	right: 0px;
	color: inherit;
}

.alert-success {
	border-color: #2f8f68;
	background: #123d2e;
	color: #e1ffed;
	text-shadow: none;
}

.alert-success a {
	color: #fff;
	font-weight: 700;
	text-decoration: underline;
}

.alert-success>.close {
	color: #fff;
	opacity: .85;
}

/* breadcrumb */
.breadcrumb {
	margin: 0 0 20px 0;
	padding: 8px 0;
	border: 1px solid #ddd;
}

.breadcrumb i {
	font-size: 15px;
}

.breadcrumb>li {
	text-shadow: 0 1px 0 #FFF;
	padding: 0 20px;
	position: relative;
	white-space: nowrap;
}

.breadcrumb>li+li:before {
	content: '';
	padding: 0;
}

.breadcrumb>li:after {
	content: '';
	display: block;
	position: absolute;
	top: -3px;
	right: -5px;
	width: 26px;
	height: 26px;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

html[dir=rtl] .breadcrumb>li::after {
	top: -3px;
	left: -5px;
	width: 26px;
	height: 26px;
	border-left: 1px solid #DDD;
	border-top: 1px solid #DDD;
	right: unset;
	border-right: unset;
	border-bottom: unset;

}

.pagination {
	margin: 0;
}

/* buttons */
.buttons {
	margin: 1em 0;
}

.btn {
	padding: 7.5px 12px;
	font-size: 12px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
}

.btn-xs {
	font-size: 9px;
}

.btn-sm {
	font-size: 10.2px;
}

.btn-lg {
	padding: 10px 16px;
	font-size: 15px;
}

.btn-group>.btn,
.btn-group>.dropdown-menu,
.btn-group>.popover {
	font-size: 12px;
}

.btn-group>.btn-xs {
	font-size: 9px;
}

.btn-group>.btn-sm {
	font-size: 10.2px;
}

.btn-group>.btn-lg {
	font-size: 15px;
}

.btn-default {
	color: #777;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #e7e7e7;
	background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
	background-repeat: repeat-x;
	border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
}

.btn-primary {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
	border-color: #1f90bb #1f90bb #145e7a;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
	background-color: #1f90bb;
	background-position: 0 -15px;
}

.btn-warning {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #faa732;
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	border-color: #f89406 #f89406 #ad6704;
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}

.btn-danger {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #da4f49;
	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}

.btn-success {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bb75b;
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}

.btn-info {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #df5c39;
	background-image: linear-gradient(to bottom, #e06342, #dc512c);
	background-repeat: repeat-x;
	border-color: #dc512c #dc512c #a2371a;
}

.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
	background-image: none;
	background-color: #df5c39;
}

.btn-link {
	border-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	color: #23A1D1;
	border-radius: 0;
}

.btn-link,
.btn-link:active,
.btn-link[disabled] {
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	box-shadow: none;
}

.btn-inverse {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #363636;
	background-image: linear-gradient(to bottom, #444444, #222222);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #000000;
}

.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
	background-color: #222222;
	background-image: linear-gradient(to bottom, #333333, #111111);
}

/* list group */
.list-group a {
	border: 1px solid #DDDDDD;
	color: #888888;
	padding: 8px 12px;
}

.list-group a.active,
.list-group a.active:hover,
.list-group a:hover {
	color: #444444;
	background: #eeeeee;
	border: 1px solid #DDDDDD;
	text-shadow: 0 1px 0 #FFF;
}

/* category cards */
.category-grid {
	display: flex;
	flex-wrap: wrap;
}

.category-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: calc(100% - 20px);
	padding: 0;
	border: 1px solid #aeb9c8;
	border-radius: 10px;
	background: #93a2b7;
	box-shadow: 0 8px 20px rgba(5, 12, 20, .16), inset 0 1px 0 rgba(255, 255, 255, .22);
	color: #172536;
	text-align: center;
	overflow: hidden;
	transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease, color .2s ease, transform .2s ease;
}

a.category-card:hover,
a.category-card:focus {
	border-color: #72b5ff;
	background: #a0afc2;
	box-shadow: 0 14px 30px rgba(5, 12, 20, .24), 0 0 0 1px rgba(114, 181, 255, .28);
	color: #0b2f55;
	text-decoration: none;
	/* transform: translateY(-2px); */
}

.category-card img {
	display: block;
	width: 100%;
	height: 180px;
	max-height: none;
	margin: 0;
	object-fit: cover;
	mix-blend-mode: normal;
	transition: transform .2s ease;
}

.category-card:hover img,
.category-card:focus img {
	transition: transform .2s ease;
	transform: scale(1.03);
}

.category-card img.category-card__placeholder {
	width: 100%;
	height: 100%;
	max-width: 100%;
	margin: auto;
	/* padding: 40px;
	object-fit: contain; */
}

.category-card__name {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 62px;
	margin-top: auto;
	padding: 12px 14px;
	background: transparent;
	color: #172536;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.35;
}

.category-card:hover .category-card__name,
.category-card:focus .category-card__name {
	color: #0b2f55;
}

.all-products-cta {
	margin: 0 0 25px;
}

.all-products-cta .btn {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 12px 22px;
	border: 0;
	border-radius: 6px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, .18);
}

.all-products-cta .ti-arrow-right {
	transition: transform .2s ease;
}

.all-products-cta .btn:hover .ti-arrow-right,
.all-products-cta .btn:focus .ti-arrow-right {
	transform: translateX(4px);
}

/* carousel */
.carousel-caption {
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
}

.carousel-control .icon-prev:before {
	content: '\ea60';
	font-family: "tabler-icons-200";
}

.carousel-control .icon-next:before {
	content: '\ea61';
	font-family: "tabler-icons-200";
}

/* product list */
.product-thumb {
	border: 1px solid #ddd;
	margin-bottom: 20px;
	overflow: auto;
}

.product-thumb .image {
	text-align: center;
}

.product-thumb .image a {
	display: block;
}

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

.product-thumb .image img {
	margin-left: auto;
	margin-right: auto;
}

.product-grid .product-thumb .image {
	float: none;
}

@media (min-width: 767px) {
	.product-list .product-thumb .image {
		float: left;
		padding: 0 15px;
	}
}

.product-thumb h4 {
	font-weight: bold;
}

.product-thumb .caption {
	padding: 0 20px;
	min-height: 180px;
}

.product-list .product-thumb .caption {
	margin-left: 230px;
}

@media (max-width: 1200px) {
	.product-grid .product-thumb .caption {
		/* min-height: 210px; */
		padding: 10px;
	}
}

@media (max-width: 767px) {
	.product-list .product-thumb .caption {
		min-height: 0;
		margin-left: 0;
		padding: 10px;
	}

	.product-grid .product-thumb .caption {
		min-height: 0;
	}
}

.product-thumb .rating {
	padding-bottom: 10px;
}

.rating .ti-star {
	font-size: 15px;
}

h2.price {
	margin: 0;
}

.product-thumb .price {
	color: #444;
}

.product-thumb .price-new {
	font-weight: 600;
}

.product-thumb .price-old {
	color: #999;
	text-decoration: line-through;
	margin-left: 10px;
}

.product-thumb .button-group {
	border-top: 1px solid #ddd;
	background-color: #eee;
	overflow: auto;
}

.product-thumb .button-group button {
	width: 60%;
	border: none;
	display: inline-block;
	float: left;
	background-color: #eee;
	color: #888;
	line-height: 38px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

.product-thumb .button-group button+button {
	width: 20%;
}

.product-thumb .button-group button:hover {
	color: #444;
	background-color: #ddd;
	text-decoration: none;
	cursor: pointer;
}

@media (max-width: 1200px) {

	.product-thumb .button-group button,
	.product-thumb .button-group button+button {
		width: 33.33%;
	}
}

@media (max-width: 767px) {

	.product-thumb .button-group button,
	.product-thumb .button-group button+button {
		width: 33.33%;
	}
}

.thumbnails {
	overflow: auto;
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;
}

.thumbnails>li {
	margin-left: 20px;
}

.thumbnails {
	margin-left: -20px;
}

.thumbnails>img {
	width: 100%;
}

.image-additional a {
	margin-bottom: 20px;
	padding: 5px;
	display: block;
	border: 1px solid #ddd;
}

.image-additional {
	max-width: 78px;
}

.thumbnails .image-additional {
	float: left;
	margin-left: 20px;
}

@media (min-width: 1200px) {

	#content .col-lg-2:nth-child(6n+1),
	#content .col-lg-3:nth-child(4n+1),
	#content .col-lg-4:nth-child(3n+1),
	#content .col-lg-6:nth-child(2n+1) {
		clear: left;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {

	#content .col-md-2:nth-child(6n+1),
	#content .col-md-3:nth-child(4n+1),
	#content .col-md-4:nth-child(3n+1),
	#content .col-md-6:nth-child(2n+1) {
		clear: left;
	}
}

@media (min-width: 768px) and (max-width: 991px) {

	#content .col-sm-2:nth-child(6n+1),
	#content .col-sm-3:nth-child(4n+1),
	#content .col-sm-4:nth-child(3n+1),
	#content .col-sm-6:nth-child(2n+1) {
		clear: left;
	}
}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
	#column-left .product-layout .col-md-3 {
		width: 100%;
	}

	#column-left+#content .product-layout .col-md-3 {
		width: 50%;
	}

	#column-left+#content+#column-right .product-layout .col-md-3 {
		width: 100%;
	}

	#content+#column-right .product-layout .col-md-3 {
		width: 100%;
	}
}

/* fixed product layouts used in left and right columns */
#column-left .product-layout,
#column-right .product-layout {
	width: 100%;
}

/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
	min-width: 50px;
}

/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
	background-image: none;
	background-color: #df5c39;
}

html[dir=rtl] .checkbox input[type="checkbox"],
html[dir=rtl] .checkbox-inline input[type="checkbox"],
html[dir=rtl] .radio input[type="radio"],
html[dir=rtl] .radio-inline input[type="radio"] {
	position: absolute;
	margin-top: 4px\9;
	margin-right: -20px;
	margin-left: unset;
}

html[dir=rtl] .input-group-btn:last-child>.btn {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

html[dir=rtl] .input-group .form-control:first-child {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: unset;
	border-bottom-left-radius: unset;
}

html[dir=rtl] .container .row:first-child .col-sm-4,
html[dir=rtl] .container .row:first-child .col-sm-5 {
	float: right;

}

html[dir=rtl] #cart .dropdown-menu {
	left: 0;
	right: auto;

}

@media (min-width: 768px) {

	html[dir=rtl] .navbar-nav {
		float: right;
		margin: 0;
	}

	html[dir=rtl] .navbar-nav>li {
		float: right;
	}

}

/* fix oclabs */
.alert-dismissable .close,
.alert-dismissible .close {
	right: -1px;
}

/* Fashionauto midnight theme */
:root {
	--fa-bg: #060a10;
	--fa-bg-deep: #03070c;
	--fa-surface: #0b131f;
	--fa-surface-2: #101b2a;
	--fa-surface-3: #142235;
	--fa-border: #223247;
	--fa-border-soft: #172538;
	--fa-text: #f5f8fc;
	--fa-muted: #93a2b7;
	--fa-blue: #168bff;
	--fa-blue-strong: #0877eb;
	--fa-green: #2bd576;
	--fa-danger: #ff5263;
	--fa-radius: 8px;
	--fa-shell-width: 1410px;
	--fa-sidebar-width: 270px;
}

html {
	background: var(--fa-bg-deep);
	overflow-x: hidden;
}

body {
	font-family: 'Manrope', 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 1.55;
	color: var(--fa-text);
	background: var(--fa-bg);
	overflow-x: hidden;
}

body>.container,
header .container,
#top .container,
footer .container,
#menu.container,
#menu>.container,
body>nav+.container,
.container {
	width: min(100% - 40px, 1440px);
	max-width: 1440px;
}

header .container,
#top .container {
	width: min(100% - 70px, var(--fa-shell-width));
	max-width: var(--fa-shell-width);
	padding-right: 0;
	padding-left: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
legend,
label {
	color: var(--fa-text);
}

h1 {
	font-size: clamp(22px, 2.4vw, 28px);
	font-weight: 800;
	letter-spacing: -0.035em;
}

h2 {
	font-size: 28px;
	font-weight: 750;
	letter-spacing: -0.025em;
}

h3 {
	margin: 30px 0 18px;
	font-size: 18px;
	font-weight: 750;
}

h4 {
	font-size: 15px;
}

a {
	color: #62afff;
	transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease;
}

a:hover,
a:focus {
	color: #92c8ff;
}

a:focus:not(:focus-visible) {
	outline: none;
	box-shadow: none;
}

/* Utility bar */
#top {
	min-height: 38px;
	margin: 0;
	padding: 0;
	border: 0;
	border-bottom: 1px solid rgba(126, 164, 203, .14);
	background: rgba(2, 6, 11, .94);
}

#top .container {
	/* display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto; */
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: 0;
	width: 100%;
	min-height: 38px;
	padding: 0;
}

#top .top-benefits,
#top .top-navigation {
	display: flex;
	align-items: center;
}

#top .top-benefits {
	grid-column: 1;
	justify-self: start;
	gap: 28px;
}

#top .top-benefits span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #aebaca;
	font-size: 11px;
	white-space: nowrap;
}

#top .top-benefits .ti {
	color: #c7d2df;
	font-size: 15px;
}

#top .top-contact {
	grid-column: 2;
	display: inline-flex;
	align-items: center;
	justify-self: end;
	gap: 7px;
	margin-right: 22px;
	padding: 0;
	color: #eef4fb;
	font-size: 12px;
	font-weight: 700;
	white-space: nowrap;
}

#top .top-contact .ti {
	color: var(--fa-blue);
	font-size: 16px;
}

#top .top-contact:hover {
	color: #76b9ff;
}

#top .top-navigation {
	grid-column: 3;
	justify-self: end;
	gap: 22px;
	margin: 0;
}

#top .top-navigation>* {
	float: none !important;
	margin: 0;
}

#top .top-navigation>a {
	color: #aebaca;
	font-size: 11px;
	white-space: nowrap;
}

#top .top-navigation>a:hover {
	color: #fff;
}

#top .top-navigation .btn-link {
	padding: 8px 4px;
}

#top .language-current {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
}

#top .language-switcher .dropdown-menu {
	min-width: 170px;
	padding: 7px;
	border: 1px solid var(--fa-border);
	border-radius: var(--fa-radius);
	background: var(--fa-surface-2);
	box-shadow: 0 18px 45px rgba(0, 0, 0, .42);
}

#top .language-switcher .language-select {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	padding: 9px 10px;
	border-radius: 5px;
	color: #c8d3e0;
	text-align: left;
}

#top .language-switcher .language-select strong {
	width: 24px;
	color: #fff;
}

#top .language-switcher .language-select:hover,
#top .language-switcher .language-select.active {
	background: #172a42;
	color: #fff;
}

#top .top-meta,
#top-links {
	float: none !important;
}

#top .top-meta {
	display: flex;
	align-items: center;
	gap: 8px;
}

#top-links {
	padding: 0;
}

#top-links .list-inline {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 0;
}

#top-links .list-inline>li {
	padding: 0;
}

#top .btn-link,
#top-links li,
#top-links a {
	color: var(--fa-muted);
	font-size: 12px;
	text-shadow: none;
}

#top .btn-link,
#top-links a {
	padding: 9px 10px;
}

#top .btn-link:hover,
#top-links a:hover {
	color: var(--fa-text);
}

#top-links .ti {
	margin-right: 6px;
	color: var(--fa-blue);
}

#top .dropdown-menu,
#top-links .dropdown-menu {
	padding: 8px;
	border: 1px solid var(--fa-border);
	border-radius: var(--fa-radius);
	background: var(--fa-surface-2);
	box-shadow: 0 18px 45px rgba(0, 0, 0, .42);
}

#top-links .dropdown-menu a {
	padding: 9px 12px;
	border-radius: 5px;
	color: #c8d3e0;
}

#top-links .dropdown-menu a:hover {
	background: #172a42;
	color: #fff;
}

/* Main header */
header {
	padding: 22px 0 0;
	border-bottom: 0;
	background: rgba(5, 11, 18, .96);
}

header .container {
	padding-bottom: 20px;
}

header .header-grid {
	display: grid;
	grid-template-columns: minmax(190px, 270px) minmax(340px, 1fr) auto;
	align-items: center;
	gap: 24px;
}

#logo {
	margin: 0;
}

#logo img {
	max-width: 270px;
	max-height: 72px;
	object-fit: contain;
}

#logo h1 {
	margin: 0;
	font-size: 24px;
}

#logo h1 a {
	color: #fff;
}

#search {
	position: relative;
	margin: 0;
}

#search .form-control,
#search .input-lg {
	height: 48px;
	padding: 0 18px;
	border: 1px solid #2c405a;
	border-right: 0;
	border-radius: var(--fa-radius) 0 0 var(--fa-radius);
	background: #101a28;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .02);
	color: #fff;
	font-size: 14px;
}

#search .form-control::placeholder {
	color: #718198;
}

#search .form-control:focus {
	border-color: var(--fa-blue);
	box-shadow: 0 0 0 3px rgba(22, 139, 255, .13);
}

#search .btn-lg {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 48px;
	min-width: 104px;
	padding: 0 22px;
	border: 1px solid var(--fa-blue);
	border-radius: 0 var(--fa-radius) var(--fa-radius) 0;
	background: var(--fa-blue);
	box-shadow: none;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-shadow: none;
}

#search .btn-lg .ti {
	display: none;
	font-size: 19px;
}

#search .btn-lg:hover,
#search .btn-lg:focus {
	border-color: #4aa5ff;
	background: #4aa5ff;
	color: #fff;
}

/* One canonical cart */
.header-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 24px;
	align-self: center;
}

.header-actions>a,
.header-account>a {
	color: #e7edf5;
	text-decoration: none;
}

.header-account>a,
.header-wishlist,
.header-compare {
	display: grid;
	justify-items: center;
	gap: 4px;
	min-width: 0;
	font-size: 10px;
	white-space: nowrap;
}

.header-account>a .ti,
.header-wishlist .ti,
.header-compare .ti {
	color: #fff;
	font-size: 25px;
}

.header-actions>a:hover,
.header-account>a:hover {
	color: #76b9ff;
}

.header-actions>a:hover .ti,
.header-account>a:hover .ti {
	color: var(--fa-blue);
}

.header-account .dropdown-menu {
	padding: 8px;
	border: 1px solid var(--fa-border);
	border-radius: var(--fa-radius);
	background: var(--fa-surface-2);
	box-shadow: 0 18px 45px rgba(0, 0, 0, .42);
}

.header-account .dropdown-menu a {
	padding: 9px 12px;
	border-radius: 5px;
	color: #c8d3e0;
}

.header-account .dropdown-menu a:hover {
	background: #172a42;
	color: #fff;
}

.header-cart {
	width: auto;
	align-self: center;
}

#cart {
	margin: 0;
}

#cart>.btn {
	display: grid;
	justify-items: center;
	gap: 4px;
	width: 100%;
	min-height: 42px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: #fff;
	font-size: 10px;
	text-align: center;
	text-shadow: none;
}

#cart>.btn:hover,
#cart.open>.btn {
	border: 0;
	background: transparent;
	color: #fff;
}

#cart .cart-icon {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 25px;
	color: #fff;
}

#cart .cart-icon .ti {
	font-size: 25px;
}

#cart .cart-badge {
	position: absolute;
	top: -8px;
	right: -4px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border: 2px solid #050b12;
	border-radius: 10px;
	background: var(--fa-blue);
	color: #fff;
	font-family: Manrope, sans-serif;
	font-size: 9px;
	font-weight: 800;
	line-height: 1;
}

#cart .cart-label {
	color: #e7edf5;
	font-size: 10px;
	font-weight: 400;
	white-space: nowrap;
}

#cart .dropdown-menu {
	width: min(460px, calc(100vw - 30px));
	min-width: 390px;
	margin-top: 10px;
	padding: 0;
	border: 1px solid var(--fa-border);
	border-radius: 12px;
	background: #0c1622;
	box-shadow: 0 24px 60px rgba(0, 0, 0, .52);
	overflow: hidden;
}

#cart .dropdown-menu::before {
	position: absolute;
	top: -7px;
	right: 38px;
	width: 13px;
	height: 13px;
	border-top: 1px solid var(--fa-border);
	border-left: 1px solid var(--fa-border);
	background: #0c1622;
	content: "";
	transform: rotate(45deg);
}

#cart .dropdown-menu li {
	position: relative;
}

#cart .cart-dropdown-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 54px;
	padding: 0 18px;
	border-bottom: 1px solid var(--fa-border-soft);
	color: #f1f6fc;
	font-size: 14px;
	font-weight: 800;
}

#cart .cart-dropdown-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 25px;
	height: 25px;
	padding: 0 7px;
	border-radius: 13px;
	background: rgba(22, 139, 255, .14);
	color: #72b5ff;
	font-size: 11px;
}

#cart .cart-dropdown-items {
	background: #0a1420;
}

#cart .cart-dropdown-list {
	min-width: 0;
	max-height: 340px;
	padding: 4px 14px;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-color: #314b69 transparent;
	scrollbar-width: thin;
}

#cart .cart-dropdown-list::-webkit-scrollbar {
	width: 7px;
}

#cart .cart-dropdown-list::-webkit-scrollbar-thumb {
	border-radius: 7px;
	background: #314b69;
}

#cart .cart-dropdown-product {
	position: relative;
	display: grid;
	grid-template-columns: 80px minmax(0, 1fr) 28px;
	align-items: center;
	gap: 12px;
	min-height: 92px;
	padding: 12px 0;
	border-bottom: 1px solid var(--fa-border-soft);
}

#cart .cart-dropdown-product:last-child {
	border-bottom: 0;
}

#cart .cart-dropdown-product__image {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	border-radius: 8px;
	background: #93a2b7;
	overflow: hidden;
}

#cart .cart-dropdown-product__image img {
	width: 100%;
	height: 100%;
	/* padding: 5px; */
	object-fit: cover;
	mix-blend-mode: normal;
}

#cart .cart-dropdown-voucher .cart-dropdown-product__image {
	color: var(--fa-blue);
	font-size: 27px;
}

#cart .cart-dropdown-product__body {
	min-width: 0;
}

#cart .cart-dropdown-product__name {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: #eaf1f8;
	font-size: 12px;
	font-weight: 750;
	line-height: 1.45;
}

#cart a.cart-dropdown-product__name:hover,
#cart a.cart-dropdown-product__name:focus {
	color: #72b5ff;
	text-decoration: none;
}

#cart .cart-dropdown-product__options {
	display: flex;
	flex-wrap: wrap;
	gap: 3px 8px;
	margin-top: 5px;
	color: #74869b;
	font-size: 10px;
}

#cart .cart-dropdown-product__options span:not(:last-child)::after {
	margin-left: 8px;
	color: #40536a;
	content: "·";
}

#cart .cart-dropdown-product__recurring {
	display: block;
	margin-top: 4px;
	color: #74869b;
	font-size: 10px;
}

#cart .cart-dropdown-product__meta {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 10px;
	margin-top: 7px;
	color: #718398;
	font-size: 10px;
}

#cart .cart-dropdown-product__meta strong {
	color: #fff;
	font-size: 12px;
	font-weight: 850;
	white-space: nowrap;
}

#cart .cart-dropdown-remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	padding: 0;
	border: 0;
	border-radius: 7px;
	background: transparent;
	color: #62758b;
	font-size: 17px;
	transition: background-color .18s ease, color .18s ease;
}

#cart .cart-dropdown-remove:hover,
#cart .cart-dropdown-remove:focus {
	outline: 0;
	background: rgba(231, 76, 60, .12);
	color: #ff877a;
}

#cart .cart-dropdown-summary {
	padding: 14px;
	border-top: 1px solid #26384d;
	background: #0e1a28;
}

#cart .cart-dropdown-totals {
	min-width: 0;
	padding: 0 4px 12px;
}

#cart .cart-dropdown-totals>div {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 20px;
	min-height: 25px;
	color: #8293a8;
	font-size: 11px;
}

#cart .cart-dropdown-totals strong {
	color: #edf4fb;
	font-size: 12px;
	font-weight: 800;
	white-space: nowrap;
}

#cart .cart-dropdown-totals>div:last-child {
	margin-top: 5px;
	padding-top: 10px;
	border-top: 1px solid var(--fa-border-soft);
	color: #c5d1df;
}

#cart .cart-dropdown-totals>div:last-child strong {
	color: #fff;
	font-size: 16px;
}

#cart .cart-dropdown-actions {
	display: grid;
	grid-template-columns: 1fr 1.25fr;
	gap: 9px;
	min-width: 0;
	padding: 0;
}

#cart .cart-dropdown-actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 43px;
	padding: 0 12px;
	border-radius: 8px;
	font-size: 11px;
	font-weight: 800;
	text-decoration: none;
}

#cart .cart-dropdown-cart {
	background: #17283b;
	color: #c9d5e2;
}

#cart .cart-dropdown-cart:hover,
#cart .cart-dropdown-cart:focus {
	background: #20364e;
	color: #fff;
}

#cart .cart-dropdown-checkout {
	background: var(--fa-blue);
	color: #fff;
}

#cart .cart-dropdown-checkout:hover,
#cart .cart-dropdown-checkout:focus {
	background: #4aa5ff;
	color: #fff;
	box-shadow: 0 7px 18px rgba(22, 139, 255, .22);
}

#cart .cart-dropdown-actions .ti {
	font-size: 17px;
}

#cart .cart-dropdown-empty {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	min-height: 220px;
	padding: 30px;
	color: #8395aa;
	text-align: center;
}

#cart .cart-dropdown-empty>span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 62px;
	height: 62px;
	margin-bottom: 15px;
	border-radius: 50%;
	background: rgba(22, 139, 255, .1);
	color: #65aeff;
	font-size: 28px;
}

#cart .dropdown-menu .cart-dropdown-empty p {
	margin: 0;
	color: inherit;
	font-size: 12px;
}

/* Primary navigation and real store categories */
body>header+.container {
	width: 100%;
	max-width: none;
	padding: 0;
}

#menu {
	width: 100%;
	min-height: 48px;
	margin: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

#menu .navbar-collapse {
	position: relative;
	width: min(100% - 70px, var(--fa-shell-width));
	max-width: var(--fa-shell-width);
	margin: 0 auto;
	padding: 0;
	border: 1px solid var(--fa-border-soft);
	border-radius: 6px;
	background: #0a1420;
	box-shadow: none;
}

#menu .navbar-nav {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
}

#menu .nav>li>a,
#menu .catalog-link {
	display: flex;
	align-items: center;
	min-height: 48px;
	padding: 14px 22px;
	background: transparent;
	color: #dbe5f2;
	font-size: 13px;
	font-weight: 700;
	text-shadow: none;
}

#menu .nav>li>a:hover,
#menu .nav>li.open>a {
	border-radius: 6px;
	background: #111f30;
	color: #fff;
}

/*#menu .nav > li.menu-special { margin-left: auto; }*/
#menu .nav>li.menu-special>a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: var(--fa-blue);
	font-weight: 800;
}

#menu .nav>li.menu-special>a .ti {
	font-size: 18px;
}

#menu .nav>li.menu-special>a:hover,
#menu .nav>li.menu-special>a:focus {
	background: rgba(22, 139, 255, .1);
	color: #72b5ff;
}

#menu .catalog-dropdown {
	order: -1;
}

#menu .catalog-trigger {
	align-items: center;
	min-height: 48px;
}

#menu .catalog-link {
	width: var(--fa-sidebar-width);
	min-width: var(--fa-sidebar-width);
	/*justify-content: center;*/
	gap: 12px;
	border-radius: 6px 6px 0 0;
	background: var(--fa-blue);
	color: #fff;
}

.is-inner #menu .catalog-dropdown,
.is-inner #menu .catalog-trigger,
.is-inner #menu .catalog-link {
	border-radius: 6px;
}

#menu .catalog-link__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 8px;
	background: rgba(255, 255, 255, .14);
	flex: 0 0 30px;
}

#menu .catalog-link__icon .ti {
	margin: 0;
	font-size: 19px;
	line-height: 1;
}

#menu .catalog-link__text {
	display: block;
	line-height: 1;
	white-space: nowrap;
}

#menu .catalog-link:hover {
	background: #49a4ff;
	color: #fff;
}

#menu .catalog-mega-menu {
	top: calc(100% + 1px);
	max-height: min(680px, calc(100vh - 90px));
	padding: 22px 22px 0;
	border: 1px solid rgba(82, 112, 148, .35);
	border-top: 3px solid var(--fa-blue);
	border-radius: 0 0 14px 14px;
	background: linear-gradient(145deg, #101f32 0%, #09131f 100%);
	box-shadow: 0 28px 70px rgba(0, 0, 0, .62);
	scrollbar-color: #355476 #0a1420;
}

#menu .catalog-mega-menu::-webkit-scrollbar-track {
	background: #0a1420;
}

#menu .catalog-mega-menu::-webkit-scrollbar-thumb {
	border-color: #0a1420;
	background: #355476;
}

#menu .catalog-mega-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

#menu .catalog-mega-group {
	padding: 18px;
	border: 1px solid rgba(82, 112, 148, .2);
	border-radius: 11px;
	background: rgba(255, 255, 255, .025);
	transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

#menu .catalog-mega-group:hover {
	border-color: rgba(73, 164, 255, .48);
	background: rgba(73, 164, 255, .065);
	transform: translateY(-2px);
}

#menu .catalog-mega-title {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 12px;
	color: #fff;
	font-size: 15px;
	font-weight: 800;
}

#menu .catalog-mega-title::before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--fa-blue);
	box-shadow: 0 0 0 4px rgba(73, 164, 255, .12);
	flex: 0 0 7px;
}

#menu .catalog-mega-title:hover,
#menu .catalog-mega-title:focus {
	color: #72b5ff;
}

#menu .catalog-mega-children {
	padding-left: 17px;
}

#menu .catalog-mega-children li+li {
	margin-top: 3px;
}

#menu .catalog-mega-children a {
	position: relative;
	padding: 5px 10px;
	border-radius: 6px;
	color: var(--fa-muted);
	line-height: 1.35;
	transition: color .15s ease, background .15s ease, transform .15s ease;
}

#menu .catalog-mega-children a:hover,
#menu .catalog-mega-children a:focus {
	background: rgba(255, 255, 255, .055);
	color: #fff;
	transform: translateX(3px);
}

#menu .catalog-mega-group:only-child .catalog-mega-children {
	gap: 3px 16px;
}

#menu .catalog-mega-all {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	margin: 20px -22px 0;
	padding: 15px 22px;
	border-top: 1px solid rgba(82, 112, 148, .28);
	background: #0c1a2a;
	color: #72b5ff;
	letter-spacing: .01em;
}

#menu .catalog-mega-all .ti {
	margin: 0;
	font-size: 18px;
	transition: transform .18s ease;
}

#menu .catalog-mega-all:hover,
#menu .catalog-mega-all:focus {
	background: #142b45;
	color: #fff;
}

#menu .catalog-mega-all:hover .ti {
	transform: translateX(4px);
}

/* Two-panel catalog mega menu */
#menu .catalog-mega-menu {
	padding: 0;
	/* overflow: hidden; */
}

#menu .catalog-mega-shell {
	display: grid;
	grid-template-columns: minmax(230px, 280px) minmax(0, 1fr);
	height: min(560px, calc(100vh - 220px));
	min-height: 360px;
}

#menu .catalog-mega-roots {
	min-width: 0;
	padding: 14px 10px;
	overflow-x: hidden;
	overflow-y: auto;
	border-right: 1px solid rgba(82, 112, 148, .28);
	background: #0a1624;
	scrollbar-width: thin;
	scrollbar-color: #355476 #0a1420;
}

#menu .catalog-mega-root {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 48px;
	padding: 10px 12px;
	border-radius: 8px;
	color: #b8c5d5;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
	transition: color .15s ease, background .15s ease;
}

#menu .catalog-mega-root:hover,
#menu .catalog-mega-root:focus,
#menu .catalog-mega-root.is-active {
	background: rgba(73, 164, 255, .13);
	color: #fff;
	text-decoration: none;
}

#menu .catalog-mega-root .ti {
	flex: 0 0 auto;
	color: #6faeea;
}

#menu .catalog-mega-content {
	min-width: 0;
	padding: 22px;
	overflow-x: hidden;
	overflow-y: auto;
}

#menu .catalog-mega-panel {
	display: none;
}

#menu .catalog-mega-panel.is-active {
	display: block;
}

#menu .catalog-mega-heading {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 20px;
	color: #fff;
	font-size: 20px;
	font-weight: 800;
}

#menu .catalog-mega-heading:hover,
#menu .catalog-mega-heading:focus {
	color: #72b5ff;
	text-decoration: none;
}

#menu .catalog-mega-sections {
	display: grid;
	gap: 22px;
}

#menu .catalog-mega-section-title {
	display: inline-block;
	margin-bottom: 10px;
	color: #dbe8f7;
	font-size: 14px;
	font-weight: 800;
}

#menu .catalog-mega-section-title:hover,
#menu .catalog-mega-section-title:focus {
	color: #72b5ff;
	text-decoration: none;
}

#menu .catalog-mega-cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

#menu .catalog-mega-card {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
	min-height: 66px;
	padding: 8px 10px;
	border: 1px solid rgba(82, 112, 148, .24);
	border-radius: 9px;
	background: rgba(255, 255, 255, .025);
	color: #becbda;
	transition: border-color .15s ease, background .15s ease, color .15s ease;
}

#menu .catalog-mega-card:hover,
#menu .catalog-mega-card:focus {
	border-color: rgba(73, 164, 255, .5);
	background: rgba(73, 164, 255, .08);
	color: #fff;
	text-decoration: none;
}

#menu .catalog-mega-card__image {
	width: 48px;
	height: 48px;
	border-radius: 7px;
	object-fit: cover;
	flex: 0 0 48px;
}

#menu .catalog-mega-card__name {
	min-width: 0;
	font-size: 13px;
	font-weight: 650;
	line-height: 1.35;
}

#menu .catalog-mega-card__count {
	min-width: 27px;
	margin-left: auto;
	padding: 4px 7px;
	border-radius: 999px;
	background: rgba(73, 164, 255, .12);
	color: #8fc5ff;
	font-size: 11px;
	font-weight: 800;
	text-align: center;
}

#menu .catalog-mega-menu>.catalog-mega-all {
	margin: 0;
}

/* Main content */
body>.container[id] {
	padding: 16px !important;
}

#common-home,
#product-category,
#product-product,
#product-search,
#product-compare,
#checkout-cart,
#checkout-checkout,
#account-login,
#account-register,
#information-information,
#information-contact {
	padding-top: 24px;
	padding-bottom: 52px;
}


@media (min-width: 768px) {
	#common-home {
		width: min(100% - 70px, var(--fa-shell-width));
		max-width: var(--fa-shell-width);
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
}

#common-home>.row {
	margin-left: -10px;
	margin-right: -10px;
}

#common-home #column-left {
	padding-left: 10px;
	padding-right: 10px;
}

#common-home #content {
	min-height: 0;
	padding-left: 10px;
	padding-right: 10px;
}

#information-information .information-description {
	color: #c7d2df;
}

#information-information .information-description p {
	color: #c7d2df !important;
	line-height: 1.75;
}

#information-information .information-description div,
#information-information .information-description span,
#information-information .information-description font,
#information-information .information-description li,
#information-information .information-description td {
	color: inherit !important;
}

#information-information .information-description h2,
#information-information .information-description h3,
#information-information .information-description h4,
#information-information .information-description h5,
#information-information .information-description h6,
#information-information .information-description b,
#information-information .information-description strong {
	color: #f0f5fb !important;
}

#information-information .information-description a {
	color: #72b5ff !important;
}

.home-main-grid {
	display: grid;
	grid-template-columns: var(--fa-sidebar-width) minmax(0, 1fr);
	align-items: start;
	gap: 22px;
}

.home-content-area {
	min-width: 0;
}

.home-content-area>.row {
	margin-left: -10px;
	margin-right: -10px;
}

.popular-products,
.new-products {
	clear: both;
	margin-top: 28px;
}

.popular-products h3,
.new-products h3 {
	font-size: 34px;
	margin: 60px 0 30px 0 !important;
}

@media (min-width: 768px) and (max-width: 991px) {

	.popular-products__item:nth-child(n+7),
	.new-products__item:nth-child(n+7) {
		display: none;
	}
}

@media (max-width: 767px) {

	.popular-products__item:nth-child(n+4),
	.new-products__item:nth-child(n+4) {
		display: none;
	}
}

.home-category-panel {
	margin-top: -24px;
	transform: translateX(1px);
	border: 1px solid var(--fa-border);
	border-top: 0;
	border-radius: 0 0 var(--fa-radius) var(--fa-radius);
	background: var(--fa-surface);
	overflow: hidden;
}

.home-category-panel ul {
	margin: 0;
	padding: 8px 0;
}

.home-category-panel li a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 42px;
	padding: 8px 16px;
	border-bottom: 1px solid rgba(34, 50, 71, .6);
	color: #c5d0dd;
	font-size: 12px;
}

.home-category-panel li:last-child a {
	border-bottom: 0;
}

.home-category-panel li a span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.home-category-panel li a .ti {
	margin-left: 12px;
	color: #64758b;
}

.home-category-panel li a:hover {
	background: #13233a;
	color: #fff;
}

.home-category-all {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 50px;
	padding: 0 16px;
	border-top: 1px solid var(--fa-border);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
}

.home-category-all:hover {
	background: #13233a;
	color: #fff;
}

.breadcrumb {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	min-height: 46px;
	margin: 0 0 24px;
	padding: 8px 12px;
	border: 1px solid var(--fa-border-soft);
	border-radius: var(--fa-radius);
	background: #0b1522;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

.breadcrumb>li {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 0;
	color: #dce6f2;
	font-size: 13px;
	font-weight: 600;
	line-height: 28px;
	text-shadow: none;
}

.breadcrumb>li:after {
	display: none;
	content: none;
}

.breadcrumb>li+li:before {
	content: "\ea61";
	padding: 0;
	color: #526176;
	font-family: "tabler-icons-200";
	font-size: 15px;
	font-weight: 400;
	line-height: 1;
}

.breadcrumb a {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 0 7px;
	border-radius: 5px;
	color: var(--fa-muted);
	text-shadow: none;
	transition: background-color .18s ease, color .18s ease;
}

.breadcrumb>li:first-child a {
	justify-content: center;
	width: 28px;
	padding: 0;
}

.breadcrumb>li:last-child a {
	color: #e8eef6;
}

.breadcrumb a:hover,
.breadcrumb a:focus {
	background: rgba(41, 139, 255, .12);
	color: #72b5ff;
	text-decoration: none;
}

.breadcrumb i {
	font-size: 16px;
}

.list-group a,
a.list-group-item {
	border-color: var(--fa-border);
	background: var(--fa-surface);
	color: #cbd6e4;
}

a.list-group-item:hover,
a.list-group-item:focus,
a.list-group-item.active,
a.list-group-item.active:hover {
	border-color: #315072;
	background: #14253a;
	color: #fff;
}

/* Existing slideshow becomes cinematic hero */
.slideshow.swiper-viewport {
	margin: 0 0 28px;
	border: 1px solid var(--fa-border);
	border-radius: 10px;
	background: #09121c;
	box-shadow: 0 22px 60px rgba(0, 0, 0, .28);
	overflow: hidden;
}

.slideshow .swiper-container {
	border-radius: inherit;
}

.slideshow .swiper-slide {
	background: #09121c;
}

.slideshow .swiper-slide img {
	width: 100%;
	min-height: 330px;
	max-height: 430px;
	object-fit: cover;
	filter: saturate(.8) contrast(1.1) brightness(.62);
}

.slideshow .swiper-pagination {
	bottom: 18px;
}

.slideshow .swiper-pagination-bullet {
	width: 22px;
	height: 4px;
	border-radius: 4px;
	background: #7c8998;
	opacity: .65;
}

.slideshow .swiper-pagination-bullet-active {
	background: var(--fa-blue);
	opacity: 1;
}

.slideshow.swiper-viewport .swiper-pager {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	line-height: normal;
	pointer-events: none;
}

.slideshow.swiper-viewport .swiper-pager .swiper-button-next,
.slideshow.swiper-viewport .swiper-pager .swiper-button-prev {
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	bottom: 0;
	width: 52px;
	height: 100%;
	margin: 0;
	border: 0;
	border-radius: 0;
	background: rgba(3, 10, 18, .58);
	box-shadow: none;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: background-color .2s ease, opacity .2s ease, transform .2s ease, visibility 0s linear .2s;
}

.slideshow.swiper-viewport .swiper-pager .swiper-button-prev {
	left: 0;
	border-right: 1px solid rgba(255, 255, 255, .14);
	transform: translateX(-8px);
}

.slideshow.swiper-viewport .swiper-pager .swiper-button-next {
	right: 0;
	border-left: 1px solid rgba(255, 255, 255, .14);
	transform: translateX(8px);
}

.slideshow.swiper-viewport:hover .swiper-pager .swiper-button-next,
.slideshow.swiper-viewport:hover .swiper-pager .swiper-button-prev,
.slideshow.swiper-viewport:focus-within .swiper-pager .swiper-button-next,
.slideshow.swiper-viewport:focus-within .swiper-pager .swiper-button-prev {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
	pointer-events: auto;
	transition-delay: 0s;
}

.slideshow.swiper-viewport .swiper-pager .swiper-button-next:hover,
.slideshow.swiper-viewport .swiper-pager .swiper-button-prev:hover {
	background: rgba(10, 25, 43, .88);
}

.slideshow.swiper-viewport .swiper-pager .swiper-button-next:before,
.slideshow.swiper-viewport .swiper-pager .swiper-button-prev:before {
	display: inline-block;
	width: auto;
	height: auto;
	color: #fff;
	font-family: "tabler-icons-200";
	font-size: 30px;
	line-height: 1;
	text-shadow: none;
}

.slideshow.swiper-viewport .swiper-pager .swiper-button-prev:before {
	content: "\ea60";
}

.slideshow.swiper-viewport .swiper-pager .swiper-button-next:before {
	content: "\ea61";
}

.carousel.swiper-viewport {
	margin: 0 0 28px;
	padding: 14px 52px;
	border: 1px solid var(--fa-border);
	border-radius: 10px;
	background: linear-gradient(135deg, #0d1825, #09121d);
	box-shadow: 0 14px 34px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .025);
	overflow: hidden;
}

.carousel.swiper-viewport .swiper-container {
	overflow: hidden;
}

.carousel .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 118px;
	padding: 12px;
	border-right: 1px solid var(--fa-border-soft);
	background: transparent;
}

.carousel .swiper-slide img {
	max-width: 100%;
	max-height: 72px;
	object-fit: contain;
	filter: saturate(.75) brightness(.9);
}

.carousel .swiper-pagination-bullet {
	background: #5e7086;
}

.carousel .swiper-pagination-bullet-active {
	background: var(--fa-blue);
}

.carousel.swiper-viewport .swiper-pager {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	line-height: normal;
	pointer-events: none;
}

.carousel.swiper-viewport .swiper-pager .swiper-button-prev,
.carousel.swiper-viewport .swiper-pager .swiper-button-next {
	display: flex;
	align-items: center;
	justify-content: center;
	top: 50%;
	width: 38px;
	height: 64px;
	margin-top: -32px;
	padding: 0;
	border: 1px solid #2a405a;
	border-radius: 9px;
	background: #14243a;
	background-image: none;
	box-shadow: 0 8px 20px rgba(0, 0, 0, .3);
	opacity: .92;
	visibility: visible;
	pointer-events: auto;
	transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease, opacity .18s ease;
}

.carousel.swiper-viewport .swiper-pager .swiper-button-prev {
	left: 8px;
}

.carousel.swiper-viewport .swiper-pager .swiper-button-next {
	right: 8px;
}

.carousel.swiper-viewport .swiper-pager .swiper-button-prev:hover,
.carousel.swiper-viewport .swiper-pager .swiper-button-next:hover,
.carousel.swiper-viewport .swiper-pager .swiper-button-prev:focus,
.carousel.swiper-viewport .swiper-pager .swiper-button-next:focus {
	border-color: #4b79aa;
	background: var(--fa-blue);
	box-shadow: 0 10px 24px rgba(22, 139, 255, .25);
	opacity: 1;
	outline: 0;
	transform: translateY(-1px);
}

.carousel.swiper-viewport .swiper-pager .swiper-button-prev:before,
.carousel.swiper-viewport .swiper-pager .swiper-button-next:before {
	display: block;
	width: auto;
	height: auto;
	color: #fff;
	font-family: "tabler-icons-200";
	font-size: 24px;
	font-weight: 400;
	line-height: 1;
	text-shadow: none;
}

.carousel.swiper-viewport .swiper-pager .swiper-button-prev:before {
	content: "\ea60";
}

.carousel.swiper-viewport .swiper-pager .swiper-button-next:before {
	content: "\ea61";
}

.carousel.swiper-viewport .swiper-pager .swiper-button-disabled {
	opacity: .25;
	pointer-events: none;
}

/* Product modules and catalog cards */
#content>h3,
#content>h2 {
	margin-top: 32px;
}

#product-category #content>h3 {
	font-size: clamp(22px, 2.4vw, 28px);
	margin-top: 0;
}

.product-layout {
	margin-bottom: 20px;
}

.product-thumb {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	border: 1px solid var(--fa-border);
	border-radius: var(--fa-radius);
	background: var(--fa-surface);
	overflow: hidden;
	transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.product-thumb:hover {
	/* transform: translateY(-3px); */
	border-color: #355578;
	box-shadow: 0 18px 38px rgba(0, 0, 0, .34);
}

.product-thumb .image {
	padding: 18px;
	background: #93a2b7;
}

.product-thumb .image:has(img:not([src*="placeholder"])),
#cart .cart-dropdown-product__image:has(img:not([src*="placeholder"])),
.cart-page-product__image:has(img:not([src*="placeholder"])),
.compare-image-row td:has(.compare-product-image:not([src*="placeholder"])),
#product-product .product-gallery__image:has(img:not([src*="placeholder"])) {
	background: #fff;
}

.product-thumb .image a {
	display: block;
}

.product-thumb .image img {
	width: 100%;
	height: 100vh;
	max-height: 300px;
	object-fit: cover;
	mix-blend-mode: normal;
}

.product-thumb .image img[src*="placeholder"] {
	box-sizing: border-box;
	padding: 40px;
}

.product-thumb .caption {
	flex: 1;
	min-height: 142px;
	padding: 24px 18px 12px;
}

.product-thumb .product-card-link {
	position: absolute;
	inset: 0;
	z-index: 1;
	border-radius: inherit;
}

.product-thumb .product-card-link:focus-visible {
	outline: 2px solid #4aa5ff;
	outline-offset: -3px;
}

.product-thumb h4 {
	margin: 0 0 10px;
	line-height: 1.42;
}

.product-thumb h4 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	line-height: 1.4;
	height: 64px;
	overflow: hidden;
	color: var(--fa-text);
	font-weight: 700;
}

.product-thumb .product-sku {
	margin: -3px 0 8px;
	color: #8394aa;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .04em;
}

.product-thumb .price {
	margin: 14px 0 0;
	color: #fff;
	font-size: 18px;
	font-weight: 800;
}

.product-thumb .price-new {
	color: #fff;
}

.product-thumb .price-old {
	color: #75859a;
}

.rating .ti-star {
	color: #53647a;
}

.rating .ti-star-active {
	color: #ffc34d;
}

.product-thumb .button-group {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 44px 44px;
	gap: 8px;
	border: 0;
	padding: 0 14px 14px;
	background: transparent;
	overflow: visible;
}

.product-list .product-thumb .button-group {
	border-left: 0;
}

.product-thumb .button-group button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-width: 0;
	height: 44px;
	padding: 0 10px;
	border: 0;
	border-radius: 10px;
	background: #162638;
	color: #aebdd0;
	font-size: 12px;
	line-height: 1;
	text-transform: none;
	float: none;
	transition: transform .18s ease, background-color .18s ease, color .18s ease, box-shadow .18s ease;
}

.product-thumb .button-group button i {
	font-size: 20px;
}

.product-thumb .button-group button+button {
	width: 100%;
}

.product-thumb .button-group button:first-child {
	gap: 12px;
	border-radius: 10px;
	background: var(--fa-blue);
	color: #fff;
	font-weight: 700;
}

.product-thumb .button-group button:hover {
	transform: translateY(-1px);
	background: #223b56;
	color: #fff;
}

.product-thumb .button-group button.wishlist-active,
button.wishlist-active {
	color: #ff5d68;
}

.product-thumb .button-group button.wishlist-active .ti-heart::before,
button.wishlist-active .ti-heart::before {
	-webkit-text-stroke: 5px currentColor;
	paint-order: stroke fill;
}

.product-thumb .button-group button.wishlist-active:hover,
button.wishlist-active:hover {
	color: #ff7a83;
}

.product-thumb .button-group button:focus {
	position: relative;
	z-index: 1;
	outline: 0;
	box-shadow: 0 0 0 3px rgba(22, 139, 255, .18);
}

.product-thumb .button-group button:first-child:hover {
	background: #4aa5ff;
	box-shadow: 0 7px 16px rgba(22, 139, 255, .24);
}

/* Forms, tables, panels */
.buttons {
	box-sizing: border-box;
}

form .buttons {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px;
	width: 100%;
}

form .buttons>.pull-left,
form .buttons>.pull-right {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	float: none !important;
	max-width: 100%;
}

form .buttons>.pull-right {
	margin-left: auto;
}

.form-control,
select.form-control,
textarea.form-control,
input[type="text"].form-control,
input[type="password"].form-control,
input[type="email"].form-control,
input[type="tel"].form-control {
	border-color: var(--fa-border);
	background: #0f1926;
	box-shadow: none;
	color: #fff;
}

.form-control:focus {
	border-color: var(--fa-blue);
	box-shadow: 0 0 0 3px rgba(22, 139, 255, .12);
}

.form-control::placeholder {
	color: #718198;
}

select.form-control {
	-webkit-appearance: none;
	appearance: none;
	padding-right: 36px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239badc2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 16px 16px;
}

.panel,
.well {
	border-color: var(--fa-border);
	background: var(--fa-surface);
	box-shadow: none;
	color: #cfdae7;
}

.panel-default>.panel-heading {
	border-color: var(--fa-border);
	background: var(--fa-surface-2);
	color: #fff;
}

/* Storefront forms */
.fa-form-card {
	margin-top: 24px;
	padding: 24px;
	border: 1px solid var(--fa-border);
	border-radius: 10px;
	background: #0b1421;
	box-shadow: 0 18px 42px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .025);
}

.fa-form-card fieldset+fieldset {
	margin-top: 28px;
}

.fa-form-card legend {
	margin: 0 0 20px;
	padding: 0 0 13px;
	border-color: #22354c;
	color: #f3f7fc;
	font-size: 17px;
	font-weight: 800;
}

.fa-form-card .form-group {
	display: flex;
	align-items: flex-start;
	margin-right: 0;
	margin-bottom: 17px;
	margin-left: 0;
}

.fa-form-card .control-label {
	padding-top: 13px;
	color: #aebed0;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.35;
}

.fa-form-card .form-control {
	height: 44px;
	padding: 10px 13px;
	border-color: #2a3d56;
	border-radius: 6px;
	background: #0f1a28;
	color: #edf3fa;
	font-size: 13px;
	transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.fa-form-card textarea.form-control {
	height: auto;
	min-height: 120px;
	resize: vertical;
}

.fa-form-card .form-control:hover {
	border-color: #3b5675;
	background: #122033;
}

.fa-form-card .form-control:focus {
	border-color: var(--fa-blue);
	box-shadow: 0 0 0 3px rgba(22, 139, 255, .14);
}

.fa-form-card .form-control::placeholder {
	color: #66798f;
}

.fa-form-card .radio,
.fa-form-card .radio-inline {
	display: inline-flex;
	margin: 0 8px 8px 0;
	padding: 0;
}

.fa-form-card .radio label,
.fa-form-card .radio-inline {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 36px;
	padding: 7px 11px;
	border: 1px solid #263950;
	border-radius: 6px;
	background: #101b2a;
	color: #bcc9d8;
}

.fa-form-card .radio input,
.fa-form-card .radio-inline input {
	position: static;
	margin: 0;
	accent-color: var(--fa-blue);
}

.fa-form-card input[type="checkbox"] {
	accent-color: var(--fa-blue);
}

.fa-form-card .buttons {
	margin-top: 24px;
	padding-top: 18px;
	border-top: 1px solid #203249;
}

.fa-form-card .buttons .btn-primary {
	min-width: 138px;
	height: 44px;
	padding: 0 22px;
	border-radius: 6px;
	font-weight: 800;
}

.fa-form-card .text-danger {
	margin-top: 6px;
	color: #ff7180;
	font-size: 12px;
}

#account-register .fa-form-card .buttons {
	margin: 20px 0 0;
	padding-top: 18px;
	border-top: 1px solid var(--fa-border-soft);
}

#account-register .register-form__actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 10px;
	width: 100%;
}

#account-register .register-form__actions input[type="checkbox"] {
	margin: 0;
}

/* Contact page */
#information-contact #content {
	min-width: 0;
	color: #c7d2df;
}

#information-contact #content>h1 {
	margin: 0 0 12px;
	font-size: 28px;
	line-height: 1.2;
	letter-spacing: -.025em;
}

#information-contact .contact-description {
	max-width: 900px;
	margin-bottom: 28px;
	color: #aebccd;
	line-height: 1.75;
}

#information-contact #content>h3 {
	margin: 32px 0 14px;
	padding-bottom: 11px;
	border-bottom: 1px solid var(--fa-border-soft);
	font-size: 18px;
}

.contact-info-card {
	margin-bottom: 28px;
	border-color: var(--fa-border);
	border-radius: 10px;
	background: #0b1421;
	box-shadow: 0 18px 42px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .025);
	overflow: hidden;
}

.contact-info-card .panel-body {
	padding: 24px;
}

.contact-info-card .panel-body>.row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 26px;
	margin: 0;
}

.contact-info-card .panel-body>.row::before,
.contact-info-card .panel-body>.row::after {
	display: none;
}

.contact-info-card .panel-body>.row>[class*="col-"] {
	float: none;
	width: auto;
	padding: 0;
	color: #aebccd;
	line-height: 1.6;
}

.contact-info-card__image {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 150px;
	padding: 12px !important;
	border: 1px solid var(--fa-border-soft);
	border-radius: 9px;
	background: #101c2b;
}

.contact-info-card__image img {
	width: 100%;
	max-height: 180px;
	object-fit: contain;
}

.contact-info-label {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 9px;
	color: #eef4fb;
	font-size: 13px;
}

.contact-info-label .ti {
	color: var(--fa-blue);
	font-size: 18px;
}

.contact-info-card address {
	margin-bottom: 50px;
	color: #aebccd;
	line-height: 1.6;
}

.contact-info-card .btn-info {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	height: 40px;
	border-radius: 6px;
}

.contact-form-card {
	width: 100%;
	max-width: none;
	margin: 30px 0 0;
}

#information-contact .contact-form-card .buttons {
	margin: 20px 0 0;
	padding-top: 18px;
	border-top: 1px solid var(--fa-border-soft);
}

#information-contact .contact-form__actions {
	display: flex;
	justify-content: flex-end;
	width: 100%;
}

.google-map {
	clear: both;
	width: min(100% - 70px, var(--fa-shell-width));
	max-width: var(--fa-shell-width);
	margin: 40px auto 0;
	border: 1px solid var(--fa-border);
	border-radius: 10px;
	background: #0b1421;
	box-shadow: 0 18px 42px rgba(0, 0, 0, .22);
	overflow: hidden;
}

.google-map iframe {
	display: block;
	width: 100%;
	height: 355px;
	max-height: 355px;
	border: 0;
	filter: grayscale(.55) brightness(.72) contrast(1.12);
}

/* Vehicle fitment filter */
.car-fit-layout {
	display: flex;
	align-items: flex-start;
}

.car-fit-layout>aside,
.car-fit-results {
	float: none;
}

.car-fit-filter {
	border: 1px solid #263a53;
	border-radius: 10px;
	background: #0b1421;
	box-shadow: 0 16px 36px rgba(0, 0, 0, .24);
	overflow: hidden;
}

.car-fit-filter.panel {
	margin-bottom: 24px;
}

.car-fit-filter.panel-default>.panel-heading {
	min-height: 54px;
	padding: 0;
	border-color: #263a53;
	background: #101d2d;
}

.car-fit-filter-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 53px;
	padding: 0 18px;
	color: #f3f7fc;
	text-decoration: none;
}

.car-fit-filter-toggle strong {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	font-size: 14px;
	font-weight: 800;
}

.car-fit-filter-toggle strong .ti {
	color: var(--fa-blue);
	font-size: 19px;
}

.car-fit-filter-toggle:hover,
.car-fit-filter-toggle:focus {
	color: #fff;
	text-decoration: none;
}

.car-fit-filter-toggle .ti-chevron-down {
	color: #7f91a8;
	font-size: 18px;
	transition: color .2s ease, transform .2s ease;
}

.car-fit-filter-toggle[aria-expanded="true"] .ti-chevron-down {
	color: var(--fa-blue);
	transform: rotate(180deg);
}

.car-fit-filter .panel-body {
	padding: 18px;
}

.car-fit-filter .form-group {
	margin-bottom: 16px;
}

.car-fit-filter label {
	margin-bottom: 7px;
	color: #b9c6d6;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .045em;
	text-transform: uppercase;
}

.car-fit-filter select.form-control {
	width: 100%;
	height: 44px;
	padding: 0 12px;
	border: 1px solid #2a3d56;
	border-radius: 6px;
	background-color: #0f1a28;
	color: #ecf3fb;
	font-size: 13px;
	transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.car-fit-filter select.form-control:hover:not(:disabled) {
	border-color: #3c5777;
	background-color: #122033;
}

.car-fit-filter select.form-control:focus {
	border-color: var(--fa-blue);
	box-shadow: 0 0 0 3px rgba(22, 139, 255, .14);
}

.car-fit-filter select.form-control:disabled {
	border-color: #1d2c3f;
	background-color: #0a121d;
	color: #5f7085;
	opacity: 1;
	cursor: not-allowed;
}

.car-fit-filter .btn-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 44px;
	margin-top: 4px;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 800;
}

.car-fit-filter .btn-primary:disabled,
.car-fit-filter .btn-primary.disabled {
	border-color: #24364c;
	background: #17263a;
	color: #6f8299;
	opacity: 1;
}

.car-fit-filter #car-fit-reset,
.car-fit-filter .filter-reset {
	margin-top: 5px;
	padding: 8px 12px;
	color: #74869c;
	font-size: 12px;
	font-weight: 600;
}

.car-fit-filter #car-fit-reset:hover,
.car-fit-filter #car-fit-reset:focus,
.car-fit-filter .filter-reset:hover,
.car-fit-filter .filter-reset:focus {
	color: #72b5ff;
	text-decoration: none;
}

.car-fit-results {
	min-height: 360px;
}

.car-fit-results .alert {
	margin: 0;
	padding: 14px 16px;
	border: 1px solid #22364e;
	border-radius: 8px;
	background: #0b1421;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
	color: #9fb0c4;
	font-size: 13px;
	line-height: 1.55;
	text-shadow: none;
}

.car-fit-results .alert .ti {
	margin-right: 7px;
	color: var(--fa-blue);
	font-size: 17px;
	vertical-align: -2px;
}

@media (min-width: 768px) {
	.car-fit-filter {
		position: sticky;
		top: 15px;
	}

	.car-fit-filter .panel-collapse.collapse {
		display: block !important;
		height: auto !important;
	}

	.car-fit-filter-toggle {
		pointer-events: none;
	}

	.car-fit-filter-toggle .ti-chevron-down {
		display: none;
	}
}

.table {
	color: #d8e1ec;
}

.table>thead>tr>td,
.table>thead>tr>th,
.table>tbody>tr>td,
.table>tbody>tr>th {
	border-color: var(--fa-border);
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background: rgba(255, 255, 255, .025);
}

/* Product comparison */
.compare-heading {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	margin: 0 0 22px;
}

.compare-heading h1 {
	margin: 0;
}

.compare-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-width: 52px;
	height: 38px;
	padding: 0 12px;
	border-radius: 19px;
	background: rgba(22, 139, 255, .12);
	color: #72b5ff;
	font-size: 13px;
	font-weight: 800;
}

.compare-count .ti {
	font-size: 17px;
}

.compare-panel {
	border: 1px solid var(--fa-border);
	border-radius: var(--fa-radius);
	background: var(--fa-surface);
	box-shadow: 0 18px 45px rgba(0, 0, 0, .22);
	overflow: hidden;
}

.compare-scroll {
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-color: #314b69 #0b1420;
	scrollbar-width: thin;
}

.compare-scroll:focus {
	outline: 0;
	box-shadow: inset 0 0 0 2px rgba(22, 139, 255, .35);
}

.compare-scroll::-webkit-scrollbar {
	height: 9px;
}

.compare-scroll::-webkit-scrollbar-track {
	background: #0b1420;
}

.compare-scroll::-webkit-scrollbar-thumb {
	border: 2px solid #0b1420;
	border-radius: 9px;
	background: #314b69;
}

.compare-table {
	width: 100%;
	min-width: 820px;
	margin: 0;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
}

.compare-table>thead>tr>th,
.compare-table>tbody>tr>th,
.compare-table>tbody>tr>td,
.compare-table>tfoot>tr>th,
.compare-table>tfoot>tr>td {
	padding: 15px 18px;
	border: 0;
	border-right: 1px solid var(--fa-border-soft);
	border-bottom: 1px solid var(--fa-border-soft);
	background: transparent;
	color: #cbd6e3;
	font-size: 13px;
	line-height: 1.55;
	vertical-align: middle;
}

.compare-table tr>*:last-child {
	border-right: 0;
}

.compare-table>tbody>tr:last-child>* {
	border-bottom: 0;
}

.compare-table th[scope="row"],
.compare-table .compare-actions-row>th {
	position: sticky;
	left: 0;
	z-index: 2;
	width: 190px;
	background: #0d1927;
	color: #8497ad;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .035em;
	text-transform: uppercase;
}

.compare-table td {
	min-width: 230px;
}

.compare-table tbody tr:hover>td {
	background: rgba(255, 255, 255, .018);
	color: #eef4fb;
}

.compare-table .compare-section-row>th {
	padding: 13px 18px;
	border-right: 0;
	border-bottom-color: #263a52;
	background: #122236;
	color: #eef5fc;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .035em;
	text-transform: uppercase;
}

.compare-section-row .ti {
	margin-right: 8px;
	color: var(--fa-blue);
	font-size: 17px;
	vertical-align: -2px;
}

.compare-product-name {
	display: inline-block;
	color: #f3f7fc;
	font-size: 15px;
	font-weight: 800;
	line-height: 1.4;
}

.compare-product-name:hover,
.compare-product-name:focus {
	color: #72b5ff;
}

.compare-image-row td {
	height: 194px;
	background: #93a2b7;
}

.compare-product-image {
	display: inline-block;
	width: 100%;
	max-width: 160px;
	height: 158px;
	object-fit: contain;
	mix-blend-mode: normal;
	transition: transform .2s ease;
}

.compare-product-image:hover {
	transform: scale(1.035);
}

.compare-price {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 7px 10px;
	color: #fff;
	font-size: 19px;
	font-weight: 900;
}

.compare-price__old {
	color: #73859b;
	font-size: 13px;
	font-weight: 600;
	text-decoration: line-through;
}

.compare-price__new {
	color: #fff;
}

.compare-availability {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: #9fd2b1;
	font-weight: 700;
}

.compare-availability .ti {
	color: #48bd75;
	font-size: 16px;
}

.compare-rating {
	display: flex;
	gap: 2px;
	margin-bottom: 5px;
}

.compare-reviews {
	color: #7f92a9;
	font-size: 11px;
}

.compare-table .description {
	color: #9fb0c4;
	font-size: 12px;
	line-height: 1.65;
}

.compare-empty-value {
	color: #566980;
}

.compare-table>tfoot>.compare-actions-row>th,
.compare-table>tfoot>.compare-actions-row>td {
	padding-top: 18px;
	padding-bottom: 18px;
	border-top: 1px solid #2a3d55;
	border-bottom: 0;
	background: #0d1927;
}

.compare-actions-row .btn-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	height: 44px;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 800;
}

.compare-actions-row .btn-primary .ti {
	font-size: 19px;
}

.compare-remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	width: 100%;
	margin-top: 8px;
	padding: 7px 10px;
	border-radius: 6px;
	color: #8193a8;
	font-size: 11px;
	font-weight: 700;
}

.compare-remove:hover,
.compare-remove:focus {
	background: rgba(231, 76, 60, .1);
	color: #ff8b7e;
	text-decoration: none;
}

.compare-remove .ti {
	font-size: 15px;
}

.compare-empty-state {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	min-height: 360px;
	padding: 48px 24px;
	border: 1px solid var(--fa-border);
	border-radius: var(--fa-radius);
	background: radial-gradient(circle at 50% 15%, rgba(22, 139, 255, .1), transparent 42%), var(--fa-surface);
	text-align: center;
}

.compare-empty-state__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 74px;
	height: 74px;
	margin-bottom: 20px;
	border-radius: 50%;
	background: rgba(22, 139, 255, .12);
	color: #65aeff;
	font-size: 34px;
}

.compare-empty-state h2 {
	max-width: 520px;
	margin: 0 0 24px;
	color: #dbe6f2;
	font-size: 18px;
	line-height: 1.5;
}

.compare-empty-state .btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	padding: 0 20px;
	border-radius: 8px;
	font-weight: 800;
}

@media (max-width: 767px) {
	#product-compare {
		padding-top: 16px;
	}

	.compare-heading {
		align-items: center;
		margin-bottom: 16px;
	}

	.compare-heading h1 {
		font-size: 22px;
	}

	.compare-panel {
		margin-right: -12px;
		border-radius: 8px 0 0 8px;
	}

	.compare-table {
		min-width: 760px;
	}

	.compare-table>thead>tr>th,
	.compare-table>tbody>tr>th,
	.compare-table>tbody>tr>td,
	.compare-table>tfoot>tr>th,
	.compare-table>tfoot>tr>td {
		padding: 13px 14px;
	}

	.compare-table th[scope="row"],
	.compare-table .compare-actions-row>th {
		width: 142px;
	}

	.compare-table td {
		min-width: 205px;
	}
}

/* Cart page */
.cart-page-heading {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	margin: 0 0 22px;
}

.cart-page-heading h1 {
	margin: 0;
}

.cart-page-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 330px;
	align-items: start;
	gap: 24px;
}

.cart-page-main {
	min-width: 0;
}

.cart-page-products {
	display: grid;
	gap: 12px;
}

.cart-page-product {
	position: relative;
	display: grid;
	grid-template-columns: 96px minmax(150px, 1fr) 112px 96px 110px 30px;
	grid-template-areas: "image info quantity price total remove";
	align-items: center;
	gap: 14px;
	min-height: 132px;
	padding: 16px;
	border: 1px solid var(--fa-border);
	border-radius: var(--fa-radius);
	background: var(--fa-surface);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .02);
	transition: border-color .18s ease, box-shadow .18s ease;
}

.cart-page-product:hover {
	border-color: #304b69;
	box-shadow: 0 12px 30px rgba(0, 0, 0, .16);
}

.cart-page-product__image {
	grid-area: image;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 96px;
	height: 96px;
	border-radius: 9px;
	background: #93a2b7;
	overflow: hidden;
}

.cart-page-product__image img {
	width: 100%;
	height: 100%;
	/* padding: 5px; */
	object-fit: cover;
	mix-blend-mode: normal;
}

.cart-page-voucher .cart-page-product__image {
	color: var(--fa-blue);
	font-size: 36px;
}

.cart-page-product__info {
	grid-area: info;
	min-width: 0;
}

.cart-page-product__name {
	display: inline;
	color: #eef4fb;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.45;
}

a.cart-page-product__name:hover,
a.cart-page-product__name:focus {
	color: #72b5ff;
	text-decoration: none;
}

.cart-page-stock-warning {
	margin-left: 5px;
	color: #ff7c70;
	font-weight: 800;
}

.cart-page-product__model {
	display: block;
	margin-top: 6px;
	color: #75879d;
	font-size: 10px;
	font-weight: 650;
}

.cart-page-product__options {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 8px;
	margin-top: 7px;
}

.cart-page-product__options span {
	color: #899bb0;
	font-size: 10px;
}

.cart-page-product__options span:not(:last-child)::after {
	margin-left: 8px;
	color: #40536a;
	content: "·";
}

.cart-page-product__reward,
.cart-page-product__recurring {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-top: 7px;
	color: #7f92a8;
	font-size: 10px;
	line-height: 1.45;
}

.cart-page-product__reward .ti {
	color: #d6a94f;
	font-size: 14px;
}

.cart-page-product__recurring strong {
	color: #9eb0c5;
}

.cart-page-product__quantity {
	grid-area: quantity;
}

.cart-page-product__price {
	grid-area: price;
	color: #aab9ca;
	font-size: 12px;
	text-align: right;
}

.cart-page-product__total {
	grid-area: total;
	text-align: right;
}

.cart-page-product__total strong {
	color: #fff;
	font-size: 15px;
	font-weight: 900;
	white-space: nowrap;
}

.cart-page-product__label {
	display: block;
	margin-bottom: 7px;
	color: #64778e;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .055em;
	text-transform: uppercase;
}

.cart-page-quantity {
	display: grid;
	grid-template-columns: 1fr 38px;
	width: 100%;
}

.cart-page-quantity .form-control {
	height: 38px;
	padding: 0 9px;
	border-color: #2a3d56;
	border-radius: 7px 0 0 7px;
	background: #0c1724;
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	text-align: center;
}

.cart-page-update {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 38px;
	padding: 0;
	border: 1px solid #2a3d56;
	border-left: 0;
	border-radius: 0 7px 7px 0;
	background: #17283b;
	color: #82bfff;
	font-size: 16px;
}

.cart-page-update:hover,
.cart-page-update:focus {
	outline: 0;
	background: #203a55;
	color: #fff;
}

.cart-page-remove {
	grid-area: remove;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	padding: 0;
	border: 0;
	border-radius: 7px;
	background: transparent;
	color: #61748b;
	font-size: 17px;
}

.cart-page-remove:hover,
.cart-page-remove:focus {
	outline: 0;
	background: rgba(231, 76, 60, .12);
	color: #ff877a;
}

#checkout-cart .cart-page-options {
	display: none;
}

.cart-page-options__heading {
	margin-bottom: 13px;
}

.cart-page-options__heading h2 {
	margin: 0 0 5px;
	color: #edf4fb;
	font-size: 17px;
}

.cart-page-options__heading p {
	margin: 0;
	color: #7f91a7;
	font-size: 11px;
}

#checkout-cart #accordion {
	display: grid;
	gap: 9px;
	margin: 0;
}

#checkout-cart #accordion .panel {
	margin: 0;
	border: 1px solid var(--fa-border);
	border-radius: 9px;
	background: var(--fa-surface);
	box-shadow: none;
	overflow: hidden;
}

#checkout-cart #accordion .panel-heading {
	padding: 0;
	border: 0;
	background: transparent;
}

#checkout-cart #accordion .panel-title {
	margin: 0;
	font-size: 12px;
}

#checkout-cart #accordion .panel-title a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 48px;
	padding: 0 15px;
	color: #c6d2df;
	font-weight: 750;
	text-decoration: none;
}

#checkout-cart #accordion .panel-title a:hover,
#checkout-cart #accordion .panel-title a:focus {
	background: #132338;
	color: #fff;
}

#checkout-cart #accordion .panel-title .ti {
	color: #71849a;
	font-size: 17px;
}

#checkout-cart #accordion .panel-body {
	padding: 16px;
	border-top: 1px solid var(--fa-border-soft);
	background: #0d1927;
	color: #9dafc3;
}

#checkout-cart #accordion .panel-body>label {
	float: none;
	width: auto;
	padding: 0;
	margin: 0 0 8px;
	color: #9fb0c4;
	font-size: 11px;
}

#checkout-cart #accordion .input-group {
	display: flex;
	width: 100%;
}

#checkout-cart #accordion .input-group .form-control {
	height: 42px;
	border-color: #2a3d56;
	border-radius: 7px 0 0 7px;
	background: #0b1521;
	color: #fff;
}

#checkout-cart #accordion .input-group-btn {
	width: auto;
}

#checkout-cart #accordion .input-group-btn .btn {
	height: 42px;
	border-radius: 0 7px 7px 0;
	font-size: 11px;
	font-weight: 800;
}

#checkout-cart #accordion .form-horizontal .form-group {
	margin-right: 0;
	margin-left: 0;
}

#checkout-cart #accordion .form-horizontal label {
	color: #9fb0c4;
	font-size: 11px;
}

#checkout-cart #accordion .form-horizontal .form-control {
	border-color: #2a3d56;
	background-color: #0b1521;
	color: #fff;
}

.cart-page-summary {
	position: sticky;
	top: 16px;
	padding: 18px;
	border: 1px solid var(--fa-border);
	border-radius: var(--fa-radius);
	background: #0e1a28;
	box-shadow: 0 18px 45px rgba(0, 0, 0, .22);
}

.cart-page-summary__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding-bottom: 15px;
	border-bottom: 1px solid var(--fa-border-soft);
	color: #eef4fb;
	font-size: 14px;
	font-weight: 850;
}

.cart-page-summary__head>span {
	display: flex;
	align-items: center;
	gap: 9px;
}

.cart-page-summary__head .ti {
	color: var(--fa-blue);
	font-size: 20px;
}

.cart-page-summary__head strong {
	color: #fff;
	font-size: 20px;
	font-weight: 900;
	white-space: nowrap;
}

.cart-page-totals {
	padding: 13px 0 16px;
}

.cart-page-totals>div {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	min-height: 29px;
	color: #8193a8;
	font-size: 11px;
}

.cart-page-totals strong {
	color: #dce6f1;
	font-size: 12px;
	font-weight: 800;
	white-space: nowrap;
}

.cart-page-checkout {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	min-height: 46px;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 850;
}

.cart-page-checkout .ti {
	font-size: 18px;
}

.cart-page-continue {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 40px;
	margin-top: 8px;
	border-radius: 7px;
	color: #8395aa;
	font-size: 11px;
	font-weight: 700;
}

.cart-page-continue:hover,
.cart-page-continue:focus {
	background: #17283b;
	color: #dce7f3;
	text-decoration: none;
}

.cart-page-continue .ti {
	font-size: 16px;
}

.cart-page-empty {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	min-height: 430px;
	padding: 54px 24px;
	border: 1px solid var(--fa-border);
	border-radius: var(--fa-radius);
	background: radial-gradient(circle at 50% 18%, rgba(22, 139, 255, .11), transparent 43%), var(--fa-surface);
	text-align: center;
}

.cart-page-empty__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 82px;
	height: 82px;
	margin-bottom: 20px;
	border-radius: 50%;
	background: rgba(22, 139, 255, .11);
	color: #65aeff;
	font-size: 37px;
}

.cart-page-empty h1 {
	margin: 0 0 10px;
	font-size: 22px;
}

.cart-page-empty p {
	max-width: 520px;
	margin: 0 0 25px;
	color: #8496ab;
	font-size: 13px;
	line-height: 1.6;
}

.cart-page-empty .btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	padding: 0 20px;
	border-radius: 8px;
	font-weight: 800;
}

@media (max-width: 1199px) {
	.cart-page-layout {
		grid-template-columns: minmax(0, 1fr) 300px;
		gap: 18px;
	}

	.cart-page-product {
		grid-template-columns: 82px minmax(120px, 1fr) 105px 88px 100px 30px;
		gap: 11px;
		padding: 14px;
	}

	.cart-page-product__image {
		width: 82px;
		height: 82px;
	}
}

@media (max-width: 991px) {
	.cart-page-layout {
		grid-template-columns: 1fr;
	}

	.cart-page-summary {
		position: static;
	}
}

@media (max-width: 767px) {
	.cart-page-heading {
		align-items: center;
		margin-bottom: 16px;
	}

	.cart-page-heading h1 {
		font-size: 22px;
	}

	.cart-page-product {
		grid-template-columns: 76px minmax(0, 1fr) 32px;
		grid-template-areas: "image info remove" "quantity quantity quantity" "price total total";
		align-items: start;
		gap: 13px 12px;
		padding: 14px;
	}

	.cart-page-product__image {
		width: 76px;
		height: 76px;
	}

	.cart-page-product__quantity {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-top: 12px;
		border-top: 1px solid var(--fa-border-soft);
	}

	.cart-page-product__quantity .cart-page-product__label {
		margin: 0;
	}

	.cart-page-quantity {
		width: 112px;
	}

	.cart-page-product__price,
	.cart-page-product__total {
		display: flex;
		align-items: baseline;
		justify-content: space-between;
		text-align: left;
	}

	.cart-page-product__price .cart-page-product__label,
	.cart-page-product__total .cart-page-product__label {
		margin: 0 8px 0 0;
	}

	.cart-page-remove {
		align-self: start;
	}

	.cart-page-summary {
		padding: 16px;
	}
}

/* Checkout */
.checkout-page-heading {
	margin: 0 0 22px;
}

.checkout-page-heading h1 {
	margin: 0;
}

#checkout-checkout .checkout-steps {
	display: grid;
	gap: 11px;
	max-width: 980px;
	margin: 0 auto;
	counter-reset: checkout-step;
}

#checkout-checkout .checkout-steps>.panel {
	margin: 0;
	border: 1px solid var(--fa-border);
	border-radius: 10px;
	background: var(--fa-surface);
	box-shadow: 0 12px 32px rgba(0, 0, 0, .14);
	overflow: hidden;
	counter-increment: checkout-step;
}

#checkout-checkout .checkout-steps>.panel>.panel-heading {
	position: relative;
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr);
	align-items: center;
	gap: 12px;
	min-height: 62px;
	padding: 0 17px;
	border: 0;
	background: #101d2c;
}

#checkout-checkout .checkout-steps>.panel>.panel-heading::before {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border: 1px solid #2a405a;
	border-radius: 50%;
	background: #0b1623;
	color: #7690ac;
	font-size: 11px;
	font-weight: 900;
	content: counter(checkout-step, decimal-leading-zero);
}

#checkout-checkout .checkout-steps .panel-title {
	margin: 0;
	color: #cbd7e4;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.4;
}

#checkout-checkout .checkout-steps .panel-title>a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 61px;
	margin: 0 -17px 0 0;
	padding: 0 17px 0 0;
	color: #eef4fb;
	text-decoration: none;
}

#checkout-checkout .checkout-steps .panel-title>a:hover,
#checkout-checkout .checkout-steps .panel-title>a:focus {
	color: #72b5ff;
}

#checkout-checkout .checkout-steps .panel-title .ti {
	color: #667c94;
	font-size: 18px;
	transition: color .18s ease, transform .18s ease;
}

#checkout-checkout .checkout-steps .panel-title>a[aria-expanded="true"] .ti {
	color: var(--fa-blue);
	transform: rotate(180deg);
}

#checkout-checkout .checkout-steps .panel-collapse.in {
	border-top: 1px solid #263a52;
}

#checkout-checkout .checkout-steps .panel-body {
	padding: 22px;
	border: 0;
	background: #0c1724;
	color: #a6b5c6;
	font-size: 12px;
	line-height: 1.6;
}

#checkout-checkout .checkout-steps .panel-body h2 {
	margin: 0 0 12px;
	color: #eef4fb;
	font-size: 17px;
	font-weight: 850;
}

#checkout-checkout .checkout-steps .panel-body h3 {
	color: #e5edf6;
	font-size: 15px;
}

#checkout-checkout .checkout-steps .panel-body legend {
	margin: 4px 0 18px;
	padding-bottom: 10px;
	border-color: var(--fa-border-soft);
	color: #edf4fb;
	font-size: 15px;
	font-weight: 850;
}

#checkout-checkout .checkout-steps .panel-body p {
	color: #8fa0b4;
}

#checkout-checkout .checkout-steps .panel-body a {
	color: #72b5ff;
}

#checkout-checkout .checkout-steps .panel-body>.row>[class*="col-sm-"] {
	padding: 3px 22px;
}

#checkout-checkout .checkout-steps .panel-body>.row>[class*="col-sm-"]+[class*="col-sm-"] {
	border-left: 1px solid var(--fa-border-soft);
}

#checkout-checkout .checkout-steps .form-group {
	margin-bottom: 15px;
}

#checkout-checkout .checkout-steps .control-label,
#checkout-checkout .checkout-steps label.control-label {
	padding-top: 0;
	color: #aab9ca;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .025em;
}

#checkout-checkout .checkout-steps .form-control {
	height: 43px;
	padding: 0 12px;
	border: 1px solid #2a3d56;
	border-radius: 7px;
	background-color: #09131f;
	box-shadow: none;
	color: #eef4fb;
	font-size: 12px;
	transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

#checkout-checkout .checkout-steps textarea.form-control {
	min-height: 108px;
	height: auto;
	padding-top: 11px;
	padding-bottom: 11px;
	resize: vertical;
}

#checkout-checkout .checkout-steps .form-control:hover {
	border-color: #3a5472;
	background-color: #0c1826;
}

#checkout-checkout .checkout-steps .form-control:focus {
	border-color: var(--fa-blue);
	box-shadow: 0 0 0 3px rgba(22, 139, 255, .14);
}

#checkout-checkout .checkout-steps .has-error .form-control {
	border-color: #d65b50;
	box-shadow: 0 0 0 3px rgba(214, 91, 80, .1);
}

#checkout-checkout .checkout-steps .text-danger {
	margin-top: 5px;
	color: #ff887c;
	font-size: 10px;
}

#checkout-checkout .checkout-steps .input-group {
	width: 100%;
}

#checkout-checkout .checkout-steps .input-group .form-control {
	border-radius: 7px 0 0 7px;
}

#checkout-checkout .checkout-steps .input-group-btn .btn {
	height: 43px;
	border-color: #2a3d56;
	border-radius: 0 7px 7px 0;
	background: #17283b;
	color: #9bb0c7;
}

#checkout-checkout .checkout-steps .radio {
	margin: 7px 0;
}

#checkout-checkout .checkout-steps .radio label {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 10px;
	min-height: 42px;
	padding: 11px 13px 11px 39px;
	border: 1px solid #24374e;
	border-radius: 8px;
	background: #0e1b2a;
	color: #bfccda;
	font-size: 11px;
	font-weight: 650;
	cursor: pointer;
	transition: border-color .18s ease, background-color .18s ease, color .18s ease;
}

#checkout-checkout .checkout-steps .radio label:hover {
	border-color: #385776;
	background: #13243a;
	color: #eef4fb;
}

#checkout-checkout .checkout-steps .radio input[type="radio"] {
	position: absolute;
	top: 13px;
	left: 13px;
	margin: 0;
	accent-color: var(--fa-blue);
}

#checkout-checkout .checkout-steps .checkbox label {
	color: #aab9ca;
	font-size: 11px;
}

#checkout-checkout .checkout-steps input[type="checkbox"] {
	accent-color: var(--fa-blue);
}

#checkout-checkout .checkout-steps .buttons {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	min-height: 48px;
	margin-top: 19px;
	padding-top: 16px;
	border-top: 1px solid var(--fa-border-soft);
}

#checkout-checkout .checkout-steps .buttons::before,
#checkout-checkout .checkout-steps .buttons::after {
	display: none;
}

#checkout-checkout .checkout-steps .buttons .pull-right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	float: none !important;
	width: 100%;
	color: #91a3b7;
	font-size: 11px;
}

#checkout-checkout .checkout-steps .btn-primary,
#checkout-checkout .checkout-steps input.btn-primary {
	min-width: 132px;
	height: 43px;
	padding: 0 18px;
	border-radius: 7px;
	font-size: 11px;
	font-weight: 850;
}

#checkout-checkout .checkout-steps .btn-default {
	min-height: 40px;
	border-radius: 7px;
}

#checkout-checkout .checkout-steps .alert {
	border-radius: 8px;
	text-shadow: none;
}

#checkout-checkout .checkout-contact-form {
	max-width: 760px;
}

#checkout-checkout .checkout-contact-grid {
	display: grid;
	/*grid-template-columns: repeat(2, minmax(0, 1fr));*/
	gap: 0 16px;
}

#checkout-checkout .checkout-password-fields {
	margin-top: 22px;
}

#checkout-checkout .checkout-field-optional {
	color: #6f8298;
	font-size: 9px;
	font-weight: 650;
}

#checkout-checkout .checkout-hidden-control {
	display: none !important;
}

#checkout-checkout .checkout-step-hidden {
	display: none !important;
	counter-increment: none;
}

#checkout-checkout .checkout-cod-info {
	display: flex;
	align-items: center;
	gap: 13px;
	padding: 15px 16px;
	border: 1px solid #3479bd;
	border-radius: 9px;
	background: #122944;
	color: #eef5fc;
}

#checkout-checkout .checkout-cod-info>.ti {
	color: #56a5ff;
	font-size: 22px;
}

#checkout-checkout .checkout-cod-info strong,
#checkout-checkout .checkout-cod-info span {
	display: block;
}

#checkout-checkout .checkout-cod-info span {
	margin-top: 2px;
	color: #94a9bf;
	font-size: 10px;
}

#checkout-checkout .checkout-payment-agreement {
	display: none !important;
}

#checkout-checkout .checkout-address-skipped {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	border: 1px solid var(--fa-border-soft);
	border-radius: 9px;
	background: #0a1522;
	color: #dbe5f0;
}

#checkout-checkout .checkout-address-skipped>.ti {
	color: #56a5ff;
	font-size: 20px;
}

#checkout-checkout #collapse-shipping-method .panel-body>p>strong,
#checkout-checkout #collapse-payment-method .panel-body>p>strong {
	color: #dbe5f0;
	font-size: 11px;
}

#checkout-checkout #collapse-shipping-method .shipping-methods {
	display: grid;
	gap: 14px;
}

#checkout-checkout #collapse-shipping-method .shipping-methods__intro {
	margin: 0 0 2px;
	color: #aab9ca;
}

#checkout-checkout #collapse-shipping-method .shipping-provider {
	padding: 16px;
	border: 1px solid var(--fa-border-soft);
	border-radius: 9px;
	background: #0a1522;
}

#checkout-checkout #collapse-shipping-method .shipping-provider__title {
	margin: 0 0 11px;
	color: #e8f0f8;
	font-size: 12px;
	font-weight: 850;
	line-height: 1.4;
}

#checkout-checkout #collapse-shipping-method .shipping-provider__options {
	display: grid;
	gap: 9px;
}

#checkout-checkout #collapse-shipping-method .shipping-option {
	margin: 0;
}

#checkout-checkout #collapse-shipping-method .shipping-option label {
	display: grid;
	grid-template-columns: 18px minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	min-height: 50px;
	padding: 12px 14px;
}

#checkout-checkout #collapse-shipping-method .shipping-option input[type="radio"] {
	position: static;
	width: 18px;
	height: 18px;
	margin: 0;
	appearance: none;
	-webkit-appearance: none;
	border: 2px solid #60758d;
	border-radius: 50%;
	background: #09131f;
	box-shadow: inset 0 0 0 4px #09131f;
	transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}

#checkout-checkout #collapse-shipping-method .shipping-option input[type="radio"]:checked {
	border-color: #56a5ff;
	background: #56a5ff;
}

#checkout-checkout #collapse-shipping-method .shipping-option label:has(input:checked) {
	border-color: #3479bd;
	background: #122944;
	box-shadow: 0 0 0 2px rgba(22, 139, 255, .09);
	color: #f3f7fc;
}

#checkout-checkout #collapse-shipping-method .shipping-option__title {
	min-width: 0;
	font-weight: 750;
	line-height: 1.45;
}

#checkout-checkout #collapse-shipping-method .shipping-option__price {
	padding-left: 14px;
	border-left: 1px solid #2a4058;
	color: #eef5fc;
	font-weight: 850;
	white-space: nowrap;
}

#checkout-checkout #collapse-shipping-method .shipping-option .nova-poshta-field {
	margin: 12px 0 0;
	padding: 0 14px 0 44px;
}

#checkout-checkout #collapse-shipping-method .shipping-option:not(.shipping-option--expanded) .nova-poshta-field {
	display: none !important;
}

#checkout-checkout #collapse-shipping-method .nova-poshta-field label {
	display: block;
	min-height: 0;
	margin-bottom: 6px;
	padding: 0;
	border: 0;
	background: none;
	color: #aab9ca;
	font-size: 10px;
	font-weight: 800;
	cursor: default;
}

#checkout-checkout #collapse-shipping-method .nova-poshta-field label:hover {
	border: 0;
	background: none;
	color: #aab9ca;
}

#checkout-checkout #collapse-shipping-method .nova-poshta-field .form-control {
	width: 100%;
}

#checkout-checkout #collapse-shipping-method #ocnp_novaposhta_city {
	position: relative;
	z-index: 20;
}

#checkout-checkout #collapse-shipping-method #ocnp_novaposhta_city .dropdown-menu {
	right: 14px;
	width: auto;
	min-width: 0;
	max-height: 260px;
	margin-top: 6px;
	padding: 6px;
	border: 1px solid #2d4662;
	border-radius: 9px;
	background: #0b1725;
	box-shadow: 0 18px 42px rgba(0, 0, 0, .46);
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-color: #395878 #0b1725;
	scrollbar-width: thin;
}

#checkout-checkout #collapse-shipping-method #ocnp_novaposhta_city .dropdown-menu>li+li {
	margin-top: 2px;
}

#checkout-checkout #collapse-shipping-method #ocnp_novaposhta_city .dropdown-menu>li>a {
	display: block;
	padding: 9px 10px;
	border-radius: 6px;
	color: #c8d5e3;
	font-size: 11px;
	font-weight: 650;
	line-height: 1.4;
	white-space: normal;
}

#checkout-checkout #collapse-shipping-method #ocnp_novaposhta_city .dropdown-menu>li>a:hover,
#checkout-checkout #collapse-shipping-method #ocnp_novaposhta_city .dropdown-menu>li>a:focus {
	background: #173657;
	background-image: none;
	color: #fff;
	text-decoration: none;
}

#checkout-checkout #collapse-shipping-method #ocnp_novaposhta_city .dropdown-menu::-webkit-scrollbar {
	width: 8px;
}

#checkout-checkout #collapse-shipping-method #ocnp_novaposhta_city .dropdown-menu::-webkit-scrollbar-track {
	background: #0b1725;
}

#checkout-checkout #collapse-shipping-method #ocnp_novaposhta_city .dropdown-menu::-webkit-scrollbar-thumb {
	border: 2px solid #0b1725;
	border-radius: 999px;
	background: #395878;
}

#checkout-checkout #collapse-shipping-method .shipping-comment {
	margin-top: 20px;
}

#checkout-checkout #collapse-shipping-method .shipping-comment__label {
	display: block;
	margin-bottom: 8px;
	color: #dbe5f0;
	font-size: 11px;
	font-weight: 800;
}

#checkout-checkout #collapse-checkout-confirm .table-responsive {
	margin: 0;
	border: 1px solid var(--fa-border);
	border-radius: 9px;
	background: #0a1420;
	overflow: auto;
}

#checkout-checkout #collapse-checkout-confirm .table {
	min-width: 720px;
	margin: 0;
	color: #cbd6e2;
	font-size: 11px;
}

#checkout-checkout #collapse-checkout-confirm .table>thead>tr>td {
	padding: 12px 14px;
	border-color: #2a3d55;
	background: #132338;
	color: #8fa2b8;
	font-size: 9px;
	font-weight: 850;
	letter-spacing: .045em;
	text-transform: uppercase;
}

#checkout-checkout #collapse-checkout-confirm .table>tbody>tr>td,
#checkout-checkout #collapse-checkout-confirm .table>tfoot>tr>td {
	padding: 13px 14px;
	border-color: var(--fa-border-soft);
	vertical-align: middle;
}

#checkout-checkout #collapse-checkout-confirm .table>tbody>tr:hover>td {
	background: rgba(255, 255, 255, .018);
}

#checkout-checkout #collapse-checkout-confirm .table>tbody a {
	color: #eaf1f8;
	font-weight: 750;
}

#checkout-checkout #collapse-checkout-confirm .table>tfoot>tr>td {
	background: #0d1927;
}

#checkout-checkout #collapse-checkout-confirm .table>tfoot>tr:last-child>td {
	color: #fff;
	font-size: 14px;
	font-weight: 900;
}

#checkout-checkout #collapse-checkout-confirm .table-responsive+* {
	margin-top: 18px;
}

#checkout-checkout .checkout-steps--combined {
	max-width: 1180px;
}

#checkout-checkout .checkout-steps>.checkout-combined-panel {
	overflow: visible;
}

#checkout-checkout .checkout-combined-panel>.panel-heading {
	border-radius: 9px 9px 0 0;
}

#checkout-checkout .checkout-combined-panel>.panel-collapse.in>.panel-body {
	border-radius: 0 0 9px 9px;
}

#checkout-checkout .checkout-combined-panel>.panel-collapse.in {
	overflow: visible;
}

#checkout-checkout .checkout-combined-panel>.panel-collapse>.panel-body {
	overflow: visible;
}

#checkout-checkout .checkout-combined-panel--locked>.panel-heading {
	opacity: .55;
}

#checkout-checkout .checkout-combined-panel--locked>.panel-heading a {
	cursor: default;
}

#checkout-checkout .checkout-combined-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(300px, .75fr);
	align-items: start;
	gap: 22px;
}

#checkout-checkout .checkout-combined-main {
	display: grid;
	gap: 18px;
}

#checkout-checkout .checkout-combined-section,
#checkout-checkout .checkout-summary-card {
	padding: 19px;
	border: 1px solid var(--fa-border-soft);
	border-radius: 10px;
	background: #0a1522;
}

#checkout-checkout .checkout-combined-section>h3,
#checkout-checkout .checkout-summary-card>h3 {
	margin: 0 0 17px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--fa-border-soft);
	color: #edf4fb;
	font-size: 14px;
	font-weight: 850;
}

#checkout-checkout .checkout-combined-section__note {
	margin: -9px 0 16px;
	color: #8195aa;
	font-size: 10px;
}

#checkout-checkout .checkout-combined-section .checkout-contact-form {
	max-width: none;
}

#checkout-checkout .checkout-combined-section fieldset {
	min-width: 0;
}

#checkout-checkout .checkout-summary-card {
	position: sticky;
	top: 18px;
}

#checkout-checkout .checkout-summary-loading {
	color: #788da4;
	font-size: 11px;
}

#checkout-checkout .checkout-summary-products {
	display: grid;
	gap: 0;
	max-height: 360px;
	padding-right: 6px;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-color: #395878 #0b1725;
	scrollbar-width: thin;
}

#checkout-checkout .checkout-summary-products::-webkit-scrollbar {
	width: 7px;
}

#checkout-checkout .checkout-summary-products::-webkit-scrollbar-track {
	background: #0b1725;
}

#checkout-checkout .checkout-summary-products::-webkit-scrollbar-thumb {
	border: 2px solid #0b1725;
	border-radius: 999px;
	background: #395878;
}

#checkout-checkout .checkout-summary-product {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 4px 12px;
	padding: 12px 0;
	border-bottom: 1px solid var(--fa-border-soft);
}

#checkout-checkout .checkout-summary-product:first-child {
	padding-top: 0;
}

#checkout-checkout .checkout-summary-product__main {
	min-width: 0;
}

#checkout-checkout .checkout-summary-product__name {
	display: block;
	color: #e9f1f9;
	font-size: 11px;
	font-weight: 750;
	line-height: 1.45;
}

#checkout-checkout .checkout-summary-product__main small {
	display: block;
	margin-top: 3px;
	color: #71869d;
	font-size: 9px;
}

#checkout-checkout .checkout-summary-product__quantity {
	grid-column: 1;
	color: #8195aa;
	font-size: 10px;
}

#checkout-checkout .checkout-summary-product__total {
	grid-column: 2;
	grid-row: 1 / span 2;
	align-self: center;
	color: #eef5fc;
	font-size: 11px;
	white-space: nowrap;
}

#checkout-checkout .checkout-summary-totals {
	display: grid;
	gap: 8px;
	padding-top: 15px;
}

#checkout-checkout .checkout-summary-total {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	color: #91a3b7;
	font-size: 10px;
}

#checkout-checkout .checkout-summary-total:not(.checkout-summary-total--final) {
	display: none;
}

#checkout-checkout .checkout-summary-total strong {
	color: #dfe9f4;
	font-size: 11px;
	white-space: nowrap;
}

#checkout-checkout .checkout-summary-total--final {
	margin-top: 4px;
	padding-top: 12px;
	border-top: 1px solid #2b4058;
	color: #eef5fc;
	font-size: 12px;
	font-weight: 850;
}

#checkout-checkout .checkout-summary-total--final strong {
	color: #fff;
	font-size: 17px;
}

#checkout-checkout #button-checkout-confirm {
	width: 100%;
	height: 46px;
	margin-top: 18px;
	border-radius: 8px;
	font-size: 11px;
	font-weight: 850;
	transition: border-color .18s ease, background-color .18s ease, color .18s ease, box-shadow .18s ease;
}

#checkout-checkout #button-checkout-confirm.disabled,
#checkout-checkout #button-checkout-confirm[disabled],
#checkout-checkout #button-checkout-confirm[disabled]:hover,
#checkout-checkout #button-checkout-confirm[disabled]:focus,
#checkout-checkout #button-checkout-confirm[disabled]:active {
	border-color: #263a52;
	background: #101d2c;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
	color: #63778d;
	text-shadow: none;
	opacity: 1;
	cursor: not-allowed;
}

#checkout-checkout .checkout-combined-section #collapse-shipping-method .shipping-provider {
	padding: 0;
	border: 0;
	background: transparent;
}

#checkout-checkout .checkout-combined-section #collapse-shipping-method .shipping-option {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 16px;
}

#checkout-checkout .checkout-combined-section #collapse-shipping-method .shipping-option .nova-poshta-field {
	margin: 0;
	padding: 0;
}

#checkout-checkout .checkout-combined-section,
#checkout-checkout .checkout-combined-section #collapse-shipping-method,
#checkout-checkout .checkout-combined-section .checkout-section-content,
#checkout-checkout .checkout-combined-section .shipping-methods,
#checkout-checkout .checkout-combined-section .shipping-provider,
#checkout-checkout .checkout-combined-section .shipping-provider__options,
#checkout-checkout .checkout-combined-section .shipping-option,
#checkout-checkout .checkout-combined-section .nova-poshta-field {
	overflow: visible;
}

#checkout-checkout .checkout-combined-section #collapse-shipping-method #ocnp_novaposhta_city .dropdown-menu {
	right: 0;
}

@media (max-width: 767px) {
	.checkout-page-heading {
		margin-bottom: 16px;
	}

	.checkout-page-heading h1 {
		font-size: 22px;
	}

	#checkout-checkout .checkout-steps {
		gap: 9px;
	}

	#checkout-checkout .checkout-steps>.panel>.panel-heading {
		grid-template-columns: 32px minmax(0, 1fr);
		gap: 10px;
		min-height: 56px;
		padding: 0 13px;
	}

	#checkout-checkout .checkout-steps>.panel>.panel-heading::before {
		width: 30px;
		height: 30px;
		font-size: 10px;
	}

	#checkout-checkout .checkout-steps .panel-title {
		font-size: 12px;
	}

	#checkout-checkout .checkout-steps .panel-title>a {
		min-height: 55px;
		margin-right: -13px;
		padding-right: 13px;
	}

	#checkout-checkout .checkout-steps .panel-body {
		padding: 16px 14px;
	}

	#checkout-checkout .checkout-steps .panel-body>.row>[class*="col-sm-"] {
		padding: 4px 0;
	}

	#checkout-checkout .checkout-steps .panel-body>.row>[class*="col-sm-"]+[class*="col-sm-"] {
		margin-top: 22px;
		padding-top: 22px;
		border-top: 1px solid var(--fa-border-soft);
		border-left: 0;
	}

	#checkout-checkout .checkout-steps .form-horizontal .control-label {
		margin-bottom: 6px;
	}

	#checkout-checkout .checkout-steps .buttons .pull-right {
		flex-wrap: wrap;
	}

	#checkout-checkout .checkout-steps .buttons .btn-primary {
		width: 100%;
	}

	#checkout-checkout .checkout-contact-grid {
		grid-template-columns: 1fr;
	}

	#checkout-checkout #collapse-shipping-method .shipping-provider {
		padding: 12px;
	}

	#checkout-checkout #collapse-shipping-method .shipping-option label {
		grid-template-columns: 18px minmax(0, 1fr);
		gap: 10px;
	}

	#checkout-checkout #collapse-shipping-method .shipping-option__price {
		grid-column: 2;
		padding: 0;
		border: 0;
	}

	#checkout-checkout #collapse-shipping-method .shipping-option .nova-poshta-field {
		padding-left: 40px;
	}

	#checkout-checkout .checkout-combined-layout {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	#checkout-checkout .checkout-combined-section,
	#checkout-checkout .checkout-summary-card {
		padding: 15px;
	}

	#checkout-checkout .checkout-summary-card {
		position: static;
	}

	#checkout-checkout .checkout-combined-section #collapse-shipping-method .shipping-option {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	#checkout-checkout .checkout-combined-section #collapse-shipping-method .shipping-option .nova-poshta-field {
		padding: 0;
	}
}

/* Remaining storefront routes */
[id^="account-"]:not([id^="account-return"]),
[id^="affiliate-"],
#product-manufacturer,
#product-search,
#information-sitemap,
#common-success,
#common-maintenance,
#error-not-found,
.blog-page {
	padding-top: 22px;
	padding-bottom: 52px;
}

[id^="account-"]:not([id^="account-return"]) #content>h1,
[id^="affiliate-"] #content>h1,
#product-manufacturer #content>h1,
#product-search #content>h1,
#information-sitemap #content>h1,
.blog-page #content>h1 {
	margin: 12px 0 24px;
	font-size: clamp(22px, 2.3vw, 28px);
	font-weight: 800;
	letter-spacing: -.035em;
}

[id^="account-"]:not([id^="account-return"]) #content .well,
[id^="affiliate-"] #content .well {
	height: 100%;
	margin-bottom: 22px;
	padding: 26px;
	border: 1px solid var(--fa-border-soft);
	border-radius: 14px;
	background: linear-gradient(145deg, rgba(20, 36, 58, .94), rgba(10, 20, 32, .98));
	box-shadow: 0 16px 38px rgba(0, 0, 0, .18);
}

[id^="account-"]:not([id^="account-return"]) #content .well h2,
[id^="affiliate-"] #content .well h2 {
	margin-top: 0;
	font-size: 22px;
}

[id^="account-"]:not([id^="account-return"]) #content fieldset,
[id^="affiliate-"] #content fieldset {
	margin-bottom: 22px;
	padding: 22px 24px 10px;
	border: 1px solid var(--fa-border-soft);
	border-radius: 14px;
	background: rgba(15, 28, 44, .76);
}

[id^="account-"]:not([id^="account-return"]) #content legend,
[id^="affiliate-"] #content legend {
	width: auto;
	margin: 0 0 12px;
	padding: 0 10px;
	border: 0;
	color: #fff;
	font-size: 19px;
	font-weight: 700;
}

[id^="account-"]:not([id^="account-return"]) #content .form-control,
[id^="affiliate-"] #content .form-control {
	min-height: 44px;
	border-color: var(--fa-border);
	border-radius: 8px;
	background: #0a1420;
	color: var(--fa-text);
}

[id^="account-"]:not([id^="account-return"]) #content .form-control:focus,
[id^="affiliate-"] #content .form-control:focus {
	border-color: var(--fa-accent);
	box-shadow: 0 0 0 3px rgba(244, 125, 32, .14);
}

[id^="account-"]:not([id^="account-return"]) #content .table-responsive,
[id^="affiliate-"] #content .table-responsive {
	margin-bottom: 22px;
	border: 1px solid var(--fa-border-soft);
	border-radius: 14px;
	background: rgba(15, 28, 44, .76);
	overflow: hidden;
}

[id^="account-"]:not([id^="account-return"]) #content .table,
[id^="affiliate-"] #content .table {
	margin-bottom: 0;
}

[id^="account-"]:not([id^="account-return"]) #content .table>thead>tr>td,
[id^="account-"]:not([id^="account-return"]) #content .table>thead>tr>th,
[id^="affiliate-"] #content .table>thead>tr>td,
[id^="affiliate-"] #content .table>thead>tr>th {
	border-bottom-color: var(--fa-border);
	background: #14243a;
	color: #fff;
	font-weight: 700;
}

[id^="account-"]:not([id^="account-return"]) #content .table>tbody>tr>td,
[id^="affiliate-"] #content .table>tbody>tr>td {
	padding: 14px;
	border-top-color: var(--fa-border-soft);
	vertical-align: middle;
}

[id^="account-"]:not([id^="account-return"]) #content .buttons,
[id^="affiliate-"] #content .buttons {
	margin-top: 22px;
	padding-top: 18px;
	border-top: 1px solid var(--fa-border-soft);
}

#account-account #content {
	min-width: 0;
}

.account-dashboard__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 20px;
	padding: 24px 26px;
	border: 1px solid var(--fa-border);
	border-radius: 14px;
	background: linear-gradient(120deg, #14243a 0%, #0d1928 72%);
	box-shadow: 0 16px 38px rgba(0, 0, 0, .22);
}

.account-dashboard__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-bottom: 8px;
	color: #72b5ff;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.account-dashboard__eyebrow .ti {
	font-size: 17px;
}

.account-dashboard__header h1 {
	margin: 0;
	color: #f4f8fc;
	font-size: 28px;
	line-height: 1.2;
}

.account-dashboard__logout {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 42px;
	padding: 0 17px;
	border: 1px solid rgba(255, 100, 100, .38);
	border-radius: 8px;
	background: rgba(215, 57, 57, .13);
	color: #ff8b8b;
	font-size: 12px;
	font-weight: 800;
	transition: border-color .16s ease, background .16s ease, color .16s ease;
}

.account-dashboard__logout .ti {
	font-size: 18px;
}

.account-dashboard__logout:hover,
.account-dashboard__logout:focus {
	border-color: #f06464;
	background: #c93636;
	color: #fff;
	text-decoration: none;
}

.account-dashboard__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: start;
	gap: 18px;
}

.account-dashboard-card {
	border: 1px solid var(--fa-border-soft);
	border-radius: 14px;
	background: #0f1c2c;
	box-shadow: 0 12px 30px rgba(0, 0, 0, .16);
	overflow: hidden;
}

.account-dashboard-card__head {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 68px;
	padding: 14px 18px;
	border-bottom: 1px solid var(--fa-border-soft);
	background: #14243a;
}

.account-dashboard-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 9px;
	background: rgba(72, 158, 255, .12);
	color: #72b5ff;
	font-size: 20px;
}

.account-dashboard-card__head h2 {
	margin: 0;
	color: #f0f5fb;
	font-size: 17px;
	line-height: 1.3;
}

.account-dashboard-card__links {
	margin: 0;
	padding: 7px 0;
}

.account-dashboard-card__links li+li {
	border-top: 1px solid var(--fa-border-soft);
}

.account-dashboard-card__links a {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 48px;
	padding: 9px 18px;
	color: #b8c7d8;
	transition: background .16s ease, color .16s ease, padding-left .16s ease;
}

.account-dashboard-card__links a span {
	min-width: 0;
}

.account-dashboard-card__links a .ti {
	margin-left: auto;
	color: #637890;
	font-size: 17px;
}

.account-dashboard-card__links a:hover,
.account-dashboard-card__links a:focus {
	padding-left: 22px;
	background: rgba(72, 158, 255, .07);
	color: #fff;
	text-decoration: none;
}

.account-dashboard-card__links a:hover .ti,
.account-dashboard-card__links a:focus .ti {
	color: #72b5ff;
}

.manufacturer-index {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 28px;
	padding: 16px 18px;
	border-radius: 12px;
	background: #14243a;
}

.manufacturer-index strong {
	margin-right: 8px;
	color: #fff;
}

.manufacturer-index a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 34px;
	height: 34px;
	padding: 0 10px;
	border-radius: 8px;
	background: rgba(255, 255, 255, .06);
	font-weight: 700;
}

.manufacturer-index a:hover {
	background: var(--fa-accent);
	color: #fff;
}

.manufacturer-letter {
	margin: 28px 0 12px;
	padding-bottom: 10px;
	border-bottom: 2px solid var(--fa-accent);
	font-size: 22px;
}

.manufacturer-grid {
	margin-bottom: 8px;
}

.manufacturer-link {
	display: block;
	margin-bottom: 10px;
	padding: 13px 15px;
	border-radius: 9px;
	background: rgba(20, 36, 58, .85);
	color: var(--fa-text-muted);
}

.manufacturer-link:hover {
	background: #1b304d;
	color: #fff;
	transform: translateY(-1px);
}

.sitemap-grid {
	display: flex;
	gap: 18px;
	margin: 0;
}

.sitemap-grid::before,
.sitemap-grid::after {
	display: none;
}

.sitemap-card {
	flex: 1;
	width: auto;
	padding: 24px 28px;
	border: 1px solid var(--fa-border-soft);
	border-radius: 14px;
	background: rgba(15, 28, 44, .8);
}

.sitemap-card>ul {
	margin: 0;
	padding-left: 0;
	list-style: none;
}

.sitemap-card li {
	padding: 6px 0;
}

.sitemap-card li ul {
	margin: 7px 0 4px;
	padding-left: 20px;
	border-left: 2px solid rgba(244, 125, 32, .3);
	list-style: none;
}

.sitemap-card a {
	color: var(--fa-text-muted);
}

.sitemap-card a:hover {
	color: var(--fa-accent);
}

.state-page {
	max-width: 720px;
	margin: 44px auto;
	padding: 48px 36px;
	border: 1px solid var(--fa-border-soft);
	border-radius: 18px;
	background: radial-gradient(circle at top, rgba(244, 125, 32, .1), transparent 45%), #0f1c2c;
	box-shadow: 0 22px 55px rgba(0, 0, 0, .22);
	text-align: center;
}

.state-page__icon {
	display: block;
	margin-bottom: 18px;
	color: var(--fa-accent);
	font-size: 58px;
}

.state-page h1,
.state-page__message h1 {
	margin: 0 0 14px;
	font-size: clamp(22px, 2.6vw, 28px);
}

.state-page__message {
	color: var(--fa-text-muted);
	font-size: 16px;
	line-height: 1.75;
}

.state-page .buttons {
	margin-top: 26px;
}

.blog-page .blog-toolbar {
	display: flex;
	align-items: center;
	margin: 0 0 20px;
	padding: 12px;
	border: 1px solid var(--fa-border-soft);
	border-radius: 12px;
	background: #0f1c2c;
}

.blog-page .blog-toolbar .form-group {
	margin-bottom: 0;
}

.blog-page .product-layout {
	margin-bottom: 18px;
}

.blog-page .product-thumb {
	min-height: 0;
}

.blog-page .product-thumb .caption {
	padding: 22px;
}

.blog-page .product-thumb .caption h4 {
	margin-top: 0;
	font-size: 21px;
}

.blog-page .product-thumb .description {
	display: block;
	color: var(--fa-text-muted);
	line-height: 1.65;
}

.blog-page .product-thumb .button-group button:first-child {
	flex: 1;
	text-align: left;
}

#blog-article #content>.row>div>.thumbnails {
	margin-bottom: 24px;
	padding: 0;
	list-style: none;
}

#blog-article #content>.row>div>.thumbnails .thumbnail {
	padding: 0;
	border: 0;
	border-radius: 16px;
	background: transparent;
	overflow: hidden;
}

#blog-article #content>.row>div>.content {
	padding: 30px;
	border: 1px solid var(--fa-border-soft);
	border-radius: 16px;
	background: rgba(15, 28, 44, .82);
}

#blog-article .content>h1 {
	margin: 0 0 22px;
	font-size: clamp(23px, 2.7vw, 28px);
	font-weight: 800;
	letter-spacing: -.035em;
}

#blog-article #tab-description {
	color: var(--fa-text-muted);
	font-size: 16px;
	line-height: 1.8;
}

#blog-article #tab-description img {
	max-width: 100%;
	height: auto;
	border-radius: 10px;
}

#blog-article .blog-info {
	margin: 20px 0;
	padding: 14px 16px;
	border-radius: 10px;
	background: #14243a;
}

#blog-article #form-review {
	margin-top: 26px;
	padding: 24px;
	border-radius: 12px;
	background: #0a1420;
}

.route-empty-state {
	padding: 34px;
	border: 1px dashed var(--fa-border);
	border-radius: 14px;
	background: rgba(15, 28, 44, .68);
	color: var(--fa-text-muted);
	text-align: center;
}

.btn-primary,
.btn-info {
	border-color: var(--fa-blue);
	background: var(--fa-blue);
	box-shadow: none;
	text-shadow: none;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-info:hover,
.btn-info:focus {
	border-color: #4aa5ff;
	background: #4aa5ff;
}

.btn-default {
	border-color: var(--fa-border);
	background: #132235;
	color: #dbe6f2;
	text-shadow: none;
}

.btn-default:hover {
	border-color: #3d5877;
	background: #1b3048;
	color: #fff;
}

.pagination>li>a,
.pagination>li>span {
	border-color: var(--fa-border);
	background: var(--fa-surface);
	color: #9db0c6;
}

.pagination>.active>a,
.pagination>.active>span {
	border-color: var(--fa-blue);
	background: var(--fa-blue);
}

/* Category controls */
.category-toolbar {
	display: grid;
	grid-template-columns: auto auto minmax(250px, 1fr) minmax(180px, 240px);
	align-items: center;
	gap: 10px;
	margin: 0 0 26px;
	padding: 10px;
	border: 1px solid rgba(82, 112, 148, .3);
	border-radius: 14px;
	background: linear-gradient(135deg, rgba(20, 36, 58, .92), rgba(9, 19, 31, .96));
	box-shadow: 0 14px 34px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .035);
}

.category-toolbar>[class*="col-"] {
	float: none;
	width: 100%;
	padding: 0;
}

.category-toolbar .form-group {
	margin: 0;
}

.category-toolbar__views {
	width: auto !important;
}

.category-toolbar__views .btn-group {
	display: flex;
	gap: 4px;
	padding: 4px;
	border: 1px solid rgba(82, 112, 148, .28);
	border-radius: 10px;
	background: #091522;
}

.category-toolbar__views .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 36px;
	padding: 0;
	border: 0;
	border-radius: 7px !important;
	background: transparent;
	color: #8293a9;
	font-size: 18px;
	box-shadow: none;
	transition: background .18s ease, color .18s ease, transform .18s ease;
}

.category-toolbar__views .btn:hover,
.category-toolbar__views .btn:focus {
	background: #17283d;
	color: #fff;
}

.category-toolbar__views .btn.active,
.category-toolbar__views .btn.active:hover,
.category-toolbar__views .btn.active:focus {
	background: linear-gradient(135deg, var(--fa-blue), #397fca);
	color: #fff;
	box-shadow: 0 5px 14px rgba(22, 139, 255, .24);
}

.category-toolbar__sort {
	min-width: 0;
}

.category-toolbar__limit {
	min-width: 0;
}

.category-toolbar .input-group {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	width: 100%;
	height: 46px;
	padding: 4px;
	border: 1px solid rgba(82, 112, 148, .28);
	border-radius: 10px;
	background: #091522;
}

.category-toolbar .input-group-addon {
	display: inline-flex;
	align-items: center;
	width: auto;
	height: 36px;
	padding: 0 10px;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #8fa0b5;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .035em;
	text-transform: uppercase;
	white-space: nowrap;
}

.category-toolbar select.form-control {
	min-width: 0;
	width: 100%;
	height: 36px;
	padding: 0 32px 0 11px;
	border: 0;
	border-left: 1px solid rgba(82, 112, 148, .24);
	border-radius: 0 7px 7px 0;
	background-color: #101f31;
	color: #e7eef7;
	font-size: 12px;
	box-shadow: none;
}

.category-toolbar select.form-control:hover {
	background-color: #152941;
}

.category-toolbar select.form-control:focus {
	background-color: #152941;
	box-shadow: inset 0 0 0 1px var(--fa-blue);
}

/* Stable toolbar layout without Bootstrap grid/input-group */
.category-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 12px;
}

.category-toolbar__primary {
	display: flex;
	align-items: center;
	gap: 8px;
	flex: 0 0 auto;
}

.category-toolbar__filters {
	display: grid;
	grid-template-columns: minmax(230px, 1fr) minmax(155px, 190px);
	gap: 8px;
	width: min(100%, 590px);
	margin-left: auto;
}

.category-toolbar__control {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	height: 46px;
	margin: 0;
	padding: 4px;
	border: 1px solid rgba(82, 112, 148, .28);
	border-radius: 10px;
	background: #091522;
	cursor: pointer;
}

.category-toolbar__control>span {
	padding: 0 10px;
	color: #8295ab;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .045em;
	text-transform: uppercase;
	white-space: nowrap;
}

.category-toolbar__control select.form-control {
	display: block;
	width: 100%;
	height: 36px;
	margin: 0;
	padding: 0 32px 0 11px;
	border: 0;
	border-left: 1px solid rgba(82, 112, 148, .24);
	border-radius: 0 7px 7px 0;
	background-color: #101f31;
	box-shadow: none;
}

/* Search page */
.search-page__heading {
	margin-bottom: 22px;
}

.search-page__heading h1 {
	margin: 4px 0 0;
	font-size: 28px;
	line-height: 1.2;
	letter-spacing: -.025em;
}

.search-page__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #79baff;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.search-page__eyebrow .ti {
	font-size: 16px;
}

.search-panel {
	margin-bottom: 28px;
	padding: 16px;
	border: 1px solid var(--fa-border);
	border-radius: 10px;
	background: var(--fa-surface);
	box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
}

.search-panel__fields {
	display: grid;
	grid-template-columns: minmax(280px, 1fr) minmax(220px, 320px) 148px;
	align-items: end;
	gap: 10px;
}

.search-panel__field {
	display: block;
	margin: 0;
}

.search-panel__field>span {
	display: block;
	margin-bottom: 7px;
	color: #9eafc3;
	font-size: 12px;
	font-weight: 700;
}

.search-panel__field .form-control {
	height: 44px;
	padding: 10px 13px;
	border-color: #293d55;
	border-radius: 7px;
	background-color: #0d1825;
	font-size: 13px;
}

.search-panel__field .form-control:hover {
	border-color: #3b5878;
}

.search-panel__options {
	display: flex;
	align-items: center;
	gap: 10px 24px;
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px solid var(--fa-border-soft);
}

.search-panel__check {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	margin: 0;
	color: #aebdd0;
	font-size: 12px;
	font-weight: 650;
	cursor: pointer;
}

.search-panel__check input {
	width: 17px;
	height: 17px;
	margin: 0;
	accent-color: var(--fa-blue);
}

.search-panel__check input:disabled+span {
	color: #5f7085;
}

.search-panel__submit {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	width: 100%;
	min-width: 0;
	height: 44px;
	margin: 0;
	padding: 0 20px;
	border-radius: 7px;
	font-weight: 800;
}

.search-panel__submit .ti {
	margin: 0;
	font-size: 18px;
}

.category-toolbar__primary {
	min-width: 0;
}

.category-compare-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	padding: 0 12px;
	border-radius: 8px;
	color: #aebdd0;
	font-size: 12px;
	font-weight: 700;
	white-space: nowrap;
}

.category-compare-link:hover,
.category-compare-link:focus {
	background: #17283d;
	color: #fff;
	text-decoration: none;
}

.category-compare-link .ti {
	color: #72b5ff;
	font-size: 18px;
}

.search-empty-state {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 220px;
	padding: 36px;
	border: 1px dashed #2d435d;
	border-radius: 14px;
	background: rgba(11, 20, 33, .75);
	color: #8fa0b5;
	text-align: center;
}

.search-empty-state .ti {
	margin-bottom: 14px;
	color: #58708d;
	font-size: 46px;
}

.search-empty-state p {
	max-width: 560px;
	margin: 0;
	font-size: 14px;
}

/* Footer */
footer {
	margin-top: auto;
	padding: 52px 0 24px;
	border-top: 1px solid var(--fa-border-soft);
	background: #050910;
	color: var(--fa-muted);
}

@media (max-width: 767px) {
	footer {
		padding: 24px 0 24px;
	}
	footer .container {
		width: 100% !important;
	}
}

footer h5 {
	margin: 0 0 18px;
	font-size: 13px;
	font-weight: 800;
	color: #fff;
}

footer a {
	display: inline-block;
	padding: 4px 0;
	color: var(--fa-muted);
}

footer a:hover {
	color: #fff;
}

footer hr {
	border-color: var(--fa-border-soft);
}

.footer-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
}

.footer-bottom p {
	margin: 0;
}

.footer-developer {
	display: inline-flex;
	align-items: baseline;
	gap: 7px;
	padding: 0;
	color: var(--fa-muted);
	font-size: 11px;
	text-decoration: none;
}

.footer-developer__name {
	position: relative;
	color: #fff;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: .025em;
}

.footer-developer__name::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -4px;
	left: 0;
	height: 1px;
	background: linear-gradient(90deg, var(--fa-blue), transparent);
	transform: scaleX(.35);
	transform-origin: left;
	transition: transform .2s ease;
}

.footer-developer .ti {
	color: #72b5ff;
	font-size: 14px;
	transition: transform .2s ease;
}

.footer-developer:hover,
.footer-developer:focus {
	color: #b9c8d9;
	text-decoration: none;
}

.footer-developer:hover .footer-developer__name::after {
	transform: scaleX(1);
}

.footer-developer:hover .ti {
	transform: translate(2px, -2px);
}

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

#top .container {
	width: min(100% - 70px, var(--fa-shell-width));
	max-width: var(--fa-shell-width);
}


@media (max-width: 991px) {
	:root {
		--fa-sidebar-width: 220px;
	}

	.category-toolbar {
		flex-wrap: wrap;
	}

	.category-toolbar__filters {
		width: 100%;
	}

	.search-panel__fields {
		grid-template-columns: minmax(0, 1fr) 148px;
	}

	.search-panel__query {
		grid-column: 1 / -1;
	}

	.home-main-grid {
		gap: 16px;
	}

	.home-category-panel li a {
		min-height: 38px;
		padding: 6px 12px;
	}

	header .header-grid {
		grid-template-columns: 180px 1fr;
		gap: 18px;
	}

	.header-actions {
		grid-column: 1 / -1;
	}

	.header-cart {
		width: auto;
	}

	#top .top-benefits {
		gap: 14px;
	}

	#top .top-benefits span {
		font-size: 10px;
	}

	#top .top-navigation {
		gap: 12px;
	}

	#menu .nav>li>a,
	#menu .catalog-link {
		padding-left: 14px;
		padding-right: 14px;
	}

	/* .product-thumb .image img {
		height: 190px;
	} */
}

@media (max-width: 889px) {
	#top .top-benefits {
		display: none;
	}
}

@media (max-width: 767px) {
	.search-page__heading {
		margin-bottom: 18px;
	}

	.search-page__heading h1 {
		font-size: 23px;
	}

	.search-panel {
		padding: 14px;
	}

	.search-panel__fields {
		grid-template-columns: 1fr;
	}

	.search-panel__options {
		align-items: flex-start;
		flex-direction: column;
		gap: 12px;
	}

	.search-panel__submit {
		width: 100%;
	}

	.search-empty-state {
		min-height: 180px;
		padding: 28px 18px;
	}

	body>.container,
	header .container,
	#top .container,
	footer .container,
	.container {
		width: calc(100% - 24px);
	}

	/* #top .container {
		min-height: 34px;
	} */


	#top .top-navigation {
		width: 100%;
		justify-content: flex-end;
		gap: 14px;
	}

	#top .top-navigation>a {
		display: none;
	}

	#top .top-navigation>a:last-of-type {
		display: inline;
	}

	#top .top-navigation .blog-menu,
	#top .top-navigation #form-currency {
		display: none;
	}

	header {
		padding: 16px 0 0;
	}

	header .container {
		padding-bottom: 16px;
	}

	header .header-grid {
		grid-template-columns: 1fr auto;
		align-items: center;
		gap: 14px;
	}

	.header-logo {
		min-width: 0;
	}

	#logo img {
		max-width: 170px;
		max-height: 54px;
	}

	.header-search {
		grid-column: 1 / -1;
		grid-row: 2;
	}

	.header-actions {
		grid-column: 2;
		grid-row: 1;
		gap: 12px;
	}

	.header-account span,
	.header-wishlist span,
	.header-compare span {
		display: none;
	}

	.header-account>a,
	.header-wishlist,
	.header-compare {
		display: flex;
		min-width: 0;
	}

	.header-account>a .ti,
	.header-wishlist .ti,
	.header-compare .ti {
		font-size: 19px;
	}

	.header-cart {
		width: 48px;
	}

	#cart>.btn {
		display: flex;
		width: 48px;
		min-width: 48px;
		height: 32px;
		min-height: 32px;
		padding: 0;
		justify-content: center;
	}

	#cart .cart-label {
		display: none;
	}

	#cart .dropdown-menu {
		position: fixed;
		top: 114px;
		right: 12px;
		left: 12px;
		width: auto;
		min-width: 0;
		max-height: calc(100vh - 128px);
		overflow-y: auto;
	}

	#cart .dropdown-menu::before {
		display: none;
	}

	#cart .cart-dropdown-list {
		max-height: calc(100vh - 340px);
	}

	body>header+.container {
		width: 100%;
	}

	#menu {
		min-height: 50px;
	}

	#menu {
		background: #0a1420;
		box-shadow: 0 1px 0 var(--fa-border-soft);
	}

	#menu .navbar-header {
		min-height: 50px;
	}

	#menu #category {
		line-height: 50px;
	}

	#menu .btn-navbar {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		margin: 5px 12px 0 0;
		padding: 0;
		border: 1px solid #2c405a;
		border-radius: var(--fa-radius);
		background: var(--fa-surface-2);
		background-image: none;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
		color: #72b5ff;
		text-shadow: none;
		transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
	}

	#menu .btn-navbar .ti {
		font-size: 22px;
		line-height: 1;
	}

	#menu .btn-navbar:hover,
	#menu .btn-navbar:focus {
		border-color: var(--fa-blue);
		background: #14243a;
		color: #fff;
		box-shadow: 0 0 0 3px rgba(22, 139, 255, .14);
		outline: none;
	}

	#menu .btn-navbar:active,
	#menu .btn-navbar[aria-expanded="true"] {
		border-color: var(--fa-blue);
		background: var(--fa-blue);
		color: #fff;
		box-shadow: 0 6px 18px rgba(22, 139, 255, .22);
		transform: translateY(1px);
	}

	#menu .navbar-collapse {
		width: 100%;
		margin: 0;
		padding: 0 12px 12px;
		border: 0;
		box-shadow: none;
	}

	#menu .navbar-nav {
		display: block;
		margin: 0;
	}

	#menu .nav>li>a,
	#menu .catalog-link {
		width: 100%;
		min-width: 0;
		min-height: 44px;
		justify-content: flex-start;
		border-radius: 5px;
	}

	#menu .nav>li.menu-special {
		margin-left: 0;
	}

	#menu .catalog-mega-menu {
		position: static;
		max-height: 65vh;
		margin-top: 8px;
		padding: 12px 12px 0;
		border-width: 1px;
		border-radius: 10px;
		overflow-y: auto;
	}

	#menu .catalog-mega-grid {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	#menu .catalog-mega-group {
		padding: 14px;
	}

	#menu .catalog-mega-group:hover {
		transform: none;
	}

	#menu .catalog-mega-group:only-child .catalog-mega-children {
		grid-template-columns: 1fr;
	}

	#menu .catalog-mega-all {
		margin: 12px -12px 0;
		border-radius: 0 0 9px 9px;
	}

	#menu .catalog-mega-shell {
		grid-template-columns: 1fr;
		height: auto;
		min-height: 0;
	}

	#menu .catalog-mega-roots {
		max-height: 220px;
		border-right: 0;
		border-bottom: 1px solid rgba(82, 112, 148, .28);
	}

	#menu .catalog-mega-content {
		max-height: 42vh;
		padding: 16px 12px;
	}

	#menu .catalog-mega-heading {
		margin-bottom: 14px;
		font-size: 17px;
	}

	#menu .catalog-mega-cards {
		grid-template-columns: 1fr;
	}

	#menu .catalog-mega-menu>.catalog-mega-all {
		margin: 0;
		border-radius: 0 0 9px 9px;
	}

	.fa-form-card {
		padding: 18px 15px;
	}

	.fa-form-card .form-group {
		display: block;
		margin-bottom: 16px;
	}

	.fa-form-card .control-label {
		display: block;
		width: 100%;
		padding: 0 0 7px;
		text-align: left;
	}

	.fa-form-card .form-group>[class*="col-"] {
		width: 100%;
		padding: 0;
	}

	.fa-form-card .buttons .pull-right {
		float: none !important;
		text-align: right;
	}

	.contact-info-card .panel-body {
		padding: 18px;
	}

	.contact-info-card .panel-body>.row {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	#information-contact #content>h1 {
		font-size: 27px;
	}

	#information-contact #content>h3 {
		margin-top: 26px;
	}

	#information-contact .contact-form-card {
		margin-top: 24px;
	}

	.google-map {
		width: calc(100% - 24px);
		margin-top: 28px;
	}

	.google-map iframe {
		height: 280px;
		max-height: 280px;
	}

	.car-fit-layout {
		display: block;
	}

	.car-fit-filter {
		margin-bottom: 20px;
	}

	.car-fit-results {
		min-height: 0;
	}

	.category-toolbar {
		display: block;
		gap: 10px;
		padding: 10px;
	}

	.category-toolbar__primary {
		display: none;
	}

	.category-toolbar__filters {
		grid-template-columns: 1fr;
		width: 100%;
		margin: 0;
	}

	.account-dashboard__grid {
		grid-template-columns: 1fr;
	}

	.account-dashboard__header {
		padding: 20px;
	}

	.account-dashboard__header h1 {
		font-size: 25px;
	}

	.account-dashboard__logout {
		min-width: 42px;
		padding: 0 11px;
	}

	.account-dashboard__logout span {
		display: none;
	}

	[id^="account-"]:not([id^="account-return"]) #content fieldset,
	[id^="affiliate-"] #content fieldset,
	[id^="account-"]:not([id^="account-return"]) #content .well,
	[id^="affiliate-"] #content .well {
		padding: 18px 15px 8px;
	}

	.sitemap-grid {
		display: block;
	}

	.sitemap-card {
		width: 100%;
		margin-bottom: 16px;
		padding: 20px;
	}

	.state-page {
		margin: 24px auto;
		padding: 36px 20px;
	}

	#blog-article #content>.row>div>.content {
		padding: 20px 16px;
	}

	.blog-page .blog-toolbar {
		align-items: stretch;
		flex-wrap: wrap;
	}

	.blog-page .blog-toolbar>[class*="col-"] {
		width: 100%;
		margin: 0 0 10px;
	}

	.blog-page .blog-toolbar>[class*="col-"]:last-child {
		margin-bottom: 0;
	}

	#common-home,
	#product-category,
	#product-product,
	#product-search {
		padding-top: 16px;
	}

	.home-main-grid {
		display: block;
	}

	.home-category-panel {
		display: none;
	}

	.slideshow .swiper-slide img {
		min-height: 210px;
		max-height: 270px;
	}

	.slideshow.swiper-viewport .swiper-pager .swiper-button-next,
	.slideshow.swiper-viewport .swiper-pager .swiper-button-prev {
		width: 42px;
	}

	.carousel.swiper-viewport {
		padding: 12px 44px;
	}

	.carousel.swiper-viewport .swiper-pager .swiper-button-prev,
	.carousel.swiper-viewport .swiper-pager .swiper-button-next {
		width: 34px;
		height: 56px;
		margin-top: -28px;
		border-radius: 8px;
	}

	.carousel.swiper-viewport .swiper-pager .swiper-button-prev {
		left: 6px;
	}

	.carousel.swiper-viewport .swiper-pager .swiper-button-next {
		right: 6px;
	}

	.carousel.swiper-viewport .swiper-pager .swiper-button-prev:before,
	.carousel.swiper-viewport .swiper-pager .swiper-button-next:before {
		font-size: 21px;
	}

	.swiper-viewport {
		overflow: hidden !important;
	}

	.swiper-viewport .swiper-pager {
		left: 0;
		right: 0;
		width: auto;
	}

	/* .product-thumb .image img {
		height: 220px;
	} */

	footer .col-sm-3 {
		margin-bottom: 24px;
	}

	.footer-bottom {
		align-items: flex-start;
		flex-direction: column;
		gap: 10px;
	}
}

.universal-product-filter__values {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 10px;
	color: #b9c6d6;
	font-size: 12px;
}

.universal-product-filter__values label {
	flex: 1 1 0;
	margin: 0;
}

.universal-product-filter__values label span {
	display: block;
	margin-bottom: 5px;
}

.universal-product-filter__values .form-control {
	width: 100%;
	height: 34px;
	padding: 6px 8px;
	font-size: 12px;
	-moz-appearance: textfield;
}

.universal-product-filter__values input[type="number"]::-webkit-inner-spin-button,
.universal-product-filter__values input[type="number"]::-webkit-outer-spin-button {
	margin: 0;
	-webkit-appearance: none;
}

.universal-product-filter__price.is-disabled {
	opacity: .45;
}

.universal-product-filter__price.is-disabled input {
	cursor: not-allowed;
}

.universal-product-filter__group {
	margin: 0 0 16px;
	padding: 0;
	border: 0;
}

.universal-product-filter__group summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin: 0;
	padding: 0;
	color: #cbd7e5;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
	list-style: none;
}

.universal-product-filter__group summary::-webkit-details-marker {
	display: none;
}

.universal-product-filter__group summary::after {
	content: "";
	width: 7px;
	height: 7px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	transition: transform .2s ease;
}

.universal-product-filter__group[open] summary::after {
	transform: rotate(225deg);
}

.universal-product-filter__options {
	padding-top: 8px;
}

.universal-product-filter__option {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 6px 0;
	color: #aebccd;
	font-size: 12px;
	font-weight: 500;
	cursor: pointer;
}

.universal-product-filter__option input {
	margin: 0;
	accent-color: var(--fa-blue);
}

.category-results-summary {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 12px 20px;
	margin: -4px 0 20px;
}

.category-results-summary__count {
	flex: 0 0 auto;
	color: #8494a8;
	font-size: 13px;
}

.category-results-summary__filters {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 8px;
}

.category-filter-tag {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 9px;
	border: 1px solid rgba(45, 140, 255, .38);
	border-radius: 999px;
	background: rgba(45, 140, 255, .1);
	color: #b8d6ff;
	font-size: 12px;
	font-family: inherit;
	font-weight: 600;
	cursor: pointer;
}

.category-filter-tag:hover,
.category-filter-tag:focus {
	border-color: var(--fa-blue);
	color: #fff;
	text-decoration: none;
}

.category-filter-tag .ti {
	font-size: 14px;
}

@media (max-width: 767px) {
	.category-results-summary {
		align-items: flex-start;
		flex-direction: column;
	}

	.category-results-summary__filters {
		justify-content: flex-start;
	}
}

.universal-product-filter__ranges {
	position: relative;
	height: 28px;
}

.universal-product-filter__ranges::before {
	content: "";
	position: absolute;
	top: 12px;
	right: 0;
	left: 0;
	z-index: 0;
	height: 4px;
	border-radius: 4px;
	background: #2a3d56;
}

.universal-product-filter__ranges input[type="range"] {
	position: absolute;
	top: 6px;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 16px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	-webkit-appearance: none;
	appearance: none;
	pointer-events: none;
}

.universal-product-filter__ranges input[type="range"]::-webkit-slider-thumb {
	pointer-events: auto;
}

.universal-product-filter__ranges input[type="range"]::-moz-range-thumb {
	pointer-events: auto;
}

/* Modern product page — Dark Garage Premium */
#product-product.product-page {
	max-width: 1440px;
}

#product-product .product-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.18fr) minmax(390px, .82fr);
	gap: 0 30px;
	margin: 0;
}

#product-product .product-gallery-column {
	display: contents;
}

#product-product .product-gallery {
	grid-column: 1;
	grid-row: 1;
	position: relative;
	min-width: 0;
	border-radius: 14px;
	overflow: hidden;
}

#product-product .product-gallery__slides {
	margin: 0;
	padding: 0;
	list-style: none;
}

#product-product .product-gallery__slide {
	display: none;
	float: none;
	width: 100%;
	margin: 0;
}

#product-product .product-gallery__slide.is-active {
	display: block;
	animation: product-gallery-fade .24s ease;
}

@keyframes product-gallery-fade {
	from {
		opacity: .35;
	}

	to {
		opacity: 1;
	}
}

#product-product .product-gallery__image {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 570px;
	margin: 0;
	padding: 28px;
	border: 1px solid #20334a;
	border-radius: 14px;
	background: #93a2b7;
	box-shadow: none;
	overflow: hidden;
	transition: border-color .18s ease;
}

#product-product .product-gallery__image:hover,
#product-product .product-gallery__image:focus {
	border-color: var(--fa-blue);
}

#product-product .product-gallery__image img {
	width: 100%;
	object-fit: cover;
	max-height: 500px;
}

#product-product .product-gallery__image img[src*="placeholder"] {
	width: auto;
}

#product-product .product-gallery__arrow {
	position: absolute;
	top: 50%;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: 50%;
	background: rgba(7, 19, 32, .72);
	color: #fff;
	font-size: 24px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .22);
	transform: translateY(-50%);
	transition: background .18s ease, border-color .18s ease, transform .18s ease;
	backdrop-filter: blur(8px);
}

#product-product .product-gallery__arrow:hover,
#product-product .product-gallery__arrow:focus {
	border-color: var(--fa-blue);
	background: rgba(22, 139, 255, .88);
}

#product-product .product-gallery__arrow--prev {
	left: 18px;
}

#product-product .product-gallery__arrow--next {
	right: 18px;
}

#product-product .product-gallery__dots {
	position: absolute;
	left: 50%;
	bottom: 18px;
	z-index: 3;
	display: flex;
	gap: 8px;
	align-items: center;
	padding: 8px 11px;
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 999px;
	background: rgba(7, 19, 32, .68);
	transform: translateX(-50%);
	backdrop-filter: blur(8px);
}

#product-product .product-gallery__dots button {
	width: 8px;
	height: 8px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .48);
	transition: width .18s ease, background .18s ease;
}

#product-product .product-gallery__dots button.is-active {
	width: 22px;
	border-radius: 999px;
	background: var(--fa-blue);
}

#product-product .product-gallery--single .product-gallery__arrow,
#product-product .product-gallery--single .product-gallery__dots {
	display: none;
}

#product-product .product-gallery:focus {
	outline: none;
}

#product-product .product-gallery:focus-visible {
	outline: 2px solid var(--fa-blue);
	outline-offset: 4px;
}

#product-product .product-summary {
	grid-column: 2;
	grid-row: 1;
	position: relative;
	width: auto;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	padding: 30px;
	border: 1px solid rgba(69, 118, 170, .38);
	border-radius: 16px;
	background:
		radial-gradient(circle at 100% 0, rgba(22, 139, 255, .12), transparent 34%),
		linear-gradient(155deg, #0e1c2d 0%, #0a1522 100%);
	box-shadow: 0 24px 60px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .035);
	float: none;
	overflow: hidden;
}

#product-product .product-summary::before {
	position: absolute;
	top: 0;
	left: 30px;
	right: 30px;
	height: 2px;
	background: linear-gradient(90deg, transparent, var(--fa-blue), transparent);
	content: '';
}

#product-product .product-summary h1 {
	margin: 10px 0 16px 0;
	color: #f7f9fc;
	font-size: clamp(24px, 2.4vw, 30px);
	font-weight: 800;
	line-height: 1.16;
	letter-spacing: -.025em;
}

#product-product .product-quick-actions {
	display: flex;
	gap: 8px;
	float: right;
}

#product-product .product-quick-actions .btn {
	width: 40px;
	height: 40px;
	padding: 0;
	border-color: rgba(92, 133, 177, .36);
	border-radius: 10px;
	background: rgba(19, 36, 57, .78);
	color: #aebed2;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}

#product-product .product-quick-actions .btn:hover {
	border-color: var(--fa-blue);
	background: rgba(22, 139, 255, .14);
	color: #fff;
}

#product-product .product-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 18px;
	padding: 0;
	border: 0;
	color: #95a7bc;
	font-size: 12px;
}

#product-product .product-meta li {
	padding: 6px 9px;
	border: 1px solid rgba(78, 112, 151, .24);
	border-radius: 7px;
	background: rgba(8, 19, 32, .48);
}

#product-product .product-meta li:last-child {
	border-color: rgba(75, 209, 118, .2);
	color: #58dc82;
	font-weight: 700;
}

#product-product .product-price {
	margin: 0 0 20px;
	padding: 17px 18px;
	border: 1px solid rgba(55, 104, 154, .3);
	border-radius: 11px;
	background: linear-gradient(135deg, rgba(18, 40, 65, .9), rgba(12, 27, 45, .86));
}

#product-product .product-price h2 {
	margin: 0;
	color: #fff;
	font-size: 36px;
	font-weight: 850;
	letter-spacing: -.02em;
}

#product-product .product-price>li:not(:first-child) {
	color: #8fa1b7;
	font-size: 12px;
}

#product-product .product-purchase {
	margin-top: 18px;
}

#product-product .product-purchase>hr {
	margin: 22px 0;
	border-color: #20334a;
}

#product-product .product-purchase h3 {
	margin: 0 0 16px;
	color: #eef4fb;
	font-size: 16px;
	font-weight: 800;
}

#product-product .product-purchase .control-label {
	margin-bottom: 7px;
	color: #aebed0;
	font-size: 12px;
	font-weight: 700;
}

#product-product .product-purchase .form-control {
	height: 44px;
	border-color: #2a405b;
	border-radius: 7px;
	background: #101e2f;
}

#product-product .product-purchase .radio,
#product-product .product-purchase .checkbox {
	display: inline-block;
	margin: 0 8px 8px 0;
}

#product-product .product-purchase .radio label,
#product-product .product-purchase .checkbox label {
	padding: 10px 12px 10px 34px;
	border: 1px solid #2a405b;
	border-radius: 7px;
	background: #101e2f;
}

#product-product .product-buy-row {
	display: grid;
	grid-template-columns: 118px minmax(190px, 1fr);
	gap: 8px 14px;
	align-items: end;
	margin: 22px 0 0;
}

#product-product .product-buy-row>label {
	grid-column: 1;
}

#product-product .product-quantity {
	grid-column: 1;
	display: grid;
	grid-template-columns: 36px 46px 36px;
	height: 48px;
	border: 1px solid #2a405b;
	border-radius: 8px;
	overflow: hidden;
}

#product-product .product-quantity__button {
	padding: 0;
	border: 0;
	background: #132237;
	color: #c6d2e0;
	font-size: 20px;
}

#product-product .product-quantity__button:hover {
	background: #1d3553;
	color: #fff;
}

#product-product .product-quantity #input-quantity {
	width: 46px;
	height: 46px;
	padding: 0;
	border-width: 0 1px;
	border-color: #2a405b;
	border-radius: 0;
	text-align: center;
}

#product-product #button-cart {
	grid-column: 2;
	height: 50px;
	margin: 0;
	border: 0;
	border-radius: 10px;
	background: linear-gradient(135deg, #168bff, #0875e6);
	box-shadow: 0 12px 28px rgba(22, 139, 255, .26), inset 0 1px 0 rgba(255, 255, 255, .18);
	font-size: 16px;
	font-weight: 800;
	transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

#product-product #button-cart:hover {
	background: linear-gradient(135deg, #42a1ff, #168bff);
	box-shadow: 0 15px 32px rgba(22, 139, 255, .34);
	transform: translateY(-1px);
}

#product-product .product-summary>.rating {
	margin: 20px 0 0;
	color: #91a3b8;
}

#product-product .product-summary>.rating p {
	margin: 0;
}

#product-product .product-service-info {
	display: grid;
	gap: 0;
	margin-top: 22px;
	border: 1px solid rgba(70, 112, 157, .3);
	border-radius: 12px;
	background: rgba(7, 17, 29, .52);
	overflow: hidden;
}

#product-product .product-service-info__item {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	padding: 14px 16px;
}

#product-product .product-service-info__item+.product-service-info__item {
	border-top: 1px solid rgba(70, 112, 157, .24);
}

#product-product .product-service-info__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border: 1px solid rgba(22, 139, 255, .26);
	border-radius: 10px;
	background: rgba(22, 139, 255, .1);
	color: #55aaff;
	font-size: 22px;
}

#product-product .product-service-info__copy {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

#product-product .product-service-info__copy small {
	margin-bottom: 2px;
	color: #7f94ac;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
}

#product-product .product-service-info__copy strong {
	color: #eaf2fb;
	font-size: 14px;
	font-weight: 750;
}

#product-product .product-tabs {
	grid-column: 1 / -1;
	grid-row: 2;
	display: flex;
	gap: 6px;
	margin: 38px 0 0;
	padding: 6px;
	border: 1px solid rgba(67, 104, 145, .34);
	border-radius: 14px;
	background: rgba(8, 20, 33, .72);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 10px 30px rgba(0, 0, 0, .12);
}

#product-product .product-tabs>li {
	float: none;
	margin: 0;
}

#product-product .product-tabs>li:has(> a[href="#tab-description"]) {
	order: 1;
}

#product-product .product-tabs>li:has(> a[href="#tab-specification"]) {
	order: 2;
}

#product-product .product-tabs>li:has(> a[href="#tab-car-fit-compatibility"]) {
	order: 3;
}

#product-product .product-tabs>li:has(> a[href="#tab-review"]) {
	order: 4;
}

#product-product .product-tabs>li>a {
	display: flex;
	gap: 8px;
	align-items: center;
	margin: 0;
	padding: 11px 17px;
	border: 1px solid transparent;
	border-radius: 9px;
	background: transparent;
	color: #8fa1b7;
	font-weight: 700;
	line-height: 1.35;
	transition: border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
}

#product-product .product-tabs>li>a .ti {
	font-size: 18px;
}

#product-product .product-tabs>li.active>a,
#product-product .product-tabs>li.active>a:hover,
#product-product .product-tabs>li>a:hover {
	border: 1px solid rgba(52, 158, 255, .34);
	background: linear-gradient(135deg, rgba(22, 139, 255, .2), rgba(22, 139, 255, .08));
	color: #fff;
	box-shadow: 0 5px 18px rgba(0, 91, 181, .14);
}

#product-product .product-tab-content {
	grid-column: 1 / -1;
	grid-row: 3;
	position: relative;
	margin-top: 14px;
	padding: 28px;
	border: 1px solid rgba(67, 104, 145, .34);
	border-radius: 16px;
	background: linear-gradient(145deg, rgba(14, 31, 50, .92), rgba(8, 19, 31, .96));
	box-shadow: 0 18px 45px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .025);
	color: #b9c7d6;
	line-height: 1.75;
	overflow: hidden;
}

#product-product .product-tab-content::before {
	position: absolute;
	top: 0;
	left: 28px;
	width: 72px;
	height: 2px;
	border-radius: 0 0 2px 2px;
	background: var(--fa-blue);
	box-shadow: 0 0 18px rgba(22, 139, 255, .5);
	content: '';
}

#product-product .product-tab-content>.tab-pane {
	min-height: 90px;
}

#product-product .product-tab-content>.tab-pane.active {
	animation: product-tab-reveal .22s ease both;
}

@keyframes product-tab-reveal {
	from {
		opacity: 0;
		transform: translateY(5px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

#product-product #tab-description {
	color: #afbed0;
	font-size: 14px;
}

#product-product #tab-description> :first-child {
	margin-top: 0;
}

#product-product #tab-description> :last-child {
	margin-bottom: 0;
}

#product-product #tab-description h1,
#product-product #tab-description h2,
#product-product #tab-description h3,
#product-product #tab-description h4 {
	margin: 1.4em 0 .65em;
	color: #edf4fc;
	font-weight: 800;
	line-height: 1.3;
}

#product-product #tab-description h2 {
	font-size: 22px;
}

#product-product #tab-description h3 {
	font-size: 18px;
}

#product-product #tab-description p {
	margin: 0 0 1em;
}

#product-product #tab-description ul,
#product-product #tab-description ol {
	margin: 0 0 1.15em;
	padding-left: 22px;
}

#product-product #tab-description li {
	margin-bottom: 6px;
}

#product-product #tab-description a {
	color: #55aaff;
	text-decoration: underline;
	text-decoration-color: rgba(85, 170, 255, .35);
	text-underline-offset: 3px;
}

#product-product #tab-description img {
	max-width: 100%;
	height: auto;
	border-radius: 10px;
}

#product-product #tab-description blockquote {
	margin: 18px 0;
	padding: 14px 18px;
	border: 0;
	border-left: 3px solid var(--fa-blue);
	border-radius: 0 9px 9px 0;
	background: rgba(22, 139, 255, .07);
	color: #c5d3e2;
	font-size: inherit;
}

#product-product .product-specification-wrap,
#product-product #tab-car-fit-compatibility .table-responsive {
	border: 1px solid rgba(67, 104, 145, .34);
	border-radius: 12px;
	background: rgba(7, 17, 29, .46);
	overflow: hidden;
}

#product-product .product-specification,
#product-product #tab-car-fit-compatibility .table {
	margin: 0;
	border: 0;
}

#product-product .product-specification>thead>tr>td,
#product-product #tab-car-fit-compatibility .table>thead>tr>th {
	padding: 13px 16px;
	border: 0;
	border-bottom: 1px solid rgba(65, 112, 161, .4);
	background: rgba(22, 139, 255, .1);
	color: #eaf3fc;
	font-size: 13px;
	letter-spacing: .025em;
}

#product-product .product-specification>tbody>tr>td,
#product-product #tab-car-fit-compatibility .table>tbody>tr>td {
	padding: 13px 16px;
	border: 0;
	border-bottom: 1px solid rgba(49, 78, 110, .38);
	background: transparent;
	color: #c4d1df;
	vertical-align: middle;
}

#product-product .product-specification>tbody:last-child>tr:last-child>td,
#product-product #tab-car-fit-compatibility .table>tbody>tr:last-child>td {
	border-bottom: 0;
}

#product-product .product-specification>tbody>tr>td:first-child {
	width: 38%;
	color: #8297ae;
	font-weight: 650;
}

#product-product .product-specification>tbody>tr:hover>td,
#product-product #tab-car-fit-compatibility .table>tbody>tr:hover>td {
	background: rgba(22, 139, 255, .055);
}

#product-product #tab-car-fit-compatibility>p:first-child {
	margin-top: 0;
	color: #dbe7f3;
}

#product-product #tab-review {
	padding: 2px;
}

#product-product #form-review {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr);
	gap: 24px;
	align-items: start;
}

#product-product .product-review-list {
	min-width: 0;
}

#product-product .product-review-card {
	margin-bottom: 14px;
	border: 1px solid rgba(66, 105, 147, .34);
	border-radius: 13px;
	background: linear-gradient(145deg, rgba(15, 31, 50, .92), rgba(9, 20, 33, .92));
	box-shadow: 0 12px 32px rgba(0, 0, 0, .16);
	overflow: hidden;
}

#product-product .product-review-card__header {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr) auto;
	gap: 11px;
	align-items: center;
	padding: 14px 16px;
	border-bottom: 1px solid rgba(66, 105, 147, .24);
}

#product-product .product-review-card__avatar {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 10px;
	background: rgba(22, 139, 255, .12);
	color: #53a9ff;
	font-size: 19px;
}

#product-product .product-review-card__header strong {
	color: #edf4fc;
	font-size: 14px;
}

#product-product .product-review-card__header time {
	color: #788da5;
	font-size: 11px;
}

#product-product .product-review-card__header time .ti {
	margin-right: 4px;
}

#product-product .product-review-card__body {
	padding: 16px;
}

#product-product .product-review-card__body p {
	margin: 0 0 12px;
	color: #afbed0;
	line-height: 1.7;
}

#product-product .product-review-card__rating {
	display: flex;
	gap: 3px;
	color: #53677f;
}

#product-product .product-review-card__rating .ti-star-active {
	color: #f4b942;
}

#product-product .product-review-empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 220px;
	padding: 30px;
	border: 1px dashed #2a425f;
	border-radius: 13px;
	background: rgba(11, 25, 41, .56);
	color: #8195ad;
	text-align: center;
}

#product-product .product-review-empty>.ti {
	margin-bottom: 10px;
	color: #489ff5;
	font-size: 34px;
}

#product-product .product-review-empty p {
	margin: 0;
}

#product-product .product-review-form-panel {
	padding: 22px;
	border: 1px solid rgba(66, 105, 147, .36);
	border-radius: 14px;
	background: linear-gradient(155deg, #0e1d2f, #091522);
	box-shadow: 0 16px 38px rgba(0, 0, 0, .2);
}

#product-product .product-review-form-heading {
	display: flex;
	gap: 12px;
	align-items: center;
	margin-bottom: 20px;
}

#product-product .product-review-form-heading>span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 11px;
	background: rgba(22, 139, 255, .12);
	color: #54aaff;
	font-size: 22px;
}

#product-product .product-review-form-heading h2 {
	margin: 0;
	color: #f2f6fb;
	font-size: 19px;
	font-weight: 800;
}

#product-product .product-review-form-panel .form-group {
	margin-right: -8px;
	margin-bottom: 18px;
	margin-left: -8px;
}

#product-product .product-review-form-panel .form-group>div {
	padding-right: 8px;
	padding-left: 8px;
}

#product-product .product-review-form-panel .control-label {
	margin-bottom: 7px;
	color: #afbed0;
	font-size: 12px;
	font-weight: 750;
}

#product-product .product-review-form-panel .form-control {
	border: 1px solid #2a425e;
	border-radius: 9px;
	background: #0b1929;
	color: #e3ebf5;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .16);
}

#product-product .product-review-form-panel input.form-control {
	height: 46px;
}

#product-product .product-review-form-panel textarea.form-control {
	min-height: 130px;
	padding-top: 12px;
	resize: vertical;
}

#product-product .product-review-form-panel .form-control:focus {
	border-color: var(--fa-blue);
	box-shadow: 0 0 0 3px rgba(22, 139, 255, .12);
}

#product-product .product-review-form-panel .help-block {
	margin: 7px 0 0;
	color: #71869e;
	font-size: 11px;
}

#product-product .product-review-rating {
	display: flex;
	gap: 7px;
	align-items: center;
	flex-wrap: wrap;
}

#product-product .product-review-rating small {
	color: #778ca4;
	font-size: 10px;
}

#product-product .product-review-rating label {
	margin: 0;
	cursor: pointer;
}

#product-product .product-review-rating input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

#product-product .product-review-rating label span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border: 1px solid #2b435f;
	border-radius: 8px;
	background: #102138;
	color: #9caec1;
	font-size: 12px;
	transition: border-color .16s ease, background .16s ease, color .16s ease;
}

#product-product .product-review-rating label:hover span {
	border-color: #4289ce;
	color: #fff;
}

#product-product .product-review-rating input:focus+span {
	box-shadow: 0 0 0 3px rgba(22, 139, 255, .16);
}

#product-product .product-review-rating input:checked+span {
	border-color: var(--fa-blue);
	background: var(--fa-blue);
	color: #fff;
}

#product-product .product-review-form-panel .buttons {
	margin-top: 4px;
}

#product-product #button-review {
	min-width: 150px;
	height: 44px;
	border: 0;
	border-radius: 9px;
	font-weight: 800;
}

#product-product .product-review-login {
	padding: 16px;
	border-radius: 9px;
	background: rgba(22, 139, 255, .08);
	color: #9fb2c8;
}

#product-product .product-review-pagination {
	margin-top: 16px;
	color: #7f93aa;
}

#product-product #content>h3 {
	margin-top: 36px;
	color: #f4f7fb;
	font-size: 22px;
	font-weight: 800;
}

#product-product .product-tags {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	margin-top: 20px;
	padding: 16px 18px;
	border: 1px solid rgba(67, 104, 145, .34);
	border-radius: 13px;
	background: linear-gradient(145deg, rgba(14, 31, 50, .82), rgba(8, 19, 31, .88));
	box-shadow: 0 12px 30px rgba(0, 0, 0, .14);
}

#product-product .product-tags__label {
	display: flex;
	flex: 0 0 auto;
	gap: 7px;
	align-items: center;
	min-height: 32px;
	color: #8297ae;
	font-size: 12px;
	font-weight: 750;
	letter-spacing: .045em;
	text-transform: uppercase;
}

#product-product .product-tags__label .ti {
	color: #55aaff;
	font-size: 18px;
}

#product-product .product-tags__list {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

#product-product .product-tags__list a {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	padding: 6px 11px;
	border: 1px solid rgba(56, 128, 198, .38);
	border-radius: 8px;
	background: rgba(22, 139, 255, .08);
	color: #a9c9e9;
	font-size: 12px;
	font-weight: 650;
	line-height: 1.35;
	text-decoration: none;
	transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease;
}

#product-product .product-tags__list a::before {
	margin-right: 3px;
	color: #4fa7fd;
	content: '#';
}

#product-product .product-tags__list a:hover,
#product-product .product-tags__list a:focus {
	border-color: rgba(65, 165, 255, .7);
	background: rgba(22, 139, 255, .18);
	color: #fff;
	outline: none;
	transform: translateY(-1px);
}

@media (max-width: 991px) {
	#product-product .product-hero {
		grid-template-columns: minmax(0, 1fr) minmax(340px, .9fr);
		gap: 22px;
	}

	#product-product .product-gallery__image {
		min-height: 470px;
		padding: 18px;
	}

	#product-product .product-summary {
		padding: 22px;
	}
}

@media (max-width: 767px) {
	#product-product.product-page {
		padding-right: 15px;
		padding-left: 15px;
	}

	#product-product .product-hero {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	#product-product .product-gallery-column {
		display: contents;
	}

	#product-product .product-gallery {
		order: 1;
		width: 100%;
	}

	#product-product .product-gallery__image {
		min-height: 360px;
	}

	#product-product .product-gallery__arrow {
		width: 40px;
		height: 40px;
		font-size: 21px;
	}

	#product-product .product-gallery__arrow--prev {
		left: 12px;
	}

	#product-product .product-gallery__arrow--next {
		right: 12px;
	}

	#product-product .product-summary {
		order: 2;
		width: 100%;
		padding: 20px 16px;
	}

	#product-product .product-summary h1 {
		margin-right: 0;
		font-size: 27px;
	}

	#product-product .product-quick-actions {
		float: none;
		justify-content: flex-end;
		margin-bottom: 14px;
	}

	#product-product .product-buy-row {
		grid-template-columns: 118px minmax(0, 1fr);
	}

	#product-product .product-tabs {
		order: 4;
		width: 100%;
		margin-top: 8px;
		overflow-x: auto;
		scrollbar-width: none;
	}

	#product-product .product-tabs::-webkit-scrollbar {
		display: none;
	}

	#product-product .product-tabs>li {
		flex: 0 0 auto;
	}

	#product-product .product-tabs>li>a {
		padding: 10px 14px;
	}

	#product-product .product-tab-content {
		order: 5;
		width: 100%;
		padding: 22px 18px;
	}

	#product-product .product-tab-content::before {
		left: 18px;
	}

	#product-product .product-specification-wrap {
		overflow-x: auto;
	}

	#product-product .product-specification {
		min-width: 480px;
	}

	#product-product #form-review {
		grid-template-columns: 1fr;
	}

	#product-product .product-review-card__header {
		grid-template-columns: 38px minmax(0, 1fr);
	}

	#product-product .product-review-card__header time {
		grid-column: 2;
	}

	#product-product .product-tags {
		flex-direction: column;
		gap: 8px;
		padding: 15px;
	}
}

@media (max-width: 480px) {
	#product-product .product-gallery__image {
		min-height: 300px;
		padding: 16px;
	}

	#product-product .product-gallery__dots {
		bottom: 12px;
	}

	#product-product .product-buy-row {
		grid-template-columns: 1fr;
	}

	#product-product .product-buy-row>label,
	#product-product .product-quantity,
	#product-product #button-cart {
		grid-column: 1;
	}

	#product-product #button-cart {
		margin-top: 4px;
	}

	#product-product .product-review-form-panel {
		padding: 18px 14px;
	}

	#product-product .product-review-rating {
		gap: 5px;
	}

	#product-product .product-review-rating label span {
		width: 31px;
		height: 31px;
	}

	#product-product #button-review {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	#product-product .product-tab-content>.tab-pane.active {
		animation: none;
	}
}

.universal-product-filter__ranges input[type="range"]::-webkit-slider-runnable-track {
	height: 4px;
	background: transparent;
}

.universal-product-filter__ranges input[type="range"]::-webkit-slider-thumb {
	width: 16px;
	height: 16px;
	margin-top: -6px;
	border: 2px solid #0b1421;
	border-radius: 50%;
	background: var(--fa-blue);
	-webkit-appearance: none;
}

.universal-product-filter__ranges input[type="range"]::-moz-range-track {
	height: 4px;
	background: transparent;
}

.universal-product-filter__ranges input[type="range"]::-moz-range-thumb {
	width: 14px;
	height: 14px;
	border: 2px solid #0b1421;
	border-radius: 50%;
	background: var(--fa-blue);
}

.category-filter-sidebar .universal-product-filter {
	position: static;
}

.category-filter-sidebar .all-products-cta .btn {
	justify-content: center;
	width: 100%;
	padding-right: 12px;
	padding-left: 12px;
}

.category-filter-sidebar .universal-product-filter,
.category-filter-sidebar .car-fit-filter {
	width: 100%;
}

@media (min-width: 768px) {
	.category-filter-sidebar {
		float: left;
	}
}

@media (max-width: 420px) {
	#logo img {
		max-width: 135px;
	}

	.header-actions {
		gap: 9px;
	}

	.header-account>a .ti,
	.header-wishlist .ti,
	.header-compare .ti {
		font-size: 17px;
	}

	#cart .cart-dropdown-product {
		grid-template-columns: 56px minmax(0, 1fr) 28px;
		gap: 10px;
	}

	#cart .cart-dropdown-product__image {
		width: 56px;
		height: 56px;
	}

	#cart .cart-dropdown-actions {
		grid-template-columns: 1fr;
	}

	#search .input-lg {
		padding-left: 14px;
		font-size: 12px;
	}

	#search .btn-lg {
		min-width: 52px;
		padding: 0 16px;
	}

	#search .btn-lg .ti {
		display: inline-block;
	}

	#search .btn-lg span {
		display: none;
	}

	.slideshow .swiper-slide img {
		min-height: 180px;
	}

	/* .product-thumb .image img {
		height: 190px;
	} */
}

/* Address book */
.address-book-page #content {
	min-height: 0;
}

.address-book-page__header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 24px;
	padding: 24px 28px;
	border: 1px solid var(--fa-border-soft);
	border-radius: 14px;
	background: linear-gradient(135deg, #14243a 0%, #0f1c2c 100%);
	box-shadow: 0 14px 34px rgba(0, 0, 0, .16);
}

.address-book-page__header h1 {
	margin: 5px 0 0;
	color: #fff;
	font-size: 30px;
	font-weight: 700;
}

.address-book-page__eyebrow {
	color: #72b5ff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.address-book-page__eyebrow .ti {
	margin-right: 5px;
}

.address-book-page__count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 44px;
	padding: 0 13px;
	border: 1px solid rgba(114, 181, 255, .28);
	border-radius: 12px;
	background: rgba(114, 181, 255, .1);
	color: #a8d3ff;
	font-size: 18px;
	font-weight: 700;
}

.address-book-page__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.address-book-card {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr) auto;
	align-items: start;
	gap: 16px;
	min-width: 0;
	padding: 22px;
	border: 1px solid var(--fa-border-soft);
	border-radius: 14px;
	background: #14243a;
	box-shadow: 0 10px 26px rgba(0, 0, 0, .14);
	transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.address-book-card:hover {
	border-color: rgba(114, 181, 255, .4);
	box-shadow: 0 15px 32px rgba(0, 0, 0, .2);
	transform: translateY(-2px);
}

.address-book-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border: 1px solid rgba(114, 181, 255, .24);
	border-radius: 12px;
	background: rgba(114, 181, 255, .1);
	color: #72b5ff;
	font-size: 24px;
}

.address-book-card__content {
	min-width: 0;
}

.address-book-card address {
	margin: 0;
	color: #dbe5f2;
	font-size: 14px;
	font-style: normal;
	line-height: 1.75;
}

.address-book-card__actions {
	display: flex;
	gap: 8px;
}

.address-book-card__actions .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 42px;
	margin: 0;
	border-radius: 9px;
}

.address-book-card__delete {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border: 1px solid rgba(248, 113, 113, .34);
	border-radius: 9px;
	background: rgba(248, 113, 113, .08);
	color: #f87171;
	font-size: 19px;
}

.address-book-card__delete:hover,
.address-book-card__delete:focus {
	border-color: #ef4444;
	background: #ef4444;
	color: #fff;
}

.address-book-page__footer {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	margin-top: 22px;
}

.address-book-page__footer .btn {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

.address-book-page__empty {
	padding: 52px 24px;
	border: 1px solid var(--fa-border-soft);
	border-radius: 14px;
	background: #14243a;
	text-align: center;
}

.address-book-page__empty>span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	margin-bottom: 14px;
	border-radius: 50%;
	background: rgba(114, 181, 255, .1);
	color: #72b5ff;
	font-size: 34px;
}

.address-book-page__empty h2 {
	margin: 0 0 8px;
	color: #fff;
	font-size: 22px;
}

.address-book-page__empty p {
	margin: 0;
	color: #91a0b4;
}

@media (max-width: 991px) {
	.address-book-page__grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 600px) {
	.address-book-page__header {
		align-items: center;
		padding: 19px 20px;
	}

	.address-book-page__header h1 {
		font-size: 23px;
	}

	.address-book-card {
		grid-template-columns: 44px minmax(0, 1fr);
		gap: 13px;
		padding: 17px;
	}

	.address-book-card__icon {
		width: 44px;
		height: 44px;
		font-size: 21px;
	}

	.address-book-card__actions {
		grid-column: 1 / -1;
	}

	.address-book-card__actions .btn {
		flex: 1;
	}

	.address-book-page__footer {
		flex-direction: column-reverse;
	}

	.address-book-page__footer .btn {
		justify-content: center;
		width: 100%;
	}
}

/* Wishlist */
.wishlist-page #content {
	min-height: 0;
}

.wishlist-page__header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 24px;
	padding: 24px 28px;
	border: 1px solid var(--fa-border-soft);
	border-radius: 14px;
	background: linear-gradient(135deg, #14243a 0%, #0f1c2c 100%);
	box-shadow: 0 14px 34px rgba(0, 0, 0, .16);
}

.wishlist-page__header h1 {
	margin: 5px 0 0;
	color: #fff;
	font-size: 30px;
	font-weight: 700;
}

.wishlist-page__eyebrow {
	color: #72b5ff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.wishlist-page__eyebrow .ti {
	margin-right: 5px;
}

.wishlist-page__count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 44px;
	padding: 0 13px;
	border: 1px solid rgba(114, 181, 255, .28);
	border-radius: 12px;
	background: rgba(114, 181, 255, .1);
	color: #a8d3ff;
	font-size: 18px;
	font-weight: 700;
}

.wishlist-page__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.wishlist-card {
	display: grid;
	grid-template-columns: 180px minmax(0, 1fr);
	min-width: 0;
	overflow: hidden;
	border: 1px solid var(--fa-border-soft);
	border-radius: 14px;
	background: #14243a;
	box-shadow: 0 10px 26px rgba(0, 0, 0, .14);
	transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.wishlist-card:hover {
	border-color: rgba(114, 181, 255, .4);
	box-shadow: 0 15px 32px rgba(0, 0, 0, .2);
	transform: translateY(-2px);
}

.wishlist-card__image {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 220px;
	padding: 14px;
	background: #fff;
}

.wishlist-card__image img {
	width: 100%;
	height: 100%;
	max-height: 192px;
	object-fit: contain;
}

.wishlist-card__image>.ti {
	color: #91a0b4;
	font-size: 48px;
}

.wishlist-card__content {
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: 20px;
}

.wishlist-card__meta {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 7px 12px;
	color: #91a0b4;
	font-size: 11px;
}

.wishlist-card__stock {
	color: #61d8a2;
}

.wishlist-card__stock .ti {
	margin-right: 3px;
	vertical-align: -1px;
}

.wishlist-card h2 {
	margin: 14px 0 10px;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.4;
}

.wishlist-card h2 a {
	color: #f5f8fc;
}

.wishlist-card h2 a:hover {
	color: #72b5ff;
}

.wishlist-card__price {
	display: flex;
	align-items: baseline;
	gap: 9px;
	margin-top: auto;
	color: #fff;
}

.wishlist-card__price strong {
	font-size: 20px;
	font-weight: 700;
}

.wishlist-card__price s {
	color: #8493a7;
	font-size: 13px;
}

.wishlist-card__actions {
	display: flex;
	gap: 9px;
	margin-top: 16px;
}

.wishlist-card__actions .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 42px;
	margin: 0;
	border-radius: 9px;
}

.wishlist-card__remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border: 1px solid rgba(248, 113, 113, .34);
	border-radius: 9px;
	background: rgba(248, 113, 113, .08);
	color: #f87171;
	font-size: 19px;
}

.wishlist-card__remove:hover,
.wishlist-card__remove:focus {
	border-color: #ef4444;
	background: #ef4444;
	color: #fff;
}

.wishlist-page__footer {
	display: flex;
	justify-content: flex-end;
	margin-top: 22px;
}

.wishlist-page__empty {
	padding: 52px 24px;
	border: 1px solid var(--fa-border-soft);
	border-radius: 14px;
	background: #14243a;
	text-align: center;
}

.wishlist-page__empty-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	margin-bottom: 14px;
	border-radius: 50%;
	background: rgba(114, 181, 255, .1);
	color: #72b5ff;
	font-size: 34px;
}

.wishlist-page__empty h2 {
	margin: 0 0 8px;
	color: #fff;
	font-size: 22px;
}

.wishlist-page__empty p {
	margin-bottom: 20px;
	color: #91a0b4;
}

@media (max-width: 1199px) {
	.wishlist-page__grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 600px) {
	.wishlist-page__header {
		align-items: center;
		padding: 19px 20px;
	}

	.wishlist-page__header h1 {
		font-size: 24px;
	}

	.wishlist-card {
		grid-template-columns: 112px minmax(0, 1fr);
	}

	.wishlist-card__image {
		min-height: 170px;
		padding: 9px;
	}

	.wishlist-card__image img {
		max-height: 145px;
	}

	.wishlist-card__content {
		padding: 14px;
	}

	.wishlist-card__meta {
		display: block;
	}

	.wishlist-card__stock {
		display: block;
		margin-top: 5px;
	}

	.wishlist-card h2 {
		margin-top: 10px;
		font-size: 14px;
	}

	.wishlist-card__price strong {
		font-size: 17px;
	}

	.wishlist-card__actions .btn span {
		display: none;
	}

	.wishlist-card__actions .btn {
		width: 42px;
		padding: 0;
	}
}

/* High-contrast success messages */
.alert.alert-success.alert-dismissible {
	position: relative;
	display: block;
	min-height: 52px;
	margin-bottom: 20px;
	padding: 15px 46px 15px 15px;
	border: 1px solid rgba(52, 211, 153, .45);
	border-radius: 10px;
	background: linear-gradient(135deg, #0b513f 0%, #083c31 100%);
	box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
	color: #f0fff7 !important;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.45;
	text-shadow: none;
}

.alert.alert-success.alert-dismissible .ti {
	margin-right: 7px;
	color: #6ee7b7;
	font-size: 21px;
	vertical-align: -3px;
}

.alert.alert-success.alert-dismissible a {
	color: #ffffff !important;
	text-decoration: underline;
}

.alert.alert-success.alert-dismissible .close {
	position: absolute;
	top: 50%;
	right: 13px;
	float: none;
	margin: 0;
	padding: 2px 4px;
	border: 0;
	color: #d1fae5 !important;
	font-size: 22px;
	line-height: 1;
	opacity: .8;
	text-shadow: none;
	transform: translateY(-50%);
}

.alert.alert-success.alert-dismissible .close:hover,
.alert.alert-success.alert-dismissible .close:focus {
	color: #ffffff !important;
	opacity: 1;
}

.home-main-grid {
	align-items: stretch !important;
	margin-bottom: 20px !important;
}

.slideshow.swiper-viewport {
	margin: 0 !important;
}

.product-thumb .image,
.product-gallery__image,
.cart-dropdown-product__image {
	background: rgba(22, 139, 255, 0.12) !important;
}

#product-product .breadcrumb>li {
	white-space: initial !important;
}

.cart-dropdown-totals {
	margin-bottom: 10px;
}

#cart .cart-dropdown-totals>div:last-child {
	border: none !important;
}

.row:has(.product-thumb) {
	display: flex !important;
	flex-wrap: wrap;
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
	margin-bottom: 20px !important;
}

#tab-description span {
	color: inherit !important;
	background: transparent !important;
}

.ttx-item {
	color: #55aaff;
}

.thumb-wrap iframe {
	width: 100% !important;
	height: 100vh !important;
	max-height: 430px !important;
}

.product-quick-actions button {
	display: flex;
	align-items: center;
	justify-content: center;
}

.google-map {
	margin: 40px auto !important;
}

#product-product .product-price {
	display: grid;
	gap: 10px;
}

#product-product .product-gallery__image {
	min-height: initial !important;
}

#product-product .product-price h2 {
	margin: 0 !important;
}

@media (max-width: 1200px) {
	.product-grid .product-thumb .caption {
		padding: 10px !important;
	}
}

@media (max-width: 767px) {
	body>.container[id] {
		padding: 20px 0 !important;
	}
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
	padding-right: 10px !important;
	padding-left: 10px !important;
}

.row {
	margin-right: -10px !important;
	margin-left: -10px !important;
}

.form-horizontal .form-group {
    margin-right: -10px !important;
    margin-left: -10px !important;
}

a:focus, a:hover {
    text-decoration: none !important;
}