/* Swiper Overide */
.swiper-container-horizontal>.swiper-pageination-section>.swiper-pagination-bullets,
	.swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 0 !important;
	left: 0 !important;
	width: fit-content !important;
	background-color: rgba(0, 0, 0, 0.3) !important;
	border-radius: 12px !important;
	padding: 0 10px !important;
	margin: 0;
}

.swiper-pageination-section {
	position: absolute;
	text-align: center;
	z-index: 10;
	width: 100%;
	bottom: 10px;
	left: 0;
}

.swiper-pagination, .swiper-pagination-bank, .swiper-pagination-banner,
	.swiper-pagination-slh {
	position: relative !important;
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.swiper-pagination-bullet {
	width: 10px !important;
	height: 8px !important;
	display: inline-block !important;
	border-radius: 4px !important;
	background: #fff !important;
	opacity: .5 !important;
	transition-duration: .3s;
	-webkit-transition: 0.2s ease-out !important;
	-moz-transition: 0.2s ease-out !important;
	-o-transition: 0.2s ease-out !important;
	transition: 0.2s ease-out !important;
	margin: 0 4px 0 4px;
}

.swiper-pagination-bullet-active {
	opacity: 1 !important;
	width: 34px !important;
	margin: 0 3px;
	background-color: rgba(255, 255, 255, 0.9) !important;
	-webkit-transition: 0.2s ease-in !important;
	-moz-transition: 0.2s ease-in !important;
	-o-transition: 0.2s ease-in !important;
	transition: 0.2s ease-in !important;
}

/* .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	right: 10px !important;
	left: auto !important;
	top: 45% !important;
	background-color: rgba(0, 0, 0, 0.2) !important;
	padding: 20px 10px !important;
	color: rgba(255, 255, 255, 0.8) !important;
	border-radius: 3px !important;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	left: 10px !important;
	right: auto !important;
	top: 45% !important;
	background-color: rgba(0, 0, 0, 0.4) !important;
	padding: 20px 10px !important;
	color: rgba(255, 255, 255, 0.8) !important;
	border-radius: 3px !important;
} */

.swiper-button-next:after, .swiper-button-prev:after {
	position: absolute;
	left: 45%;
	top: 33%;
	font-size: 20px !important;
}

.swiper-brand-slh {
	margin-top: 40px;
	border-radius: 10px;
}

.swiper-brand-slh .swiper-slide .item-img {
	background-size: cover;
	background-position: center;
}
body.home-page .swiper-brand-slh {
	max-width:1280px;
	margin:auto;
	margin-top:0;
}

/* Brand CSS */
.hp-brand-container {
	margin: auto;
	margin-bottom: 20px;
}

.brand-layout-f {
	text-align: justify;
}

.brand-layout-f:after {
	content: '';
	width: 100%;
	display: inline-block;
}

.brand-layout-f:before {
	content: '';
	display: block;
	margin-top: -1.25em;
}

.brand-main-layout {
	width: 100%;
	background-color: #F2F2F8;
}

.brand-fix-layout {
	margin: auto;
	width: 1280px;
}

.brand-title {
	margin: 10px 0;
	font-size: 20px;
	text-align: left;
}

.brand-s-img {
	width: 100%;
}

.swiper-brand-m img {
	width: 100%;
	height: 100%;
}

.layout-flow-row {
	display: flex;
	flex-direction: row;
	width: 100%;
	gap: 10px;
}

.layout-2separate-container {
	width: calc(50% - 5px);
}

.layout-m-item {
	width: 100%;
	height: 100%;
}
.layout-m-container {
	display: flex;
	flex-direction: row;
	gap: 10px;
}
.layout-m-container .layout-m-big-container {
	width: 65%;
}
.layout-m-container .layout-m-small-container {
	width: 35%;
}
.layout-m5-container .layout-m-big-container {
	width: 60%;
}
.layout-m5-container .layout-m-small-container {
	width: 40%;
}
.layout-m-container .layout-m-small-container .grid-container-m3 {
	height: 100%;
	width: 100%;
	display: grid;
	gap: 10px 10px;
	grid-template-columns: 100%;
	grid-template-rows: repeat(2, calc(100% / 2 - 5px));
}
.layout-m-container .layout-m-small-container .grid-container-m3 .swiper {
	width: 100%;
}
.swiper-layout-m a {
	width: 100%;
	height: 100%;
}
.swiper-layout-m .image {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
}
.grid-container-m5 {
	display: grid;
	gap: 10px 10px;
	padding-top: 1px;
	grid-template-columns: repeat(2, calc(100%/ 2 - 5px));
	width: 100%;
}

.grid-container-m5_2 {
	display: grid;
	gap: 10px 10px;
	padding-top: 1px;
	grid-template-columns: 308px 308px;
	grid-template-rows: repeat(2, 229px);
}

.grid-container-m5._4s1c {
	gap: 0px !important;
	grid-template-rows: repeat(2, 195px);
	grid-template-columns: repeat(2, 230px);
}

.grid-container-m5._4s1c .swiper-slide img.brand-s3-img {
	height: 100%;
}

.swiper-banner-3_5 .a-img img {
	height: 190px;
}

.layout-section .control-buttom {
	width: 100%;
	text-align: center;
	margin-top: 32px;
}

button.more-btn {
	background-color: var(--primary-colors-orange);
	padding: 12px 32px;
	color: var(--neutral-colors-white);
	font-size: 22px;
	font-weight: 700;
	border-radius: 10px;
	border: none;
	cursor: pointer;
}

.brand-item {
	top: 1.25em;
	height: 200px;
	position: relative;
	margin-bottom: 10px;
	margin-right: -.25em;
	display: inline-block;
}

.brand-item:hover {
	color: #0867B2;
	transition-duration: .3s;
	transition: 0.3s ease-out !important;
	-o-transition: 0.3s ease-out !important;
	-moz-transition: 0.3s ease-out !important;
	-webkit-transition: 0.3s ease-out !important;
}

.brand-f-img {
	border: 1px solid rgba(255, 255, 255, 0);
}

.brand-f-img:hover {
	border: 1px solid #0867B2;
}

.custom-position {
	margin-top: 50px;
}

/* layout p */
.hp-brand-card-product {
	float: left;
	height: 325px;
	display: block;
	overflow: hidden;
	position: relative;
	border-radius: 10px;
	flex-direction: column;
	background-color: #fff;
	width: 188px !important;
	border: 1px solid #e8eaee;
	transition: all 320ms ease;
}

.hp-brand-card-product-plp-link {
	cursor: pointer;
}

.hp-brand-card-product:hover {
	transform: translate3d(0, 0px, 0);
	border: 1px solid #0867B2 !important;
}

.hp-brand-card-product .image {
	overflow: hidden;
	text-align: center;
	background-color: #fff;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	padding: .5rem .5rem 0 .5rem;
}

.hp-brand-card-product .img-tag-left {
	left: 0;
	top: 23px;
	margin-top: 0;
	display: flex;
	position: absolute;
	transform: translateY(-100%);
}

.hp-brand-card-product .discount-tag-right {
	right: 0;
	top: 26px;
	color: #fff;
	margin-top: 0;
	font-weight: 600;
	font-size: .875rem;
	position: absolute;
	vertical-align: top;
	display: inline-flex;
	padding: .25rem .375rem;
	transform: translateY(-100%);
	border-bottom-left-radius: 8px;
	background-image: linear-gradient(#FF9900, #FF0000);
}

.hp-brand-card-product .icon-tag-right {
	right: 12px;
	color: #898989;
	position: absolute;
	font-size: 14px !important;
	transform: translateY(-110%);
	font-family: 'Prompt', sans-serif !important;
}

.icon-tag-right:hover {
	color: #0867B2;
	cursor: pointer;
}

.icon-hover:hover {
	color: #f90;
}

.hp-brand-card-product .sku-container {
	color: #898989;
	font-size: 10px;
	padding-top: 2px;
	position: relative;
}

.hp-brand-card-product .sku-row {
	text-align: left;
}

.hp-brand-card-product .sku {
	left: 12px;
	position: relative;
}

.hp-brand-card-product .product-info-container {
	text-align: center;
	height: 95px !important;
}

.hp-brand-card-product .item-title {
	height: 40px;
	color: #515356;
	font-size: 14px;
	font-weight: 500;
	overflow: hidden;
	padding: 0px 8px;
	margin-bottom: 0px;
	text-align: center;
	word-break: break-word;
	text-overflow: ellipsis;
}

.hp-brand-card-product .outofstock-price {
	color: #FC0100;
	font-style: italic;
	font-size: 14px !important;
}

.hp-brand-card-product .normal-price {
	color: #999;
	font-size: 12px;
	font-style: italic;
	text-decoration: line-through;
}

.hp-brand-card-product .original-price {
	color: #000000;
	font-size: 14px;
	font-weight: 600;
	font-style: italic;
}

.hp-brand-card-product .reduced-price {
	color: #FC0100;
	font-weight: 600;
	font-style: italic;
	font-size: 14px !important;
}

.hp-brand-card-product .online-discount {
	padding: 0 8px;
	color: #FC0100;
	font-size: 10px;
	line-height: 12px;
}

.hp-brand-card-product .icon-container-tag {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 295px;
	width: 100%;
}

.hp-brand-card-product .icon-container-promo {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 14px;
	overflow: hidden;
	padding-left: 10px;
	margin: 5px 0;
}

/* tab product */
.brand-fix-layout .grid-container-category {
	padding-left: 10px;
}

.hp-panel .hp-card-product-plp {
	float: left;
	width: 190px;
	height: 360px;
	display: block;
	overflow: hidden;
	border-radius: 10px;
	flex-direction: column;
	border: 1px solid #e8eaee;
	background-color: #fff;
	position: relative;
}

.hp-panel .hp-card-product-plp .online-discount {
	color: #fc0100;
	margin-top: 3px;
	font-size: 10px;
	line-height: 12px;
}

.hp-panel .hp-card-product-plp .item-title {
	height: 50px;
}

.brand-fix-layout .segment-tab .tab.hp-tab.swiper-container-icontab .swiper-wrapper {
	height: 66px !important;
}

/* New Add to cart only plp page */
#search-plp .hp-card-product-plp {
	height: 360px;
}

#search-plp .hp-card-product-plp .add-to-cart {
	position: absolute;
	visibility: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: 8px;
	width: 93%;
	margin-left: 10px;
}

