@charset "UTF-8";
/* CSS Document */
/* Color :#0867B2, #F79420 */
@font-face {
	font-family: myFirstFont;
	src: url(sansation_light.woff);
}

h1, h2, h3, h4, h5, .ui.menu {
	font-family: var(--fontFamily) !important;
}

a, a:hover {
	color: var(--primary-colors-orange);
}

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;
}

.ui.ui.blue.menu .active.item, .ui.ui.blue.menu .active.item:hover, .ui.ui.ui.menu .blue.active.item {
	color: var(--primary-colors-orange);
}

.ui.orange.button, .ui.orange.buttons .button {
	background-color: var(--primary-colors-orange);
}

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: #e0e0df;
}

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: var(--primary-colors-blue);
	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: var(--primary-colors-orange);
}

.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;
}

.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: var(--primary-colors-orange);
	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;
}

.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: var(--primary-colors-orange);
}

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

.header-highlight {
	background-color: var(--neutral-colors-gray-100);
	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: var(--primary-colors-orange);
}

.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-colors-orange) !important;
}

.top-section .seemore a {
	font-family: var(--fontFamily);
	color: var(--primary-colors-orange);
	font-size: 18px;
	font-weight: 600;
	text-decoration-line: underline;
}

.top-section .section-see-more a {
	font-family: var(--fontFamily);
	color: var(--primary-colors-orange);
	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-colors-blue);
	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: var(--primary-colors-orange);
	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-colors-blue);
	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: var(--primary-colors-orange);
	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-colors-blue);
	padding-top: 60px;
	padding-bottom: 40px;
}

.footer-detail {
	display: flex;
	font-family: var(--fontFamily);
	justify-content: space-evenly;
}

.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: var(--primary-colors-orange);
}

.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: var(--primary-colors-orange);
}

.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(#e07157, #BF3C1D);
	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: var(--primary-colors-orange);
	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: var(--primary-colors-orange);
	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: var(--primary-colors-orange);
}

.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: 490px;
	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;
}

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

.plp-card-top .banner-bottom .item {
	width: 26px;
}

.plp-card-top .banner-bottom .item img {
	width: 100%;
}

.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: var(--primary-colors-orange);
}

.product-plp-card .plp-card-top .top-label.blue.blue, .item-compare .plp-card-top .top-label.blue.blue
	{
	background: var(--primary-colors-blue);
}

.product-plp-card .plp-card-top .promotion {
	position: absolute;
	bottom: 13px;
	left: 13px;
}

.product-plp-card .plp-card-top .promotion-tag {
	position: absolute;
	left: 0;
	bottom: -1px;
	z-index: 1;
	width: 66px;
	height: 36px;
}

.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-200);
}

.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 {
	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 {
	color: var(--primary-colors-blue);
	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;
}
/* 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(--primary-colors-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-colors-orange);
	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 */
.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, var(--primary-colors-blue));
	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, var(--primary-colors-blue));
	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, var(--primary-colors-blue));
	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: #e0e0df;
	color: var(--primary-colors-blue);
}

.add-to-cart-flyout .badge .ui.ui.ui.orange.label {
	background-color: #FFF3E5;
	color: var(--primary-colors-orange);
}

.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-colors-blue, var(--primary-colors-blue));
}

.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-colors-blue, var(--primary-colors-blue));
	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: var(--primary-colors-orange) !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: var(--primary-colors-orange) !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: var(--primary-colors-orange) !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: var(--primary-colors-orange) !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: var(--primary-colors-orange) !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: var(--primary-colors-orange) !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: var(--primary-colors-blue);
	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;
	color: var(--primary-colors-orange);
}

#mini-user ul li a:hover {
	background: var(--neutral-colors-gray-100);
	color: var(--primary-colors-orange);
	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 {
	color: var(--primary-colors-orange);
}
#mini-notification .mini-noti-header a:hover {
	color: var(--primary-colors-orange);
}

#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: var(--primary-colors-blue);
}

#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, var(--primary-colors-blue));
	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;
}

.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;
}

.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, var(--primary-colors-blue));
	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: var(--primary-color-deep-blue-800);
	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);
}

.ui.primary.button:hover, .ui.primary.buttons .button:hover, .ui.primary.button:focus {
	background: var(--primary-color-deep-blue-700);
}

.ui.primary.button:active, .ui.primary.buttons .button:active {
	background: var(--primary-color-deep-blue-800);
}

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

/* SBC : Product Card Home Page */
.home-page main {
	padding-bottom: 30px;
}

.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 */

.section-items-tab {
	margin-top: 20px;
}

/* 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, var(--primary-colors-blue));
	border-bottom: 2px solid var(--primary-colors-blue);
}

.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: var(--primary-colors-orange);
}

.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;
}

.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 */

.ui.breadcrumb a {
	color: var(--primary-colors-orange) !important;
}

.ga-shop4you-logo {
	display: none;
}