@charset "utf-8";
/* CSS Document */
:root {
	--gray-100: #ffffff;
	--gray-200: #fafafa;
	--gray-300: #f5f5f5;
	--gray-400: #f0f0f0;
	--gray-500: #d9d9d9;
	--gray-600: #bfbfbf;
	--gray-700: #8c8c8c;
	--gray-800: #595959;
	--gray-900: #434343;
	--gray-1000: #383838;
}

body {
	font-size: 14px;
}
.fs-10 {
	font-size: 0.625rem !important;
}
.fs-11 {
	font-size: 0.6875rem !important;
}
.fs-12 {
	font-size: 0.75rem !important;
}
.fs-13 {
	font-size: 0.8125rem !important;
}
.fs-14 {
	font-size: 0.875rem !important;
}
.fs-15 {
	font-size: 0.9375rem !important;
}
.fs-16 {
	font-size: 1rem !important;
}
.fs-18 {
	font-size: 1.125rem !important;
}
.fs-20 {
	font-size: 1.25rem !important;
}
.fs-22 {
	font-size: 1.375rem !important;
}
.fs-24 {
	font-size: 1.5rem !important;
}
.fs-28 {
	font-size: 1.75rem !important;
}
.fs-32 {
	font-size: 2rem !important;
}
.fs-40 {
	font-size: 2.5rem !important;
}
.fs-48 {
	font-size: 3rem !important;
}
.text-blue {
	color: #3C75CB !important;
}
.bg-gray-100 {
	background-color: var(--gray-100);
}
.bg-gray-200 {
	background-color: var(--gray-200);
}
.bg-gray-300 {
	background-color: var(--gray-300);
}
.bg-gray-400 {
	background-color: var(--gray-400);
}
.bg-gray-500 {
	background-color: var(--gray-500);
}
.bg-gray-600 {
	background-color: var(--gray-600);
}
.bg-gray-700 {
	background-color: var(--gray-700);
}
.bg-gray-800 {
	background-color: var(--gray-800);
}
.bg-gray-900 {
	background-color: var(--gray-900);
}
.bg-gray-1000 {
	background-color: var(--gray-1000);
}
.text-gray-100 {
	color: var(--gray-100);
}
.text-gray-200 {
	color: var(--gray-200);
}
.text-gray-300 {
	color: var(--gray-300);
}
.text-gray-400 {
	color: var(--gray-400);
}
.text-gray-500 {
	color: var(--gray-500);
}
.text-gray-600 {
	color: var(--gray-600);
}
.text-gray-700 {
	color: var(--gray-700);
}
.text-gray-800 {
	color: var(--gray-800);
}
.text-gray-900 {
	color: var(--gray-900);
}
.text-gray-1000 {
	color: var(--gray-1000);
}

/* Top Search */
.top-search {
	width: 100%;
	max-width: 768px;
}
.top-search .input-group {
	background-color: #fff;
	border-radius: 30px;
	overflow: hidden;
}
.top-search-form-group {
    width: calc(100% - 42px);
}

.top-cart-number {
	right: -8px;
	top: -4px;
}
@media (min-width: 992px) {
	.header-size-sm #header-wrap #logo img {
			padding: 10px 0;
	}
}
@media (max-width: 575.98px) {
	.header-size-sm #header-wrap #logo img {
		height: 40px !important;
		max-width: 205px;
	}
}

.header-misc-icon > a {
	width: 30px;
	height: 30px;
	line-height: 28px;
	padding: 1px;
	border-radius: 0.25rem;
}
.header-misc-icon [class^="material-symbols-"], .header-misc-icon [class*="material-symbols-"] {
	font-size: 1.75rem;
}

.side-panel-trigger {
	width: 30px;
	height: 30px;
	line-height: 30px;
  text-align: center;
	background-color: #fff;
	border-radius: 0.25rem;
	margin-right: 10px;
}
.side-panel-trigger [class^="material-symbols-"] {
	width: 100%;
	height: 100%;
	line-height: 30px;
}