#search-plp .hp-card-product-plp:hover {
	height: 408px;
	position: absolute;
	z-index: 100;
	transform: unset !important;
	transition: all 220ms ease;
}

#search-plp .hp-card-product-plp-link {
	cursor: pointer;
	margin-bottom: 8px;
}

#search-plp .hp-card-product-plp.plp-outofstock:hover {
	height: 360px !important;
	position: relative !important;
}

#search-plp .hp-card-product-plp:hover .add-to-cart {
	visibility: visible;
}

#search-plp .hp-card-product-plp.plp-outofstock:hover .add-to-cart {
	visibility: hidden !important;
}

#search-plp .icon-container-tag {
	top: 330px;
	bottom: unset !important;
}

.brand-banner-container {
	display: none;
}

.main-plp-title .ui.large.label.filter-key-selection.filter-tag {
	padding: 8px 10px !important;
}

.main-plp-title .filter-tag {
	color: #2185D0 !important;
	margin-bottom: 5px !important;
	border: 1px solid #2185D0 !important;
}

/* feature categories */
.brand-fix-layout .swiper-emktspot-custom-featcategories img {
	width: 100%;
	background: #fff;
}

.brand-fix-layout .swiper-emktspot-custom-featcategories.swiper-container
	{
	padding: 10px !important;
}

.brand-fix-layout .swiper-emktspot-custom-featcategories .c-name {
	height: 50px !important;
	padding: 5px !important;
}

.brand-fix-layout .swiper-emktspot-custom-featcategories .c-image img {
	border-radius: 5px !important;
}

