@charset "UTF-8";
/* CSS Document */
/* Color :#0867B2, #F79420 */
h1, h2, h3, h4, h5, .ui.menu {
	font-family: var(--fontFamily) !important;
}

body {
	font-family: var(--fontFamily) !important;
}

.ui.modal>.header, .ui.button {
	font-family: var(--fontFamily) !important;
}

.wrapper {
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
	min-width: 1280px;
}

.section-body {
	width: 1280px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.section-body-flex {
	display: flex;
	flex-direction: column;
	gap: 40px;
	margin-top: 16px;
}

button, input {
	font-family: Prompt !important;
}

.indexpopup {
	background: unset !important;
}
.indexpopup .ui.checkbox label {
	color: #FFF !important;
	padding-left: 50px;
}
.indexpopup .ui.checkbox input+label[for], .indexpopup .ui.checkbox input.hidden+label {
	color: #FFF;
}
/* .section { */
	/* padding-top: 60px;
	padding-bottom: 60px; */
	
/* } */
textarea {
	font-family: Prompt !important;
}
.section-white {
	background-color: #fff;
}

.section-blue {
	background-color: #EBF3FA;
}

img {
	max-width: 100%;
}

.section-body a.more {
	color: var(--primary-colors-orange);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Prompt;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-decoration-line: underline;
}
.section-body a.more:hover {
	color: var(--primary-colors-blue);
}
.swiper-pagination .swiper-pagination-bullet {
	height: 6px;
	background-color: #fff;
	border: 0.5px solid rgba(67, 89, 105, 0.2);
}

.swiper-pagination .swiper-pagination-bullet-active {
	width: 32px;
	border-radius: 6px;
}

/* header */
header {
	font-family: var(--fontFamily);
	background-color: #0066B3;
	color: #fff;
}

header .header {
	padding: 16px 40px;
	color: #fff;
}

header .header a {
	color: #fff;
}

.header-top {
	/* padding: 0 40px; */
	min-width: 1280px;
}

.header-menu {
	text-align: right;
	padding-top: 16px;
}

.header-menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.header-menu ul li {
	display: inline-block;
	margin-right: 24px;
}

.header-menu ul li:last-child {
	margin-right: 0;
}

.header-menu ul li a {
	color: #fff;
}

.header-menu ul li a:hover, .header-menu ul li a.active {
	color: #F79421;
}

.header-menu .icon {
	width: 14px;
	height: 14px;
	margin-right: 4px;
}

.header-menu .language span {
	display: inline-block;
	width: 1px;
	height: 10px;
	background-color: #fff;
	margin: 0 8px;
}
.header-menu .ui.dropdown .menu {
	background: var(--Primary-Color-Deep-blue-100, #EEF7FF);
}
.header-menu .ui.dropdown .menu a {
	color: var(--Primary-Colors-Blue, #0065B2);
}

.nowrap {
	white-space: nowrap;
}

.header-logo {
	display: flex;
	padding: 16px 0;
	align-items: center;
}
.header-logo>div {
	margin-right: 12px;
}

.header-logo img.icon {
	width: 14px;
	height: 14px;
	margin-right: 4px;
}

.header-logo .logo {
	width: 160px;
}

.header-logo .branch {
	width: 150px;
}

.header-logo .destination {
	width: 190px; position : relative;
	padding-left: 20px;
	position: relative;
}

.header-logo .destination:before {
	content: "";
	position: absolute;
	width: 1px;
	height: 36px;
	background-color: #fff;
	margin: 0 8px;
	left: 0;
	top: 2px;
	opacity: 0.4;
}

.header-logo .search {
	width: 65%;
}

.header-logo .search .ui.labeled {
	width: calc(100% - 100px);
}

.header-logo .search .ui.label {
	font-weight: 400;
}

.header-logo .search .ui.labeled.input>.label:not(.corner) {
	min-width: 94.2px;
	padding: 16px 18px;
	background-color: #F79421;
	color: #fff;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.header-logo .search .ui.label>.icon, .search .ui.ui[class*="left icon"].label>.icon
	{
	margin: 0;
}

.header-logo .search .input input {
	width: 100%;
	height: 48px;
	font-size: 18px;
	font-family: var(--fontFamily);
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.header-logo .search .input .icon-search-top {
	position: absolute;
	right: -78px;
	top: 10px;
	width: 25px;
	height: 25px;
	background-image: url('https://static.homepro.co.th/marketplace/icon/search.svg');
	background-repeat: no-repeat;
	background-position: 98% center;
	cursor: pointer;
}

.header-logo .user {
	margin-right: 0;
}
.header-logo img.icon-menu {
	width: 48px;
	height: 48px;
	margin: 7.72px;
}

.header-main-menu ul .mainmenu-item:hover {
	box-sizing: border-box;
	border-bottom: 4px solid var(--primary-colors-orange);
}

.header-main-menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	white-space: nowrap;
}

.en .header-main-menu ul li.mainmenu-item {
	margin-right: 25px;
}

.header-main-menu ul li.mainmenu-item {
	display: inline-block;
	margin-right: 42px;
	/* padding-bottom: 16px; */
	height: 36px;
}

.header-main-menu ul li a, .header-main-menu .dropdown {
	font-size: 16px;
	color: #fff;
	font-weight: 600;
}

.header-main-menu ul li a:hover {
	color: #F79421;
}

.header-main-menu img.icon {
	width: 20px;
	height: 20px;
	vertical-align: sub;
}

.header-highlight {
	background-color: #EBF3FA;
	min-width: 1280px;
}

.header-highlight .wrapper {
	padding: 20px 0;
	display: flex;
	justify-content: space-between;
}

.header-highlight a {
	color: #525255;
}

.header-highlight a:hover {
	color: #F79421;
}

.top-section {
	display: flex;
	justify-content: space-between;
	margin-bottom: 24px;
}

.top-section .topic {
	font-family: var(--fontFamily);
	font-size: 32px;
	font-weight: 700;
	color: var(--primary-color-deep-blue-800);
}

.top-section .seemore a {
	font-family: var(--fontFamily);
	color: #F79421;
	font-size: 18px;
	font-weight: 600;
	text-decoration-line: underline;
}
.top-section .section-see-more a {
	font-family: var(--fontFamily);
	color: #F79421;
	font-size: 18px;
	font-weight: 600;
	text-decoration-line: underline;
}
.mega-menu {
	display: flex;
	width: 100%;
	background-color: #EEF7FF;
	color: #525255;
	justify-content: space-between;
}
.mega-menu .menu-inner {
	display: flex;
	padding: 20px;
}
.mega-menu .menu-banner {
	padding: 38px 32px;
	background-color: #fff;
	width: 300px;
}
.mega-menu .cat-lv-1 {
	border-right: 1px solid rgba(153,153,156,0.35);
}
.mega-menu .cat-lv-1 ul li {
	display: block;
	margin: 0;
	margin-bottom: 10px;
	min-width: 230px;
}
.mega-menu .cat-lv-1 ul li a {
	font-size: 16px;
	color: #525255;
	display: block;
	padding: 6px 14px;
	border-radius: 5px;
}
.mega-menu .cat-lv-1 ul li a:hover {
	background-color: var(--primary-color-deep-blue-800);
	color: #fff;
}
.mega-menu .cat {
	padding-left: 36px;
}
.mega-menu .cat .see-all {
	width: 845px;
	text-align: right;
}
.mega-menu .cat .see-all a {
	font-size: 14px;
	color: #F79421;
	text-decoration: underline;
}
.mega-menu .cat-lv-2 .menu-all {
	display: flex;
	gap: 36px;
	margin-top: 10px;
	max-height: 710px;
	overflow: auto;
}
.mega-menu .cat-lv-2 .menu {
	margin-bottom: 30px;
}
.mega-menu .cat-lv-2 .menu label {
	display: block;
	margin-bottom: 7px;
}
.mega-menu .cat-lv-2 .menu label a {
	font-size: 16px;
	font-weight: 600;
	color: #525255;
	text-transform: uppercase;
}
.mega-menu .cat-lv-2 .menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.mega-menu .cat-lv-2 .menu ul li {
	display: block;
	margin-bottom: 7px;
}
.mega-menu .cat-lv-2 .menu ul li a {
	color: #525255;
	font-size: 14px;
	font-weight: 400;
}
.mega-menu .menu-banner label {
	display: block;
	font-size: 16px;
	color: var(--primary-color-deep-blue-800);
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 24px;
}
.mega-menu .cat-lv-3 .menu-all {
	margin-top: 10px;
	max-height: 710px;
	overflow: auto;
}
.mega-menu .cat-lv-3 .brand-list {
	display: flex;
	gap: 16px;
}
.mega-menu .cat-lv-3 .brand-list .item-brand {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 140px;
	height: 140px;
	background-color: #fff;
	border-radius: 5px;
	margin-bottom: 16px;
}

.item-brand img {
	border-radius: 8px;
}

/* Mini */
#header-minicart {
	position: relative;
}
.h-icon_cart_budget {
	position: absolute;
	top: -4px;
	right: -6px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	border-radius: 20px;
	min-width: 24px;
	min-height: 24px;
	line-height: 24px;
	background-color: #ff1a31;
	color: #fff;
	font-size: .875rem;
	font-weight: 500;
}

/* css document dropdown */
.h-dropdown {
	display: inline-block;
}
.menu-catalogrel .h-dropdown {
	position: relative;
}

.h-dropdown div a {
	color: #0867B2;
	text-decoration: none;
}

.h-dropdown div a:hover {
	color: var(--hover-orange);
	text-decoration: none;
}

.h-dropdown:hover div #link {
	color: var(--hover-orange);
}

.h-dropdown-content {
	display: none;
	position: absolute;
	z-index: 99999;
	left: 0;
	top: 30px;
	width: 100%;
}

.h-dropdown:hover .h-dropdown-content {
	display: block;
}

/* section top */
.section-top .hero img {
	border-radius: 10px;
	max-width: 100%;
}

.section-top .box-1, .section-top .box-3 {
	margin-bottom: 16px;
}

/*  */
footer {
	background-color: var(--primary-color-deep-blue-800);
	padding-top: 60px;
	padding-bottom: 40px;
}
.footer-detail {
	display: flex;
	font-family: var(--fontFamily);
}
.footer-detail .footer-list {
	margin-right: 55px;
}
.footer-detail .footer-list ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.footer-detail .footer-list ul li {
	margin-bottom: 5px;
}
.footer-detail h3 {	
	font-family: var(--fontFamily);
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}
.footer-detail .footer-1 h3 {
	margin-top: 0;
}
.footer-detail .footer-list a {
	color: #fff;
}
.footer-detail a:hover {
	color: #F79421;
}
.footer-detail .contact-list .social-list,
.footer-detail .contact-list .app-list {
	margin-top: 25px;
}
.footer-detail .contact-list .input input {
	font-family: var(--fontFamily);
	width: 263px;
	border-bottom-left-radius: 8px;
	border-top-left-radius: 8px;
}
.footer-detail .ui.basic.labels .red.label {
	background: none #fff;
	border-color: #f69420;
	color: #f69420;
}
.footer-detail .contact-list .input .button {
	font-family: var(--fontFamily);
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	border-radius: 8px;
	background-color: #F79421;
}
.footer-detail .contact-list .social-list ul,
.footer-detail .contact-list .app-list ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.footer-detail .contact-list .social-list ul li,
.footer-detail .contact-list .app-list ul li {
	display: inline-block;
	margin-right: 16px;
}
.footer-copyright-detail {
	color: var(--White, #FFF);
	font-family: Prompt;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	margin-top: 47px;
}

.swiper-button-prev,
.swiper-button-next,
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
	transition: opacity 0.2s linear;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
	visibility: hidden;
	transition: visibility 0s 0.2s, opacity 0.2s linear;
}

/* Begin : PDP Product card maodal */

.hp-top-brand-grid-layout {
	display: flex;
	flex-wrap: wrap;
}

.hp-card-product {
	float: left;
	display: block;
	cursor: pointer;
	overflow: hidden;
	border-radius: 4px;
	background: #f6f7f8;
	flex-direction: column;
	border: 1px solid #e8eaee;
	transition: all 320ms ease;
	position: relative;
}

.hp-card-product:hover {
	transform: translate3d(0, -4px, 0);
}

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

.hp-card-product .info {
	flex-grow: 1;
	padding: .3rem;
	position: relative;
	display: inline-block;
	flex-direction: column;
	text-align: -webkit-left;
}

.hp-card-product .brand {
	font-weight: 500;
	font-size: .75rem;
	margin-bottom: 4px;
	color: rgba(92, 99, 112, .95);
}

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

.hp-card-product .title {
	height: 2.4rem;
	font-size: 13px;
	overflow: hidden;
	margin-bottom: .2rem;
	word-break: break-word;
}

.hp-card-product .price {
	color: #ff1a31;
	font-weight: 600;
	vertical-align: top;
	font-size: 1.1rem;
	display: inline-flex;
	align-items: flex-end;
}

.hp-card-product .original-price {
	color: #898989;
	padding-top: .4rem;
	font-size: .75rem;
	display: inline-block;
	text-decoration: line-through;
}

.hp-card-product .promotion {
	color: #ff1a31;
	font-weight: 500;
	font-size: .59rem;
	text-align: center;
	border-radius: 4px;
	border: 1px solid red;
	background: transparent;
	padding: 0 .1rem 0 .1rem;
	line-height: 2.3;
}

.hp-card-product .sku {
	left: 6px;
	top: -20px;
	font-size: 10px;
	position: absolute;
}

.hp-card-product-list-cart {
	display: flex;
}
/* End : PDP Product card maodal */
/* Begin : Product Card S1 */
.product-card-mkp-s1 {
	position: relative;
	box-sizing: border-box;
	width: 236px;
	height: 394px;
	padding: 23px 15px;
	border-radius: 8px;
	border: 1px solid #D9D9D9;
	background-color: #fff;
	text-align: center;
}
.product-card-mkp-s1 .discount{
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	font-size: 12px;
	border-radius: 0px 8px;
	background: #DA3731;
	width: 53px;
	height: 23px;
	display: flex;
	align-content: center;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.product-card-mkp-s1 .image{
	width: 180px;
	height: 180px;
	margin: auto;
}.product-card-mkp-s1 .image img {
	width: 100%;
}
.product-card-mkp-s1 .info {
	margin-top: 30px;
	font-family: var(--fontFamily);
}
.product-card-mkp-s1 .name {
	font-size: 14px;
	font-weight: 600;
	color: #525255;
	line-height: normal;
	margin: 20px 0;
	height: 42px;
	text-overflow: ellipsis;
	overflow: hidden;
}
.product-card-mkp-s1 .pricing {
	min-height: 45px;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: flex-end;
	align-items: center;
	flex-direction: column;
	row-gap: 4px;
}
.product-card-mkp-s1 .pricing .normal-price {
	font-size: 12px;
	text-decoration: line-through;
	color: #99999C;
}.product-card-mkp-s1 .pricing .original-price {
	font-size: 18px;
	font-weight: 700;
	color: #525255;
}
.product-card-mkp-s1 .pricing .reduced-price {
	font-size: 18px;
	font-weight: 700;
	color: #DA3731;
}
/* End : Product Card S1 */

/* Begin : Product Card S2 */
.product-card-mkp-s2 {
	position: relative;
	box-sizing: border-box;
	width: 230px;
	height: 410px;
	border-radius: 8px;
	border: 1px solid #D9D9D9;
	background-color: #fff;
	text-align: center;
	padding: 16px 12px;
}
.product-card-mkp-s2 span.online-discount.savemore-discount {
	font-size: 12px;
}
.product-card-mkp-s2 .discount{
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	font-size: 12px;
	border-radius: 0px 8px;
	background: #DA3731;
	width: 53px;
	height: 23px;
	display: flex;
	align-content: center;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.product-card-mkp-s2 .image {
	width: 180px;
	height: 180px;
	margin: auto;
}

.product-card-mkp-s2 .image img {
	max-width: 100%;
	max-height: 100%;
}

.product-card-mkp-s2 .image .outofstock {
	position: absolute;
	top: 50px;
	left: 50%;
	transform: translateX(-50%);
	display: none;
}
.product-card-mkp-s2.plp-outofstock .image .outofstock {
	display: block;
}
.product-card-mkp-s2.plp-outofstock .image > img {
	opacity: 0.8;
}
.product-card-mkp-s2 .info {
	/* margin-top: 30px; */
	font-family: var(--fontFamily);
}
.product-card-mkp-s2 .name {
	font-size: 14px;
	font-weight: 600;
	color: #525255;
	line-height: normal;
	margin: 20px 0;
	height: 42px;
	text-overflow: ellipsis;
	overflow: hidden;
}
.product-card-mkp-s2 .pricing {
	min-height: 45px;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
	row-gap: 4px;
}
.product-card-mkp-s2 .pricing .normal-price {
	font-size: 12px;
	text-decoration: line-through;
	color: #99999C;
}.product-card-mkp-s2 .pricing .original-price {
	font-size: 18px;
	font-weight: 700;
	color: #525255;
}
.product-card-mkp-s2 .pricing .reduced-price {
	font-size: 18px;
	font-weight: 700;
	color: #DA3731;
}
.product-card-mkp-s2 .ui.progress {
	height: 8px;
	width: 166px;
	margin: auto;
	margin-top: 14px;
	position: absolute;
	bottom: 28px;
	left: 15%;
}
.product-card-mkp-s2 .ui.progress .bar {
	height: 8px;
	background: #F79421;
}
.product-card-mkp-s2 .ui.progress .bar::after {
	animation: none;
	-webkit-animation: none;
}
.product-card-mkp-s2 .ui.progress>.label {
	font-weight: 400;
	color: #99999C;
	font-size: 12px;
}

.product-card-mkp-s2 .badge .ui.orange.labels .label, .ui.ui.ui.orange.label {
	background-color: var(--primary-colors-orange-100);
	border-color: var(--primary-colors-orange-600);
	color: var(--primary-colors-orange-600);
}

.product-card-mkp-s2 .ui.blue.labels .label, .ui.ui.ui.blue.label {
	background-color: var(--primary-color-deep-blue-100);
	border-color: var(--primary-color-deep-blue-800);
	color: var(--primary-color-deep-blue-800);
}
/* End : Product Card S2 */

/* Begin : Product Card S3 */
.product-plp-card {
	font-family: var(--fontFamily);
	overflow: hidden;
	border-radius: 10px;
	border: 1px solid #E0E0E3;
	height: 512px;
	position: relative;
}
.product-plp-card .plp-card-top {
	padding: 13px;
	position: relative;
	overflow: hidden;
}
.product-plp-card .plp-card-top .image {
	text-align: center;
	cursor: pointer;
	height: 165px;
}
.product-plp-card .image .main-img, .product-plp-card .image .inspire-img {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}
.product-plp-card .image.active .main-img{
	opacity: 0;
	transition: all .5s;
}
.product-plp-card .image.active .has-inspire{
	opacity: 1;
	transition: all .5s;
}

.plp-card-top .banner-bottom {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	align-items: flex-start;
	height: 100%;
	display: flex;
}

.plp-card-top .banner-bottom.top-icon .banner-wrapper {
	padding-top: 30px;
} 

.plp-card-top .banner-bottom.top-two-icon .banner-wrapper {
	padding-top: 50px;
} 

.plp-card-top .banner-bottom .banner-wrapper {
	display: flex;
	align-items: flex-start;
	gap: 4px;
	flex-direction: column;
	margin: 6px;
	width: fit-content;
}

.plp-card-top .banner-bottom .banner-wrapper.top-icon {
	display: flex;
	align-items: flex-start;
	gap: 4px;
	flex-direction: column;
	margin: 6px;
	width: fit-content;
	margin-top: 35px;
}

.plp-card-top .banner-bottom .banner-wrapper.promo {
	display: flex;
	align-items: flex-start;
	gap: 4px;
	flex-direction: column;
	margin: 6px;
	width: fit-content;
	margin-top: 71px;
}

.plp-card-top .banner-bottom .banner-wrapper.top-icon-1 {
	display: flex;
	align-items: flex-start;
	gap: 4px;
	flex-direction: column;
	margin: 6px;
	width: fit-content;
	margin-top: 42px;
}

.plp-card-top .banner-bottom .banner-wrapper.top-icon-2 {
	display: flex;
	align-items: flex-start;
	gap: 4px;
	flex-direction: column;
	margin: 6px;
	width: fit-content;
	margin-top: 46px;
}

.home-page  .plp-card-top .banner-bottom .item {
	width: 30px;
	height: 30px;
}
.plp-card-top .banner-bottom .item {
	width: 35px;
	height: 35px;
	border: 1.3px solid #DDDFE3;
	padding: 2px;
	border-radius: 4px;
	background-color: #fff;
}

.plp-card-top .banner-bottom .item img {
	width: 100%;
	max-width: 30px;
	max-height: 30px;
}
.product-plp-card .plp-card-top .top-label,
.item-compare .plp-card-top .top-label {
	border-radius: 8px 0px;
	position: absolute;
	top: 0;
	left: 0;
	padding: 4px 12px;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 2px;
	line-height: normal;
}
.product-plp-card .plp-card-top .top-label.orange,
.item-compare .plp-card-top .top-label.orange {
	background: #F79421;
}
.product-plp-card .plp-card-top .top-label.blue.blue,
.item-compare .plp-card-top .top-label.blue.blue {
	background: var(--primary-color-deep-blue-800);
}
.product-plp-card .plp-card-top .promotion {
	position: absolute;
	bottom: 13px;
	left: 13px;
}
.product-plp-card .plp-card-top .promotion-tag {
	position: absolute;
	left: 6px;
	bottom: -1px;
	z-index: 1;
	width: 35px;
}

.product-plp-card .plp-card-top .outofstock {
	position: absolute;
	top: 50px;
	left: 50%;
	transform: translateX(-50%);
	display: none;
	border-radius: 8px;
	opacity: 0.6;
	background: var(--neutral-colors-gray-800);
	width: 110px;
	text-align: center;
	padding: 10px;
	font-size: 14px;
	color: var(--neutral-colors-white);
}

.product-plp-card.plp-outofstock .plp-card-top .outofstock {
	display: none;
}
.product-plp-card.plp-outofstock .plp-card-top .image .main-img {
	opacity: 0.8;
}
.product-plp-card .plp-card-top .promotion-tag .tag-container {
	position: relative;
	width: 100%;
	height: 100%;
}
/* .product-plp-card .plp-card-top .promotion-tag .tag-container > * {
	position: absolute;
}
.product-plp-card .plp-card-top .promotion-tag .tag-container > :nth-child(1) {
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-55%, -50%);
} */
.product-plp-card .plp-card-bottom .cart {
	position: absolute;
	right: 13px;
	top: 166px;
	cursor: pointer;
}
.product-plp-card .plp-card-bottom .online-discount {
	color: var(--primary-gray-text, #666);
	font-size: 10px;
	font-weight: normal;
}
.product-plp-card .plp-card-bottom .cart .add-to-cart {
	background-color: var(--primary-colors-blue);
	border-radius: 50%;
	width: 40px;
	height: 40px;
}
.product-plp-card .plp-card-bottom .cart .add-to-cart:hover {
	background-color: var(--primary-color-deep-blue-700);
}
.product-plp-card .plp-card-bottom .cart .add-to-cart .btn {
	padding: 8px;
}
.product-plp-card .plp-card-bottom .cart .add-to-cart .btn img {
	width: 24px;
	height: 24px;
}

.product-plp-card .plp-card-bottom .cart .add-to-cart.special {
	border-radius: 20px;
	width: 120px;
	height: 35px;
}
.swiper-emktspot-recently .product-plp-card .plp-card-bottom .cart .add-to-cart.special {
	border-radius: 20px;
	width: fit-content;
	height: fit-content;
	padding: 0 18px 0 8px;
}
.product-plp-card .plp-card-bottom .cart .add-to-cart.special .btn {
	background: none;
	color: var(--neutral-colors-white);
	text-align: center;
	font-weight: 100;
	font-size: 12px
}

.product-plp-card .plp-card-bottom {
	padding: 12px;
	padding-top: 6px;
	height: calc(100% - 191px);
	background: #F9F9FC;
}
.product-plp-card .plp-card-bottom .sponsored {
	font-size: 8px;
	color: #99999C;
	height: 20px;
	margin-top: -12px;
}
.product-plp-card .plp-card-bottom .badge {
	display: flex;
	align-items: flex-start;
	gap: 5px;
	height: 24px;
}
.product-plp-card .plp-card-bottom .badge .ui.horizontal.label {
	font-size: 12px;
	font-weight: 600;
	display: flex;
	padding: 4px 8px;
	align-items: center;
	gap: 10px;
	white-space: nowrap;
}
.product-plp-card .plp-card-bottom .badge .ui.ui.ui.blue.label{
	border-radius: 4px;
	background: var(--primary-color-deep-blue-100);
	color: var(--primary-color-deep-blue-800);
	font-family: Prompt;
	font-style: normal;
	line-height: normal;
	font-weight: 600;
	font-size: 12px;
}
.product-plp-card .plp-card-bottom .badge .ui.ui.ui.orange.label{
	border-radius: 4px;
	background: var(--primary-colors-orange-100);
	color: var(--primary-colors-orange-600);
	font-family: Prompt;
	font-style: normal;
	line-height: normal;
	font-weight: 600;
	font-size: 12px;
}
.product-plp-card .plp-card-bottom .item-info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	align-self: stretch;
}
.product-plp-card .plp-card-bottom .brand {
	font-size: 10px;
	color: #99999C;
	height: 20px;
}

.product-plp-card .plp-card-bottom .item-title {
	font-size: 14px;
	font-weight: 600;
	color: #525255;
	line-height: normal;
	height: 43px;
	overflow: hidden;
}

.product-plp-card .plp-card-bottom .sku {
	font-size: 10px;
	color: #99999C;
	text-transform: uppercase;
}
.product-plp-card .plp-card-bottom .star-review {
	margin: 8px 0;
	height: 22px;
}
.product-plp-card .plp-card-bottom .star-review span {
	font-size: 12px;
	color: #666;
}
.product-plp-card .plp-card-bottom .item-price {
	/* height: 49px; */
}
.product-plp-card .plp-card-bottom .item-price .price {
	position: relative;
	font-size: 18px;
	font-weight: 700;
	color: #DA3731;
}
.product-plp-card .plp-card-bottom .item-price .price::before {
	content: '฿ ';
}
.product-plp-card .plp-card-bottom .item-price .price span,
.product-plp-card .plp-card-bottom .item-price .online-discount.savemore-discount,
.product-plp-card .plp-card-bottom .item-price .online-discount {
	font-size: 12px;
	font-weight: 600;
	color: var(--neutral-colors-gray-800);
	vertical-align: middle;
	white-space: nowrap;
}
.product-plp-card .plp-card-bottom .item-price .original-price {
	font-size: 12px;
	color: #666;
	text-decoration: line-through;
	margin-bottom: 8px;
}
.product-plp-card .plp-card-bottom .item-price .original-price span {
	display: inline-block;
	text-decoration: none;
	background-image: url('https://static.homepro.co.th/assets/images/mkp/discount-pointing.png');
	background-repeat: no-repeat;
	width: 32px;
	height: 16px;
	font-size: 8px;
	color: #fff;
	padding: 0px 7px;
	margin-left: 5px;
	line-height: 16px;
	vertical-align: text-top;
}
.product-plp-card .plp-card-bottom .item-price .offer-price {
	margin-bottom: 8px;
	font-size: 18px;
	font-weight: 700;
	color: #525255;
}

.product-plp-card .plp-card-bottom .item-price .offer-price::before {
	content: '฿ ';
}
.product-plp-card .plp-card-bottom .pickup {
	font-size: 10px;
	color: #525255;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
	height: 40px;
	gap: 2px;
}
.product-plp-card .plp-card-bottom .pickup a {
	text-decoration: underline;
	cursor: pointer;
}
.product-plp-card .plp-card-bottom .pickup img {
	vertical-align: sub;
}
.product-plp-card .pickup .free-option {
	margin-top: -3px;
	width: 90%;
}
.product-plp-card .pickup .free-option span:not(:first-child)::before {
	content: ',';
}
.product-plp-card .plp-card-bottom .info-atlast {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
	position: absolute;
	width: 90%;
	bottom: 8px;
}

.product-plp-card .plp-card-bottom .info-atlast .seller {
	font-size: 10px;
	color: #99999C;
	margin-top: 8px;
	max-width: 78%;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 20px;
}

.product-plp-card .plp-card-bottom .info-atlast .seller .seller-name {
	font-weight: 600;
}

.product-plp-card .plp-card-bottom .info-atlast .pcompare-btn {
	position: absolute;
	right: 0;
	bottom:0;
	cursor: pointer;
	text-align: center;
}

.product-plp-card .plp-card-bottom .info-atlast .pcompare-btn img {
	height: 30px;
}
.product-plp-card .plp-card-bottom .info-atlast .pcompare-btn img.compare-icon-active {
	display: none;
}
.product-plp-card .plp-card-bottom .info-atlast .pcompare-btn.active img.compare-icon-active, .product-plp-card .plp-card-bottom .info-atlast .pcompare-btn:hover img.compare-icon-active {
	display: inline-block;
}
.product-plp-card .plp-card-bottom .info-atlast .pcompare-btn.active img.compare-icon-normal, .product-plp-card .plp-card-bottom .info-atlast .pcompare-btn:hover img.compare-icon-normal {
	display: none;
}
.product-plp-card .plp-card-bottom .info-atlast .pcompare-btn .card-compare-title {
	color: var(--neutral-colors-gray-700);
	font-size: 10px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.product-plp-card .plp-card-bottom .info-atlast .pcompare-btn.active .card-compare-title {
	color: var(--primary-color-deep-blue-800);
}

.product-plp-card .plp-card-bottom .info-atlast .pcompare-btn:hover .card-compare-title {
	color: var(--primary-color-deep-blue-800);
}

.swiper > .swiper-wrapper > .swiper-slide .product-plp-card {
	float: left;
	width: 220px;
}
.product-plp-card .plp-card-bottom .badge .label.e-tax,
.order-list-item .order-head .label.e-tax {
	border-radius: 4px;
	background: #FAE4E3;
	color: #DA3731;
	font-family: Prompt;
	font-style: normal;
	line-height: normal;
	font-weight: 600;
	font-size: 12px;
}
.product-plp-card .plp-card-bottom .badge .label.e-tax2 {
	border-radius: 4px;
	background: #E0E1E2;
	color: #99999C;
	font-family: Prompt;
	font-style: normal;
	line-height: normal;
	font-weight: 600;
	font-size: 12px;
}
/* End : Product Card S3 */

/* BEGIN : Product Card S6 */
.product-plp-card.card-s6 {
	height: 400px;
	width: 218px;
	background-color: var(--neutral-colors-white);
}
.product-plp-card.card-s6 .plp-card-top .image {
	height: 148px;
}
/* END : Product Card S6 */

/* Begin : Toast Alert */
.ui.toast-container .toast-box.floating, .ui.toast-container {
	-webkit-box-shadow: unset;
	box-shadow: unset;
	border: unset;
}
.mkp.ui.toast {
	padding: 20px 24px;
	border-radius: 16px;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Prompt;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	top: 60px;
	z-index: 999;
}
.ui.toast-container .toast-box.compact, .ui.toast-container .toast-box>.compact {
	width: auto;
}

.ui.toast-container .toast-box.floating {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: none !important;
}
.mkp.ui.toast {
	white-space: nowrap;
	font-weight: normal;
}
.mkp.ui.toast span {
	color: var(--neutral-colors-gray-800, #525255);
	font-family: Prompt;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.mkp.success.ui.toast {
	border: 0.5px solid rgba(0, 183, 117, 0.40);
	background: #E6FFF6;
	color: #00B272;
}
.mkp.error.ui.toast {
	border: 1.5px solid var(--secondary-color-red-300, #F85954);
	background: linear-gradient(0deg, rgba(255, 142, 138, 0.10) 0%, rgba(255, 142, 138, 0.10) 100%), #FFF;
	color: #DA3731;
}
.mkp.warning.ui.toast {
	border: 1.5px solid #DDAC00;
	background: #FFEAA1;
	color: #DDAC00;
}
.mkp.ui.toast a {
	font-family: Prompt;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-decoration-line: underline;
}
.mkp.success.ui.toast a {
	color: #00B272;
}
.mkp.error.ui.toast a {
	color: #DA3731;
}
/* End : Toast Alert */

/* Begin : Page Loader */
.loading-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	z-index: 9999;
}
.loading-overlay div {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 20px;
	z-index: 10000;
}
.loading-overlay.hidden {
	display: none;
}
/* End : Page Loader */

/* Begin : Section Flashsale */
.section-flashsale .swiper-slide {
	width: 230px;
	/* margin-right: 16px !important; */
}
.section-flashsale.section .section-header {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-end;
	justify-content: space-between;
	align-items: flex-end;
	height: auto;
	max-height: 89px;
	min-height: 48px;
}
.section .section-header .section-see-more {
	color: var(--primary-colors-orange);
	text-align: right;
	/* Text Link/Medium */
	font-family: Prompt;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-decoration-line: underline;
}
.section .section-header .section-title {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-end;
	justify-content: flex-start;
	align-items: flex-end;
}
.section .section-content {
	width: 100%;
	margin-top: 24px;
}
.swiper {
	overflow: hidden;
	position: relative;
}
.swiper .swiper-button-prev,
.swiper .swiper-button-next {
	width: 58px;
	height: 58px;
	background-color: #52525545;
	color: #ffff;
	border-radius: 50% !important;
}
.swiper .swiper-button-prev:after,
.swiper .swiper-button-next:after {
	font-size: 30px;
}

/* End : Section Flashsale */

/* SBC: Breadcrumb Page */
.breadcrumb {
	display: flex !important;
	width: 100%;
	gap: 8px;
	margin-bottom: 40px !important;;
}
.breadcrumb .section {
	color: var(--primary-colors-blue);
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.breadcrumb i.icon.divider {
	color: var(--primary-colors-blue);
	text-align: center;
	font-size: 20px !important;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	width: 16px;
}
.breadcrumb .active {
	color: var(--primary-colors-blue);
	text-align: center;
	font-feature-settings: 'clig' off, 'liga' off;
	/* Body/B3 SM */
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
/* EBC: Breadcrumb Page */

/* SBC: Account Page */
.account-container {
	display: flex;
	align-items: flex-start;
	gap: 16px;
}
.account-container .account-content-container {
	width:100%;
}
.account-container .account-menu {
	width: 300px;
	border-radius: 10px;
	border: 1px solid var(--neutral-colors-gray-400);
	background: var(--neutral-colors-white, #FFF);
	overflow: hidden;
	padding: 24px 24px 12px 24px;
	margin-bottom: 20px;
}
.account-container .account-menu ul {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	padding: 0;
	margin: 0;
}
.account-container .account-menu ul li {
	position: relative;
	width: 100%;
}
.account-container .account-menu ul, .account-container .account-menu a {
	color: var(--neutral-colors-gray-800, #525255);
	/* Body/B1 */
	font-family: Prompt;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	list-style: none;
	width: 100%;
}
.account-container .account-menu ul,
.account-container .account-menu a:hover {
	color: var(--hover-orange);
}
.account-container .account-menu a {
	cursor: pointer;
}
.account-container .account-menu a.settle {
	color: var(--neutral-colors-gray-800, #525255);
	cursor: default;
}
.account-container .account-menu .item-row {
	border-bottom: 1px solid var(--neutral-colors-gray-400);
	width: 100%;
}
.account-container .account-menu .item-row:last-child {
	border-bottom: none;
}
.account-container .account-menu .item-row .account-icon {
	display: flex;
}
.account-container .account-menu .item-row .account-icon i:before {
	font-size: 24px;
}
.account-container .account-menu .item-row .account-menu-header {
	color: var(--neutral-colors-gray-800, #525255);
	font-feature-settings: 'clig' off, 'liga' off;
	/* Headings/H4 */
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.account-container .account-menu .item-row .account-menu-text {
	line-height: 50px;
	vertical-align: middle;
}
.account-container .account-menu .item-row .active {
	color: var(--primary-color-deep-blue-800);
	font-feature-settings: 'clig' off, 'liga' off;
	/* Headings/H5 */
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.account-container .account-menu .item-row a {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 8px;
	align-self: stretch;
}
.account-container .account-menu .item-row ul.sub-item {
	display: flex;
	padding-left: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
	padding: 16px 0 16px 48px;
}
/* EBC: Account Page */

/* SBC : Checkbox MKP Style */
.ui.checkbox {
	line-height: normal;
}
/* .ui.checkbox label {
	/* width: 24px;
	height: 24px; 
}*/
.ui.checkbox:not(.radio):not(.toggle) label::before {
	top: 0px !important;
	width: 24px !important;
	height: 24px !important;
	background: unset !important;
	border: unset !important;
	background-image: url('https://static.homepro.co.th/assets/images/icon/checkbox.png') !important;
}
.ui.checkbox:not(.radio):not(.toggle) label::after {
	top: 0px !important;
}
.ui.checkbox:not(.radio):not(.toggle) input:checked~label::before {
	width: 24px !important;
	height: 24px !important;
	background: unset !important;
	border: unset !important;
}
.ui.checkbox:not(.radio):not(.toggle) input:checked~label::after {
	width: 24px !important;
	height: 24px !important;
	background: unset !important;
	background-color: unset !important;
	border: unset !important;
 	/* content: url('https://static.homepro.co.th/assets/images/icon/checkbox_active.png') !important; */
}

.ui.checkbox.radio label::before {
	top: 0px !important;
	width: 24px !important;
	height: 24px !important;
	background: unset !important;
	background-color: unset !important;
	border: unset !important;
/* 	background-image: url('https://static.homepro.co.th/assets/images/icon/radiobox.png') !important; */
	background-image: url('https://static.homepro.co.th/assets/images/icon/unchecked_blue.png') !important;
}
.ui.radio.checkbox label::after {
	top: 0px !important;
	background: unset !important;
	background-color: unset !important;
	color: rgb(255 255 255 / 0%) !important;
}
.ui.checkbox.radio input:checked~label::before {
	width: 24px !important;
	height: 24px !important;
	background: unset !important;
	background-color: unset !important;
	border: unset !important;
}
.ui.checkbox.radio input:checked~label::after {
	width: 24px !important;
	height: 24px !important;
	background: unset !important;
	background-color: unset !important;
	border: unset !important;
	-webkit-transform: unset !important;
	transform: unset !important;
	/* background-image: url('https://static.homepro.co.th/assets/images/icon/radiobox_active.png') !important; */
	content: url('https://static.homepro.co.th/assets/images/icon/checked_blue.png') !important;
}
/* EBC : Checkbox MKP Style */

/* SBC : CA ICON PLP*/
.product-plp-card .plp-card-top .caicon-container {
	position: absolute;
	top: 34px;
	left: 0;
}

.product-plp-card .plp-card-top .caicon-container .item {
	background-repeat: no-repeat;
	background-size: contain;
	width: 60px;
	height: 30px;
}

.pdp-page .img-badge .caicon-container .item {
	background-repeat: no-repeat;
	background-size: contain;
	width: 80px;
	height: 40px;
}

.pdp-page .img-badge .caicon-container {
	margin-top: 8px;
}
/* SBC : CA ICON PLP */

/* SBC : Wishlist Modal */
.product-plp-card .plp-card-top .wishlist {
	background: #ffffff00;
	border: 1px solid var(--neutral-colors-gray-400, #E0E0E3);
	color: #ffffff00;
	border: unset !important;
	padding: 0;
	position: absolute;
	top: 6px;
	right: 6px;
}

.product-plp-card .plp-card-top .wishlist button {
	width: 24px;
	height: 24px;
	background-image: url('https://static.homepro.co.th/assets/images/icon/wishlist.png') !important;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-color: unset;
	border: unset;
}

.product-plp-card .plp-card-top .wishlist button.active {
	width: 24px;
	height: 24px;
	background-image: url('https://static.homepro.co.th/assets/images/icon/wishlist_active.png') !important;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-color: unset;
	border: unset;
}
.product-plp-card .plp-card-top .wishlist .ui.button,
.prd-img .img-main .prd-wishlist .ui.button {
	background: unset !important;
	padding: 0;
	margin: 0;
}
.wishlist-modal,
.wishlist-addnew-modal,
.wishlist-signin-signup-modal {
	position: relative;
	display: flex;
	padding: 48px;
	flex-direction: column;
	align-items: center;
	border-radius: 10px !important;
	border: 1px solid var(--neutral-colors-gray-400, #E0E0E3);
	background: var(--neutral-colors-white, #FFF);
	box-shadow: 0px 8px 28px 0px rgba(20, 20, 43, 0.10);
	box-sizing: border-box;
	max-width: 634px;
}
.wishlist-addnew-modal {
	width: 588px !important;
}
.wishlist-signin-signup-modal {
	width: 428px !important;
}
.wishlist-modal .wishlist-header,
.wishlist-addnew-modal .wishlist-header {
	display: flex;
	align-content: center;
	justify-content: space-between;
	align-items: center;
}
.wishlist-signin-signup-modal .wishlist-header,
.wishlist-signin-signup-modal .wishlist-content {
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	flex-wrap: wrap;
}
.wishlist-signin-signup-modal .wishlist-header {
	margin-bottom: 24px;
}
.wishlist-modal .wishlist-header .title,
.wishlist-addnew-modal .wishlist-header .title,
.wishlist-signin-signup-modal .wishlist-header .title {
	color: var(--neutral-colors-gray-800, #525255);
	text-align: center;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Prompt;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.wishlist-modal .wishlist-header .add-new-collection {
	height: 56px;
	padding: 11px 16px 12px 16px;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background: var(--primary-color-deep-blue-800);
	color: var(--White, #FFF);
	text-align: center;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Prompt;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	cursor: pointer;
}
.wishlist-signin-signup-modal .wishlist-content p {
	color: var(--neutral-colors-gray-800, #525255);
	text-align: center;
	font-family: Prompt;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin: 0;
}
.wishlist-signin-signup-modal .wishlist-content .button.sign-in,
.wishlist-signin-signup-modal .wishlist-content .button.sign-up {
	width: 100%;
	height: 56px;
	padding: 11px 16px 12px 16px;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	border-radius: 10px;
	text-align: center;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Prompt;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.wishlist-signin-signup-modal .wishlist-content .button.sign-in {
	background: var(--primary-color-deep-blue-800);
	color: var(--White, #FFF);
	margin-top: 40px;
	margin-bottom: 20px;
}
.wishlist-signin-signup-modal .wishlist-content .button.sign-up {
	border: 1.5px solid var(--neutral-colors-gray-700, #99999C);
	background: var(--neutral-colors-white, #FFF);
}
.wishlist-modal .wishlist-content {
	padding: 0;
	margin-top: 32px;
	overflow-y: auto;
	max-height: 500px;
}
.wishlist-modal .wishlist-content .wishlist-group-content {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: flex-start;
	align-content: flex-start;
	gap: 8px;
}
.wishlist-modal .wishlist-content .wishlist-group-content .collection {
	width: 100%;
	display: flex;
	height: 56px;
	align-content: center;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	justify-content: space-between;
	cursor: pointer;
}
.wishlist-modal .wishlist-content .wishlist-group-content .collection img {
	width: 46px;
	height: 46px;
	flex-shrink: 0;
	border-radius: 10px;
}
.wishlist-modal .wishlist-content .wishlist-group-content .collection .name {
	color: var(--neutral-colors-gray-800, #525255);
	font-family: Prompt;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	flex: 1;
	max-width: 450px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.wishlist-modal .wishlist-content .wishlist-group-content hr {
	height: 1px;
	background-color: #E0E0E3;
	border: none;
	margin: 0;
}
.wishlist-modal .ui.checkbox {
	padding: 0;
}
.wishlist-addnew-modal .wishlist-content form {
	margin-top: 24px;
}
.wishlist-addnew-modal .wishlist-content form .field label {
	color: var(--neutral-colors-gray-800, #525255) !important;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Prompt;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.wishlist-addnew-modal .wishlist-content input {
	display: flex;
	height: 48px;
	padding: 11px 16px;
	align-items: center;
	align-self: stretch;
	border-radius: 10px !important;
	border: 1px solid var(--neutral-colors-gray-700, #99999C);
	background: var(--neutral-colors-white, #FFF);
}
.wishlist-addnew-modal>.actions {
	background: unset !important;
	padding: 0 !important;
	border-top: unset !important;
}
.wishlist-addnew-modal>.actions .button.wishlist-confirm {
	margin: 0 !important;
	margin-top: 40px !important;
	display: flex;
	width: 100%;
	height: 56px;
	padding: 11px 16px 12px 16px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: 10px;
	background: var(--primary-color-deep-blue-800);
	color: var(--White, #FFF);
	text-align: center;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Prompt;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
/* EBC : Wishlist Modal */

/* SBC: Supper Strip */
	.swiper-superstrip,
	.swiper-superstrip div {
		height:60px;
	}
	.swiper-superstrip div {
		background-position: center;
	}
/* EBC: Supper Strip */

/* SBC: Account Page */
.account-container .account-menu ul li .account-notification-dot {
	display: flex;
	width: 20px;
	height: 20px;
	padding: 4px 0px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background: var(--secondary-color-red-500, #DA3731);
	color: var(--gray-white, #FFF);
	text-align: center;
	font-family: Prompt;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	position: absolute;
	right: 0;
}
.account-container .account-menu ul li .account-notification-dot.hide {
	display: none;
}
/* EBC: Account Page */

/* SBC: Add to cart flyout */
.add-to-cart-flyout {
	width: auto !important;
}
.add-to-cart-flyout > .header {
	width: 100%;
	display: flex !important;
	justify-content: flex-end;
	border: unset !important;
	padding: 40px 24px 16px 0 !important;
}
.add-to-cart-flyout > .content {
	padding: 0 !important;
}
.add-to-cart-flyout .success-container {
	display: flex;
	padding: 0 24px 16px 24px;
	flex-direction: column;
	flex-wrap: wrap;
}
.add-to-cart-flyout .success-container .success-text {
	color: var(--secondary-color-green-500, #00A674);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Prompt;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin: 16px 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	column-gap: 6px;
}
.add-to-cart-flyout .main-item-container {
	gap: 24px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
.add-to-cart-flyout .product-card {
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: flex-start;
	align-items: flex-start;
	gap: 16px;
}
.add-to-cart-flyout .product-card .img {
	position: relative;
}
.add-to-cart-flyout .product-card .img .item-image {
	width: 162px;
	height: 162px;
	background-color: var(--neutral-colors-white, #FFF);
	background-position: center;
	border-radius: 10px;
	border: 1px solid var(--neutral-colors-gray-400, #E0E0E3);
	background-size: 144px 144px;
	background-repeat: no-repeat;
}
.add-to-cart-flyout .product-card .detail {
	width: 270px;
	height: 162px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	position: relative;
}
.add-to-cart-flyout .product-card .detail .name {
	height: 48px;
	overflow: hidden;
	color: var(--neutral-colors-gray-800, #525255);
	font-feature-settings: 'clig' off, 'liga' off;
	text-overflow: ellipsis;
	font-family: Prompt;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	display: flex;
}
.add-to-cart-flyout .product-card .detail .item-qty {
	font-family: Prompt;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	position: absolute;
	bottom: 0px;
	right: 0px;
	color: var(--neutral-colors-gray-700, #99999C);
}
.add-to-cart-flyout .product-card .detail .item-qty span {
	color: var(--neutral-colors-gray-800, #525255);
}
.add-to-cart-flyout .badge .ui.ui.ui.blue.label {
	background-color: #EBF3FA;
	color: var(--primary-color-deep-blue-800);
}
.add-to-cart-flyout .badge .ui.ui.ui.orange.label {
	background-color: #FFF3E5;
	color: #F79421;
}
.add-to-cart-flyout .badge .ui.horizontal.label {
	padding: 4px 8px;
	font-family: Prompt;
	font-size: 10px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.add-to-cart-flyout .pricing .price {
	color: var(--secondary-color-red-500, #DA3731);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Prompt;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}
.add-to-cart-flyout .pricing .original-price {
	color: var(--primary-gray-text, #666);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Prompt;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.add-to-cart-flyout .pricing .normal-price {
	color: var(--primary-gray-text, #666);
	font-family: Prompt;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-decoration-line: strikethrough;
	text-decoration: line-through;
}
.add-to-cart-flyout .pricing .normal-price span.discount-tag {
	display: inline-block;
	text-decoration: none;
	background-image: url(https://static.homepro.co.th/assets/images/mkp/discount-pointing.png);
	background-repeat: no-repeat;
	width: 32px;
	height: 16px;
	font-size: 8px;
	font-weight: 400;
	color: #fff;
	padding: 0px 7px;
	margin-left: 5px;
	line-height: 16px;
}
.add-to-cart-flyout .pricing .reduced-price {
	color: var(--primary-gray-text, #666);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Prompt;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.add-to-cart-flyout .pricing .scale-price {
	color: var(--primary-gray-text, #666);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Prompt;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.add-to-cart-flyout .pricing .online-discount {
	color: var(--primary-gray-text, #666);
	font-size: 10px;
	font-weight: normal;
}
.add-to-cart-flyout .pricing .offer-price {
	color: var(--primary-gray-text, #666);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Prompt;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.add-to-cart-flyout .outofstock-price {
	color: var(--primary-gray-text, #666);
	font-size: 14px;
	font-weight: normal;
}

.add-to-cart-flyout .trade-in {
	display: flex;
	justify-content: space-between;
	padding: 8px 16px;
	margin-top: 16px;
	border-radius: 10px 10px 0px 0px;
	border: 1px solid var(--neutral-colors-gray-400, #E0E0E3);
	background: var(--neutral-colors-white, #FFF);

	font-family: Prompt;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.add-to-cart-flyout .trade-in u {
	color: var(--primary-colors-orange-400, #FF9010);
	font-feature-settings: 'clig' off, 'liga' off;
	font-weight: 700;
}

.add-to-cart-flyout .actions {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	margin-top: 16px;
}
.add-to-cart-flyout .actions button {
	display: flex;
	height: 48px;
	padding: 10px 16px 11px 16px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	flex: 1 0 0;
	border-radius: 10px;
	margin: 0 !important;
	font-family: Prompt;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align: center;
}
.add-to-cart-flyout .actions button.dismiss {
	color: var(--neutral-colors-gray-800, #525255);
	border: 1.5px solid var(--neutral-colors-gray-400, #E0E0E3);
	background: var(--neutral-colors-white, #FFF);
}
.add-to-cart-flyout .actions button.confirm {
	color: var(--White, #FFF);
	font-weight: 700;
	background: var(--primary-color-deep-blue-800);
}

.add-to-cart-flyout .suggest-container {
	display: flex;
	padding: 16px 24px;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
	padding-bottom: 7rem;
}
.add-to-cart-flyout .suggest-container .title {
	color: var(--neutral-colors-gray-800, #525255);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Prompt;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.add-to-cart-flyout .suggest-container .product-card {
	border-radius: 10px;
	border: 1px solid var(--neutral-colors-gray-400, #E0E0E3);
	box-sizing: border-box;
	overflow: hidden;
}
.add-to-cart-flyout .suggest-container .product-card .img .item-image {
	width: 162px;
	height: 162px;
	background-color: var(--neutral-colors-white, #FFF);
	background-position: center;
	border-radius: unset;
	border: unset;
	background-size: 144px 144px;
	background-repeat: no-repeat;
}
.add-to-cart-flyout .suggest-container .product-card .detail {
	width: 268px;
	height: 162px;
	padding: 14px 16px 14px 0px;
}
.add-to-cart-flyout .product-card button.add-to-cart {
	display: flex;
	padding: 8px 10px;
	flex-direction: column;
	align-items: center;
	position: absolute;
	right: 16px;
	bottom: 14px;
	border-radius: 44px;
	background: var(--primary-color-deep-blue-800);
	border: unset;
}
.add-to-cart-flyout .suggest-item-container {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 16px;
}
/* EBC: Add to cart flyout */


	/* Begin : Header Main Menu */
	.header-main-menu .hp-menu-brand-style .menu-brand {
		color: #0164b1 !important;
	}
	.header-main-menu .hp-menu-brand-style .menu-brand:hover {
		color: #F79421 !important;
	}
	.header-main-menu .menu-technician-products-style .technician-products-container {
		width: 100%;
		gap: 23.6px !important;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
	}
	.header-main-menu .menu-technician-products-style .technician-products-top {
		border-right: unset;
	}
	.header-main-menu .hp-menu-inspiration-style .homeguru-menu-title,
	.header-main-menu .hp-menu-inspiration-style .h-nav_link_0867B2,
	.header-main-menu .hp-menu-inspiration-style .homeguru-menu {
		color: #0164b1 !important;
	}
	.header-main-menu .hp-menu-inspiration-style .homeguru-menu-desc {
		font-weight: 700;
		letter-spacing: 1.5px;
	}
	.header-main-menu .hp-menu-inspiration-style .homeguru-menu {
		letter-spacing: 1.5px;
	}
	.header-main-menu .hp-menu-inspiration-style .h-nav_link_0867B2:hover,
	.header-main-menu .hp-menu-inspiration-style .homeguru-menu:hover {
		color: #F79421 !important;
	}
	.header-main-menu .hp-menu-inspiration-style .homeguru-menu-table {
		width: 20%;
	}
	.header-main-menu .hp-menu-homesolution-style .h-image_auto_resize {
		width: 100%;
	}
	.header-main-menu .hp-menu-homesolution-style .menu-homeservice-display {
		display: flex;
		padding-bottom: 30px;
	}
	.header-main-menu .hp-menu-homesolution-style .menu-homeservice-button {
		color: #0164b1 !important;
	}
	.header-main-menu .hp-menu-homesolution-style .menu-homeservice-button:hover {
		color: #F79421 !important;
	}
	.header-main-menu .hp-menu-homesolution-style .h-image_auto_resize {
		width: 100%;
	}
	.header-main-menu .hp-menu-homesolution-style .menu-homeservice-display {
		display: flex;
		padding-bottom: 30px;
	}
	.header-main-menu .hp-menu-homesolution-style .menu-homeservice-button {
		color: #0164b1 !important;
	}
	.header-main-menu .hp-menu-homesolution-style .menu-homeservice-button:hover {
		color: #F79421 !important;
	}
	.header-main-menu .hp-menu-promotions-style .header-menu-promotions-container {
		width: 100%;
		height: auto;
		padding: 30px;
		border-right: 1px solid #d0d0d0;
		box-sizing: border-box;
		display: flex
	}
	.header-main-menu .hp-menu-promotions-style .header-menu-promotions-container .promotions-menu {
		height: auto;
		width: 378px;
		box-sizing: border-box;
		border-right: 1px solid #d0d0d0
	}
	.header-main-menu .hp-menu-promotions-style .header-menu-promotions-container .promotions-menu .promotions-header-text {
		font-size: 24px;
		font-weight: 600;
		color: #000;
		letter-spacing: 0!important
	}
	.header-main-menu .hp-menu-promotions-style .header-menu-promotions-container .promotions-suggest {
		height: auto;
		width: 1000px;
		box-sizing: border-box
	}
	.header-main-menu .hp-menu-promotions-style .header-menu-promotions-container .promotions-suggest .promotions-header-text {
		font-size: 24px;
		font-weight: 600;
		color: #000;
		letter-spacing: 0!important;
		margin-bottom: 12px;
		width: 100%
	}
	.header-main-menu .hp-menu-promotions-style .header-menu-promotions-container .promotions-list {
		display: flex;
		justify-content: space-between;
		align-content: center;
		flex-wrap: wrap;
		padding: 22px 30px 0 0;
		font-size: 16px;
		font-weight: 400;
		letter-spacing: 0!important
	}
	.header-main-menu .hp-menu-promotions-style .header-menu-promotions-container .promotions-list .promotion-count {
		color: #82929f
	}
	.header-main-menu .hp-menu-promotions-style .header-menu-promotions-container .promotions-suggest {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		gap: 10px;
		padding-left: 30px;
		align-content: flex-start;
		flex-direction: row;
		align-items: center
	}
	.header-main-menu .hp-menu-promotions-style .header-menu-promotions-container .promotions-suggest .promotions-suggest-item {
		box-sizing: border-box;
		width: 316.4px;
		height: 146px;
		background-color: #f6f6f6;
		border-radius: 8px;
		border: solid 1px #bbc7d0;
		transition: .2s;
		cursor: pointer;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat
	}
	.header-main-menu .hp-menu-promotions-style .header-menu-promotions-container .promotions-suggest .promotions-suggest-item:hover {
		border: solid 1px #0867b2;
	}
	.header-main-menu .hp-menu-promotions-style .header-menu-promotions-container .promotion-choice {
		color: #0164b1 !important;
	}
	.header-main-menu .hp-menu-promotions-style .header-menu-promotions-container .promotion-choice:hover {
		color: #F79421 !important;
	}
	.header-main-menu .hp-menu-special-style .main-menu>img {
		height: 180px !important;
		width: 100%;
	}
	.header-main-menu .hp-menu-special-style .menu-homeservice-link {
		color: #0164b1 !important;
	}
	.header-main-menu .hp-menu-special-style .menu-homeservice-link:hover {
		color: #F79421 !important;
	}
	/* End : Header Main Menu */


	/* Begin : Header Main Menu Highlight */
	.header-highlight .wrapper{
		flex-wrap: nowrap;
		flex-direction: row;
		align-content: center;
		justify-content: space-around;
		align-items: center;
		gap: 12px;
		padding: 20px 0;
		height: 60px;
		font-size: 13px;
	}
	.header-highlight a {
		text-overflow: ellipsis; 
		overflow: hidden; 
		white-space: nowrap;
		text-decoration: unset;
	}
	/* End : Header Main Menu Highlight */

	#product-information img {
		height: unset !important;
	}

/* css document body-header-container */
.h-search_text {
	font-size: 16px;
	box-sizing: border-box;
	width: 100%;
	height: 45px;
	color: #666666;
	background: #FFFFFF;
	border: 1px solid #BFC0BF;
	border-right: none;
	border-radius: 12px 0 0 12px;
	padding: 10px 10px;
}

.h-search_text:focus {
	outline: none;
}

.h-search_text::placeholder { /* Firefox, Chrome, Opera */
	color: #BFC0BF;
}

.h-search_text:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #BFC0BF;
}

.h-search_text::-ms-input-placeholder { /* Microsoft Edge */
	color: #BFC0BF;
}

.h-icon_search {
	width: 100%;
	height: 45px;
	line-height: 45px;
	font-size: 24px;
	text-align: center;
	color: #9b9b9e;
	background-color: #ffffff;
	border-radius: 0 12px 12px 0;
	cursor: pointer;
	border-color: #bfc0bf;
	border: 1px solid #BFC0BF;
}

.header-icon-panel {
	display: flex;
	flex-direction: row;
}

#header-sticky {
	position: fixed;
	top: 0;
	z-index: 9999 !important;
	width: 100%;
	background-color: rgb(2, 101, 179);
	border-bottom: 1px solid rgba(228, 227, 228, 0.50);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	color: #FFF;
}

#header-menu-sticky {
	position: relative;
}

#header-sticky .header-logo {
	padding: 0;
}

#header-sticky a.main-menu {
	color: #FFF !important;
}

#header-sticky .ui.simple.item {
	display: flex;
	white-space: nowrap;
}

#header-sticky .header-logo .logo {
	width: 115px;
	margin: 0;
}

#header-sticky #header-main-menu {
	width: 40%;
	margin: 0;
	padding-left: 20px;
}
#header-sticky .mainmenu-item.keep-sticky {
	padding: 20px;
}
#header-sticky .mainmenu-item.keep-sticky:first {
	padding-left: 0;
}


#header-sticky .h-dropdown-content {
	position: absolute;
	left: 0;
	top: 60px;
	width: 100%;
}

#header-main-menu-container {
	position: relative;
}
#header-sticky i {
	color: #fff;
}
#header-sticky a.main-menu + i {
	margin-top: 3px;
}

/* SBC : User popup menu */
#mini-user {
	padding: 0;
}
#mini-user ul {
	list-style: none;
	display: flex;
	flex-direction: column;
	padding: 0;
	width: 236px;
}
#mini-user ul a {
	display: flex;
	flex-direction: row;
	gap: 16px;
	padding: 0;
}
#mini-user ul li a {
	padding: 8px 16px;
}
#mini-user ul li a:hover {
	background: var(--Primary-Color-Deep-blue-100, #EEF7FF);
	color:var(--primary-color-deep-blue-800);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Prompt;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

/* EBC : User popup menu */

/* SBC : Noti menu popup */
#mini-notification {
	width: 400px !important;
	padding: 0px;
	color: #515356;
	font-size: 14px !important;
}

#mini-notification>div {
	overflow: auto;
	max-height: 450px;
}

#mini-notification .mini-noti-header {
	padding: 14px;
	font-size: 14px;
	border-bottom: 1px solid #eaeaea;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	background-color: #FFF;
	border-radius: 6px 6px 0 0;
	font-weight: 600;
	box-sizing: border-box;
}

#mini-notification .mini-noti-header a:hover {
	color: #f79420;
}

#mini-notification .mini-noti-section {
	padding: 0 14px 14px;
	margin-bottom: 14px;
	border-bottom: 1px solid #eaeaea;
}

#mini-notification .mini-noti-section label {
	display: block;
	color: #000000;
	font-weight: 600;
	margin-bottom: 10px;
}

#mini-notification .mini-noti-section label i {
	color: #0867b2;
}

#mini-notification .mini-noti-section .mini-noti {
	padding: 5px 2px;
	background-color: #fff;
}

#mini-notification .mini-noti-section .mini-noti.noti-new {
	margin-bottom: 1px;
	background-color: #ebf2fa;
}

#mini-notification .mini-noti-section .mini-noti:hover,
	#mini-notification .mini-noti-section .mini-noti.noti-new:hover {
	background-color: #fdecd8;
}

#mini-notification .mini-noti-section .item {
	line-height: 1.5;
}

#mini-notification .mini-noti-section .item img {
	width: 40px;
	height: 40px;
	object-fit: cover;
	margin-right: 10px;
	border: 1px solid #eee;
}

#mini-notification .mini-noti-section .item .header.sub {
	color: #0867b2;
	font-size: smaller;
}

#mini-notification ::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 10px;
	height: 10px;
}

#mini-notification ::-webkit-scrollbar-thumb {
	cursor: pointer;
	border-radius: 5px;
	background: rgba(0, 0, 0, .25);
	-webkit-transition: color .2s ease;
	transition: color .2s ease;
}

#mini-notification ::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, .1);
	border-radius: 0;
}
/* EBC : Noti menu popup */


/* SBC : Modal */
.ui.modal.account-modal {
	background: var(--neutral-colors-white, #FFF);
	padding: 48px;
	border-radius: 10px;
	width: 604px;
}
.ui.modal.account-modal form {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.ui.modal.account-modal .header {
	width: 100%;
	display: flex;
	align-content: center;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-direction: row;
	align-items: center;
	column-gap: 32px;
}
.ui.modal.account-modal .header .header-text {
	color: var(--neutral-colors-gray-800, #525255);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Prompt;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	flex: 1;
}
.ui.modal.account-modal .header .close {
	cursor: pointer;
}
.ui.modal.account-modal .content {
	width: 100%;
	color: var(--neutral-colors-gray-800, #525255);
	font-family: Prompt;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.ui.modal.account-modal .content > .description {
	margin-top: 24px;
	margin-bottom: 24px;
}
.ui.modal.account-modal .actions {
	width: 100%;
	display: flex;
	justify-content: center;
	gap: 20px;
	margin-top: 16px;
	flex-direction: column;
}
.ui.modal.account-modal.change-password .actions {
	margin-top: 40px;
}
.ui.modal.account-modal .actions button {
	display: flex;
	height: 48px;
	padding: 10px 24px 11px 24px;
	justify-content: center;
	align-items: center;
	margin: 0 !important;
	text-align: center;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Prompt;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	flex: 1;
}
.ui.modal.account-modal .actions button.confirm {
	border-radius: 10px;
	background: var(--primary-color-deep-blue-800);
	color: var(--neutral-colors-white, #FFF);
}
.ui.modal.account-modal .actions button.dismiss {
	border-radius: 10px;
	border: 1px solid var(--neutral-colors-gray-700, #88888C);
	background: var(--neutral-colors-white, #FFF);
	color: var(--neutral-colors-gray-800, #525255);
}
.ui.modal.account-modal form .field.error label {
	color: var(--neutral-colors-gray-800, #525255);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Prompt;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.ui.modal.account-modal form .field.error input {
	border: 1px solid var(--secondary-color-red-500, #DA3731);
	background: var(--neutral-colors-white, #FFF);
}
.ui.modal.account-modal form .field .error-message {
	display: none;
	padding: 4px 16px;
	font-size: 12px;
	color: #DA3731;
}
.ui.modal.account-modal form .field.error .error-message {
	display: block;
}

.ui.modal.account-modal.change-password .field.forgot {
	display: flex;
	justify-content: flex-end;
}
.ui.modal.account-modal.change-password .field.forgot a {
	color: var(--primary-color-orange-600, #FF9010);
	text-align: right;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Prompt;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-decoration-line: underline;
}
.ui.modal.account-modal.change-password .ui.action.input {
	position: relative;
}
.ui.modal.account-modal.change-password .ui.action.input input:focus {
	width: 100%;
	border-radius: 10px !important;
	border: 1px solid var(--neutral-colors-gray-700, #88888C) !important;
}
.ui.modal.account-modal.change-password .ui.action.input button {
	position: absolute;
	background: unset;
	padding: 0;
	right: 16px;
	top: 16px;
}
.ui.modal.account-modal.change-password .ui.action.input>.ui.button {
	border: unset !important;
}
.ui.modal.account-modal.change-password .ui.action.input i.icon.eye::before {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M1 9C1 9 3.90909 3 9 3C14.0909 3 17 9 17 9C17 9 14.0909 15 9 15C3.90909 15 1 9 1 9Z" stroke="%2399999C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 11C10.1046 11 11 10.1046 11 9C11 7.89543 10.1046 7 9 7C7.89543 7 7 7.89543 7 9C7 10.1046 7.89543 11 9 11Z" stroke="%2399999C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.ui.modal.account-modal.change-password .ui.action.input i.icon.eye.slash::before {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><g clip-path="url(%23clip0_2728_663726)"><path d="M13.4551 13.4551C12.173 14.4323 10.6119 14.9737 9.00006 15.0001C3.75002 15.0001 0.75 9.00006 0.75 9.00006C1.68292 7.26147 2.97687 5.74249 4.54503 4.54503M7.42504 3.18002C7.9413 3.05918 8.46985 2.99877 9.00006 3.00002C14.2501 3.00002 17.2501 9.00006 17.2501 9.00006C16.7948 9.85177 16.2519 10.6536 15.6301 11.3926M10.5901 10.5901C10.3841 10.8111 10.1357 10.9884 9.85968 11.1114C9.58368 11.2344 9.28573 11.3005 8.98362 11.3058C8.68151 11.3112 8.38142 11.2556 8.10126 11.1424C7.82109 11.0293 7.56659 10.8608 7.35293 10.6472C7.13927 10.4335 6.97084 10.179 6.85767 9.89886C6.74451 9.61869 6.68893 9.3186 6.69426 9.01649C6.6996 8.71438 6.76572 8.41644 6.8887 8.14044C7.01168 7.86444 7.18898 7.61604 7.41004 7.41005" stroke="%2399999C" stroke-width="1.50001" stroke-linecap="round" stroke-linejoin="round"/><path d="M0.75 0.75L17.2501 17.2501" stroke="%2399999C" stroke-width="1.50001" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_2728_663726"><rect width="18.0001" height="18.0001" fill="white"/></clipPath></defs></svg>');
}

.ui.modal.account-modal.delete-account .grouped.fields {
	margin: 0;
}
.ui.modal.account-modal.delete-account .ui.form .field {
	margin: 0;
	margin-bottom: 24px;
}
/* EBC : Modal */

/* SBC : Coupon */
.coupon-card {
	position: relative;
	overflow-x: hidden;
}

.coupon-card .counpon-expire,
.coupon-card .counpon-used {
	display: none;
	color: #DA3731;
	font-size: 12px;
	font-weight: normal;
}

.coupon-card.disabled .counpon-expire,
.coupon-card.used .counpon-used {
	display: block;
}
.coupon-card .container {
	width: 410px;
	min-height: 90px;
	border-radius: 10px;
	border: 1px solid var(--neutral-colors-gray-400, #E0E0E3);
	padding: 12px 16px;
	background-color: #fff;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	align-content: center;
	gap: 12px;
}
.coupon-card.disabled .image,
.coupon-card.used .image {
	filter: grayscale(1);
	opacity: .6;
}
.coupon-card::before{
	content: '';
	position: absolute;
	top: calc(50% - 7px);
	display: block;
	left: -7px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: 1px solid var(--neutral-colors-gray-400, #E0E0E3);
	background-color: #fff;
}
.coupon-card::after {
	content: '';
	position: absolute;
	top: calc(50% - 7px);
	display: block;
	right: -7px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: 1px solid var(--neutral-colors-gray-400, #E0E0E3);
	background-color: #fff;
}
.coupon-card .container .images .image {
	width: 56px;
	height: 56px;
	padding: 4px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border-radius: 10px;
	border: 1px solid var(--Neutral-Colors-Gray-400, #E0E0E3);
}
.coupon-card .container .detail {
	display: flex;
	flex-direction: column;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 4px;
	width: 100%;
}
.coupon-card .container .detail .title {
	color: var(--Neutral-Colors-Gray-800, #525255);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Prompt;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align: left;
	max-height: 48px;
	overflow: hidden;
}
.coupon-card .container .detail .desc {
	color: var(--Neutral-Colors-Gray-800, #525255);
	font-family: Prompt;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align: left;
	max-height: 55px;
	overflow: hidden;
}
.coupon-card .container .detail .bottom {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	width: 100%;
}
.coupon-card .container .detail .bottom .exp {
	color: var(--Neutral-Colors-Gray-700, #88888C);
	font-family: Prompt;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.coupon-card .container .detail .bottom .view,
.coupon-card.collect .container .actions .view {
	color: var(--Neutral-Colors-Gray-800, #525255);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Prompt;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-decoration-line: underline;
	cursor: pointer;
}
.coupon-card.collect .container .actions {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	flex-wrap: wrap;
	min-height: 68px;
	align-content: flex-end;
	justify-content: space-between;
}
.coupon-card.collect .container .actions .ui.button {
	width: 78px;
	height: 40px;
	padding: 4px 8px;
	font-size: 14px;
	font-weight: 700;
	color: var(--neutral-colors-white, #FFF);
	border-radius: 8px;
	border: 0;
	background: var(--primary-color-deep-blue-800);
	margin: 0;
}
.coupon-card.collect .container .actions .ui.button.disable {
	color: var(--White, #FFF);
	background: var(--Neutral-Colors-Gray-500, #CDCDD0);
	cursor: default;
}
.coupon-card.collect .container .images,
.coupon-card.collect .container .actions {
	flex: 1;
}
.coupon-card.collect .container .detail {
	flex: 4;
}
/* EBC : Coupon */

/* SBC : css document homecard */
.h-btn_homecard {
	text-align: center;
	vertical-align: middle;
	letter-spacing: 1.6px;
	background-color: #0867B2;
	border-radius: 10px !important;
	color: var(--neutral-colors-white);
	text-align: center;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	display: flex;
	width: 308px;
	padding: 11px 16px 12px 16px;
	justify-content: center;
	align-items: center;
	gap: 8px;
}

.h-btn_homecard:hover {
	color: var(--neutral-colors-white);
	background: var(--primary-colors-orange);
}

.h-btn_homecard.cancel {
	border-radius: 10px;
	border: 1px solid var(--Neutral-Colors-Gray-400, #E0E0E3);
	background: var(--Neutral-Colors-White, #FFF);
	color: var(--Neutral-Colors-Gray-800, #525255);
}

.h-btn_homecard.cancel:hover  {
	color: var(--neutral-colors-white);
	background: var(--primary-colors-orange);
}

.h-btn_homecard_input {
	font-size: 16px;
	box-sizing: border-box;
	width: 100%;
	height: 45px;
	color: #515356;
	background: #FFFFFF;
	border: 1px solid #D7D8D7;
	border-right: none;
	border-radius: 8px 0 0 8px;
	padding: 10px 10px;
}

.h-btn_homecard_input:focus {
	outline: none;
}

.homecard-register .header div {
	color: var(--Neutral-Colors-Gray-800, #525255) !important;
	text-align: center !important;
	font-size: 44px !important;
	font-style: normal !important;
	font-weight: 700 !important;
	line-height: normal !important;
}
.homecard-register .header #homecard-title {
	font-size: 18px !important;
	font-weight: 400 !important;
}
.homecard-register label {
	color: var(--Neutral-Colors-Gray-800, #525255) !important;
	font-size: 18px !important;
	font-style: normal !important;
	font-weight: 700 !important;
	line-height: normal !important;
}
.homecard-register input::placeholder {
	color: var(--neutral-colors-gray-600) !important;
	white-space: nowrap !important;
	font-size: 18px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: normal !important;
}
.homecard-register input, .homecard-register .ui.search.dropdown>input.search {
	height: 48px !important;
	padding: 11px 16px !important;
	border-radius: 10px !important;
	border: 1px solid var(--Neutral-Colors-Gray-800, #99999C) !important;
}
.homecard-register input, .homecard-register .ui.search.dropdown>.text {
	color: var(--neutral-colors-gray-800) !important;
	white-space: nowrap !important;
	font-size: 18px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: normal !important;
}
.homecard-register .ui.selection.dropdown {
	border: none;
}
/* EBC : css document homecard */

/* SBC : Forget PWD */
.modal.signin-signup {
	padding: 24px;
}
.modal.signin-signup .header {
	color: var(--Neutral-Colors-Gray-800, #525255) !important;
	font-size: 32px !important;
	font-style: normal !important;
	font-weight: 700 !important;
	line-height: normal !important;
}

.modal.signin-signup .header-desc {
	color: var(--Neutral-Colors-Gray-800, #525255);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.modal.signin-signup>.actions {
	background: none;
}
/* EBC : Forget PWD */

.ui.primary.button {
	border-radius: 10px;
	background: var(--primary-color-deep-blue-800);
}

.accordion .title.active .angle.down.icon{
	transform: rotate(180deg);
}

/* SBC : Product Card Home Page */
.home-page .product-plp-card .plp-card-bottom .cart .add-to-cart {
	padding: 0px;
}
.home-page .product-plp-card .plp-card-bottom .cart .add-to-cart .btn {
	background-size: 24px 24px;
}
.home-page .product-plp-card .plp-card-bottom .info-atlast .pcompare-btn {
	display: none;
}
/* EBC : Product Card Home Page */

/* SBC : Swap Tab */
.swap-tab {
	border-bottom: 1px solid #E0E0E3;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: space-between;
	align-items: flex-start;
	gap: 16px;
}
.swap-tab .item {
	display: inline-block;
	font-size: 16px;
	color: var(--neutral-colors-gray-800, #525255);
	padding-bottom: 14px;
	cursor: pointer;
}
.swap-tab .item.active {
	margin-bottom: -1.5px;
	font-weight: 600;
	color: var(--primary-color-deep-blue-800);
	border-bottom: 2px solid var(--primary-color-deep-blue-800);
}
.swap-tab .more-tab {
	margin-right: 0;
	padding: 0;
	font-size: 16px;
	font-weight: 400;
	color: var(--neutral-colors-gray-800, #525255);
	text-decoration-line: none;
}
/* EBC : Swap Tab */
/*  SEO  */
.morelink {
	display: block;
	margin-top: 34px;
	font-family: var(--fontFamily);
	font-size: 18px;
	font-weight: 600;
	text-decoration-line: underline;
	color: #F79421;
}

.sale-page .product-plp-card {
	width: calc(100% / 5 - 10px);
	vertical-align: top;
}
/* eco */
.eco-page .banner > div {
	width: 1280px;
	height: 300px;
	margin: 20px auto 0;
	background-position: center;
	background-size: auto 300px;
	border-radius: 10px;
}

.account-modal.logout .description {
	font-size: 20px !important;
	margin-top: 0 !important;
}

.pushable>.pusher:not(.overflowing) {
	overflow: unset !important;
}
/* search */
.main-plp-search-result-header h1 {
	display: inline-block;
	font-size: 22px;
}

/* SBC : Product card add on icon */
.top-label-container {
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	flex-direction: column;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: flex-start;
	row-gap: 6px;
}
.top-label-container .top-label {
	position: unset !important;
}
.top-label-container .top-label.add-icon {
	padding: 0;
	height: 30px;
	display: flex;
	flex-wrap: wrap;
	margin-left: 6px;
}
.top-label-container .top-label.add-icon.top-icon-2 {
	padding: 0;
	height: 30px;
	display: flex;
	margin-top: 3px;
	flex-wrap: wrap;
	margin-left: 6px;
}
.top-label-container .top-label.add-icon img {
	max-height: 30px;
}
.top-label-container .top-label .item {
	background-repeat: no-repeat;
	background-size: contain;
	width: 60px;
	height: 30px;
}
/* EBC : Product card add on icon */

/* SBC : Tool Tip Fly out */
.tool-tip-banner {
	cursor: pointer;
	width:100%;
	margin-bottom:0px;
}
.tool-tip-banner > img {
	width: 100%;
	border-radius: 10px;
}
.tool-tip-data {
	display: none;
}
.tool-tip-flyout {
	width: auto !important;
}
.tool-tip-flyout > .header {
	width: 100%;
	display: flex !important;
	justify-content: space-between !important;
	border: unset !important;
	padding: 40px 24px 0 24px !important;
}
.tool-tip-flyout .header .icon-container {
	width: 50%;
}
.tool-tip-flyout .header svg {
	cursor: pointer;
}
.tool-tip-flyout .scrolling.content {
	padding: 24px !important;
	display: flex;
	align-content: flex-start;
	justify-content: center;
	align-items: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	min-height: unset !important;
}
.tool-tip-flyout .success-container {
	display: flex;
	padding: 0 !important;
	flex-direction: column;
	flex-wrap: wrap;
	max-width: 600px;
}
.tool-tip-flyout .success-container img {
	border-radius: 10px;
}
/* EBC : Tool Tip Fly out */
.ui.overlay.flyout {
	z-index: 999999;
}
/* SBC : Product card S4 */
.product-card-mkp-s4 {
	display: flex;
	width: 320px;
	height: 110px;
	padding: 8px;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
	border-radius: 10px;
	border: 1px solid var(--neutral-colors-gray-400, #E0E0E3);
	background: var(--neutral-colors-white, #FFF);
	box-sizing: border-box;
}
.product-card-mkp-s4 .img {
	width: 87px;
	height: 87px;
	flex-shrink: 0;
}
.product-card-mkp-s4 .img img {
	border-radius: 10px;
}
.product-card-mkp-s4 .detail {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
}
.product-card-mkp-s4 .detail .name {
	max-height: 40px;
	max-width: 200px;
	align-self: stretch;
	overflow: hidden;
	color: var(--neutral-colors-gray-800, #525255);
	font-feature-settings: 'clig' off, 'liga' off;
	text-overflow: ellipsis;
	font-family: Prompt;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	display: flex;
	align-content: flex-start;
	flex-wrap: wrap;
	text-align: left;
}
.product-card-mkp-s4 .pricing .price {
	color: var(--secondary-color-red-500, #DA3731);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Prompt;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align: left;
}
.product-card-mkp-s4 .pricing .original-price {
	color: var(--neutral-colors-gray-600);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Prompt;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align: left;
}
.product-card-mkp-s4 .pricing .normal-price {
	color: var(--neutral-colors-gray-600);
	font-family: Prompt;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-decoration-line: strikethrough;
	text-decoration: line-through;
	text-align: left;
}
.product-card-mkp-s4 .pricing .normal-price span.discount-tag {
	display: inline-block;
	text-decoration: none;
	background-image: url('https://static.homepro.co.th/assets/images/mkp/discount-pointing.png');
	background-repeat: no-repeat;
	width: 32px;
	height: 16px;
	font-size: 8px;
	font-weight: 400;
	color: #fff;
	padding: 0px 7px;
	margin-left: 5px;
	line-height: 16px;
}
.product-card-mkp-s4 .pricing .reduced-price {
	color: var(--neutral-colors-gray-600);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Prompt;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align: left;
}
.product-card-mkp-s4 .pricing .scale-price {
	color: var(--neutral-colors-gray-600);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Prompt;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align: left;
}
.product-card-mkp-s4 .pricing .online-discount {
	color: var(--neutral-colors-gray-600);
	font-size: 10px;
	font-weight: normal;
}
.product-card-mkp-s4 .pricing .offer-price {
	color: var(--neutral-colors-gray-600);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Prompt;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.product-card-mkp-s4 .outofstock-price {
	color: var(--neutral-colors-gray-600);
	font-size: 14px;
	font-weight: normal;
}
.product-card-mkp-s4 .bottom-box {
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
}
.product-card-mkp-s4 .bottom-box .add-to-cart {
	width: 40px;
	height: 40px;
	cursor: pointer;
}
/* EBC : Product card S4 */