#menu {
	position: relative;
}
#menu .navbar-collapse {
	padding-right: 110px;
}
.theme-switch {
	position: absolute;
	top: 7px;
	right: 10px;
	z-index: 2;
	display: inline-flex;
	border: 1px solid rgba(255, 255, 255, 0.6);
	border-radius: 999px;
	overflow: hidden;
}
.theme-switch button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 24px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #fff;
}
.theme-switch button:hover {
	background: rgba(0, 0, 0, 0.12);
}
.theme-switch button:focus-visible {
	outline: 2px solid #fff;
	outline-offset: -3px;
}
.theme-switch button[aria-pressed="true"] {
	background: #fff;
	color: #1f90bb;
}
.theme-switch svg {
	width: 15px;
	height: 15px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
}
.theme-switch .fill-half {
	fill: currentColor;
	stroke: none;
}
@media (max-width: 767px) {
	#menu .navbar-collapse {
		padding-right: 15px;
	}
	.theme-switch {
		top: 6px;
		right: 72px;
	}
}

[data-theme="dark"] {
	color-scheme: dark;
	--page: #061A22;
	--surface: #0C2731;
	--surface-raised: #12323D;
	--line: #224652;
	--text: #C9DDE0;
	--text-strong: #E3F1F2;
	--text-muted: #8FAAB0;
	--link: #6FD0DE;
}
[data-theme="dark"] body {
	background: var(--page);
	color: var(--text);
}
[data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3, [data-theme="dark"] h4, [data-theme="dark"] h5, [data-theme="dark"] h6, [data-theme="dark"] legend {
	color: var(--text-strong);
}
[data-theme="dark"] a, [data-theme="dark"] .btn-link {
	color: var(--link);
}
[data-theme="dark"] hr, [data-theme="dark"] legend {
	border-color: var(--line);
}
[data-theme="dark"] .text-muted, [data-theme="dark"] .help-block {
	color: var(--text-muted);
}
[data-theme="dark"] #top {
	background-color: var(--surface);
	border-bottom-color: var(--line);
}
[data-theme="dark"] #top .btn-link, [data-theme="dark"] #top-links li, [data-theme="dark"] #top-links a {
	color: var(--text-muted);
	text-shadow: none;
}
[data-theme="dark"] #top .btn-link:hover, [data-theme="dark"] #top-links a:hover {
	color: var(--text-strong);
}
[data-theme="dark"] #top-links .fa-telegram {
	color: #5DB8F2 !important;
}
[data-theme="dark"] #top-links .fa-whatsapp {
	color: #3CCB6A !important;
}
[data-theme="dark"] #content [style*="color"] {
	color: var(--text) !important;
}
[data-theme="dark"] #content [style*="background"] {
	background-color: transparent !important;
}
[data-theme="dark"] .form-control, [data-theme="dark"] .input-group-addon, [data-theme="dark"] #search .btn-lg, [data-theme="dark"] .btn-default {
	background-color: var(--surface);
	background-image: none;
	border-color: var(--line);
	color: var(--text-strong);
	text-shadow: none;
}
[data-theme="dark"] .btn-default:hover, [data-theme="dark"] .btn-default:focus {
	background-color: var(--surface-raised);
	color: var(--text-strong);
}
[data-theme="dark"] .form-control::placeholder {
	color: var(--text-muted);
}
[data-theme="dark"] .breadcrumb {
	background-color: var(--surface);
	border-color: var(--line);
}
[data-theme="dark"] .breadcrumb > li {
	text-shadow: none;
}
[data-theme="dark"] .breadcrumb > li:after {
	border-color: var(--line);
}
[data-theme="dark"] .dropdown-menu, [data-theme="dark"] #cart .dropdown-menu, [data-theme="dark"] .modal-content, [data-theme="dark"] .popover {
	background: var(--surface-raised);
	border-color: var(--line);
	color: var(--text);
}
[data-theme="dark"] .dropdown-menu > li > a, [data-theme="dark"] #cart .dropdown-menu a {
	color: var(--text-strong);
}
[data-theme="dark"] .modal-header, [data-theme="dark"] .modal-footer {
	border-color: var(--line);
}
[data-theme="dark"] .close {
	color: var(--text-strong);
	text-shadow: none;
	opacity: 0.7;
}
[data-theme="dark"] #cart.open > .btn {
	background-color: var(--surface-raised);
	border-color: var(--line);
	color: var(--text-strong);
}
[data-theme="dark"] .product-thumb, [data-theme="dark"] .product-thumb .button-group, [data-theme="dark"] .product-thumb .button-group button + button, [data-theme="dark"] .thumbnail, [data-theme="dark"] .img-thumbnail {
	background-color: var(--surface);
	border-color: var(--line);
}
[data-theme="dark"] .product-thumb .button-group button {
	background-color: var(--surface-raised);
	color: var(--text-muted);
}
[data-theme="dark"] .product-thumb .button-group button:hover {
	background-color: #229ac8;
	color: #fff;
}
[data-theme="dark"] .product-thumb .image img, [data-theme="dark"] .thumbnails img {
	border-radius: 4px;
}
[data-theme="dark"] .price-old {
	color: var(--text-muted);
}
[data-theme="dark"] .list-group a, [data-theme="dark"] .list-group-item {
	background-color: var(--surface);
	border-color: var(--line);
	color: var(--text);
}
[data-theme="dark"] .list-group a.active, [data-theme="dark"] .list-group a.active:hover, [data-theme="dark"] .list-group a:hover {
	background-color: var(--surface-raised);
	border-color: var(--line);
	color: var(--text-strong);
}
[data-theme="dark"] .well, [data-theme="dark"] .panel, [data-theme="dark"] .panel-default > .panel-heading, [data-theme="dark"] .panel-footer {
	background-color: var(--surface);
	border-color: var(--line);
	color: var(--text);
}
[data-theme="dark"] .panel-heading .panel-title, [data-theme="dark"] .panel-heading a {
	color: var(--text-strong);
}
[data-theme="dark"] .table > thead > tr > th, [data-theme="dark"] .table > thead > tr > td, [data-theme="dark"] .table > tbody > tr > td, [data-theme="dark"] .table > tbody > tr > th, [data-theme="dark"] .table > tfoot > tr > td, [data-theme="dark"] .table-bordered {
	border-color: var(--line);
}
[data-theme="dark"] .table > thead > tr > td, [data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd), [data-theme="dark"] .table-hover > tbody > tr:hover {
	background-color: var(--surface);
}
[data-theme="dark"] .nav-tabs {
	border-bottom-color: var(--line);
}
[data-theme="dark"] .nav-tabs > li > a:hover {
	background-color: var(--surface);
	border-color: var(--line);
}
[data-theme="dark"] .nav-tabs > li.active > a, [data-theme="dark"] .nav-tabs > li.active > a:hover, [data-theme="dark"] .nav-tabs > li.active > a:focus {
	background-color: var(--page);
	border-color: var(--line) var(--line) transparent;
	color: var(--text-strong);
}
[data-theme="dark"] .pagination > li > a, [data-theme="dark"] .pagination > li > span {
	background-color: var(--surface);
	border-color: var(--line);
	color: var(--link);
}
[data-theme="dark"] .pagination > .active > a, [data-theme="dark"] .pagination > .active > span {
	background-color: #229ac8;
	border-color: #229ac8;
	color: #fff;
}
[data-theme="dark"] footer {
	background-color: #04131A;
	border-top-color: var(--line);
}
[data-theme="dark"] .owl-wrapper-outer, [data-theme="dark"] .swiper-viewport {
	background-color: var(--surface);
	border-color: var(--line);
}