/* SBC : Flashsale */
.layout-flashsale-container {
	margin: 0;
	margin-bottom: 24px;
}
.layout-flashsale-container .brand-animate-charcter {
	width:auto !important;
}
.layout-flashsale-container .brand-clock {
	padding-left: 0px !important;
}
.layout-flashsale-container .animate-charcter {
	color: #fff;
	display: inline-block;
	text-transform: uppercase;
	background-size: 200% auto;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: textclip 2s linear infinite;
	background-image: linear-gradient(-225deg,#231557 0%,#FF0000 29%,#FF9900 67%,rgb(255 255 255 / 90%) 100%);
}
@keyframes textclip {
	to {
		background-position: 200% center;
	}
}
.brand-layout.S_2 {
	margin-top: 30px;
}
.hp-brand-card-product.brand-card-flashsale {
	float: left;
	height: 230px;
	display: block;
	overflow: hidden;
	position: relative;
	border-radius: 10px;
	flex-direction: column;
	background-color: #fff;
	width: 188px !important;
	border: 0px solid #e8eaee;
	transition: all 320ms ease;
}
.body-container.hp-index-container .animate-charcter i {
	margin: 0 -10px 0 -5px !important;
}
.hp-brand-card-product.brand-card-flashsale:hover {
	transform: translate3d(0,-4px,0);
	border: 0px solid #0867B2 !important;
}
.hp-brand-card-product.brand-card-flashsale {
	width: 182px !important;
}
.hp-mbrand-container {
	/* margin-top: 20px; */
}
.hp-mbrand-container .swiper-slide {
	width: 219px;
	padding: 10px 0;
}
.hp-mbrand-container .flashsale-item-info-promoprice {
	margin: auto;
	color: #FF0000;
	font-weight: 600;
	vertical-align: top;
	font-size: 1.125rem;
	display: inline-flex;
	align-items: flex-end;
}
.hp-mbrand-container .flashsale-item-info-beforepeice {
	margin: auto;
	color: #898989;
	display: inline-block;
	font-size: .75rem !important;
}
.brand-flipdown-flashsale {
	font-weight: 600;
	font-family: 'Prompt', sans-serif;
}
.hp-brand-card-product.brand-card-flashsale .image img {
	border:none;
	width:140px;
	height:140px;
	object-fit:contain;
}
.brand-flipdown-flashsale .rotor-group-heading:before {
	color: #EEEEEE;
}
.brand-flipdown-flashsale .rotor-group:nth-child(n+2):nth-child(-n+3):before,
.brand-flipdown-flashsale .rotor-group:nth-child(n+2):nth-child(-n+3):after {
	background-color: #222222;
}
.brand-flipdown-flashsale .rotor,
.brand-flipdown-flashsale .rotor-top,
.brand-flipdown-flashsale .rotor-leaf-front {
	color: #EEEEEE;
	background-color: #151515;
}
.brand-flipdown-flashsale .rotor-bottom, .brand-flipdown-flashsale .rotor-leaf-rear {
	color: #EEEEEE;
	background-color: #151515;
}
.brand-flipdown-flashsale .rotor:after {
	border-top: solid 1px #4949499c;
}
.brand-flipdown-flashsale {
	width: 170px;
	height: 32px;
	overflow: visible;
	margin-left: 12px;
}
.brand-flipdown-flashsale .rotor-group {
	float: left;
	position: relative;
	padding-right: 12px;
}
.brand-flipdown-flashsale .rotor-group:last-child {
	padding-right: 0;
}
.brand-flipdown-flashsale .rotor-group-heading:before {
	height: 30px;
	display: block;
	line-height: 30px;
	text-align: center;
}
.brand-flipdown-flashsale .rotor-group:nth-child(1) .rotor-group-heading:before {
	content: attr(data-before);
}
.brand-flipdown-flashsale .rotor-group:nth-child(2) .rotor-group-heading:before {
	content: attr(data-before);
}
.brand-flipdown-flashsale .rotor-group:nth-child(3) .rotor-group-heading:before {
	content: attr(data-before);
}
.brand-flipdown-flashsale .rotor-group:nth-child(4) .rotor-group-heading:before {
	content: attr(data-before);
}
.brand-flipdown-flashsale .rotor-group:nth-child(n+2):nth-child(-n+3):before {
	width: 3px;
	left: -8px;
	content: '';
	height: 3px;
	bottom: 8px;
	position: absolute;
	border-radius: 50%;
}
.brand-flipdown-flashsale .rotor-group:nth-child(n+2):nth-child(-n+3):after {
	width: 3px;
	left: -8px;
	height: 3px;
	content: '';
	bottom: 20px;
	position: absolute;
	border-radius: 50%;
}
.brand-flipdown-flashsale .rotor {
	float: left;
	height: 32px;
	width: 1.555rem;
	font-size: 16px;
	overflow: hidden;
	border-radius: 4px;
	position: relative;
	text-align: center;
	perspective: 200px;
	margin: 0px 4px 0px 0px;
}
.brand-flipdown-flashsale .rotor:last-child {
	margin-right: 0;
}
.brand-flipdown-flashsale .rotor-top, .brand-flipdown-flashsale .rotor-bottom {
	height: 16px;
	width: 1.555rem;
	overflow: hidden;
	position: absolute;
}
.brand-flipdown-flashsale .rotor-leaf {
	z-index: 1;
	height: 32px;
	width: 1.555rem;
	position: absolute;
	transition: transform 0s;
	transform-style: preserve-3d;
}
.brand-flipdown-flashsale .rotor-leaf.flipped {
	transform: rotateX(-180deg);
	transition: all 0.5s ease-in-out;
}
.brand-flipdown-flashsale .rotor-leaf-front, .brand-flipdown-flashsale .rotor-leaf-rear {
	margin: 0;
	height: 16px;
	width: 1.555rem;
	overflow: hidden;
	position: absolute;
	transform: rotateX(0deg);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
.brand-flipdown-flashsale .rotor-leaf-front {
	line-height: 32px;
	border-radius: 4px 4px 0px 0px;
}
.brand-flipdown-flashsale .rotor-leaf-rear {
	line-height: 0px;
	transform: rotateX(-180deg);
	border-radius: 0px 0px 4px 4px;
}
.brand-flipdown-flashsale .rotor-top {
	line-height: 32px;
	border-radius: 4px 4px 0px 0px;
}
.brand-flipdown-flashsale .rotor-bottom {
	bottom: 0;
	line-height: 0px;
	border-radius: 0px 0px 4px 4px;
}
.brand-flipdown-flashsale .rotor:after {
	left: 0px;
	z-index: 2;
	content: '';
	bottom: 0px;
	height: 17px;
	width: 1.555rem;
	position: absolute;
	border-radius: 0px 0px 4px 4px;
}
/* EBC : Flashsale */

/* SBC : Flashsale Countdown */
.countdown .item {
	float: left;
	width: 28px;
	text-align: center;
	background-color: #FF9900;
	color: #FFFFFF;
	padding: 5px 0px 5px 0px;
	margin-right: 5px;
	border-radius: 2px;
}


/* countdow */
.brand-flipdown-countdow {
	font-weight: 600;
	font-family: 'Prompt', sans-serif;
}

.brand-flipdown-countdow .rotor-group-heading:before {
	color: #EEEEEE;
}

.brand-flipdown-countdow .rotor-group:nth-child(n+2):nth-child(-n+3):before,
	.brand-flipdown-countdow .rotor-group:nth-child(n+2):nth-child(-n+3):after
	{
	background-color: #222222;
}

.brand-flipdown-countdow .rotor, .brand-flipdown-countdow .rotor-top,
	.brand-flipdown-countdow .rotor-leaf-front {
	color: #000;
	background-color: #fff;
}

.brand-flipdown-countdow .rotor-bottom, .brand-flipdown-countdow .rotor-leaf-rear
	{
	color: #000;
	background-color: #fff;
}

.brand-flipdown-countdow .rotor:after {
	border-top: solid 1px #EEEEEE;
}

.brand-flipdown-countdow {
	width: 371px;
	margin: auto;
	padding-left: 12px;
}

.brand-flipdown-countdow .rotor-group {
	top: 16px;
	float: left;
	position: relative;
	padding-right: 10px;
}

.brand-flipdown-countdow .rotor-group:last-child {
	padding-right: 0;
}

.brand-flipdown-countdow .rotor-group-heading:before {
	height: 30px;
	display: block;
	line-height: 30px;
	text-align: center;
}

.brand-flipdown-countdow .rotor-group:nth-child(1) .rotor-group-heading:before
	{
	content: attr(data-before);
}

.brand-flipdown-countdow .rotor-group:nth-child(2) .rotor-group-heading:before
	{
	content: attr(data-before);
}

.brand-flipdown-countdow .rotor-group:nth-child(3) .rotor-group-heading:before
	{
	content: attr(data-before);
}

.brand-flipdown-countdow .rotor-group:nth-child(4) .rotor-group-heading:before
	{
	content: attr(data-before);
}

.brand-flipdown-countdow .rotor-group:nth-child(n+2):nth-child(-n+3):before
	{
	left: -7px;
	width: 4px;
	content: '';
	bottom: 10px;
	height: 4px;
	position: absolute;
	border-radius: 50%;
}

.brand-flipdown-countdow .rotor-group:nth-child(n+2):nth-child(-n+3):after
	{
	left: -7px;
	width: 4px;
	content: '';
	height: 4px;
	bottom: 24px;
	position: absolute;
	border-radius: 50%;
}

.brand-flipdown-countdow .rotor {
	float: left;
	height: 38px;
	width: 3.555rem;
	overflow: hidden;
	font-size: 1.5rem;
	position: relative;
	border-radius: 4px;
	text-align: center;
	perspective: 200px;
	margin: 0px 4px 0px 0px;
}

.brand-flipdown-countdow .rotor:last-child {
	margin-right: 0;
}

.brand-flipdown-countdow .rotor-top, .brand-flipdown-countdow .rotor-bottom
	{
	height: 18px;
	width: 3.555rem;
	overflow: hidden;
	position: absolute;
}

.brand-flipdown-countdow .rotor-leaf {
	z-index: 1;
	height: 38px;
	width: 1.555rem;
	position: absolute;
	transition: transform 0s;
	transform-style: preserve-3d;
}

.brand-flipdown-countdow .rotor-leaf.flipped {
	transform: rotateX(-120deg);
	transition: all 0.5s ease-in-out;
}

.brand-flipdown-countdow  .rotor-leaf-rear {
	margin: 0;
	height: 18px;
	width: 3.555rem;
	overflow: hidden;
	position: absolute;
	-webkit-backface-visibility: hidden;
}

.brand-flipdown-countdow  .rotor-leaf-front {
	margin: 0;
	height: 18px;
	width: 3.555rem;
	overflow: hidden;
	position: absolute;
	transform: rotateX(0deg);
	-webkit-backface-visibility: hidden;
}

.brand-flipdown-countdow .rotor-leaf-front {
	line-height: 38px;
	border-radius: 4px 4px 0px 0px;
}

.brand-flipdown-countdow .rotor-leaf-rear {
	line-height: 0px;
	transform: rotateX(-180deg);
	border-radius: 0px 0px 4px 4px;
}

.brand-flipdown-countdow .rotor-top {
	line-height: 38px;
	border-radius: 4px 4px 0px 0px;
}

.brand-flipdown-countdow .rotor-bottom {
	bottom: 0;
	line-height: 0px;
	border-radius: 0px 0px 4px 4px;
}

.brand-flipdown-countdow .rotor:after {
	left: 0px;
	z-index: 2;
	content: '';
	bottom: 0px;
	height: 20px;
	width: 3.555rem;
	position: absolute;
	border-radius: 0px 0px 4px 4px;
}

/* section clisting */
.section-clisting img {
	width: 100%;
	height: 160px;
	background: #fff;
}

.section-clisting .swiper-container {
	padding: 10px !important;
}

.section-clisting .c-name {
	height: 50px !important;
	padding: 5px !important;
}

.section-clisting .c-image img {
	border-radius: 5px !important;
}

.section-clisting .h-nav_link6 {
	margin: 2px;
}

.swiper-slide.active {
	border: 1px solid #0165b2;
	border-radius: 6px;
	padding-right: 2px;
}

.swiper-slide.active .h-nav_link6:hover {
	box-shadow: unset;
}

.scale-price {
	color: #0065b2;
	font-weight: 600;
	font-size: 16px;
	font-style: italic;
}

.layout-contractprice-container {
	background-color: #FFF;
	margin-bottom: 18px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 1px 2px rgb(0 0 0/ 20%);
}

.layout-contractprice {
	width: 100%;
	padding: 40px;
	text-align: center;
}

.swiper-products-six .grid-item-product-plp {
	height: 360px;
	width: 100%;
}

.swiper-products-six .grid-item-product-plp .hp-card-product-plp {
	width: 100%;
	height: 100%;
}

.swiper-products-six .hp-card-product-plp:hover {
	height: 360px !important;
}

.swiper-products-should-by .grid-item-product-plp {
	height: 360px;
	width: 100%;
}

.swiper-products-should-by .grid-item-product-plp .hp-card-product-plp {
	width: 100%;
	height: 100%;
}

.swiper-products-should-by .hp-card-product-plp:hover {
	height: 360px !important;
}

.layout-fav-container .cate-header {
	font-weight: 600;
	font-size: 18px;
	padding-top: 20px;
}

.layout-fav-container .cate-desc {
	font-size: 14px;
	color: #888;
}

.layout-fav-container .fav-item {
	border: 1px solid #ccc;
	border-radius: 8px;
}

.brand-layout .highlight-text {
	padding: 30px 0 40px;
}

.brand-layout .highlight-quote {
	position: relative;
	padding: 0 200px 40px;
	font-size: 21px;
	line-height: 1.5;
}

.brand-layout .highlight-quote:before {
	content: '"';
	display: block;
	color: #bccad5;
	position: absolute;
	font-size: 300px;
	left: 22px;
	top: -64px;
}

.brand-layout .highlight-quote:after {
	content: '"';
	display: block;
	color: #bccad5;
	position: absolute;
	font-size: 300px;
	right: 22px;
	top: -64px;
}

.brand-layout .highlight-image {
	margin-bottom: 50px;
}

.brand-layout .layout-content {
	margin-bottom: 50px;
}

.brand-layout .layout-content ul li {
	list-style: disc;
	margin-bottom: 5px;
}

/* section common_brand */
.brand-fix-layout .hp-panel-category .tab.swiper-container-icontab .swiper-wrapper {
	height: 68px;
}

.brand-fix-layout .hp-panel-category .tab.swiper-container-icontab {
	margin-bottom: unset;
}

.brand-fix-layout .hp-panel-category .tab button {
	width: 100%;
	/* padding: 0px; */
}

/* plp icon tradein */
.plp-icon-tradein {
	top: 26px;
	z-index: 1;
	position: absolute;
	display: inline-flex;
	padding: 0.25rem 0.375rem;
	transform: translateY(-50%);
}

.plp-icon-tradein img {
	width: 40px;
}

.layout-m .swiper-brand-m {
	padding-left: 10px;
}

.layout-m .swiper-brand-m:first-child {
	padding-left: 0 !important;
}

.layout-m.M_2 .swiper-container {
	width: calc(100%/ 2) !important;
}

.layout-m.M_3 .swiper-container {
	width: calc(100%/ 3) !important;
}

.layout-m.M_4 .swiper-container {
	width: calc(100%/ 4) !important;
}

.layout-m2.m3070 .swiper-container:nth-child(1) {
	width: calc(30% - 10px) !important;
}

.layout-m2.m3070 .swiper-container:nth-child(2) {
	width: calc(70% - 10px) !important;
}

/* For Category  */
.layout-recitems {
	display: grid;
	grid-template-columns: 243px 243px 243px 243px 243px;
	gap: 16px 16px;
}

.layout-recitems .product-plp-card {
	/* display: inline-block;
	width: calc (100% / 5) !important; */
	width: 100%;
}

.layout-section .header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: baseline;
	width: 100%;
	margin-bottom: 20px;
}

.layout-section h2 {
	color: var(--layout-section-h2);
	font-feature-settings: 'clig' off, 'liga' off;
	/* Headings/H2 */
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.layout-section h2.center {
	width: 100%;
	text-align: center;
}

.leading-brand .item {
	width: 190px;
	height: 120px;
	margin-right: 16px !important;
	flex-shrink: 0;
	border-radius: 10px;
	border: 1px solid var(--neutral-colors-gray-400);
	background: var(--neutral-colors-white);
}

.leading-brand .item .brand-img {
	background-position: center;
	background-size: 140px;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}

/* SBC: Trade Hit */
.grid-container-cate5 {
	display: grid;
	grid-template-columns: 20% 20% 20% 20% 20%;
	grid-template-rows: 50% 50%;
	height: 380px;
}

.grid-item-cate5 {
	padding: 20px 0;
	text-align: center;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #FFF !important;
	border-right: none;
	border-top: none;
	background-color: #FFFFFF;
}

.grid-item {
	transition-duration: 0.3s;
	-webkit-transition: 0.3s ease-out !important;
	-moz-transition: 0.3s ease-out !important;
	-o-transition: 0.3s ease-out !important;
	transition: 0.3s ease-out !important;
}

.grid-item:hover {
	color: #0867B2;
	/* border: 1px solid #0867B2 !important; */
	border-radius: 5px;
	transform: translate3d(0, -3px, 0);
	transition-duration: .3s;
	-webkit-transition: 0.3s ease-out !important;
	-moz-transition: 0.3s ease-out !important;
	-o-transition: 0.3s ease-out !important;
	transition: 0.3s ease-out !important;
}

.grid-item-cate5 img {
	width: 100%;
	height: 100%;
}
/* EBC: Trade Hit */

/* SBC : Keyofering */
.key-visual {
	padding: 0;
	width: 100%;
}

.key-visual .content {
	display: flex;
	justify-content: space-evenly;
	text-align: center;
}

.key-visual .key-detail {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-family: var(--fontFamily);
	font-size: 16px;
	font-weight: 700;
}

.key-visual .key-detail a {
	color: #525255;
}

.key-visual .key-detail a:first-child {
	height: 70px;
}

.key-visual .item:first-child .key-detail:before {
	content: none;
}

.key-visual .specer {
	border-right: 1px solid var(--neutral-colors-gray-400);
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 12px;
}

.key-visual .specer:last-child, .key-visual .specer:nth-child(9n + 1) {
	display: none;
}

.key-visual .column:first-child .key-detail:before {
	content: none;
}

.key-visual .key-detail img {
	width: 100%;
	/* height: 79px; */
	/* margin-right: 16px; */
	max-width: 100px;
	max-height: 60px;
	object-fit: contain;
}
.key-visual .item {
	padding: 0;
	width: calc(100% / 5 - 2px);
	margin-bottom: 12px;
}
/* EBC : Keyofering */

/* Begin : Section Monthly Promotion */
.section-summersale {
	background-color: var(--neutral-colors-gray-100);
	padding-top: 24px;
	padding-bottom: 62px;
}
.section-summersale .topic {
	margin-bottom: 10px;
}
.section-summersale .section-summersale-detail {
	display: flex;
	column-gap: 16px;
}
.section-summersale .banner img {
	border-radius: 10px;
}
/* End : Section Monthly Promotion */


/* SBC : Section C_FLASHSALE */
.section-header .section-title .flashsale-icon {
	max-height: 89px;
	margin-right: 18px;
}
.section-header .section-title .flashsale-cd {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-end;
	justify-content: flex-start;
	align-items: flex-end;
	gap: 18px;
}
.section-header .section-title .flashsale-cd div {
	width: 56.019px;
	height: 59px;
	border-radius: 8px;
	background: var(--primary-colors-orange);
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	flex-shrink: 0;
	color: var(--primary-white, #FFF);
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	position: relative;
}
.section-header .section-title .flashsale-cd div:nth-child(1)::after,
.section-header .section-title .flashsale-cd div:nth-child(2)::after {
	content: ':';
	position: absolute;
	right: -14px;
	top: 2px;
	bottom: 0;
	width: 10px;
	height: 35px;
	color: #666666;
	font-size: 40px;
}
/* EBC : Section C_FLASHSALE */


/* Begin : Section Category */
.section-category {
	/* padding-top: 30px; */
	/* padding-bottom: 30px; */
	font-family: var(--fontFamily);
}
.section-category .item-category {
	display: flex;
	align-items: center;
	width: 305px;
	height: 96px;
	font-size: 22px;
	font-weight: 700;
	color: #515356;
	border-radius: 10px;
	border: 1.839px solid #F1F1F4;
}
.section-category .item-category img {
	width: 94px;
	margin-left: 10px;
	margin-right: 14px;
	width: 94px;
	margin-left: 10px;
}
/* End : Section Category */

/* Begin : Section Hot Promotion */
.swiper-mkp-promotion .swiper-slide {
	border-radius: 10px ;
/* 	background: #F79421; */
	width: 416px !important;
	height: 312px;
	flex-shrink: 0;
	border: unset !important;
}
/* End : Section Hot Promotion */

/* Begin : Section New Arrivals */
.section-category .swiper-mkp-new-product .swiper-slide {
	width: 230px !important;
}
.section-category .index-product-list-tab.new-product-tab {
	position: relative;
	width: 100%;
	max-width: 1280px;
	margin-top: 24px;
	margin-right: auto;
	margin-bottom: 24px;
	margin-left: auto;
	overflow: hidden;
}
.section-category #swiper-new-arrival-menu {
	width: 100% ;
}
.section-category #swiper-new-arrival-menu .swiper-slide {
	width: auto !important;
	padding: 0 !important;
	border: unset !important;
}
.section-category #swiper-new-arrival-menu .item {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
	display: table-cell;
	vertical-align: middle;
	background-color: #EBF3FA;
	border: 1px solid #EBF3FA;
	padding: 4px 16px 4px 16px;
	color: var(--primary-color-deep-blue-800) !important;
	width: auto;
	height: 32px;
	border-radius: 6px;
	box-sizing: border-box;
	cursor: pointer;
	transition: 0.3s;
}
.section-category #swiper-new-arrival-menu .item:hover {
	color: #F79421 !important;
	background-color: #FFFFFF !important;
	border: 1px solid #f79420 !important;
	box-sizing: border-box;
}
.section-category #swiper-new-arrival-menu .item.active {
	color: #F79421 !important;
	background-color: #FFF3E5 !important;
	border: 1px solid #FFF3E5 !important;
	font-weight: 600 !important;
	box-shadow: unset !important;
	border-radius: 6px !important;
}
.section-category .swiper-new-arrival-menu-next,
.section-category .swiper-new-arrival-menu-prev {
	border-radius: 6px !important;
	width: 32px;
	height: 32px;
	background-color: #EBF3FA !important;
	border: 1px solid #EBF3FA !important;
	color: var(--primary-color-deep-blue-800) !important;
	position: absolute;
	cursor: pointer;
	top: 0;
	line-height: 1.9;
	z-index: 3;
	box-shadow: rgb(255, 255, 255) 0px 0px 0px 5px;
}
.section-category .swiper-new-arrival-menu-next:after,
.section-category .swiper-new-arrival-menu-prev:after {
	letter-spacing: 0;
	text-transform: none;
	font-size: 14px !important;
}
.section-category .swiper-new-arrival-menu-next:hover,
.section-category .swiper-new-arrival-menu-prev:hover {
	background-color: var(--primary-color-deep-blue-800) !important;
	border: 1px solid var(--primary-color-deep-blue-800) !important;
	color: #EBF3FA !important;
	transition: 0.3s;
}
.section-category .swiper-new-arrival-menu-next {
	right: 0 !important;
}
.section-category .swiper-new-arrival-menu-prev {
	left: 0 !important;
}
.section-category .swiper-new-arrival-menu-prev:after {
	content: '';
	position: absolute;
	right: -11px;
	top: -2px;
	bottom: 0;
	background-color: #ffffff;
	z-index: 2;
	width: 10px;
	height: 35px;
}
.section-category .swiper-new-arrival-menu-next:after {
	content: '';
	position: absolute;
	left: -11px;
	top: -2px;
	bottom: 0;
	background-color: #ffffff;
	z-index: 2;
	width: 10px;
	height: 35px;
}
.section-category .new-arrival-see-more-border {
	border: unset;
}
.section-category .new-arrival-see-more-position {
	min-height: 492px;
	position: relative;
}
.section-category .new-arrival-see-more-icon {
	position: absolute;
	color: #0867B2;
	text-decoration: none;
	font-weight: 700;
	right: calc(50% - 36px);
	top: calc(50% - 22px);
	text-align: center;
}
.section-category .new-arrival-see-more-icon:hover {
	color: #FF9900 !important;
}
.section-category .new-right-icon {
	font-size: 40px;
}
.section-category .new-arrival-see-more {
	font-size: 16px;
	margin-top: 5px;
}
.section-category .ui.tabular.menu.tab-new-product {
	border-bottom: unset !important;
	margin-bottom: 24px !important;
}