/* Side Panel */
#side-panel-trigger-close a {
	display: block;
}
#side-panel-trigger-close {
	position: absolute;
	right: -30px;
	top: 0;
	margin-right: 0;
}
#side-panel .side-panel-wrap {
	width: 300px;
	padding: 30px 15px;
}
#side-panel .widget {
	padding-top: 15px;
	margin-top: 15px;
}
#side-panel .widget h6 {
	color: var(--gray-700);
}
#side-panel .nav-tree li a {
	padding-left: 0;
	font-size: 0.875rem;
	font-weight: normal;
}
#side-panel .nav-tree .sub-menu li a {
	padding-left: 0.5rem;
}
.select-lang .sm-form-control, .select-currency .sm-form-control {
	padding-left: 30px;
	position: relative;
	border: none;
	background-color: var(--bg-color-light);
	border-radius: 0.25rem;
	font-size: 0.875rem;
}
.select-lang:before, .select-currency:before {
	content:'';
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	left: 12px;
  top: 6px;
	z-index: 1;
}
.select-lang:before {
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23595959'%3E%3Cpath d='M480-80q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-155.5t86-127Q252-817 325-848.5T480-880q83 0 155.5 31.5t127 86q54.5 54.5 86 127T880-480q0 82-31.5 155t-86 127.5q-54.5 54.5-127 86T480-80Zm0-82q26-36 45-75t31-83H404q12 44 31 83t45 75Zm-104-16q-18-33-31.5-68.5T322-320H204q29 50 72.5 87t99.5 55Zm208 0q56-18 99.5-55t72.5-87H638q-9 38-22.5 73.5T584-178ZM170-400h136q-3-20-4.5-39.5T300-480q0-21 1.5-40.5T306-560H170q-5 20-7.5 39.5T160-480q0 21 2.5 40.5T170-400Zm216 0h188q3-20 4.5-39.5T580-480q0-21-1.5-40.5T574-560H386q-3 20-4.5-39.5T380-480q0 21 1.5 40.5T386-400Zm268 0h136q5-20 7.5-39.5T800-480q0-21-2.5-40.5T790-560H654q3 20 4.5 39.5T660-480q0 21-1.5 40.5T654-400Zm-16-240h118q-29-50-72.5-87T584-782q18 33 31.5 68.5T638-640Zm-234 0h152q-12-44-31-83t-45-75q-26 36-45 75t-31 83Zm-200 0h118q9-38 22.5-73.5T376-782q-56 18-99.5 55T204-640Z'/%3E%3C/svg%3E");
}
.select-currency:before {
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23595959'%3E%3Cpath d='M444-200h70v-50q50-9 86-39t36-89q0-42-24-77t-96-61q-60-20-83-35t-23-41q0-26 18.5-41t53.5-15q32 0 50 15.5t26 38.5l64-26q-11-35-40.5-61T516-710v-50h-70v50q-50 11-78 44t-28 74q0 47 27.5 76t86.5 50q63 23 87.5 41t24.5 47q0 33-23.5 48.5T486-314q-33 0-58.5-20.5T390-396l-66 26q14 48 43.5 77.5T444-252v52Zm36 120q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/%3E%3C/svg%3E");
}

/*Banner owl-slider style*/
#oc-banner .owl-item {
	opacity: 0.5;
}
#oc-banner .owl-item.center {
	opacity: 1;
}
#oc-banner .slider-image {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 0.7;
  overflow: hidden;
}
#oc-banner .slider-image a,
#oc-banner .slider-image img {
  display: block;
  width: 100%;
  height: 100%;
}
#oc-banner .slider-image img {
  object-fit: cover;
  object-position: center center;
}
@media (max-width: 767.98px) {
	#oc-banner.owl-carousel {
		width: calc(100% + 100px);
		margin-left: -50px;
		margin-right: -50px;
	}
}
@media (max-width: 575.98px) {
	#oc-banner.owl-carousel {
		width: calc(100% + 200px);
		margin-left: -100px;
		margin-right: -100px;
	}
}

/* Home bnews slider */
.news-slider {
	background-color: #FCEAE6;
	padding: 12px 10px;
}
.news-slider .bnews-slider .slide a {
	overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

div:not(.single-product) .product-title h3, div:not(.single-product) .product-price {
	font-size: 1rem;
}
div:not(.single-product) .product-title h3 {
	overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (max-width: 767.98px) {
	div:not(.single-product) .product-title h3, div:not(.single-product) .product-price {
		font-size: 0.75rem;
	}
}