/* End : Section New Arrivals */

/* Begin : Section Thematic */
.section-thematic {
	padding-top: 30px;
	padding-bottom: 0;
}
.section-thematic img {
	width: 100%;
}
.section-thematic .column {
	padding: 0 !important;
}
.section-home .box1 {
	 min-height: 320px;
}
.section-home .box1 h1 {
	font-size: 48px;
}
.section-home .box1 h3 {
	font-size: 24px;
}
.section-home .box1 hr {
	margin-top: 20px;
	border-top: 1px solid #BDC7CF;
}
.section-home .box4 h2 {
	font-size: 25px;
}
.swiper-emktspot-homeslide {
	margin-top: 30px;
}
.swiper-emktspot-homeslide .item-img {
	width: 100%;
	height: 204px;
	display: block;
	overflow: hidden;
	border-radius: 10px;
	background-size: cover;
	background-repeat: no-repeat;
}
.swiper-emktspot-homeslide .item-cat {
	margin: 20px 0;
}
.swiper-emktspot-homeslide .item-cat a {
	color: var(--primary-colors-blue);
	font-size: 14px;
}
.swiper-emktspot-homeslide .item-desc{
	font-size: 16px;
}
.swiper-emktspot-homeslide .swiper-button-prev,
.swiper-emktspot-homeslide .swiper-button-next {
	width: 36px;
	height: 36px;
	background-color: unset !important;
}
.swiper-emktspot-homeslide .swiper-button-prev:after {
	content: url("https://static.homepro.co.th/homepage/swiper-nav-left.png");
}
.swiper-emktspot-homeslide .swiper-button-next:after {
	content: url("https://static.homepro.co.th/homepage/swiper-nav-right.png");
}
.section-home .box1 .tag-list {
	margin-top: 39px;
	text-align: center;
}
.section-home .box1 .tag-list a {
	padding: 15px;
	display: block;
	font-weight: 600;
	border-radius: 6px;
/* 				margin-bottom: 15px; */
	background-color: #E9EAEE;
}
.section-home-mini .box1 h1 {
	font-size: 32px;
}
.section-home .column.box1 u {
	color: #1e70bf;
}
.unset-grid {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.unset-row-grid {
	margin-bottom: 30px;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.column-box-padding1 {
	padding: 0px 10px 0px 0px !important;
}
.column-box-padding2 {
	padding: 0px 0px 0px 10px !important;
}
.column-box-padding3 {
	padding: 0px 10px 0px 0px !important;
}
.column-box-padding3 img {
	border-radius: 10px !important;
}
.column-box-padding4 {
	padding: 0px 0px 0px 10px !important;
}
.column-box-padding5 {
	padding: 0px 0px 0px 15px !important;
}
.unset-three-column-row {
	gap: 15px;
	padding: 0px !important;
}
.unset-column {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.ui.grid>[class*="three column"].row>.column {
	width: 31.58%!important;
}
.unset-grid {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.unset-row-grid {
	margin-bottom: 30px;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.thematic-s2-l4 {
	display: flex;
	flex-wrap: wrap;
	padding: 0px !important;
	gap: 20px;
}
.thematic-s2-l4 img {
	width:100%;
	height:100%;
}
.thematic-s2-l4 .thematic-s2-l4-column-1,
.thematic-s2-l4 .thematic-s2-l4-column-2,
.thematic-s2-l4 .thematic-s2-l4-column-3 {
	display: flex;
	flex-direction: column;
	width: 413.3px;
	gap: 20px;
}
/* End : Section Thematic */

/* Begin : Section Trade Hit */
.grid-container-trend {
	display: grid;
	grid-template-columns: calc(100% / 5) calc(100% / 5) calc(100% / 5) calc(100% / 5) calc(100% / 5);
}

.grid-item-trend {
	padding: 20px 0;
	text-align: center;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #FFF !important;
	border-right: none;
	border-top: none;
	background-color: #FFFFFF;
}

.grid-item {
	transition-duration: 0.3s;
	-webkit-transition: 0.3s ease-out !important;
	-moz-transition: 0.3s ease-out !important;
	-o-transition: 0.3s ease-out !important;
	transition: 0.3s ease-out !important;
}

.grid-item:hover {
	color: #0867B2;
	/* border: 1px solid #0867B2 !important; */
	border-radius: 5px;
	transform: translate3d(0, -3px, 0);
	transition-duration: .3s;
	-webkit-transition: 0.3s ease-out !important;
	-moz-transition: 0.3s ease-out !important;
	-o-transition: 0.3s ease-out !important;
	transition: 0.3s ease-out !important;
}

.grid-item-trend-img {
	width: 210px;
}
/* End : Section Trade Hit */

/* Begin : Section Container */
.hp-index-container {
	width: 1280px !important;
	margin: auto;
	margin-bottom: 18px;
}

.hp-index-container img {
	width: 100%;
	object-fit: contain;
}

.hp-index-container-header {
	margin-bottom: 24px;
	font-family: var(--fontFamily);
	font-size: 32px;
	font-weight: 700;
	color: var(--primary-colors-blue);
}

.hp-index-container-content {
	width: auto;
}
/* End : Section Container */


/* Begin : Campaign */
.campaign-underhero-grid-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.campaign-underhero-grid-container .campaign-underhero-item {
	line-height: 0;
	width: 406px;
}

.campaign-underhero-grid-container .campaign-underhero-item img {
	border-radius: 10px;
}

.campaign-brand-grid-container {
	display: grid;
	grid-template-columns: 193px ​193px 193px 193px 193px 193px;
	grid-template-rows: 134px 134px 134px 135px;
	gap: 8px 8px;
	grid-template-areas: "b1 b2 b3 b4 b5 b6" "b7 b8 b9 b10 b11 b12"
		"b13 b14 b15 b16 b17 b18" "b19 b20 b21 b22 b23 b24";
	box-sizing: border-box;
}

.campaign-brand-img {
	width: 100%;
	border-radius: 4px;
	border: 1px solid #DDDDDD;
}

.campaign-cat-grid-container {
	display: grid;
	grid-template-columns: 594px 594px;
	grid-template-rows: 270px;
	gap: 0px 12px;
	grid-template-areas: "campaign-cat-left campaign-cat-right";
	width: 1280px;
	margin: auto;
	margin-bottom: 12px;
}

.campaign-cat-left {
	padding: 5px;
	display: grid;
	grid-template-columns: 200px 192px 192px;
	grid-template-rows: 130px 130px;
	gap: 0px 0px;
	grid-template-areas: "CL1 CL2 CL3" "CL1 CL4 CL5";
	grid-area: campaign-cat-left;
	background: white;
}

.campaign-cat-right {
	padding: 5px;
	display: grid;
	grid-template-columns: 200px 192px 192px;
	grid-template-rows: 130px 130px;
	gap: 0px 0px;
	grid-template-areas: "CR1 CR2 CR3" "CR1 CR4 CR5";
	grid-area: campaign-cat-right;
	background: white;
}

.campaign-campaign-cat-item-img {
	width: 150px;
	height: 120px;
}
/* End : Campaign */

/* Begin : Shocking Deal */
.hp-shocking-deal-container-header {
	margin: auto;
	width: 1280px;
	text-align: center;
}
.campaign-shocking-deal-grid-container {
	margin:auto;
	display: grid;
	gap: 10px 10px;
	grid-template-columns: repeat(3, 32.80%);
}
.campaign-shocking-deal-grid-container .campaign-shocking-deal-item {
	padding: 0px;
	line-height: 0;
	transition: 0.3s ease-out;
	transition-property: transform;
	background-color: #f2f3f7 !important;
}
.campaign-shocking-deal-grid-container .campaign-shocking-deal-item:hover {
	transform: translate3d(0, -3px, 0);
}
/* End : Shocking Deal */


/* Begin : Flash-Campaign */
.flashsale-logo {
	height: 54px;
	width: 174px;
	position: relative;
	background-size: 174px 40px;
}

.flashsale-countdown {
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight: 600;
}

.flashsale-item {
	width: 160px !important;
	cursor: pointer;
	padding: 15px;
}

.flashsale-item-top {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	background-color: #FFFFFF;
	padding: .5rem .5rem 0px .5rem;
	overflow: hidden;
}

.flashsale-item-discount {
	position: absolute;
	top: 15px;
	right: 15px;
	padding: 1px 5px;
	display: inline-flex;
	vertical-align: top;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	background-image: linear-gradient(#FF9900, #FF0000);
	border-radius: 4px;
}

.flashsale-item-img {
	width: 145px;
	height: 145px;
}

.flashsale-item-info {
	flex-grow: 1;
	position: relative;
	display: flex;
	flex-direction: column;
	background-color: #FFFFFF;
}

.flashsale-item-info-promoprice {
	display: inline-flex;
	vertical-align: top;
	align-items: flex-end;
	font-size: 1.125rem;
	font-weight: 600;
	color: #FF0000;
}

.flashsale-item-info-beforepeice {
	display: inline-block;
	font-size: .75rem !important;
	color: #898989;
}

.flashsale-item-info-promotion {
	word-break: break-word;
	overflow: hidden;
	height: 13px important;
	text-align: center;
	font-size: .550rem;
	font-weight: 500;
	padding: .2rem .3rem;
	margin-top: 5px;
	background: #F3541A;
	color: #fff;
	border-radius: 25px;
	line-height: 12px;
}

.flashsale-nav_link {
	transition: translate3d .3s;
}

.flashsale-nav_link:hover {
	transform: translate3d(0, -4px, 0)
}
/* End : Flash-Campaign */

/* Begin : COLLECTION */
.grid-container-collection {
	display: grid;
	grid-template-columns: calc(100% / 4 - 8px) calc(100% / 4 - 8px) calc(100% / 4 - 8px) calc(100% / 4 - 8px);
	gap: 10px;
}

.grid-item-collection {
	/* padding: 20px 0; */
	text-align: center;
	vertical-align: middle;
	text-align: center;
	/* border: 1px solid #EEEEEE !important;
	border-right: none;
	border-top: none; */
	background-color: #FFFFFF;
	margin-bottom: 10px;
	overflow: hidden;
}

.item-collection-border-top {
	border-top: 0.5px solid #d5d5d5;
}

.item-collection-border-right {
	border-right: 0.5px solid #d5d5d5;
}

.h-nav_linkcollection {
	color: #666666;
	text-decoration: none;
}

.grid-item-collection-img {
	border-radius: 10px;
}
/* End : COLLECTION */

/* Begin : Everyday Use */
.hp-index-container .swiper-everyday-use img {
	width: 100%;
	border-radius: 10px;
}
/* End : Everyday Use */

/* Begin : What's sale Section */
.mkp-tab-container {
	position: relative;
	width: 100%;
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
#swiper-promotion-menu,
#swiper-new-menu,
#swiper-container-icontab-img {
	width: 100%;
}
#swiper-promotion-menu .swiper-slide,
#swiper-new-menu .swiper-slide,
#swiper-container-icontab-img .swiper-slide {
	width: auto !important;
	padding: 0 !important;
	border: unset !important;
}
#swiper-promotion-menu .item,
#swiper-new-menu .item,
#swiper-container-icontab-img .item {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
	display: table-cell;
	vertical-align: middle;
	background-color: var(--neutral-colors-gray-100);
	border: 1px solid var(--neutral-colors-gray-100);
	padding: 4px 16px 4px 16px;
	color: var(--primary-colors-blue) !important;
	width: auto;
	height: 32px;
	border-radius: 6px;
	box-sizing: border-box;
	cursor: pointer;
	transition: 0.3s;
}
#swiper-promotion-menu .item:hover,
#swiper-new-menu .item:hover,
#swiper-container-icontab-img .item:hover {
	color: var(--primary-colors-orange) !important;
	background-color: #FFFFFF !important;
	border: 1px solid var(--primary-colors-orange) !important;
	box-sizing: border-box;
}
#swiper-promotion-menu .item.active,
#swiper-new-menu .item.active,
#swiper-container-icontab-img .item.active {
	color: var(--primary-colors-orange) !important;
	background-color: var(--primary-colors-orange-100) !important;
	border: 1px solid var(--primary-colors-orange-100) !important;
	font-weight: 600 !important;
	box-shadow: unset !important;
	border-radius: 6px !important;
}
.swiper-promotion-menu-next,
.swiper-promotion-menu-prev,
.swiper-new-menu-next,
.swiper-new-menu-prev,
.swiper-container-icontab-img-next,
.swiper-container-icontab-img-prev {
	border-radius: 6px !important;
	width: 32px;
	height: 32px;
	background-color: #EBF3FA !important;
	border: 1px solid #EBF3FA !important;
	color: var(--primary-color-deep-blue-800) !important;
	position: absolute;
	cursor: pointer;
	top: 0;
	line-height: 1.9;
	z-index: 3;
	box-shadow: rgb(255, 255, 255) 0px 0px 0px 5px;
}
.swiper-promotion-menu-next:after,
.swiper-promotion-menu-prev:after,
.swiper-new-menu-next:after,
.swiper-new-menu-prev:after,
.swiper-container-icontab-img-next:after,
.swiper-container-icontab-img-prev:after {
	letter-spacing: 0;
	text-transform: none;
	font-size: 14px !important;
}
.swiper-promotion-menu-next:hover,
.swiper-promotion-menu-prev:hover,
.swiper-new-menu-next:hover,
.swiper-new-menu-prev:hover,
.swiper-container-icontab-img-next:hover,
.swiper-container-icontab-img-prev:hover {
	background-color: var(--primary-color-deep-blue-800) !important;
	border: 1px solid var(--primary-color-deep-blue-800) !important;
	color: #EBF3FA !important;
	transition: 0.3s;
}
.swiper-promotion-menu-next,
.swiper-new-menu-next,
.swiper-container-icontab-img-next {
	right: 0 !important;
}
.swiper-promotion-menu-prev,
.swiper-new-menu-prev,
.swiper-container-icontab-img-prev {
	left: 0 !important;
}
.swiper-promotion-menu-prev:after,
.swiper-new-menu-prev:after,
.swiper-container-icontab-img-prev:after {
	content: '';
	position: absolute;
	right: -11px;
	top: -2px;
	bottom: 0;
	background-color: #ffffff;
	z-index: 2;
	width: 10px;
	height: 35px;
}
.swiper-promotion-menu-next:after,
.swiper-new-menu-next:after,
.swiper-container-icontab-img-next:after {
	content: '';
	position: absolute;
	left: -11px;
	top: -2px;
	bottom: 0;
	background-color: #ffffff;
	z-index: 2;
	width: 10px;
	height: 35px;
}
.hp-promotion-result{
	margin-top: 20px;
}
/* End : What's sale Section */


/* Begin : Section Popular Product */
.swiper-mkp-popular-product .swiper-slide {
	width: 230px;
}
/* End : Section Popular Product */

/* Begin : POPPULAR PRODUCT */
.grid-container-banner {
	display: grid;
	grid-template-columns: calc(100% / 8) calc(100% / 8) calc(100% / 8) calc(100% / 8) calc(100% / 8) calc(100% / 8) calc(100% / 8) calc(100% / 8);
}

.grid-item-popular {
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	padding: 1.2rem 0px 1.2rem 0px;
	border: 1px solid #FFF !important;
}

.grid-item-bunner-img {
	width: 100%;
}

.up-banner {
	margin-bottom: 9px !important;
}

.section-category .swiper-mkp-popular-product .swiper-slide {
	width: 230px !important;
}
.section-category .index-product-list-tab.popular-product-tab {
	position: relative;
	width: 100%;
	max-width: 1280px;
	margin-top: 24px;
	margin-right: auto;
	margin-bottom: 24px;
	margin-left: auto;
	overflow: hidden;
}
.section-category .swiper-popular-products-menu {
	width: 100% ;
}
.section-category .swiper-popular-products-menu .swiper-slide {
	width: auto !important;
	padding: 0 !important;
	border: unset !important;
}
.section-category .swiper-popular-products-menu .item {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
	display: table-cell;
	vertical-align: middle;
	background-color: #EBF3FA;
	border: 1px solid #EBF3FA;
	padding: 4px 16px 4px 16px;
	color: var(--primary-color-deep-blue-800) !important;
	width: auto;
	height: 32px;
	border-radius: 6px;
	box-sizing: border-box;
	cursor: pointer;
	transition: 0.3s;
}
.section-category .swiper-popular-products-menu .item:hover {
	color: #F79421 !important;
	background-color: #FFFFFF !important;
	border: 1px solid #f79420 !important;
	box-sizing: border-box;
}
.section-category .swiper-popular-products-menu .item.active {
	color: #F79421 !important;
	background-color: #FFF3E5 !important;
	border: 1px solid #FFF3E5 !important;
	font-weight: 600 !important;
	box-shadow: unset !important;
	border-radius: 6px !important;
}
.section-category .swiper-popular-products-menu-next,
.section-category .swiper-popular-products-menu-prev {
	border-radius: 6px !important;
	width: 32px;
	height: 32px;
	background-color: #EBF3FA !important;
	border: 1px solid #EBF3FA !important;
	color: var(--primary-color-deep-blue-800) !important;
	position: absolute;
	cursor: pointer;
	top: 0;
	line-height: 1.9;
	z-index: 3;
	box-shadow: rgb(255, 255, 255) 0px 0px 0px 5px;
}
.section-category .swiper-popular-products-menu-next:after,
.section-category .swiper-popular-products-menu-prev:after {
	letter-spacing: 0;
	text-transform: none;
	font-size: 14px !important;
}
.section-category .swiper-popular-products-menu-next:hover,
.section-category .swiper-popular-products-menu-prev:hover {
	background-color: var(--primary-color-deep-blue-800) !important;
	border: 1px solid var(--primary-color-deep-blue-800) !important;
	color: #EBF3FA !important;
	transition: 0.3s;
}
.section-category .swiper-popular-products-menu-next {
	right: 0 !important;
}
.section-category .swiper-popular-products-menu-prev {
	left: 0 !important;
}
.section-category .swiper-popular-products-menu-prev:after {
	content: '';
	position: absolute;
	right: -11px;
	top: -2px;
	bottom: 0;
	background-color: #ffffff;
	z-index: 2;
	width: 10px;
	height: 35px;
}
.section-category .swiper-popular-products-menu-next:after {
	content: '';
	position: absolute;
	left: -11px;
	top: -2px;
	bottom: 0;
	background-color: #ffffff;
	z-index: 2;
	width: 10px;
	height: 35px;
}
/* End : POPPULAR PRODUCT */

/* SBC : Index Promotion */
.promotion-list-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	gap: 18px;
	box-sizing: border-box;
	margin: 0;
	margin-left: 0;
}
.promotion-list-item,
.skeleton-container {
	box-sizing: border-box;
	width: calc(100% / 3 - 12px);
	height: auto;
	transition: .2s;
}
.promotion-list-item:hover{
/* 	background-color: #fff;
	box-shadow: 0 0.5rem 1.5rem 0 hsla(0,0%,60%,.2); */
	/* transform: scale(1.02); */
}
.promotion-list-container .promotion-cover {
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.promotion-list-container .promotion-cover img{
	width: 100%;
	border-radius: 8px;
}
.promotion-list-container .promotion-content {
	padding: 20px 10px;
	height: 120px;
}
.promotion-list-container .promotion-content .text-title {
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	height: 48px;
	cursor: pointer;
	overflow: hidden;
}
.promotion-list-container .promotion-content .text-title:hover {
	color: #0867B2;
	cursor: pointer;
}
.promotion-list-container .promotion-content .panel {
	display: flex;
	justify-content: flex-start;
	font-size: 12px;
	position: relative;
}
.promotion-list-container .promotion-content .panel .duration {
	font-size: 12px;
	width: 80%;
	text-align: start;
	color: #2467b2;
}
.promotion-list-container .promotion-content .panel .duration .icon.calendar {
	font-size: 16px;
}
.promotion-list-container .promotion-content .panel .tools {
	font-size: 12px;
	width: 20%;
	text-align: end;
	position: relative;
}
.promotion-list-container .promotion-content .panel .tools i {
	font-size: 18px;
	color: #82929F;
	cursor: pointer;
	transition: transform ease-out 0.1s;
	margin: 0;
}
.promotion-list-container .promotion-content .panel .tools i:hover {
	transform: scale(1.2);
}
.promotion-list-container .promotion-content .panel .tools i {
	position: absolute;
	top: 1px;
}
.promotion-list-container .promotion-content .panel i.heart.icon {
	color: #f41a32;
	left: 5px;
}
.promotion-list-container .promotion-content .panel i.heart.outline.icon {
	color: #82929F;
	left: 5px;
}
.promotion-list-container .promotion-content .panel i.heart.outline.icon:hover {
	color: #f41a32;
}
.promotion-list-container .promotion-content .panel i.share.icon {
	color: #82929F;
	right: 0;
}
.promotion-list-container .promotion-content .panel span {
	color: #82929F;
	position: absolute;
	left: 30px;
}
.promotion-list-container .promotion-content .share-menu {
	padding: 8px;
	padding-bottom: 4px;
	background-color: #f6f6f6;
	position: absolute;
	border: solid 1px #bbc7d0;
	border-radius: 8px;
	right: 0px;
	top: -40px;
	display: none;
	box-shadow: 0 0.5rem 1.5rem 0 hsla(0,0%,60%,.2);
	cursor: default;
}
.promotion-list-container .promotion-content .share-menu button {
	border: unset;
	background: unset;
	padding: 0;
	width: 30px;
	cursor: pointer;
	line-height: normal;
}
.promotion-list-container .promotion-content .share-menu button i {
	font-size: 20px;
	color: #666;
	transition: .2s;
}
.promotion-list-container .promotion-content .share-menu button i.facebook:hover {
	color: #4267B2;
}
.promotion-list-container .promotion-content .share-menu button i.twitter:hover {
	color: #00acee;
}
.promotion-list-container .promotion-content .share-menu button i.linechat:hover {
	color: #4cc764;
}
.promotion-list-container .promotion-content .share-menu button i.linkify:hover {
	color: #0867B2;
}

.promotion-list-container .action {
	width: 100%;
	display: flex;
	justify-content: center;
}
.promotion-list-container .action .ui.basic.primary.button.promotion-seemore {
/* 	margin: auto;
	width: 370px;
	height: 50px;
	color: #0867B2;
	border: 1px solid #0867B2;
	border-radius: 8px;
	font-size: 16px; */
	display: inline-block;
	padding: 12px 32px;
	border-radius: 10px;
	background-color: var(--primary-colors-orange);
	color: #FFF;
	font-family: var(--fontFamily);
	font-size: 22px;
	font-weight: 700;
	box-shadow: none;
}
.promotion-list-container .action button.promotion-seemore:hover {
/* 	background-color: #0867B2 !important;
	color: #fff !important; */
}
/* EBC : Index Promotion */

main#search-plp {
	margin-top: 30px;
	clear: both;
}


/* Begin : Section Top */
.section-top img {
	border-radius: 10px;
	max-width: 100%;
	float: left;
}
.sectoin-top a {
	float: left;
}
.section-top .container {
	display: flex;
	flex-wrap: wrap;
	column-gap: 16px;
}
.section-top .box-l-container, .section-top .box-r-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: center;
	width: 632px;
	gap: 16px;
}
.section-1m1t2s .box-r1-container,
.section-1m1t2s .box-r2-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: center;
	width: 308px;
	max-height: 474px;
	gap: 16px;
}
.section-1m1t2s .box-r1-container > div,
.section-1m1t2s .box-r2-container > div{
	width: 308px;
}
.section-top .box-r-container > div {
	width: 308px;
	height: 229px;
}
.section-top .box-l-container .swiper-horizontal>.swiper-pagination-bullets, 
.section-top .box-l-container .swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: 36px;
}
/* End : Section Top */

/* Begin : Section Homepro Choose */
.section-choose {
/* 	padding-top: 30px; */
	padding-bottom: 30px;
}
.section-choose .top-section {
	width: 100%;
}
.section-choose img {
	border-radius: 10px;
	max-width: 100%;
}
.section-choose .container {
	display: flex;
	flex-wrap: wrap;
	column-gap: 16px;
}
.section-choose .box-l-container, .section-choose .box-r-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: center;
	width: 632px;
	gap: 16px;
}
.section-choose .box-r-container > div {
	width: 308px;
	height: 229px;
}
/* Begin : Section Homepro Choose */


/* Begin : Section m5_4s1c */
.section.m5_4s1c {
	padding-top: 30px;
	padding-bottom: 30px;
}
.section.m5_4s1c .top-section {
	width: 100%;
}
.section.m5_4s1c img {
	border-radius: 10px;
	width: 100%;
}
.section.m5_4s1c .container {
	display: flex;
	column-gap: 0;
	flex-direction: row;
	gap: 6px;
}
.section.m5_4s1c .box-r-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: center;
	width: 40%;
	gap: 0;
}
.section.m5_4s1c .box-l-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: center;
	width: 61%;
	gap: 0;
}
.section.m5_4s1c .box-r-container > div {
	width: 50%;
}
/* Begin : Section m5_4s1c */

/* Begin : Section Big Swiper */
.section-bigswiper img {
	border-radius: 10px;
}
/* End : Section Big Swiper */

/* SBC : Cate Tab */
.hp-panel-category {
	padding: 0px;
	margin: auto;
	margin-bottom: 30px;
	margin-top: 24px;
	border-color: #d5d5d5;
	width: 1280px !important;
	background-color: #FFFFFF;
}

.brand-fix-layout .segment-tab .tab.hp-tab.swiper-container-icontab .swiper-wrapper {
	height: 66px !important;
}
/*------- HP TAB -------- */
.hp-tab {
	width: 100%;
	overflow: hidden;
	table-layout: auto;
	padding: 0px !important;
	background-color: #FFFFFF;
}

.hp-tab .item {
	/* width: fit-content;
	display: table-cell; */
}

.hp-content {
	display: none;
	padding: 0 18px 18px 18px;
	box-sizing: border-box;
	margin-top: 20px;
}

.hp-tab .swiper-slide {
	width: auto !important;
	padding: 0 !important;
	border: unset !important;
}

.hp-tab button {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
	display: table-cell;
	vertical-align: middle;
	background-color: var(--neutral-colors-gray-100);
	border: 1px solid var(--neutral-colors-gray-100);
	padding: 4px 16px 4px 16px;
	color: var(--primary-colors-blue) !important;
	width: auto;
	height: 32px;
	border-radius: 6px;
	box-sizing: border-box;
	cursor: pointer;
	transition: 0.3s;
}

.hp-tab button:hover {
	color: var(--primary-colors-orange) !important;
	background-color: var(--primary-colors-orange-100) !important;
	border: 1px solid var(--primary-colors-orange-100) !important;
	box-sizing: border-box;
}

.hp-tab .item.active button {
	color: var(--primary-colors-orange) !important;
	background-color: var(--primary-colors-orange-100) !important;
	border: 1px solid var(--primary-colors-orange-100) !important;
	font-weight: 600 !important;
	box-shadow: unset !important;
	border-radius: 6px !important;
}

.hp-tab .swiper-slide.active {
	border: none;
	border-radius: 0;
	border-right: 1px solid #ccc;
	padding-right: 0;
}

.hp-tab .swiper-button-next {
	border-radius: 6px !important;
	width: 32px;
	height: 32px;
	background-color: #EBF3FA !important;
	border: 1px solid #EBF3FA !important;
	color: var(--primary-color-deep-blue-800) !important;
	position: absolute;
	cursor: pointer;
	top: 22px;
	right: 0;
	line-height: 1.9;
	z-index: 3;
	box-shadow: rgb(255, 255, 255) 0px 0px 0px 5px;
}
.hp-tab .swiper-button-next:after,
.hp-tab .swiper-button-prev:after {
	content: '';
	position: absolute;
	left: -11px;
	top: -2px;
	bottom: 0;
	background-color: #ffffff;
	z-index: 2;
	width: 10px;
	height: 35px;
}
.hp-tab .swiper-button-prev {
	border-radius: 6px !important;
	width: 32px;
	height: 32px;
	background-color: #EBF3FA !important;
	border: 1px solid #EBF3FA !important;
	color: var(--primary-color-deep-blue-800) !important;
	position: absolute;
	cursor: pointer;
	top: 22px;
	left: 0;
	line-height: 1.9;
	z-index: 3;
	box-shadow: rgb(255, 255, 255) 0px 0px 0px 5px;
}

/*------- HP TAB MOBILE-------- */
.hp-mcontent {
	border: none;
	display: none;
	padding: 0px 4px 0px 0px;
}

.hp-panel-mcategory {
	padding: 0px;
	border-radius: 10px;
	border-color: #d5d5d5;
	background-color: #FFFFFF;
	margin: auto 8px 10px 8px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

.grid-container-mcategory {
	display: grid;
	padding: 0 12px;
	padding-left: 8px;
	grid-row-gap: 12px;
	padding-bottom: 12px;
	grid-column-gap: 8px;
	grid-template-columns: 50% 50%;
}

.grid-container-product-plp {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}
/* EBC : Cate Tab */


.segment-tab .grid-container-product-plp {
	margin-top: 12px;
	margin-bottom: 12px;
	padding-left: 0;
}

.segment-tab .product-plp-card {
	width: calc(100% / 5 - 12px);
}

.campaign-underhero {
	width: 1280px !important;
}

.home-page .layout-section h2 {
	color: var(--primary-colors-orange);
	font-feature-settings: 'clig' off, 'liga' off;
	/* Headings/H2 */
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}


/* Begin : Section Brand */
.section-brand {
	padding-top: 30px;
	padding-bottom: 30px;
}
.section-brand .item-brand {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 190px;
	height: 120px;
	border-radius: 10px;
	border: 1.839px solid #E0E0E3;
	float: left;
}
.section-brand .swiper-slide {
	width: auto;
	margin-right: 16px !important;
}
.section-brand .item-brand img {
	height: 45px;
}
/* End : Section Brand */

/* Begin : Section New Product */
.swiper-mkp-new-product .swiper-slide {
	width: 230px;
}
.banner-container,
.banner-container .banner-side:nth-child(2) {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: flex-start;
	gap: 16px;
}

.banner-container .banner-side {
	width: 632px;
}
.banner-container .banner-side > .huge-banner {
	width: 632px;
	height: 474px;
	border-radius: 10px;
}
.banner-container .banner-side > .tiny-banner {
	width: 308px;
	height: 229px;
	border-radius: 10px;
}
/* End : Section New Product */


/* Begin : Section Recommended Product */
.swiper-mkp-recommended-product .swiper-slide {
	width: 230px;
}
.section-items-tab .topic {
	display: flex;
	align-items: center;
}
.section-items-tab .topic img {
	margin-right: 8px;
}
.recommended-product-tab {
	justify-content: flex-start !important;
}
.recommended-product-tab .item {
	margin-right: 24px !important;
}
.section-items-tab .index-product-list-tab.recommended-product-tab {
	position: relative;
	width: 100%;
	max-width: 1280px;
	margin-top: 24px;
	margin-right: auto;
	margin-bottom: 24px;
	margin-left: auto;
	overflow: hidden;
}
.section-items-tab .items-tab-menu {
	width: 100% ;
}
.section-items-tab .items-tab-menu .swiper-slide {
	width: auto !important;
	padding: 0 !important;
	border: unset !important;
}

.section-items-tab .items-tab-menu .item {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
	display: table-cell;
	vertical-align: middle;
	background-color: #EBF3FA !important;
	border: 1px solid #EBF3FA !important;
	padding: 4px 16px 4px 16px;
	color: var(--primary-color-deep-blue-800) !important;
	width: auto;
	height: 32px;
	border-radius: 6px;
	box-sizing: border-box;
	cursor: pointer;
	transition: 0.3s;
}

.section-items-tab .items-tab-menu .item:hover {
	color: #F79421 !important;
	background-color: #FFFFFF !important;
	border: 1px solid #f79420 !important;
	box-sizing: border-box;
}
.section-items-tab .items-tab-menu .item.active {
	color: #F79421 !important;
	background-color: #FFF3E5 !important;
	border: 1px solid #FFF3E5 !important;
	font-weight: 600 !important;
	box-shadow: unset !important;
	border-radius: 6px !important;
}
.section-items-tab .swiper-recommended-product-menu-next,
.section-items-tab .swiper-recommended-product-menu-prev {
	border-radius: 6px !important;
	width: 32px;
	height: 32px;
	background-color: #EBF3FA !important;
	border: 1px solid #EBF3FA !important;
	color: var(--primary-color-deep-blue-800) !important;
	position: absolute;
	cursor: pointer;
	top: 0;
	line-height: 1.9;
	z-index: 3;
	box-shadow: rgb(255, 255, 255) 0px 0px 0px 5px;
}
.section-items-tab .swiper-recommended-product-menu-next:after,
.section-items-tab .swiper-recommended-product-menu-prev:after {
	letter-spacing: 0;
	text-transform: none;
	font-size: 14px !important;
}
.section-items-tab .swiper-recommended-product-menu-next:hover,
.section-items-tab .swiper-recommended-product-menu-prev:hover {
	background-color: var(--primary-color-deep-blue-800) !important;
	border: 1px solid var(--primary-color-deep-blue-800) !important;
	color: #EBF3FA !important;
	transition: 0.3s;
}
.section-items-tab .swiper-recommended-product-menu-next {
	right: 0 !important;
	margin-top: 0;
}
.section-items-tab .swiper-recommended-product-menu-prev {
	left: 0 !important;
	margin-top: 0;
}
.section-items-tab .swiper-recommended-product-menu-prev:after {
	content: '';
	position: absolute;
	right: -11px;
	left: unset;
	top: -2px;
	bottom: 0;
	background-color: #ffffff;
	z-index: 2;
	width: 10px;
	height: 35px;
}
.section-items-tab .swiper-recommended-product-menu-next:after {
	content: '';
	position: absolute;
	left: -11px;
	right: unset;
	top: -2px;
	bottom: 0;
	background-color: #ffffff;
	z-index: 2;
	width: 10px;
	height: 35px;
}
/* End : Section Recommended Product */


/* Begin : Section Shop */
.section-shop {
	padding-top: 30px;
	padding-bottom: 30px;
}
.swiper-seller {
	margin-bottom: 24px;
}
.swiper-seller-sub .swiper-slide {
	width: auto;
}
.swiper-seller-sub .swiper-slide .item-info {
	padding: 24px;
	border-radius: 10px;
	border: 1.839px solid #E0E0E3;
}
/* End : Section Shop */

/* Begin : Global Product List Tab */
.ui.menu.index-product-list-tab {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-content: center;
	align-items: flex-end;
	justify-content: space-between;
	margin-bottom: 24px !important;
	position: relative;
	border-bottom: 0;
}
/* .ui.menu.index-product-list-tab .item,
.ui.menu.index-product-list-tab .more {
	font-family: "Prompt", sans-serif !important;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	color: #525255 !important;
	transition: .2s !important;
	text-align: center;
	padding: 14px 18px !important;
	cursor: pointer;
} */
.ui.menu.index-product-list-tab > .item.active {
	color: var(--primary-color-deep-blue-800) !important;
}
.ui.menu.index-product-list-tab::after {
	display: none;
}

/* Begin : Old Section Top Brand */
.hp-top-brand-container {
	padding-bottom: 25px;
}
.hp-top-brand-container .hp-top-brand-grid-layout {
	margin-top: 4px !important;
	margin-bottom: 0 !important;
	margin-right: 4px !important;
	margin-left: 4px !important;
	justify-content: space-around;
	gap: 15px 0;
}
.hp-top-brand-grid-layout {
	display: flex;
	flex-wrap: wrap;
}
.hp-top-brand-container a {
	padding-left: 0 !important;
	padding-right: 0 !important;
	max-width: calc(25% - 10px);
}
/* Begin : Old Section Top Brand for section m6 */
.home-page .hp-top-brand-container .set-1 a{
	max-width: calc(33% - 10px);
}
/* Begin : Old Section Top Brand for section m6 */
.home-page .hp-top-brand-container a {
	max-width: calc(25% - 10px);
}

.hp-top-brand-container .hp-top-brand-item {
	transition: 0.3s ease-out !important;
}
.hp-top-brand-container .hp-top-brand-item:hover {
	transform: translate3d(0, -3px, 0);
	transition-duration: 0.3s;
	-webkit-transition: 0.3s ease-out !important;
	-moz-transition: 0.3s ease-out !important;
	-o-transition: 0.3s ease-out !important;
	transition: 0.3s ease-out !important;
}
/* End : Old Section Top Brand */

/* Begin : Old Section Categories Highlight */
.hp-categories-highlight-container {
	width: 1280px;
	margin: auto;
}
.hp-categories-highlight-container-header {
	display:flex;
	justify-content:center;
}
.hp-categories-highlight-container .hp-categories-highlight-grid-layout {
	margin-top: 4px !important; 
	margin-bottom: 0 !important; 
	margin-right: 4px !important; 
	margin-left: 4px !important;
	justify-content: space-around;
	gap: 10px 0;
}
.hp-categories-highlight-grid-layout {
	display: flex;
	flex-wrap: wrap;
}
.hp-categories-highlight-container a {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.hp-categories-highlight-container .hp-categories-highlight-item {
	transition: 0.3s ease-out !important;
}
.hp-categories-highlight-container .hp-categories-highlight-item:hover {
	transform: translate3d(0, -3px, 0);
	transition-duration: 0.3s;
	-webkit-transition: 0.3s ease-out !important;
	-moz-transition: 0.3s ease-out !important;
	-o-transition: 0.3s ease-out !important;
	transition: 0.3s ease-out !important;
}
/* End : Old Section Categories Highlight */

/* Begin : Section Home Service */
.section-homeservice .desc,
.section-homeservice .detail-homeservice strong {
	color: #525255;
}
/* End : Section Home Service */

/* Begin : Section Section SEO */
.section-seo .desc {
	color: #525255;
}
/* End : Section SEO */

/* Begin : Section category  */
.swiper-layout-5_5 .swiper-slide {
	width: 220px !important;
}
.swiper-mkp-flashsale.swiper-layout-5_5 .swiper-slide {
	width: 230px !important;
}
/* End : Section category  */


/* SBC - Shop card S1 */
.swiper-seller-sub .seller-info-s1 {
	display: flex;
	justify-content: space-between;
	border-radius: 10px;
	border: 1px solid #E0E0E3;
	padding: 24px 16px;
	margin-bottom: 24px;
	width: 85%;
	flex-direction: column;
	align-items: center;
	background-color: var(--neutral-colors-white);
}

.swiper-seller-sub .seller-info-s1 .seller-detail {
	display: flex;
	align-items: center;
	width: 100%;
	flex-direction: column;
}

.swiper-seller-sub .seller-info-s1 .seller-detail .img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: 1px solid var(--neutral-colors-gray-400, #E0E0E3);
	overflow: hidden;
	display: flex;
}
.swiper-seller-sub .seller-info-s1 .seller-detail .img a {
	width: 100%;
	height: 100%;
}
.swiper-seller-sub .seller-info-s1 .seller-detail .img .logo {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}

.swiper-seller-sub .seller-info-s1 .seller-detail .name {
	width: 100%;
	text-align: center;
	margin-top: 20px;
	height: 45px;
	overflow: hidden;
}

.swiper-seller-sub .seller-info-s1 .seller-detail .name b {
	font-size: 18px;
}

.swiper-seller-sub .seller-info-s1 .seller-detail .bottom {
	margin-top: 5px;
	font-size: 12px;
	color: #99999C;
	width: 100%;
	text-align: center;
	display: flex;
	flex-direction: row;
	gap: 12px;
	justify-content: space-around;
	margin-bottom: 20px;
}

.swiper-seller-sub .seller-info-s1 .seller-detail .bottom span {
	display: inline-block;
}
.swiper-seller-sub .seller-info-s1 .seller-detail .bottom .first {
	position: relative;
	padding-right: 7px;
	margin-right: 7px;
}
.swiper-seller-sub .seller-info-s1 .seller-detail .bottom .first:after {
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	height: 100%;
	background-color: #F1F1F4;
	top: 0;
	right: 0;
}
.swiper-seller-sub .seller-info-s1 .seller-detail .score {
	display: flex;
	margin-left: 15px;
	text-align: center;
	width: 50%;
}
.swiper-seller-sub .seller-info-s1 .seller-detail .score > div {
	margin: 0 8px;
	width: 33%;
}
.swiper-seller-sub .seller-info-s1 .seller-detail .score .star {
	color: #FFCA0D;
}
.swiper-seller-sub .seller-info-s1 .seller-detail .score .top {
	font-size: 12px;
	color: #99999C;
}
.swiper-seller-sub .seller-info-s1 .seller-detail .score .bottom {
	font-size: 14px;
	color: #525255;
}
.swiper-seller-sub .seller-info-s1 .seller-detail .score .center {
	position: relative;
}
.swiper-seller-sub .seller-info-s1 .seller-detail .score .center:before {
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	height: 47px;
	background-color: #F1F1F4;
	top: 0;
	left: -8px;
}
.swiper-seller-sub .seller-info-s1 .seller-detail .score .center:after {
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	height: 47px;
	background-color: #F1F1F4;
	top: 0;
	right: -8px;
}
.swiper-seller-sub .seller-info-s1 .seller-button a {
	display: inline-block;
	width: 126px;
	height: 25px;
	padding: 9px 16px 10px 16px;
	text-align: center;
	border-radius: 10px;
}
.swiper-seller-sub .seller-info-s1 .seller-button .shop-btn {
	margin-bottom: 8px;
}
.swiper-seller-sub .seller-info-s1 .seller-button .shop-btn a {
	background-color: var(--primary-color-deep-blue-800);
	color: #fff;
	display: flex;
	align-content: center;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 6px;
}
.swiper-seller-sub .seller-info-s1 .seller-button .follow-btn a {
	border: 1.5px solid #99999C;
	color: #525255;
}
/* EBC : Shop card S1 */

/* SBC : TEXT-HIGHLIGHT-A */
.text-hightlight {
	margin: 100px auto;
	font-size: 30px;
	font-weight: 600;
	text-align: center;
	line-height: 1.3;
	color: #525255;
}
.text-hightlight h2 {
	font-size: 60px;
	color: var(--primary-color-deep-blue-800);
}
.text-hightlight small {
	font-size: 21px;
}
.text-hightlight span {
	display: inline-block;
	margin-top: 10px;
}
/* EBC : TEXT-HIGHLIGHT-A */

.category-swiper .swiper-pagination {
	position: absolute !important;
}

/* SBC : ZIGZAG */
.layout-zigzag {
	margin-top: 100px;
}
.layout-zigzag .zigzag-title {
	margin-bottom: 70px;
	font-size: 42px;
	font-weight: 600;
	text-align: center;
	line-height: 1.3;
	color: var(--primary-color-deep-blue-800);
}
.layout-zigzag .zigzag-title b {
	font-size: 60px;
}
.layout-zigzag .section-item {
	display: flex;
	align-items: center;
	margin-bottom: 100px;
}
.layout-zigzag .section-item > div {
	width: 640px;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	line-height: 1.3;
}
.layout-zigzag .section-item > div b {
	display: inline-block;
	margin-bottom: 15px;
	font-size: 42px;
	color: #F79421;
}
/* EBC : ZIGZAG */
/* SCB : PRODUCT BG */
.section-product-bg {
	padding: 32px;
	padding-top: 86px;
	background-color: #fff;
	border-radius: 10px;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: 30px;
}
.section-product-bg > img {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.section-product-bg > .swiper {
	border-radius: 10px;
	background-color: #fff;
	padding: 16px;
}
.section-product-bg .banner {
	width: 460px;
	height: 60px;
	background-position: center;
	background-size: cover;
	background-color: unset;
	position: absolute;
	left: calc(50% - 230px);
	top: 20px;
}
/* ECB : PRODUCT BG */

/* SCB : MKP-BRANDSALE */
.section-mkp-brandsale {
	background-color: #fff;
	border-radius: 10px;
	margin-top: 30px;
	height: 600px;
	overflow: visible;
	margin-top: 60px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: unset;
}
.section-mkp-brandsale .banner {
	width: 240px;
	height: 600px;
	background-position: center;
	background-size: cover;
	background-color: unset;
	position: absolute;
	left: 0;
	bottom: 0;
}
.swiper-mkp-brandsale {
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	height: 600px;
	position: absolute;
	right: 32px;
	bottom: 32px;
}
.swiper-mkp-brandsale .swiper-slide {
	height: 300px !important;
	width: 100px;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	background-size: contain;
}
.swiper-mkp-brandsale .swiper-wrapper {
	box-sizing: border-box;
}
/* ECB : MKP-BRANDSALE */
.section-shop .seeall {
	float: right;
	margin: 10px 0;
	font-size: 18px;
}